/* Eric Meyer's CSS Reset */

// html,
// body,
// div,
// span,
// applet,
// object,
// iframe,
// h1,
// h2,
// h3,
// h4,
// h5,
// h6,
// p,
// blockquote,
// pre,
// a,
// abbr,
// acronym,
// address,
// big,
// cite,
// code,
// del,
// dfn,
// em,
// img,
// ins,
// kbd,
// q,
// s,
// samp,
// small,
// strike,
// strong,
// sub,
// sup,
// tt,
// var,
// b,
// u,
// i,
// center,
// dl,
// dt,
// dd,
// 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 {
// 	margin: 0;
// 	padding: 0;
// 	border: 0;
// 	// font-size: 100%;
// 	// font: inherit;
// }
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
	// font-family: Garamond;
}
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
}














/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
.noUi-target,.noUi-target *{
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-ms-touch-action:none;
	touch-action:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}.noUi-target{
	position:relative;
	direction:ltr
}
.noUi-base{
	width:100%;
	height:100%;
	position:relative;
	z-index:1
}
.noUi-connect{
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0
}
.noUi-origin{
	position:absolute;
	height:0;
	width:0
}.noUi-handle{
	position:relative;
	z-index:1
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin{
	-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;
	transition:top .3s,right .3s,bottom .3s,left .3s
}
.noUi-state-drag *{
	cursor:inherit!important
}
.noUi-base,.noUi-handle{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.noUi-horizontal{height:18px}

.noUi-horizontal .noUi-handle{
	width:34px;
	height:28px;
	left:-17px;
	top:-116px
}
.noUi-vertical{
	width:18px
}
.noUi-vertical .noUi-handle{
	width:28px;
	height:34px;
	left:-6px;
	top:-17px
}
.noUi-target{
	background:#FAFAFA;
	border-radius:4px;
	border:1px solid #D3D3D3;
	box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}.noUi-connect{
	background:#3FB8AF;
	box-shadow:inset 0 0 3px rgba(51,51,51,.45);
	-webkit-transition:background 450ms;
	transition:background 450ms
}
.noUi-draggable{
	cursor:ew-resize
}
.noUi-vertical .noUi-draggable{
	cursor:ns-resize
}
.noUi-handle{
	border:1px solid #D9D9D9;
	border-radius:3px;
	background:#FFF;
	cursor:default;
	box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}
.noUi-active{
	box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}
.noUi-handle:after,.noUi-handle:before{
	content:"";
	display:block;
	position:absolute;
	height:14px;
	width:1px;
	background:#E8E7E6;
	left:14px;top:6px
}
.noUi-handle:after{
	left:17px
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before{
	width:14px;
	height:1px;
	left:6px;
	top:14px
}
.noUi-vertical .noUi-handle:after{
	top:17px
}
[disabled] .noUi-connect{
	background:#B8B8B8
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target{
	cursor:not-allowed
}.noUi-pips,.noUi-pips *{
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.noUi-pips{
	position:absolute;
	color:#999
}.noUi-value{
	position:absolute;
	text-align:center
}
.noUi-value-sub{
	color:#ccc;
	font-size:10px
}
.noUi-marker{
	position:absolute;
	background:#CCC
}
.noUi-marker-large,
.noUi-marker-sub{
	background:#AAA
}.noUi-pips-horizontal{
	padding:10px 0;
	height:80px;
	top:100%;
	left:0;
	width:100%
}
.noUi-value-horizontal{
	-webkit-transform:translate3d(-50%,50%,0);
	transform:translate3d(-50%,50%,0)
}
.noUi-marker-horizontal.noUi-marker{
	margin-left:-1px;
	width:2px;
	height:5px
}
.noUi-marker-horizontal.noUi-marker-sub{
	height:10px
}
.noUi-marker-horizontal.noUi-marker-large{
	height:15px
}
.noUi-pips-vertical{
	padding:0 10px;
	height:100%;
	top:0;
	left:100%
}
.noUi-value-vertical{
	-webkit-transform:translate3d(0,50%,0);
	transform:translate3d(0,50%,0);
	padding-left:25px
}
.noUi-marker-vertical.noUi-marker{
	width:5px;
	height:2px;
	margin-top:-1px}
.noUi-marker-vertical.noUi-marker-sub{
	width:10px
}
.noUi-marker-vertical.noUi-marker-large{
width:15px
}
.noUi-tooltip{
	display:block;
	position:absolute;
	border:1px solid #D9D9D9;
	border-radius:3px;
	background:#fff;
	color:#000;
	padding:5px;
	text-align:center
}
.noUi-horizontal .noUi-tooltip{
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	left:50%;
	bottom:120%
}
.noUi-vertical .noUi-tooltip{
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	top:50%;
	right:120%
}
























/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

   /* Hide scroll bar */

   html.remodal-is-locked {
   	overflow: hidden;

   	-ms-touch-action: none;
   	touch-action: none;
   }

   /* Anti FOUC */

   .remodal,
   [data-remodal-id] {
   	display: none;
   }

   /* Necessary styles of the overlay */

   .remodal-overlay {
   	position: fixed;
   	z-index: 9999;
   	top: -5000px;
   	right: -5000px;
   	bottom: -5000px;
   	left: -5000px;

   	display: none;
   }

   /* Necessary styles of the wrapper */

   .remodal-wrapper {
   	position: fixed;
   	z-index: 10000;
   	top: 0;
   	right: 0;
   	bottom: 0;
   	left: 0;

   	display: none;
   	overflow: auto;

   	text-align: center;

   	-webkit-overflow-scrolling: touch;
   }

   .remodal-wrapper:after {
   	display: inline-block;

   	height: 100%;
   	margin-left: -0.05em;

   	content: "";
   }

   /* Fix iPad, iPhone glitches */

   .remodal-overlay,
   .remodal-wrapper {
   	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
   }

   /* Necessary styles of the modal dialog */

   .remodal {
   	position: relative;

   	outline: none;

   	-webkit-text-size-adjust: 100%;
   	-ms-text-size-adjust: 100%;
   	text-size-adjust: 100%;
   }

   .remodal-is-initialized {
   	/* Disable Anti-FOUC */
   	display: inline-block;
   }
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

   /* Default theme styles for the background */

   .remodal-bg.remodal-is-opening,
   .remodal-bg.remodal-is-opened {
   	-webkit-filter: blur(3px);
   	filter: blur(3px);
   }

   /* Default theme styles of the overlay */

   .remodal-overlay {
   	background: rgba(43, 46, 56, 0.9);
   }

   .remodal-overlay.remodal-is-opening,
   .remodal-overlay.remodal-is-closing {
   	-webkit-animation-duration: 0.3s;
   	animation-duration: 0.3s;
   	-webkit-animation-fill-mode: forwards;
   	animation-fill-mode: forwards;
   }

   .remodal-overlay.remodal-is-opening {
   	-webkit-animation-name: remodal-overlay-opening-keyframes;
   	animation-name: remodal-overlay-opening-keyframes;
   }

   .remodal-overlay.remodal-is-closing {
   	-webkit-animation-name: remodal-overlay-closing-keyframes;
   	animation-name: remodal-overlay-closing-keyframes;
   }

   /* Default theme styles of the wrapper */

   .remodal-wrapper {
   	padding: 10px 10px 0;
   }

   /* Default theme styles of the modal dialog */

   .remodal {
   	-webkit-transform: translate3d(0, 0, 0);
   	background: #fff;
   	box-sizing: border-box;
   	color: #2b2e38;
   	margin-bottom: 10px;
   	padding: 0;
   	transform: translate3d(0, 0, 0);
   	width: 100%;
   	max-width: 400px;
   }

   .remodal.remodal-is-opening,
   .remodal.remodal-is-closing {
   	-webkit-animation-duration: 0.3s;
   	animation-duration: 0.3s;
   	-webkit-animation-fill-mode: forwards;
   	animation-fill-mode: forwards;
   }

   .remodal.remodal-is-opening {
   	-webkit-animation-name: remodal-opening-keyframes;
   	animation-name: remodal-opening-keyframes;
   }

   .remodal.remodal-is-closing {
   	-webkit-animation-name: remodal-closing-keyframes;
   	animation-name: remodal-closing-keyframes;
   }

   /* Vertical align of the modal dialog */

   .remodal,
   .remodal-wrapper:after {
   	vertical-align: middle;
   }

   /* Close button */

   .remodal-close {
   	position: absolute;
   	top: 0;
   	left: 0;

   	display: block;
   	overflow: visible;

   	width: 35px;
   	height: 35px;
   	margin: 0;
   	padding: 0;

   	cursor: pointer;
   	-webkit-transition: color 0.2s;
   	transition: color 0.2s;
   	text-decoration: none;

   	color: #95979c;
   	border: 0;
   	outline: 0;
   	background: transparent;
   }

   .remodal-close:hover,
   .remodal-close:focus {
   	color: #2b2e38;
   }

   .remodal-close:before {
   	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
   	font-size: 25px;
   	line-height: 35px;

   	position: absolute;
   	top: 0;
   	left: 0;

   	display: block;

   	width: 35px;

   	content: "\00d7";
   	text-align: center;
   }

   /* Dialog buttons */

   .remodal-confirm,
   .remodal-cancel {
   	font: inherit;

   	display: inline-block;
   	overflow: visible;

   	min-width: 110px;
   	margin: 0;
   	padding: 12px 0;

   	cursor: pointer;
   	-webkit-transition: background 0.2s;
   	transition: background 0.2s;
   	text-align: center;
   	vertical-align: middle;
   	text-decoration: none;

   	border: 0;
   	outline: 0;
   }

   .remodal-confirm {
   	color: #fff;
   	background: #81c784;
   }

   .remodal-confirm:hover,
   .remodal-confirm:focus {
   	background: #66bb6a;
   }

   .remodal-cancel {
   	color: #fff;
   	background: #e57373;
   }

   .remodal-cancel:hover,
   .remodal-cancel:focus {
   	background: #ef5350;
   }

   /* Remove inner padding and border in Firefox 4+ for the button tag. */

   .remodal-confirm::-moz-focus-inner,
   .remodal-cancel::-moz-focus-inner,
   .remodal-close::-moz-focus-inner {
   	padding: 0;

   	border: 0;
   }

/* Keyframes
========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);

		opacity: 0;
	}
	to {
		-webkit-transform: none;
		transform: none;

		opacity: 1;
	}
}

@keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);

		opacity: 0;
	}
	to {
		-webkit-transform: none;
		transform: none;

		opacity: 1;
	}
}

@-webkit-keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);

		opacity: 1;
	}
	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);

		opacity: 0;
	}
}

@keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);

		opacity: 1;
	}
	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);

		opacity: 0;
	}
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}




/* IE8
========================================================================== */

.lt-ie9 .remodal-overlay {
	background: #2b2e38;
}

.lt-ie9 .remodal {
	width: 700px;
}















.wrapper {
	width: 1200px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	max-width: 100%;
}
.clear {
	clear: both;
}
strong {
	font-weight: bold;
}
/* Header
-----------------------------------------------------------------------------*/

.container {
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
}

.header {
	clear: both;
	font-family: Calibri;
	padding: 10px;
}
.header__logo {
	float: left;
	margin-left: 60px;
	width: 400px;
}
.header__contacts {
	float: left;
	margin: 0 0 0 0;
	padding: 40px 50px 0 50px;
}
.header__callback {
	display: block;
	font-size: 15px;
	color: #000;
}
.zvon {
	color: #0093dd;
	display: block;
	font-size: 14px;
	margin: 0px 0 8px 0;
}
.header__contacts-phone {
	color: #71706e;
	display: block;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 16px 0;
	text-decoration: none;
}
.header__contacts-phone span {
	color: #0093dd;
}
#top_menu ul li {
	display: inline-block;
	padding: 10px 60px;
	border-right: 2px solid #838383;
}
#top_menu ul li.last {
	border: 0;
}
#top_menu ul li:hover a,
#top_menu ul li.active a {
	color: #0093dd;
}
#top_menu {
	background: #f5f5f5;
	clear: both;
	font-family: Calibri;
	overflow: hidden;
	padding: 10px;
}
#top_menu ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}
.counter {
	float: left;
	margin-left: 68px;
	margin-right: 30px;
}
/* Middle
-----------------------------------------------------------------------------*/

.content {
	padding: 0 70px 80px 70px;
}
.boock {
	background: url(/images/otkritaya-kniga.jpg) no-repeat center 100px;
	height: 600px;
	position: relative;
	margin: 10px 0;
	margin-bottom: -50px;
}
.boock > div a {
	color: #0093dd;
	font-size: 14px;
}
.boock > div {
	color: #222021;
	font-size: 12px;
}
.otzivy a {
	color: #0093dd;
	font-size: 14px;
	margin-bottom: 20px;
	display: block;
}
.portfolio a {
	color: #0093dd;
	font-size: 14px;
}
.voprosy a {
	color: #0093dd;
	font-size: 14px;
}
.boock .cover {
	font-family: Arial, sans-serif;
	height: auto;
	padding: 10px 15px;
	background-color: white;
	border: 1px solid #dddddd;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background-image: -moz-linear-gradient(top, white, #e7e7e7);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e7e7e7));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#e7e7e7')";
	display: inline-block;
	-webkit-box-shadow: 2px 2px 5px #686c72;
	-moz-box-shadow: 2px 2px 5px #686c72;
	box-shadow: 2px 2px 5px #686c72;
}
.boock .cover a {
	font-size: 20px;
}
.oblog {
	width: 190px;
	position: absolute;
	top: 130px;
	left: 33px;
}
.oblog img {
	position: absolute;
	right: -15px;
	top: 31px;
}
.bumag {
	width: 190px;
	position: absolute;
	top: 280px;
	left: 50px;
}
.bumag img {
	position: absolute;
	right: -16px;
	top: 55px;
}
.pezat {
	width: 220px;
	position: absolute;
	top: 5px;
	left: 650px;
}
.pezat img {
	position: absolute;
	bottom: -15px;
	left: 75px;
}
.pereplet {
	position: absolute;
	top: 29px;
	left: 380px;
}
.pereplet img {
	position: absolute;
	bottom: -16px;
	left: 140px;
}
.maket {
	width: 190px;
	position: absolute;
	right: 93px;
	top: 220px;
}
.maket img {
	position: absolute;
	left: -15px;
	top: 40px;
}
.tw-perepl {
	position: absolute;
	bottom: 96px;
	left: 540px;
}
.tw-perepl img {
	position: absolute;
	top: -15px;
}
.diz {
	position: absolute;
	bottom: 102px;
	left: 270px;
}
.diz img {
	position: absolute;
	top: -15px;
	left: 125px;
}
.kont_filials {
	clear: both;
	font-size: 28px;
	line-height: 1;
	overflow: hidden;
	padding-right: 5px;
}
span.blue {
	color: #0e78cc;
}
span.black {
	color: #000;
}
.top_map {
	margin-top: 70px;
	margin-bottom: 30px;
}
.bottom_map {
	margin-top: 70px;
}
.otziv {
	font-family: Arial, sans-serif;
	height: auto;
	padding: 10px 15px;
	background-color: white;
	border: 1px solid #dddddd;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-box-shadow: 2px 2px 5px #686c72;
	-moz-box-shadow: 2px 2px 5px #686c72;
	box-shadow: 2px 2px 5px #686c72;
	margin-bottom: 20px;
}
.otziv img {
	width: 100px;
	float: left;
}
.content p {
	font-size: 16px;
}
.opis {
	float: right;
	width: 910px;
	font-size: 16px;
}
.opis span {
	color: #0277ba;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
.portfolio-item {
	margin-right: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	height: auto;
	margin-bottom: 0;
	display: inline-block;
	width: 265px;
	height: 320px;
	float: left;
}
.portfolio-item__image-wrapper {
	margin-right: 8px;
	text-align: center;
	font-family: Arial, sans-serif;
	height: auto;
	padding: 10px 15px;
	background-color: white;
	border: 1px solid #dddddd;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-box-shadow: 2px 2px 5px #686c72;
	-moz-box-shadow: 2px 2px 5px #686c72;
	box-shadow: 2px 2px 5px #686c72;
	margin-bottom: 20px;
	display: inline-block;
	float: left;
}
.raboty, .portfolio {
	margin: 20px 0;
}
.portfolio-item__image {
	width: 224px;
}
.portfolio-item__title {
	display: block;
	color: #000;
	width: 210px;
	margin: 0 auto;
	text-align: center;
}
.portfolio-item__link {
	display: block;
	text-decoration: none;
}



.voprosy ul {
	margin: 20px 0;
}
.voprosy ul li a {
	color: #000;
	line-height: 2;
}


.article-content {
	background-image: url(/images/o-nas1.jpg);
	background-repeat: no-repeat;
	padding: 75px 150px 20px 120px;
	font-size: 14px;
	margin: 0 0 0 0;
	position: relative;
	text-align: justify;
}
.article-content p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.article-content--about {
	
}
.article-content--about p {
	max-width: 800px;
}
.text a, .article-content a {
	color: #0e78cc;
	text-decoration: none;
}
.text h1, .article-content h1 {
	color: #0e78cc;
	font-size: 25px;
	line-height: 1;
	margin-bottom: 20px;
	margin-top: 20px;
}
.article-content h2 {
	color: #0E78CC;
	font-size: 23px;
	line-height: 1;
	margin: 15px 0;
}
.pagetitle {
	box-sizing: border-box;
	color: #0e78cc;
	display: block;
	font-size: 25px;
	line-height: 1;
	margin: 20px 0 20px 0;
	text-align: center;
	font-family: Garamond;
}
.pagetitle-wrapper {
	box-sizing: border-box;
	display: block;
	margin: 20px 0 20px 0;
	overflow: hidden;
}
.pagetitle-wrapper--image .pagetitle {
	float: left;
	margin: 60px 0 0 20px;
	text-align: left;
}
.pagetitle-wrapper--image img {
	float: left;
	max-height: 130px;
	max-width: 130px;
}
@media only screen and (max-width: 800px) {
	.pagetitle-wrapper--image .pagetitle {
		margin: 0;
	}
	.pagetitle-wrapper--image img {
		display: none;
	}
}
/* <p style="padding-top: 45px;display: block;padding-left: 150px;line-height: 1; font-size: 25px;"> */

.nizy {
	background-image: url('../images/o-nas1.jpg');
	background-repeat: no-repeat;
	background-position: 0 -1000px;
	height: 170px;
	left: 0px;
	max-width: 100%;
	width: 1200px;
}

.gr {
	margin-left: 100px;
}
.gr ul li {
	display: inline-block;
	margin: 0 30px;
	box-shadow: 2px 1px 10px #000;
}
.gr ul li img {
	width: 220px;
}
.gr .voprosy ul li {
	display: block;
	box-shadow: none;
	margin: 0 0 10px 0;
}
.gr .voprosy ul li a {} .pol {
	background-image: url('../images/polosa.jpg');
	background-position: center center;
	background-repeat: repeat-x;
	clear: both;
	color: #0E78CC;
	display: block;
	font-size: 16px;
	text-align: center;
}
.pol span {
	background: #fff;
	padding: 0 20px;
}
.podmen {
	margin-bottom: 20px;
}
.podmen ul li a {
	font-size: 14px;
	color: #000;
	line-height: 2;
}
.opis p span {
	display: inline;
}
.opis p span.roz {
	color: #d61777;
}
.opis p span.zel {
	color: #00923f;
}
p {
	font-size: 22px;
	margin-bottom: 10px;
}
.niz {
	float: left;
	margin-top: -40px;
	margin-left: 23px;
	margin-bottom: 40px;
}
.glavnaya {
	color: #000;
	font-size: 14px;
	margin: 20px 0;
	display: block;
	font-size: 20px;
}
.mjagk .raboty .hide,
.tverd .raboty .hide,
.otziv.hide {
	display: none;
}
.more.hide {
	display: none;
}
.more {
	color: #0093dd;
	font-size: 14px;
}

.social-block {
	overflow: hidden;
	margin: 20px 0;
}
.social-block__share {
	float: left;
	padding: 15px;
}
.social-block__ok {
	float: left;
	font-size: 16px;
	padding: 15px;
}
.social-block__ok-image {
	margin-right: 5px;
	vertical-align: middle;
	width: 40px;
}
.social-block__ok-link {
	color: #0277ba;
}


.sovet img {
	width: 400px;
}
.opis {
	width: auto;
}
.sovet p {
	margin-bottom: 10px;
}
.sovet ul {
	margin: 20px 0;
}
.sovet td {
	vertical-align: middle;
	padding: 20px 20px;
}
.sovet {
	border-top: 2px solid #dededc;
	border-bottom: 2px solid #dededc;
}
.spisok {
	font-size: 14px;
	color: #000;
	margin: 20px 0;
	display: block;
}


.deshovai,
.optimum,
.vip {
	font-size: 14px;
	color: #000;
	line-height: 2;
}
.deshovai.color,
.optimum.color,
.vip.color {
	color: #0E78CC;
}
.form_vopros label {
	display: block;
	color: #0E78CC;
}
.form_vopros input,
.form_vopros textarea {
	background-color: white;
	border: 1px solid #DDD;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2x;
	-webkit-box-shadow: 2px 2px 5px #686c72;
	-moz-box-shadow: 2px 2px 5px #686c72;
	box-shadow: 2px 2px 5px #686c72;
}
.form_vopros textarea {
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
}
.form_vopros input {
	width: 300px;
	height: 30px;
	padding-left: 10px;
	float: left;
	margin-right: 30px;
}
.form_vopros .subeform.vopros {
	float: left;
	position: relative;
	top: -10px;
	height: 34px;
	width: 180px;
	cursor: pointer;
	padding: 0;
	border: 1px solid #B4B4B4;
	background: #DCDEDD;
	background: -moz-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DCDEDD), color-stop(25%, #F5F7F6), color-stop(75%, #E8EAE9), color-stop(100%, #F3F3F3));
	background: -webkit-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -ms-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: linear-gradient(to bottom, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DCDEDD', endColorstr='#F3F3F3', GradientType=0);
	color: #000;
}
.form_vopros.otziva input {
	float: none;
	width: 100%;
}
.form_vopros.otziva .subeform.otziva {
	height: 34px;
	width: 180px;
	cursor: pointer;
	padding: 0;
	border: 1px solid #B4B4B4;
	background: #DCDEDD;
	background: -moz-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DCDEDD), color-stop(25%, #F5F7F6), color-stop(75%, #E8EAE9), color-stop(100%, #F3F3F3));
	background: -webkit-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: -ms-linear-gradient(top, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	background: linear-gradient(to bottom, #DCDEDD 0%, #F5F7F6 25%, #E8EAE9 75%, #F3F3F3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DCDEDD', endColorstr='#F3F3F3', GradientType=0);
	color: #000;
}
.header__kalcul {
	float: left;
	margin: 0 0 0 0;
	padding: 40px 40px 0 40px;
}
.header__kalcul a {
	background: url(/images/kalk.png) no-repeat;
	display: block;
	width: 151px;
	height: 81px;
}
.header__kalcul a:hover {
	background-position: 0 -108px;
}
.error {
	color: red;
}
/* Footer
-----------------------------------------------------------------------------*/


.copyright {
	float: right;
}
.adress {
	float: left;
}
.print {
	margin-top: 50px;
	display: block;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 30px;
	font-size: 16px;
	color: #000;
}
.map {
	width: 1050px;
	margin-bottom: 30px;
	box-shadow: 0px 1px 10px;
	-webkit-box-shadow: 0px 1px 10px;
	;
	-moz-box-shadow: 0px 1px 10px;
	;
	border: 1px solid #a5a5a5;
	border-radius: 10px;
}


.call-buttons {
	background-color: #ddd;
	box-sizing: border-box;
	display: none;
	padding: 20px;
}
.call-button {
	background-color: #fff;
	border: 2px solid #aaa;
	box-sizing: border-box;
	color: #222;
	display: block;
	font-size: 14px;
	margin: 4px auto;
	max-width: 256px;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.call-button .blue {
	color: #24d;
}
.call-button:hover {
	background-color: #eee;
}


.spisok {
	font-size: 14px;
	color: #000;
	margin: 20px 0;
	display: block;
}
.spisok:hover {
	color: #0277ba;
}

.B_crumbBox {
	clear: both;
	font-family: Calibri;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	padding: 10px 15px;
}
.B_homeCrumb {
	color: #000;
	overflow: hidden;
	text-decoration: none;
}
.B_homeCrumb:hover {
	color: #0E7FD1;
}
.B_crumb {
	color: #000;
	text-decoration: none;
}
.B_crumb:hover {
	color: #0E7FD1;
}
.B_firstCrumb {
	color: #000;
	text-decoration: none;
}
.B_firstCrumb:hover {
	color: #0E7FD1;
}
.B_currentCrumb {
	color: #0E7FD1;
	text-decoration: none;
}
.B_currentCrumb:hover {
	color: #000;
}
.text_stati {
	padding-left: 100px;
	padding-right: 100px;
}
.text_stati img {
	height: auto;
	max-width: 100%;
}
.h1_do {
	float: left;
	height: 70px;
	font-family: Calibri;
	font-size: 26pt;
	color: #0E78CC;
	margin: inherit;
}
.h1_posle {
	float: left;
	height: 70px;
	font-family: Calibri;
	font-size: 26pt;
	color: #000;
	margin: inherit;
}
.top_img_stati {
	height: 130px;
	margin-bottom: 20px;
}
.top_img_stati img {
	width: 130px;
	float: left;
	margin-right: 20px;
}
.contacts {
	box-sizing: border-box;
	clear: both;
	font-size: 16px;
	overflow: hidden;
}
.contacts__col {
	box-sizing: border-box;
	display: block;
	float: left;
	overflow: hidden;
	width: 33%;
}
.text_do_i_posle {} .text_do_i_posle p {
	font-size: 16pt;
	text-align: justify;
	font-family: Calibri;
	text-indent: 1.0em;
	line-height: 1.5;
}
.text_do_i_posle h2 {
	color: #0E78CC;
	font-size: 27.4pt;
	line-height: 1;
	margin-top: 25px;
	margin-bottom: 15px;
	font-family: Calibri;
}
.text_do_i_posle ul>li {
	font-size: 16pt;
	text-align: justify;
	font-family: Calibri;
	text-indent: 1.0em;
	line-height: 1.5;
	list-style: initial;
	margin-left: 44px;
}
.text_do_i_posle ul {
	margin-bottom: 15px;
}

.header__calc {
	display: none;
}
.header__skype {
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 40px 5px 0 5px;
	width: 70px;
}
.header__skype p {
	text-decoration: none;
}

#vverh {
	bottom: 15px;
	border: 0px none;
	display: none;
	left: 15px;
	opacity: 0.9;
	outline: medium none;
	position: fixed;
	z-index: 2;
}
#vverh:hover {
	opacity: 1;
}

.footer__links {
	padding: 10px 0;
	text-align: center;
}
.footer__links ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.footer__links ul li {
	display: inline-block;
}
.footer__link {
	color: #11a4ee;
	display: block;
	font-size: 16px;
	padding: 5px 5px;
	text-decoration: none;
	font-family: Calibri;
}
.footer__links ul li.footer__li--index {
	display: none;
}
.footer__links ul li.footer__li--brand {
	display: inline-block;
}
.footer__years {
	float: none;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}
.footer__address {
	float: none;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}
.footer__creator {
	float: none;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}
.footer__contacts {
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}

/* OLD GOVNO FROM INLINE */
/* Контейнер */
.modal {
	/* Слой перекрытия */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 10000;

	/* Трансформации прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;

	/* Скрываем изначально */
	opacity: 0;
	pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
	opacity: 1;
	pointer-events: auto;
}

/* Содержание */
.modal > div {
	width: 470px;
	background: #ffffff;
	position: relative;
	margin: 10% auto;

	/* По умолчанию минимизируем анимацию */
	-webkit-animation: minimise 500ms linear;

	/* Придаем хороший вид */
	padding: 30px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
	-webkit-animation-name: bounce;
}

.modal h2 {
	font-size: 36px;
	line-height: 1;
	padding: 0 0 20px;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale3d(0.1,0.1,1);
		-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	}
	55% {
		-webkit-transform: scale3d(1.08,1.08,1);
		-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
	}
	75% {
		-webkit-transform: scale3d(0.95,0.95,1);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
	}
	100% {
		-webkit-transform: scale3d(1,1,1);
		-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	}
}

@-webkit-keyframes minimise {
	0% {
		-webkit-transform: scale3d(1,1,1);
	}
	100% {
		-webkit-transform: scale3d(0.1,0.1,1);
	}
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
	position: absolute;
	right: 0;
	top: 0;
	color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
	outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
	/*content: 'X';*/
	display: block;
	position: absolute;
	top:5px;
	right: 5px;

	/* Позиционируем */
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	padding: 1px 1px 1px 2px;

	/* Стили */
	text-decoration: none;
	text-shadow: none;
	text-align: center;
	font-weight: bold;
	background: #000;
	color: #ffffff;
	border: 3px solid #ffffff;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
	outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}


.team {
	clear: both;
	overflow: hidden;
	padding: 20px;
}
.team-item {
	box-sizing: border-box;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 0 20px 0;
	width: 50%;
}
.team-item__avatar {
	float: left;
	height: 150px;
	margin: 0 10px 0 0;
	width: 150px;
}
.team-item__legend {
	margin: 0 0 0 160px;
}
.team-item__fio {
	
}
.team-item__post {
	color: #0e78cc;
}


.index-articles {
	clear: both;
	display: block;
	margin: 22px 0;
	overflow: hidden;
}
.index-article {
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0 0 17px 0;
	padding: 5px;
	width: 33%;
}
.index-article a {
	color: #0E78CC;
	display: block;
	text-align: center;
}
.index-article a p {
	font-size: 21px;
	text-align: center;
	line-height: 1.2;
	height: 46px;
}
.index-article>p {
	display: none;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
}
.index-article img {
	width: 100%;
}
.index-article>p {
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
}






.articles {
	clear: both;
	display: block;
	margin: 22px 0;
	overflow: hidden;
}
.article-item {
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0 0 17px 0;
	padding: 5px;
	width: 33%;
}
.article-item a {
	color: #0E78CC;
	display: block;
	text-align: center;
}
.article-item a p {
	font-size: 21px;
	text-align: center;
	line-height: 1.2;
	height: 46px;
}
.article-item > p {
	display: none;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
}
.article-item img {
	width: 100%;
}
.article-item > p {
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
}





.manufacture {
	clear: both;
	overflow: hidden;
	padding: 20px;
}
.manufacture-item {
	box-sizing: border-box;
	float: left;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 10px;
	width: 50%;
}
.manufacture-item figure {
	
}
.manufacture-item figure img {
	width: 100%;
}
.manufacture-item figure figcaption {
	font-size: 16px;
	min-height: 50px;
	padding: 4px 0;
	text-align: center;
}



/* MEDIA 1200px и меньше */
@media only screen and (max-width: 1200px) {
	.wrapper {
		width: 100%;
	}
	
	.boock {
		display: none;
	}
}






/* MEDIA 1152px и меньше */
@media only screen and (max-width: 1152px) {
	.header__logo {
		float: left;
		margin: 0 0 0 0;
		width: 300px;
	}
	.header__logo-image {
		width: 100%;
	}
	.header__kalcul {
		padding: 10px 40px 0 40px;
	}
	.header__contacts {
		float: left;
		margin: 0 0 0 0;
		padding: 10px 50px 0 50px;
	}
	.header__skype {
		float: left;
		height: 100px;
		overflow: hidden;
		padding: 10px 5px 0 5px;
		width: 70px;
	}
	
	#top_menu ul li {
		display: inline-block;
		padding: 10px 40px;
		border-right: 2px solid #838383;
	}
}







/* MEDIA 960px и меньше */
@media only screen and (max-width: 960px) {
	.wrapper {
		width: 100%;
	}
	.content {
		padding: 0 20px;
	}
	.container {
		margin: 0 auto;
		width: 100%;
	}
	/**
	 *Header
	 */
	 .header {
	 	box-sizing: border-box;
	 	margin: 0 0 20px 0;
	 	position: relative;
	 }
	 .header__logo {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	margin: 0 auto 0 auto;
	 	padding: 0 10px 0 10px;
	 	width: 50%;
	 }
	 .header__logo-image {
	 	width: 100%;
	 }

	 .header__kalcul {
	 	display: none;
	 }
	 .header__contacts {
	 	box-sizing: border-box;
	 	float: left;
	 	margin: 0 0 0 0;
	 	padding: 20px 30px 10px 15px;
	 	text-align: right;
	 	width: 50%;
	 }
	 .header__callback {
	 	color: #000;
	 	display: block;
	 	font-size: 15px;
	 }
	 .header__calc {
	 	bottom: -15px;
	 	box-sizing: border-box;
	 	clear: both;
	 	display: block;
	 	height: 30px;
	 	position: absolute;
	 	text-align: center;
	 	width: 100%;
	 }
	/*.header__calc-container {
		box-sizing: border-box;
		position: absolute;
		text-align: center;
		top: 25px;
		width: 100%;
		}*/
		.header__calc a {
			background-color: #fff;
			border-radius: 4px;
			border: 2px solid #b00;
			box-sizing: border-box;
			color: #b00;
			display: inline-block;
			font-size: 16px;
			padding: 4px 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
		.header__contacts-call {
			border: 2px solid #999;
			border-radius: 6px;
			display: inline-block;
			margin: 0 0 10px 0;
			padding: 4px 16px;
		}
		.header__contacts-phone {
			margin: 0 0 0 0;
		}

		.header__skype {
			display: none;
		}

		.contacts {
		}
		.contacts__col {
			float: none;
			margin: 0 0 14px;
			text-align: center;
			width: 100%;
		}

		#top_menu {
			background: #f5f5f5;
			box-sizing: border-box;
			display: none;
			padding: 20px 10px 10px 10px;
		}
		#top_menu ul {
			box-sizing: border-box;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
		#top_menu ul li {
			border: none;
			box-sizing: border-box;
			display: block;
			float: left;
			padding: 10px 5px;
			text-align: center;
			width: 33%;
		}
		#top_menu ul li.last {
			border: 0;
		}
		#top_menu ul li a {
			background-color: #fff;
			border: 2px solid #838383;
			box-sizing: border-box;
			color: #000;
			display: block;
			font-size: 14px;
			padding: 10px 0;
			text-decoration: none;
			text-transform: uppercase;
		}
		#top_menu ul li a:hover,
		#top_menu ul li.active a {
			color: #0093dd;
		}

		.call-buttons {
			display: block;
		}

		.B_crumbBox {
			font-size: 16px;
			display: block;
			margin: 0 auto;
			padding: 10px 15px;
		}


		.article-item {
			box-sizing: border-box;
			display: block;
			width: 33%;
			margin: 0 0 17px 0;
			float: left;
		}
		.index-article {
			box-sizing: border-box;
			display: block;
			width: 50%;
			margin: 0 0 17px 0;
			float: left;
		}

		.boock {
			display: none;
		}

		.gr {
			margin: 10px 0;
			padding: 10px 20px;
		}

		.footer {
			width: 100%;
		}
		.footer__links {
			background-color: #eee;
			display: block;
			overflow: hidden;
			padding: 5px 0;
			width: 100%;
		}
		.footer__links ul {
			display: block;
			list-style: none;
			overflow: hidden;
		}
		.footer__links ul li {
			box-sizing: border-box;
			display: block;
			float: left;
			list-style: none;
			padding: 4px 4px;
			width: 16.66%;
		}
		.footer__links ul li.footer__li--brand {
			display: none;
		}
		.footer__links ul li.footer__li--index {
			display: block;
		}
		.footer__link {
			background-color: #fff;
			border: 2px solid #838383;
			box-sizing: border-box;
			color: #000;
			display: block;
			font-size: 14px;
			padding: 10px 0;
			text-decoration: none;
			text-transform: uppercase;
		}
		.footer__link:hover {
			background-color: #eee;
			color: #0277ba;
		}
		.footer__years {
			display: block;
			float: none;
			font-size: 16px;
			overflow: hidden;
			padding: 5px 0;
			text-align: center;
		}
		.footer__address {
			display: block;
			font-size: 16px;
			overflow: hidden;
			padding: 5px 0;
			text-align: center;
		}
		.footer__creator {
			display: block;
			float: none;
			font-size: 16px;
			overflow: hidden;
			padding: 5px 0;
			position: static;
			text-align: center;
		}
		.footer__contacts {
			display: block;
			font-size: 16px;
			overflow: hidden;
			padding: 5px 0;
		}



		.opis {
			float: none;
			font-size: 16px;
			padding: 0px 0 0 110px;
			width: auto;
		}

		.text_stati {
			padding: 0;
		}
		.article-content {
			background-image: none;
			background-repeat: no-repeat;
			padding: 20px;
		}
		.article-content--about {
			background-color: #eee;
			padding: 20px;
		}
		.article-header {
			color: #0e78cc;
			font-size: 25px;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		.nizy {
			display: none;
		}

		.manufacture {
		}
		.manufacture-item {
			float: left;
			width: 50%;
		}
		.manufacture-item figure {

		}
		.manufacture-item figure img {

		}
		.manufacture-item figure figcaption {

		}

		.team {
		}
		.team-item {
			display: block;
			width: 100%;
		}
		.team-item__avatar {
			float: left;
			height: 150px;
			margin: 0 10px 0 0;
			width: 150px;
		}
		.team-item__legend {

		}
		.team-item__fio {

		}
		.team-item__post {

		}




		.raboty li {

		}
		.raboty li a {

		}

		.portfolio-item {
			box-sizing: border-box;
			display: block;
			float: left;
			font-family: Calibri;
			height: auto;
			margin: 0 0 0 0;
			padding: 15px;
			width: 50%;
		}
		.portfolio-item__link {
			display: block;
			text-decoration: none;
		}
		.portfolio-item__image-wrapper {
			border: 1px solid #dddddd;
			box-sizing: border-box;
			display: block;
			font-family: Arial, sans-serif;
			height: auto;
			padding: 10px 15px;
			background-color: white;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			-webkit-box-shadow: 2px 2px 5px #686c72;
			-moz-box-shadow: 2px 2px 5px #686c72;
			box-shadow: 2px 2px 5px #686c72;
			margin: 0 auto 20px auto;
			text-align: center;
			width: 100%;
		}
		.portfolio-item__image {
			width: 100%;
		}
		.portfolio-item__title {
			color: #000;
			display: block;
			font-size: 16px;
			margin: 0 auto;
			min-height: 55px;
			overflow: hidden;
			text-align: center;
			width: 100%;
		}

		.social-block {

		}
		.social-block__share {
			float: left;
		}
		.social-block__ok {
			float: right;
			font-size: 16px;
		}
		.social-block__ok-image {
			margin-right: 5px;
			vertical-align: middle;
			width: 40px;
		}
		.social-block__ok-link {
			color: #0277ba;
		}
	}









	/* MEDIA 800px и меньше */
	@media only screen and (max-width: 800px) {
		.wrapper {
			width: 100%;
		}
		.content {
			padding: 10px 20px;
		}
		.container {
			margin: 0 auto;
			width: 100%;
		}
	/**
	 *Header
	 */
	 .header {
	 	box-sizing: border-box;
	 	padding: 10px 10px 30px 10px;
	 }
	 .header__logo {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	margin: 0 auto 0 auto;
	 	padding: 20px 15px 10px 30px;
	 	width: 50%;
	 }
	 .header__logo-image {
	 	width: 100%;
	 }

	 .header__kalcul {
	 	display: none;
	 }

	 .header__contacts {
	 	box-sizing: border-box;
	 	float: left;
	 	margin: 0 0 0 0;
	 	padding: 20px 30px 10px 15px;
	 	text-align: center;
	 	width: 50%;
	 }
	 .header__callback {
	 	color: #000;
	 	display: block;
	 	font-size: 15px;
	 }
	 .header__contacts-call {
	 	border: 2px solid #999;
	 	border-radius: 6px;
	 	display: inline-block;
	 	padding: 4px 16px;
	 }
	 .header__contacts-phone {
	 	margin: 0 0 0 0;
	 }

	 .header__skype {
	 	display: none;
	 }

	 #top_menu {
	 	background: #f5f5f5;
	 	box-sizing: border-box;
	 	padding: 20px 10px 10px 10px;
	 }
	 #top_menu ul {
	 	box-sizing: border-box;
	 	margin: 0;
	 	overflow: hidden;
	 	padding: 0;
	 }
	 #top_menu ul li {
	 	border: none;
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	padding: 10px 5px;
	 	text-align: center;
	 	width: 33%;
	 }
	 #top_menu ul li.last {
	 	border: 0;
	 }
	 #top_menu ul li a {
	 	background-color: #fff;
	 	border: 2px solid #838383;
	 	box-sizing: border-box;
	 	color: #000;
	 	display: block;
	 	font-size: 14px;
	 	padding: 10px 0;
	 	text-decoration: none;
	 	text-transform: uppercase;
	 }
	 #top_menu ul li a:hover,
	 #top_menu ul li.active a {
	 	color: #0093dd;
	 }

	 .B_crumbBox {
	 	font-size: 16px;
	 	display: block;
	 	margin: 0 auto;
	 	padding: 10px 15px;
	 }


	 .article-item {
	 	box-sizing: border-box;
	 	display: block;
	 	width: 50%;
	 	margin: 0 0 17px 0;
	 	float: left;
	 }
	 .index-article {
	 	box-sizing: border-box;
	 	display: block;
	 	width: 50%;
	 	margin: 0 0 17px 0;
	 	float: left;
	 }

	 .boock {
	 	display: none;
	 }

	 .footer {
	 	width: 100%;
	 }
	 .footer__links {
	 	background-color: #eee;
	 	display: block;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	width: 100%;
	 }
	 .footer__links ul {
	 	display: block;
	 	list-style: none;
	 	overflow: hidden;
	 }
	 .footer__links ul li {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	list-style: none;
	 	padding: 4px 8px;
	 	width: 50%;
	 }
	 .footer__link {
	 	background-color: #fff;
	 	border: 2px solid #838383;
	 	box-sizing: border-box;
	 	color: #000;
	 	display: block;
	 	font-size: 14px;
	 	padding: 10px 0;
	 	text-decoration: none;
	 	text-transform: uppercase;
	 }
	 .footer__link:hover {
	 	background-color: #eee;
	 	color: #0277ba;
	 }
	 .footer__years {
	 	display: block;
	 	float: none;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	text-align: center;
	 }
	 .footer__address {
	 	display: block;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	text-align: center;
	 }
	 .footer__creator {
	 	display: block;
	 	float: none;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	position: static;
	 	text-align: center;
	 }
	 .footer__contacts {
	 	display: block;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 }



	 .opis {
	 	float: none;
	 	font-size: 16px;
	 	padding: 0px 0 0 110px;
	 	width: auto;
	 }

	 .text_stati {
	 	padding: 0;
	 }
	 .article-content {
	 	background-image: none;
	 	background-repeat: no-repeat;
	 	padding: 20px;
	 }
	 .article-content--about {
	 	background-color: #eee;
	 	padding: 20px;
	 }
	 .article-header {
	 	color: #0e78cc;
	 	font-size: 25px;
	 	margin-bottom: 20px;
	 	margin-top: 20px;
	 }
	 .nizy {
	 	display: none;
	 }

	 .manufacture {
	 }
	 .manufacture-item {
	 	float: none;
	 	width: 100%;
	 }
	 .manufacture-item figure {

	 }
	 .manufacture-item figure img {

	 }
	 .manufacture-item figure figcaption {

	 }

	 .team {
	 }
	 .team-item {
	 	display: block;
	 	width: 100%;
	 }
	 .team-item__avatar {
	 	float: left;
	 	height: 150px;
	 	margin: 0 10px 0 0;
	 	width: 150px;
	 }
	 .team-item__legend {

	 }
	 .team-item__fio {

	 }
	 .team-item__post {

	 }




	 .raboty li {

	 }
	 .raboty li a {

	 }

	 .portfolio-item {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	font-family: Calibri;
	 	height: auto;
	 	margin: 0 0 0 0;
	 	padding: 15px;
	 	width: 50%;
	 }
	 .portfolio-item__link {
	 	display: block;
	 	text-decoration: none;
	 }
	 .portfolio-item__image-wrapper {
	 	border: 1px solid #dddddd;
	 	box-sizing: border-box;
	 	display: block;
	 	font-family: Arial, sans-serif;
	 	height: auto;
	 	padding: 10px 15px;
	 	background-color: white;
	 	-webkit-border-radius: 9px;
	 	-moz-border-radius: 9px;
	 	-webkit-box-shadow: 2px 2px 5px #686c72;
	 	-moz-box-shadow: 2px 2px 5px #686c72;
	 	box-shadow: 2px 2px 5px #686c72;
	 	margin: 0 auto 20px auto;
	 	text-align: center;
	 	width: 100%;
	 }
	 .portfolio-item__image {
	 	width: 100%;
	 }
	 .portfolio-item__title {
	 	color: #000;
	 	display: block;
	 	font-size: 16px;
	 	margin: 0 auto;
	 	min-height: 55px;
	 	overflow: hidden;
	 	text-align: center;
	 	width: 100%;
	 }

	 .social-block {

	 }
	 .social-block__share {
	 	float: left;
	 }
	 .social-block__ok {
	 	float: right;
	 	font-size: 16px;
	 }
	 .social-block__ok-image {
	 	margin-right: 5px;
	 	vertical-align: middle;
	 	width: 40px;
	 }
	 .social-block__ok-link {
	 	color: #0277ba;
	 }
	}







	/* MEDIA 800px и меньше */
	@media only screen and (max-width: 600px) {
		.header__logo {
			float: none;
			margin: 0 auto 0 auto;
			padding: 0 10px 10px 10px;
			text-align: center;
			width: 67%;
		}
		.header__logo-image {
			max-width: 400px;
			width: 100%;
		}
		.header__contacts {
			box-sizing: border-box;
			display: block;
			float: none;
			margin: 0 0 0 0;
			padding: 10px 10px 0 10px;
			width: 100%;
		}

		#top_menu ul li {
			width: 50%;
		}
	}







	/* MEDIA 800px и меньше */
	@media only screen and (max-width: 400px) {
		.wrapper {
			width: 100%;
		}
		.content {
			padding: 0 20px;
		}
		.container {
			margin: 0 auto;
			width: 100%;
		}
	/**
	 *Header
	 */
	 .header {
	 	box-sizing: border-box;
	 }
	 .header__logo {
	 	float: none;
	 	margin: 0 auto 0 auto;
	 	padding: 0 10px 10px 10px;
	 	width: 75%;
	 }
	 .header__logo-image {
	 	width: 100%;
	 }

	 .header__kalcul {
	 	display: none;
	 }

	 .header__contacts {
	 	box-sizing: border-box;
	 	display: block;
	 	float: none;
	 	margin: 0 0 0 0;
	 	padding: 10px 10px 10px 10px;
	 	width: 100%;
	 }
	 .header__callback {
	 	color: #000;
	 	display: block;
	 	font-size: 15px;
	 }
	 .header__contacts-call {
	 	border: 2px solid #999;
	 	border-radius: 6px;
	 	display: inline-block;
	 	padding: 4px 16px;
	 }
	 .header__contacts-phone {
	 	margin: 0 0 0 0;
	 }
	 .header__skype {
	 	display: none;
	 }

	 #top_menu {
	 	box-sizing: border-box;
	 	padding: 30px 10px 10px 10px;
	 }
	 #top_menu ul {
	 	box-sizing: border-box;
	 	margin: 0;
	 	overflow: hidden;
	 	padding: 0;
	 }
	 #top_menu ul li {
	 	border: none;
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	padding: 5px 5px;
	 	text-align: center;
	 	width: 100%;
	 }


	 .index-article {
	 	width: 100%;
	 	margin: 0 0 15px 0;
	 	float: none;
	 }
	 .article-item {
	 	width: 100%;
	 	margin: 0 0 15px 0;
	 	float: none;
	 }

	 .boock {
	 	display: none;
	 }

	 .footer {
	 	width: 100%;
	 }
	 .footer__links {
	 	background-color: #eee;
	 	display: block;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	width: 100%;
	 }
	 .footer__links ul {
	 	display: block;
	 	list-style: none;
	 	overflow: hidden;
	 }
	 .footer__links ul li {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	list-style: none;
	 	padding: 4px 8px;
	 	width: 50%;
	 }
	 .footer__link {
	 	background-color: #fff;
	 	border: 2px solid #838383;
	 	box-sizing: border-box;
	 	color: #000;
	 	display: block;
	 	font-size: 14px;
	 	padding: 10px 0;
	 	text-decoration: none;
	 	text-transform: uppercase;
	 }
	 .footer__link:hover {
	 	background-color: #eee;
	 	color: #0277ba;
	 }
	 .footer__years {
	 	display: block;
	 	float: none;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	text-align: center;
	 }
	 .footer__address {
	 	display: block;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	text-align: center;
	 }
	 .footer__creator {
	 	display: block;
	 	float: none;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 	position: static;
	 	text-align: center;
	 }
	 .footer__contacts {
	 	display: block;
	 	font-size: 16px;
	 	overflow: hidden;
	 	padding: 5px 0;
	 }



	 .opis {
	 	float: none;
	 	font-size: 16px;
	 	padding: 0px 0 0 110px;
	 	width: auto;
	 }

	 .article-content {
	 	background-image: none;
	 	background-repeat: no-repeat;
	 	padding: 20px;
	 }
	 .article-content--about {
	 	background-color: #eee;
	 	padding: 20px;
	 }
	 .article-header {
	 	color: #0e78cc;
	 	font-size: 25px;
	 	margin-bottom: 20px;
	 	margin-top: 20px;
	 }
	 .nizy {
	 	display: none;
	 }

	 .manufacture {
	 }
	 .manufacture-item {
	 	float: none;
	 	width: 100%;
	 }
	 .manufacture-item figure {

	 }
	 .manufacture-item figure img {

	 }
	 .manufacture-item figure figcaption {

	 }

	 .team {
	 }
	 .team-item {
	 	display: block;
	 	width: 100%;
	 }
	 .team-item__avatar {
	 	float: left;
	 	height: 100px;
	 	margin: 0 10px 0 0;
	 	width: 100px;
	 }
	 .team-item__legend {
	 	margin: 0 0 0 110px;
	 }
	 .team-item__fio {

	 }
	 .team-item__post {

	 }




	 .raboty li {

	 }
	 .raboty li a {

	 }

	 .portfolio-item {
	 	box-sizing: border-box;
	 	display: block;
	 	float: left;
	 	font-family: Calibri;
	 	height: auto;
	 	margin: 0 0 0 0;
	 	padding: 15px;
	 	width: 50%;
	 }
	 .portfolio-item__link {
	 	display: block;
	 	text-decoration: none;
	 }
	 .portfolio-item__image-wrapper {
	 	border: 1px solid #dddddd;
	 	box-sizing: border-box;
	 	display: block;
	 	font-family: Arial, sans-serif;
	 	height: auto;
	 	padding: 10px 15px;
	 	background-color: white;
	 	-webkit-border-radius: 9px;
	 	-moz-border-radius: 9px;
	 	-webkit-box-shadow: 2px 2px 5px #686c72;
	 	-moz-box-shadow: 2px 2px 5px #686c72;
	 	box-shadow: 2px 2px 5px #686c72;
	 	margin: 0 auto 20px auto;
	 	text-align: center;
	 	width: 100%;
	 }
	 .portfolio-item__image {
	 	width: 100%;
	 }
	 .portfolio-item__title {
	 	color: #000;
	 	display: block;
	 	font-size: 16px;
	 	margin: 0 auto;
	 	min-height: 55px;
	 	overflow: hidden;
	 	text-align: center;
	 	width: 100%;
	 }

	 .social-block {

	 }
	 .social-block__share {
	 	float: left;
	 }
	 .social-block__ok {
	 	float: right;
	 	font-size: 16px;
	 }
	 .social-block__ok-image {
	 	margin-right: 5px;
	 	vertical-align: middle;
	 	width: 40px;
	 }
	 .social-block__ok-link {
	 	color: #0277ba;
	 }
	}






	/* MEDIA 800px и меньше */
	@media only screen and (max-width: 360px) {
	/**
	 *Header
	 */
	 .header__logo {
	 	margin: 0 auto 0 auto;
	 	padding: 5px 10px 10px 10px;
	 	width: 100%;
	 }
	 .header__logo-image {
	 	width: 100%;
	 }
	}









/**
 * Форма для обратного звонка вместе с модальным окном
 */
 .connect-form__errors{background-color:#d30037;margin:0 0 1rem;padding:1rem}.connect-form__errors ul{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.connect-form__errors li{color:#fff;font-size:1rem;line-height:1.5;list-style:none;margin:0 0 0 0;padding:0 0 0 0}.connect-form__loader{background-color:#fff;font-size:1rem;margin:0 0 1rem;padding:1rem;text-align:center}.connect-form__messages{background-color:#0e78cc;margin:0 0 1rem;padding:1rem}.connect-form__messages ul{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.connect-form__messages li{color:#fff;font-size:1rem;line-height:1.5;list-style:none;margin:0 0 0 0;padding:0 0 0 0}
 .connect-form label{display:block;font-weight:bold;margin:0 0 5px 0;text-align:left}.connect-form label sup{color:#d30037}.connect-form input{background-color:#f5f5f5;border:none;border-left:1px solid #0e78cc;padding:1rem;width:100%}.connect-form input:focus{outline:none}.connect-form input::-webkit-input-placeholder{color:#aaa}.connect-form input::-moz-placeholder{color:#aaa}.connect-form input:-moz-placeholder{color:#aaa}.connect-form input:-ms-input-placeholder{color:#aaa}.connect-form input[placeholder]{text-overflow:ellipsis}.connect-form input::-moz-placeholder{text-overflow:ellipsis}.connect-form input:-moz-placeholder{text-overflow:ellipsis}.connect-form input:-ms-input-placeholder{text-overflow:ellipsis}.connect-form input:focus::-webkit-input-placeholder{color:transparent}.connect-form input:focus::-moz-placeholder{color:transparent}.connect-form input:focus:-moz-placeholder{color:transparent}.connect-form input:focus:-ms-input-placeholder{color:transparent}.connect-form button{background-color:#0e78cc;-webkit-border-radius:4px;border-radius:4px;border:1px solid #0e78cc;color:#fff;display:inline-block;margin:12px 0;padding:14px 32px;text-decoration:none;text-transform:uppercase}.connect-form button:hover{background-color:#0e6bb5;border:1px solid #0e6bb5}.connect-form__form-group{margin:0 0 1rem 0;padding:0 5px}.connect-form__textarea{background-color:#f5f5f5;border:none;border-left:2px solid #0e78cc;margin:0 0 10px 0;min-height:64px;resize:vertical;width:100%}.connect-form__textarea:focus{outline:none}.connect-form__textarea::-webkit-input-placeholder{color:#aaa}.connect-form__textarea::-moz-placeholder{color:#aaa}.connect-form__textarea:-moz-placeholder{color:#aaa}.connect-form__textarea:-ms-input-placeholder{color:#aaa}.connect-form__textarea[placeholder]{text-overflow:ellipsis}.connect-form__textarea::-moz-placeholder{text-overflow:ellipsis}.connect-form__textarea:-moz-placeholder{text-overflow:ellipsis}.connect-form__textarea:-ms-input-placeholder{text-overflow:ellipsis}.connect-form__textarea:focus::-webkit-input-placeholder{color:transparent}.connect-form__textarea:focus::-moz-placeholder{color:transparent}.connect-form__textarea:focus:-moz-placeholder{color:transparent}.connect-form__textarea:focus:-ms-input-placeholder{color:transparent}.connect-form__wrapper{margin:2rem auto;max-width:800px}
 .connect-modal__close{background-color:transparent;border:none;color:#222;display:block;font-weight:bold;padding:15px;position:absolute;right:0;top:0}.connect-modal__close:hover{color:#0e78cc}.connect-modal__content{padding:1rem 4rem}.connect-modal__header{border-bottom:1px solid #eee;font-weight:bold;padding:1rem 4rem;text-transform:uppercase}














/**
 * fancyBox 3
 */
 .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}














 .hidden-md-down {

 }
 @media only screen and (max-width: 800px) {
 	.hidden-md-down {
 		display: none;
 	}
 }



 .okbutton {
 	background-color: #fff;
 	color: #0093dd;
 	display: inline-block;
 	margin: 10px auto;
 	text-transform: uppercase;
 	padding: 5px 10px;
 	border: 2px solid #0093dd;
 	border-radius: 4px;
 	text-decoration: none;
 }
 .okbutton:hover {
 	background-color: #0093dd;
 	color: #fff;
 }



 #calculatordiv {
 	display: none;
 }
 #fancybox-wrap.calculator .fancybox-bg {
 	display: none;
 }
 #fancybox-wrap.calculator #fancybox-close {
 	background: url(../images/fancy_close.png) 0 0 no-repeat;
 	width: 20px;
 	height: 20px;
 	top: -23px;
 	right: -23px;
 }
 #fancybox-wrap.calculator #fancybox-outer {
 	background: none;
 }
 #fancybox-wrap.calculator #fancybox-close:hover {
 	opacity: .8;
 }
 #calculator {
 	position: relative;
 	width: 370px;
 	height: 583px;
 	border-radius: 5px;
 	padding: 25px 25px 0;
 	font-family: Arial;
 	font-size: 12px;
 	color: #333;
 	background: url(../images/bg.gif) 0 0 repeat;
 }
 #calculator label {
 	cursor: pointer;
 	position: relative;
 	display: inline-block;
 	height: 19px;
 	line-height: 19px;
 	/*vertical-align: top;*//*va*/
 }
 #calculator .calc-header {
 	font-size: 18px;
 	color: #151515;
 	text-align: center;
 	width: 380px;
 	margin: 0 0 30px -5px;
 }
 #calculator .caption {
 	font-size: 10px;
 	font-weight: bold;
 	text-transform: uppercase;
 	text-align: center;
 	border-top: 1px solid #e8e7e8;
 }
 #calculator .caption .text {
 	display: inline-block;
 	position: relative;
 	top: -8px;
 	padding: 0 5px;
 	background: url(../images/bg.gif) 0 0 repeat;
 }
 #calculator .caption.duble .text {
 	top: -8px;
 }
 #calculator .caption .ttn {
 	text-transform: none;
 }
 #calculator .caption sup {
 	font-size: 8px;
 	line-height: 0;
 	position: relative;
 	top: 2px;
 }
 #calculator .caption.duble {
 	border-top-color: #d6d6d6;
 }
 #calculator .caption.duble .duble {
 	border-top: 1px solid #fff;
 }
 #calculator .binding {
 	width: 301px;
 	margin: 11px auto 43px;
 }
 #calculator .binding .soft,
 #calculator .binding .hard {
 	width: 121px;
 	height: 84px;
 	text-align: center;
 }
 #calculator .binding .hard {
 	float: left;
 	background: url(../images/sprite1.png) no-repeat 0 9px;
 }
 #calculator .binding .soft {
 	float: right;
 	background: url(../images/sprite1.png) no-repeat 0 -78px;
 }
 #calculator .binding .hard.active {
 	float: left;
 	background: url(../images/sprite1.png) no-repeat 0 -165px;
 }
 #calculator .binding .soft.active {
 	float: right;
 	background: url(../images/sprite1.png) no-repeat 0 -252px;
 }
 #calculator .type {
 	width: 282px;
 	margin: 16px auto 39px;
 }
 #calculator .type .mell {
 	float: left;
 }
 #calculator .type .ofset {
 	float: right;
 	margin-right: 25px;
 }
 #calculator .result {
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 420px;
 	height: 92px;
 	background: url(../images/bg_popup_bottom.png) 0 0 no-repeat;
 }
 #calculator .result .text {
 	position: absolute;
 	left: 63px;
 	top: 45px;
 	color: #fff;
 	font-size: 18px;
 	text-shadow: #7e8591 0 1px 1px;
 }
 #calculator .result .result-img {
 	display: block;
 	position: absolute;
 	bottom: 28px;
 	left: 330px;
 	width: 39px;
 	height: 26px;
 }
 #calculator .paging-slider,
 #calculator .thickness-slider {
 	margin: 11px auto 43px;
 	width: 321px;
 	position: relative;
 }
 #calculator .thickness-slider {
 	margin-bottom: 46px;
 }
 #calculator .calc-slider {
 	height: 9px;
 	background: url(../images/bg_slider.png) 0 0 no-repeat;
 	padding-right: 17px;
 }
 #calculator .slider-key-frames {
 	position: relative;
 	width: 318px;
 	height: 20px;
 	padding-bottom: 5px;
 }
 #calculator .slider-key-frames .key-frame {
 	position: absolute;
 	top: 0;
 	font-size: 11px;
 	line-height: 14px;
 	text-align: center;
 }
 #calculator .slider-key-frames .key-frame .active {
 	color: #000;
 	font-weight: bold;
 }
 #calculator .slider-key-frames .kf1 {
 	left: 3px;
 }
 #calculator .slider-key-frames .kf2 {
 	left: 79px;
 }
 #calculator .slider-key-frames .kf3 {
 	left: 155px;
 }
 #calculator .slider-key-frames .kf4 {
 	left: 232px;
 }
 #calculator .slider-key-frames .kf5 {
 	right: -4px;
 }
 #calculator .mel .kf2 {
 	left: 76px;
 }
 #calculator .mel .kf3 {
 	left: 151px;
 }
 #calculator .mel .kf4 {
 	left: 227px;
 }
 #calculator .slider-key-frames .key-frame .dot {
 	margin: .1em auto 0;
 	width: 1px;
 	height: 5px;
 	background: #bfc2c1;
 }
 #calculator .paging-slider .kf5 {
 	right: -7px;
 }
 #calculator .m .kf2 {
 	left: 46px;
 }
 #calculator .m .kf3 {
 	left: 90px;
 }
 #calculator .m .kf4 {
 	left: 133px;
 }
 #calculator .m .kf5 {
 	left: 174px;
 	right: auto;
 }
 #calculator .m .kf6 {
 	left: 218px;
 }
 #calculator .m .kf7 {
 	left: 261px;
 }
 #calculator .m .kf8 {
 	left: 303px;
 }
 #calculator .val-input {
 	display: inline-block;
 	padding-left: 5px;
 	background: url(../images/bg_input_l.png) 0 0 no-repeat;
 }
 #calculator .val-input input {
 	display: inline-block;
 	height: 22px;
 	line-height: 22px;
 	font-size: 11px;
 	color: #000;
 	font-weight: bold;
 	text-align: center;
 	max-width: 30px;
 	padding: 0 5px 0 0;
 	border: none;
 	background: url(../images/bg_input_r.png) 100% 0 no-repeat;
 }
 #calculator .value-box {
 	position: absolute;
 	left: -41px;
 	top: -6px;
 	text-align: center;
 }
 #calculator .value-box .dot {
 	width: 1px;
 	margin: auto;
 	height: 5px;
 	background: #bfc2c1;
 }
 #calculator .slider-scroll {
 	position: absolute;
 	top: 0;
 	left: -1px;
 	width: 20px;
 	height: 34px;
 	background: url(../images/slider_scroll2.png) 0 0 no-repeat;
 }
 #calculator .ui-slider {
 	position: relative;
 	height: 8px;
 	padding: 0 0 1px;
 }
 #calculator .ui-slider-range {
 	position: absolute;
 	z-index: 1;
 	height: 8px;
 	background: url(../images/bg_slider_fill2.png) 0 0 no-repeat;
 }
 #calculator .ui-slider-handle {
 	position: absolute;
 	z-index: 2;
 	top: -5px;
 	width: 18px;
 	height: 18px;
 	cursor: pointer;
 }







/**
 * Новые стили калькулятора от Миши
 */
 .price-calculator {
 	font-family: Calibri;
 	margin: 0 0 20px 0;
 }
 .price-calculator .calc-body {
 	padding: 0;
 	border-radius: 0;
 }
 @media only screen and (max-width: 800px) {
 	.price-calculator {
 		margin: 0 0 20px 0;
 	}
 }
 @media only screen and (max-width: 400px) {
 	.price-calculator {
 		margin: 0 0 20px 0;
 	}
 }
 .price-calculator * {
 	box-sizing: border-box;
 }
 .bookalculator__covers-wrapper {
 	clear: both;
 	float: none;
 	margin: 0 0 20px 0;
 	overflow: hidden;
 	width: 100%;
 }
 .bookalculator__covers-row {
 	border: none;
 	width: 100%;
 	zoom: 1;

 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	list-style: none;
 	margin: 0;
 	overflow: hidden;
 	padding: 0;
 }
 @media only screen and (max-width: 600px) {
 	.bookalculator__covers-row {
 		display: block;
 	}
 }
 @media only screen and (max-width: 400px) {
 	.bookalculator__covers-row {
 		display: block;
 	}
 }
 .bookalculator__covers-header {
 	margin-bottom: 16px;
 	overflow: hidden;
 	font: 10px/14px arial;
 	text-transform: uppercase;
 	color: #333;
 	text-align: center;
 	letter-spacing: 2px;
 	padding: 7px 0;
 	width: 100%;
 	overflow: hidden;
 }
 .bookalculator__covers-title {
 	display: inline-block;
 	position: relative;
 	font-size: 16px;
 	font-family: Garamond;
 }
 .bookalculator__covers-title:before {
 	right: 100%;
 }
 .bookalculator__covers-title:after {
 	left: 100%;
 }
 .bookalculator__covers-title:before {
 	right: 100%;
 }
 .bookalculator__covers-title:before, .bookalculator__covers-title:after {
 	display: block;
 	content: '';
 	position: absolute;
 	border-top: 1px solid #ccc;
 	width: 1000px;
 	margin: 0 20px;
 	top: 6px;
 }
 .bookalculator__covers-dop {
 	display: inline-block;
 	position: relative;
 	font-size: 12px;
 	font-family: Calibri;
 	font-weight: normal;
 }
 .bookalculator__cover {
 	box-sizing: border-box;
 	cursor: pointer;
 	padding: 10px 20px;
 	text-align: center;
 	width: 250px;
 }
 @media only screen and (max-width: 600px) {
 	.bookalculator__cover {
 		margin: 0 auto 10px auto;
 	}
 }
 @media only screen and (max-width: 400px) {
 	.bookalculator__cover {
 		margin: 0 auto 10px auto;
 	}
 }
 .bookalculator__cover-label {
 	font-size: 16px;
 	font-family: 1.5;
 	color: #000;
 }
 .bookalculator__cover-input {
 	background-position: 0 0;
 	display: inline-block;
 	background-repeat: no-repeat;
 	cursor: pointer;
 	margin: 0 8px 0 0;
 	/*vertical-align: middle;*//*va*/
 }
 .bookalculator__cover-text {
 	display: inline-block;
 	margin-bottom: 10px;
 	font-size: 18px;
 }
 .bookalculator__cover-label--active {
 	color: #0e78cc;
 }
 .bookalculator__cover-image {
 	display: block;
 	width: 100%;
 	margin: 0 0 0 0;
 }
 .bookalculator__cover-image--soft {
 	background-image: url('../images/calculator/myagkii-logo-stoimost.jpg');
 }
 .bookalculator__cover-image--hard {
 	background-image: url('../images/calculator/tverdii-logo-stoimost.jpg');
 }
 .bookalculator__cover-image--spring {
 	background-image: url('../images/calculator/pruzhinai-logo-stoimost.jpg');
 }




 .bookalculator__formats-wrapper {
	/*float: left;
	width: 70%;*/
	float: none;
	width: 100%;
}
.bookalculator__formats-superwrapper {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
}
@media only screen and (max-width: 800px) {
	.bookalculator__formats-wrapper {
		float: none;
		width: 100%;
	}
}
.bookalculator__formats-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__formats-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-family: Garamond;
}
.bookalculator__formats-title:before {
	right: 100%;
}
.bookalculator__formats-title:after {
	left: 100%;
}
.bookalculator__formats-title:before {
	right: 100%;
}
.bookalculator__formats-title:before, .bookalculator__formats-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator__formats-row {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 600px) {
	.bookalculator__formats-row {
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator__formats-row {
		display: block;
	}
}
.bookalculator-format {
	cursor: pointer;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 20px;
	text-align: center;
}
.bookalculator-format__label {
	
}
.bookalculator-format__radio {
	cursor: pointer;
	background-position: 0 0;
	display: inline-block;
	background-image: url(./../images/calculator/sprite.png);
	background-repeat: no-repeat;
	line-height: 20px;
	margin: 0 8px 0 0;
	width: 20px;
}
.bookalculator-format__text {
	color: #000;
	display: block;
	font-size: 18px;
	/*vertical-align: middle;*//*va*/
}
.bookalculator-format__text--active {
	color: #0e78cc;
}
.bookalculator-format__caption {
	display: block;
	color: #999;
	margin: 5px 0 20px 0;
	font-size: 14px;
}
.bookalculator-format__layout-wrapper {
	padding-left: 34px;
}
.bookalculator-format__layout {
	// background-image: url('images/calculator/paper-layout.png');
	background-size: contain;
	display: block;
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 110px;
	background-image: url(../images/calculator/paper-layout.png);
}
.bookalculator-format__layout-corner {
	
}
.bookalculator-format__layout-paper {
	float: none;
	height: 150px;
	margin: 0;
	width: auto;
}

.format-range-x {
	width: 90px;
	margin: 0 auto;
	position: absolute;
	top: -6px;
	left: 10px;
}
.format-range-y {
	height: 110px;    position: relative;    top: 20px;    left: -16px;
}





.bookalculator__orientations-wrapper {
	float: left;
	text-align: center;
	width: 30%;
}
.bookalculator__orientations-row {
	display: inline-block;
	width: 100%;
}
@media only screen and (max-width: 800px) {
	.bookalculator__orientations-wrapper {
		float: none;
		width: 100%;
	}
	.bookalculator__orientations-row {
		width: 100%;
	}
	.bookalculator-orientation {
		text-align: center;
	}
	.bookalculator-orientation__image {
		margin: 5px auto;
	}
}
.bookalculator__orientations-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__orientations-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
}
.bookalculator__orientations-title:before {
	right: 100%;
}
.bookalculator__orientations-title:after {
	left: 100%;
}
.bookalculator__orientations-title:before {
	right: 100%;
}
.bookalculator__orientations-title:before, .bookalculator__orientations-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator-orientation {
	display: block;
	font-size: 14px;
	margin: 0 8px 0 0;
}
.bookalculator-orientation__radio {
	display: inline-block;
	background-image: url('../images/calculator/sprite.png');
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 0 0 0;
	/*vertical-align: middle;*//*va*/
}
.bookalculator-orientation__text {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 11px;
}
.bookalculator-orientation__text--active {
	color: #0e78cc;
}
.bookalculator-orientation__image {
	max-height: 100px;
}
.bookalculator-orientation__image--portrait {
	/*background-image: url('../images/calculator/kniznii-format.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: block;
}
.bookalculator-orientation__image--landscape {
	/*background-image: url(../images/calculator/albobnii-format.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: none;
}













.bookalculator__covercolors-wrapper {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 100%;
}
.bookalculator__covercolors-row {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.bookalculator__covercolors-list {
	border: none;
	width: 100%;
	zoom: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-grow: 1;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 600px) {
	.bookalculator__covercolors-list {
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator__covercolors-list {
		display: block;
	}
}
.bookalculator__covercolors-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__covercolors-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-family: Garamond;
}
.bookalculator__covercolors-title:before {
	right: 100%;
}
.bookalculator__covercolors-title:after {
	left: 100%;
}
.bookalculator__covercolors-title:before {
	right: 100%;
}
.bookalculator__covercolors-title:before, .bookalculator__covercolors-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator-covercolor {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 40px;
	text-align: center;
	width: auto;
}
@media only screen and (max-width: 600px) {
	.bookalculator-covercolor {
		margin: 0 auto 10px auto;
	}
}
.bookalculator-covercolor__label {
	font: bold 14px/20px arial;
	color: #000;
}
.bookalculator-covercolor__input {
	background-position: 0 0;
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url(./../images/calculator/sprite.png);
	background-repeat: no-repeat;
	line-height: 20px;
	cursor: pointer;
	margin-right: 8px;
	/*vertical-align: middle;*//*va*/
	margin-top: -2px;
}
.bookalculator-covercolor__radio {
	background-image: url(./../images/calculator/sprite.png);
	background-repeat: no-repeat;
	line-height: 20px;
	cursor: pointer;
	margin-right: 8px;
	/*vertical-align: middle;*//*va*/
	margin-top: -2px;
}
.bookalculator-covercolor__text {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.bookalculator_text{
	text-align: center;
	margin: 20px;
}
.bookalculator_pape{
	text-align: center;
}
.bookalculator_pape .title{
	font-size: 16px;
	font-weight: 700;
}
.bookalculator_pape .text{
	padding: 10px;
}
@media only screen and (max-width: 600px) {
	.bookalculator-covercolor__text {
		min-height: 36px;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator-covercolor__text {
		min-height: auto;
	}
}
.bookalculator-covercolor__text--active {
	color: #0e78cc;
}
.bookalculator-covercolor__image {
	height: 150px;
	width: auto;
}
.bookalculator__lamination {
	flex-grow: 2;
	font-size: 16px;
	padding: 10px 20px;
	text-align: center;
}
.bookalculator__lamination-label {
	cursor: pointer;
	display: block;
	width: 228px;
}
@media only screen and (max-width: 800px) {
	.bookalculator__lamination-label {
		margin: 0 auto;
	}
}
.bookalculator__lamination-label--active {
	color: #0e78cc;
}
.bookalculator-lamination__checkbox {
	
}
.bookalculator-lamination__text {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.bookalculator-lamination__image {
	border: 2px solid #99979e;
	border-radius: 5px;
	height: 150px;
	width: auto;
}
.bookalculator-lamination__text {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 17px;
}
@media only screen and (max-width: 800px) {
	.bookalculator__covercolors-row {
		display: block;
	}
	.bookalculator__lamination {
		float: none;
		margin: 0 0 0 0;
	}
}






.bookalculator__colormodes-wrapper {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 100%;
}
.bookalculator__colormodes-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__colormodes-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-family: Garamond;
}
.bookalculator__colormodes-title:before {
	right: 100%;
}
.bookalculator__colormodes-title:after {
	left: 100%;
}
.bookalculator__colormodes-title:before {
	right: 100%;
}
.bookalculator__colormodes-title:before, .bookalculator__colormodes-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator__colormodes {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 800px) {
	.bookalculator__colormodes {
		display: block;
	}
}
.bookalculator__colormodes-list {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 600px) {
	.bookalculator__colormodes-list {
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator__colormodes-list {
		display: block;
	}
}
.bookalculator-colormode {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 20px;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	.bookalculator-colormode {
		margin: 0 auto 10px auto;
	}
}
.bookalculator-colormode__text {
	display: block;
	font-size: 18px;
	padding: 0 0 10px 0;
}
.bookalculator-colormode__text--active {
	color: #0e78cc;
}
.bookalculator-colormode__radio {
	background-image: url('../images/calculator/sprite.png');
	background-position: -20px 0;
	background-repeat: no-repeat;
	line-height: 20px;
	cursor: pointer;
	margin-right: 8px;
	/*vertical-align: middle;*//*va*/
	margin-top: -2px;
	display: block;
	float: left;
}
@media only screen and (max-width: 600px) {
	.bookalculator-colormode__radio {
		display: inline-block;
		float: none;
	}
}
.bookalculator-colormode__image {
	display: block;
	height: 150px;
	margin: 0 auto;
	width: auto;
}
.bookalculator__colormodes-count-wrapper {
	padding: 10px 20px;
	text-align: center;
}









.bookalculator__inserts-wrapper {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 100%;
}
.bookalculator__inserts-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__inserts-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-family: Garamond;
}
.bookalculator__inserts-title:before {
	right: 100%;
}
.bookalculator__inserts-title:after {
	left: 100%;
}
.bookalculator__inserts-title:before {
	right: 100%;
}
.bookalculator__inserts-title:before, .bookalculator__inserts-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator__inserts {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 800px) {
	.bookalculator__inserts {
		display: block;
	}
}
.bookalculator__inserts-list {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 600px) {
	.bookalculator__inserts-list {
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator__inserts-list {
		display: block;
	}
}
.bookalculator-insert {
	cursor: pointer;
	display: block;
	max-width: 250px;
	padding: 10px 20px;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	.bookalculator-insert {
		margin: 0 auto 10px auto;
	}
}
.bookalculator-insert__image {
	height: 150px;
	width: auto;
}
.bookalculator-insert__radio {
	
}
.bookalculator-insert__text {
	display: block;
	font-size: 18px;
	padding: 0 0 10px 0;
}
.bookalculator-insert__text--active {
	color: #0e78cc;
}
.bookalculator__colorpagescount {
	padding: 10px 20px;
}






.bookalculator__request-header {
	margin-bottom: 16px;
	overflow: hidden;
	font: 10px/14px arial;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
	padding: 7px 0;
	width: 100%;
	overflow: hidden;
}
.bookalculator__request-title {
	display: inline-block;
	position: relative;
	font-size: 16px;
}
.bookalculator__request-title:before {
	right: 100%;
}
.bookalculator__request-title:after {
	left: 100%;
}
.bookalculator__request-title:before {
	right: 100%;
}
.bookalculator__request-title:before, .bookalculator__request-title:after {
	display: block;
	content: '';
	position: absolute;
	border-top: 1px solid #ccc;
	width: 1000px;
	margin: 0 20px;
	top: 6px;
}
.bookalculator__request {
	overflow: hidden;
	clear: both;
	float: none;
}
.bookalculator__request-question {
	font-size: 18px;
	margin: 0 0 0 0;
	padding: 10px 20px;
}
@media only screen and (max-width: 400px) {
	.bookalculator__request-question {
		padding: 10px 20px 0 20px;
	}
}
.bookalculator__request-fields {
	display: block;
	float: left;
	padding: 20px;
	width: 60%;
}
.bookalculator__request-thanks {
	color: #0e78cc;
	display: block;
	float: left;
	padding: 48px 20px 20px 20px;
	width: 40%;
}
@media only screen and (max-width: 800px) {
	.bookalculator__request-fields {
		float: none;
		width: 100%;
	}
	.bookalculator__request-thanks {
		float: none;
		width: 100%;
	}
}
.bookalculator__request-thanks-text1 {
	color: #0e78cc;
	font-weight: bold;
	font-size: 24px;
	font-family: Garamond;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
.bookalculator__request-thanks-text2 {
	color: #666;
	font-family: Garamond;
	font-size: 20px;
	line-height: 1.5;
}
@media only screen and (max-width: 600px) {
	.bookalculator__request-thanks-text1 {
		font-size: 18px;
	}
}






.bookalculator__circulations-wrapper {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 100%;
}
.bookalculator__circulations-row {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 800px) {
	.bookalculator__circulations-row {
		display: block;
	}
}
.bookalculator__circulations-row-another {
	border: none;
	width: 100%;
	zoom: 1;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 800px) {
	.bookalculator__circulations-row-another {
		display: block;
	}
}
.bookalculator__circulations-row-another > .spinner-wrapper:first-child {
	padding: 10px 10px 10px 0;
}
.bookalculator__dop {
	font-size: 16px;
	padding: 10px 20px;
}
.bookalculator__label {
	padding: 8px 0;
}
.bookalculator__checkbox {
	
}
.bookalculator__text {
	font-size: 18px;
}

.bookalculator__other-circulations {
	text-align: center;
	padding: 10px 10px;
}
.bookalculator__other-circulations-label {
	display:block;
	padding: 5px 0;
	text-align: center;
}
@media only screen and (max-width: 400px) {
	.bookalculator__other-circulations {
		padding: 20px 20px;
	}
}
.bookalculator__other-circulations label {
	font-size: 18px;
}






.bookalculator__city {
	margin: 10px auto;
	padding: 0 20px;
	width: 50%;
}
@media only screen and (max-width: 800px) {
	.bookalculator__city {
		width: 100%;
	}
}
@media only screen and (max-width: 400px) {
	.bookalculator__city {
		width: 100%;
	}
}
.bookalculator-city__form-group {
	padding: 10px 0;
}
.bookalculator-city__label {
	cursor: default;
	display: block;
	font-size: 16px;
	margin: 0 0 5px 0;
}
.bookalculator-city__input {
	border: 2px solid #aaa;
	display: block;
	font-size: 16px;
	height: 50px;
	padding: 0 10px;
	width: 100%;
}
.bookalculator__input:focus {
	border: 2px solid #0093dd;
	outline: none;
}









/**
 * Spinner
 */

 .spinner-wrapper {
 	padding: 10px;
 	text-align: center;
 }
 .spinner-wrapper--first {
 	margin: 39px 0 0 0;
 }
 .spinner {
 	display: inline-flex;
 	text-align: center;
 	border: 2px solid #aaa;
 	border-radius: 6px;
 	overflow: hidden;
 }
 .spinner-label {
 	cursor: default;
 	display: block;
 	font-size: 16px;
 	text-align: center;
 }
 .spinner-title {
 	cursor: default;
 	display: block;
 	font-size: 16px;
 	text-align: center;
 }
 .spinner-input {
 	border: 0;
 	color: #000;
 	display: block;
 	float: left;
 	font: bold 26px/26px arial;
 	height: 40px;
 	outline: none;
 	padding: 5px 0;
 	text-align: center;
 	width: 75px;
 }
 .spinner .decrease {
 	/*background: url('./../images/calculator/knopka-minus.jpg') no-repeat;*/
 }
 .spinner .increase {
 	/*background: url('./../images/calculator/knopka-plus.jpg') no-repeat;*/
 }
 .spinner .decrease,
 .spinner .increase {
 	background-color: #ddd;
 	border: 0;
 	display: block;
 	float: left;
 	height: 40px;
 	font-size: 20px;
 	font-weight: bold;
 	outline: none;
 	width: 42px;
 }
 .spinner .decrease:focus, 
 .spinner .increase:focus, 
 .spinner .decrease:hover, 
 .spinner .increase:hover {
 	background-color: #eee;
 }
 .spinner .decrease:active,
 .spinner .increase:active {
 	background-color: #ccc;
 }
 .spinner .decrease {

 }
 .spinner .increase {

 }









 .bookalculator__request-form-errors {
 	padding: 0 0;
 }
 .bookalculator__request-form-errors p {
 	color: #d22;
 	text-align: center;
 }

 .bookalculator__request-form-group {
 	padding: 10px 0;
 }
 .bookalculator__request-form-label {
 	cursor: default !important;
 	display: block;
 	font-size: 16px;
 	margin: 0 0 5px 0;
 	width: 100%;
 }
 .bookalculator__request-form-input {
 	border: 2px solid #aaa;
 	display: block;
 	font-size: 16px;
 	height: 50px;
 	padding: 0 10px;
 	width: 100%;
 }
 .bookalculator__request-form-input:focus {
 	border: 2px solid #0093dd;
 	outline: none;
 }
 .bookalculator__submit {
 	background-color: #fff;
 	border-radius: 4px;
 	border: 2px solid #b00;
 	box-sizing: border-box;
 	color: #b00;
 	display: block;
 	font-size: 16px;
 	margin: 20px auto 0 auto;
 	padding: 14px 24px;
 	text-decoration: none;
 	/*text-transform: uppercase;*/
 }
 .bookalculator__submit:hover {
 	background-color: #eee;
 	border: 2px solid #d00;
 }
 @media only screen and (max-width: 400px) {
 	.bookalculator__submit {
 		display: block;
 		height: 50px;
 		margin: 0 auto;
 		width: 100%;
 	}
 }
 .bookalculator__tutorial {
 	border-top: 1px solid #aaa;
 	padding: 10px 0 0 0;
 }







/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/
/* Global Declaration */




input.text,
input.email,
input.password,
textarea.uniform {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 3px;
	color: #777;
	background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
	background: url('../images/bg-input.png') repeat-x 0px 0px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	border-color: #999;
	background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */
/* Select */

div.selector {
	background-position: -483px -130px;
	line-height: 26px;
	height: 26px;
}
div.selector span {
	background-position: right 0px;
	height: 26px;
	line-height: 26px;
}
div.selector select {
	/* change these to adjust positioning of select element */
	
	top: 0px;
	left: 0px;
}
div.selector:active,
div.selector.active {
	background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
	background-position: right -26px;
}
div.selector.focus,
div.selector.hover,
div.selector:hover {
	background-position: -483px -182px;
}
div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
	background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -78px;
}
div.selector.disabled {
	background-position: -483px -234px;
}
div.selector.disabled span {
	background-position: right -104px;
}
/* Checkbox */

div.checker {
	width: 19px;
	height: 19px;
}
div.checker input {
	width: 19px;
	height: 19px;
}
div.checker span {
	background-position: 0px -260px;
	height: 19px;
	width: 19px;
}
div.checker:active span,
div.checker.active span {
	background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
	background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -57px -260px;
}
div.checker span.checked {
	background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
	background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -171px -260px;
}
/* Radio */

div.radio {
	width: 19px;
	height: 19px;
	margin: 0 5px 0 2px;
}
div.radio input {
	width: 19px;
	height: 19px;
	cursor: pointer;
}
div.radio span {
	height: 19px;
	width: 19px;
	background: url(../images/bg_radio.png) 0 0 no-repeat;
	cursor: pointer;
}
div.radio span.checked {
	background: url(../images/bg_radio_checked.png) 0 0 no-repeat;
}
/* Uploader */

div.uploader {
	background-position: 0px -297px;
	height: 28px;
}
div.uploader span.action {
	background-position: right -409px;
	height: 24px;
	line-height: 24px;
}
div.uploader span.filename {
	height: 24px;
	/* change this line to adjust positioning of filename area */
	
	margin: 2px 0px 2px 2px;
	line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
	background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
	background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
	background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
	background-position: right -493px;
}
div.uploader.disabled {
	background-position: 0px -325px;
}
div.uploader.disabled span.action {
	background-position: right -381px;
}
div.button {
	background-position: 0px -523px;
}
div.button span {
	background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
	background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
	background-position: right -673px;
}
div.button.active,
div.button:active {
	background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
	background-position: right -703px;
	color: #555;
}
div.button.disabled,
div.button:disabled {
	background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
	background-position: right -733px;
	color: #bbb;
	cursor: default;
}
/* PRESENTATION */
/* Button */

div.button {
	height: 30px;
}
div.button span {
	margin-left: 13px;
	height: 22px;
	padding-top: 8px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 15px;
}
/* Select */

div.selector {
	width: 190px;
	font-size: 12px;
}
div.selector select {
	min-width: 190px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #fff;
}
div.selector span {
	padding: 0px 25px 0px 2px;
	cursor: pointer;
}
div.selector span {
	color: #666;
	width: 158px;
	text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
	color: #bbb;
}
/* Checker */

div.checker {
	margin-right: 5px;
}
/* Uploader */

div.uploader {
	width: 190px;
	cursor: pointer;
}
div.uploader span.action {
	width: 85px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
}
div.uploader span.filename {
	color: #777;
	width: 82px;
	border-right: solid 1px #bbb;
	font-size: 11px;
}
div.uploader input {
	width: 190px;
}
div.uploader.disabled span.action {
	color: #aaa;
}
div.uploader.disabled span.filename {
	border-color: #ddd;
	color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector,
.checker,
.button,
.radio,
.uploader {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.selector select:focus,
.radio input:focus,
.checker input:focus,
.uploader input:focus {
	outline: 0;
}
/* Button */

div.button a,
div.button button,
div.button input {
	position: absolute;
}
div.button {
	cursor: pointer;
	position: relative;
}
div.button span {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	text-align: center;
}
/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}
div.selector span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.selector select {
	position: absolute;
	opacity: 0;
	height: 25px;
	border: none;
	background: none;
}
/* Checker */

div.checker {
	position: relative;
}
div.checker span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.checker input {
	opacity: 0;
	display: inline-block;
	background: none;
}
/* Radio */

div.radio {
	position: relative;
}
div.radio span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.radio input {
	opacity: 0;
	filter: alpha(opacity: 0);
	text-align: center;
	display: inline-block;
	background: none;
}
/* Uploader */

div.uploader {
	position: relative;
	overflow: hidden;
	cursor: default;
}
div.uploader span.action {
	float: left;
	display: inline;
	padding: 2px 0px;
	overflow: hidden;
	cursor: pointer;
}
div.uploader span.filename {
	padding: 0px 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}
div.uploader input {
	opacity: 0;
	filter: alpha(opacity: 0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	height: 25px;
	border: none;
	cursor: default;
}
// .menu{height:85px;background-image:url(../images/menu.png);}
// .logo{height:87px;font-size:42px;font-family:IsadoraCyr;color:white;text-align:center;background-color:#24b2b4;border:solid 1px black;box-shadow:0 0 10px rgba(0,0,0,0.5);padding-top:20px; background-image: url(../images/logo.png);background-position: 16% 12.5%;background-size: 406%;}
// .menucon{padding-left:0;padding-right:0;}
// .number{padding-top:5px;color:white;text-align:left;height:85px;font-size:16px;font-family:Garamond;font-weight:bold;}
// .list_menu ul{
// 	list-style-type: none;
// }
// .list_menu li{
// 	display: inline-block;
// 	padding: 10px 5px;
// }
// .list_menu{
// 	text-align: center;
// 	margin-top: 12px;
// }
// .list_menu a{
// 	color: #fff;
// 	font-size: 18px;
// 	text-decoration: none;
// 	padding: 10px;
// }
// .list_menu a:hover{
// 	text-decoration: none;
// 	// color: #000;
// 	// background-color: #fff;
// }
#about{
	text-align: center;
	max-width: 1060px;
	margin: 0 auto;
}
#about .title{
	box-sizing: border-box;
	color: #0e78cc;
	display: block;
	font-size: 25px;
	line-height: 1;
	margin: 20px 0 20px 0;
	text-align: center;
}
#about .text{
	font-size: 20px;
	text-align: left;
}
#about .text ul{
	// text-align: left;
}
label, p, span, div{
	font-family: Garamond;
}