* {
font-family: PT Sans;
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: Roboto Slab;
src: url(fonts/RobotoSlab-Regular.ttf);
}
@font-face {
font-family: proximanova;
src: url(fonts/proximanova-reg-webfont.woff);
}
@font-face {
font-family: proximanova-bold;
src: url(fonts/proximanova-bold-webfont.woff);
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body.hidden {
	overflow: hidden;
}
b, strong {
font-family: proximanova-bold;
}
img {text-decoration: none; border: 0px}
/* Шапка */

h1, h2, h3 {
	font-family: Roboto Slab;
	font-weight: 100;
}
header {
width: 1024px;
margin: 0 auto;
}

header > div {
display: inline-block;
vertical-align: top;
height: 190px;
height: 220px;
}
.logo {
width: 250px;
}
.logo img {
width: 250px;
margin-top: 10px;
}
.slogan {
text-align: left;
padding: 20px;
font-size: 20pt;
width: 465px;
}
.slogan i {
padding: 0 50px;
display: inline-block;
line-height: 33px;
}
.contacts {
text-align: right;
width: 300px;
}
.phone {
font-size: 22pt;
font-weight: bold;
font-family: PT Sans;
margin: 10px;
color: #719D2F;
}
.work-hours {
color: #000;
margin: 10px;
line-height: 22px;
}
header i {
font-family: Calibri;
font-style: italic;
}
i.work-hours-title {
/*text-decoration: underline;*/
}
.green-button {
text-decoration: none;
text-align: center;
color: #FFFFFF;
display: inline-block;
padding: 10px 15px;
box-sizing: border-box;
border: none;
font-size: 11pt !important;
outline: none;
cursor: pointer;
-webkit-appearance: none;
background: #804040;
border-bottom: 3px solid #200001;
font-family: Roboto Slab;
}
#callback {
margin-top: 5px;
}
.green-border-button {
margin: 10px;
text-decoration: none;
text-align: center;
color: #000;
display: inline-block;
padding: 8px 15px;
box-sizing: border-box;
background: #F5E9D2;
border-bottom: 3px solid #C8B68E;
font-family: Roboto Slab;
font-size: 12pt;
}
/* Тело */

.main {
width: 1024px;
margin: 0 auto;
}

section {
display: inline-block;
vertical-align: top;
width: 765px;
padding: 20px 0;
}



/* Навигация */


nav {
background: #E55355;
border-bottom: 3px solid #BA383A;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
height: 50px;
line-height: 50px;
color: #BA383A;
position: relative;
z-index: 1;
font-family: PT Sans;
}
nav a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 15px;
display: inline-block;
-webkit-transition: background 0.1s ease;
-moz-transition: background 0.1s ease;
-ms-transition: background 0.1s ease;
-o-transition: background 0.1s ease;
transition: background 0.1s ease;
line-height: 20px;
cursor: pointer;
}
nav a:hover {
	background: #D44345;
}
nav a[active] {
	background: #D44345;
}
nav .submenu {
	position: absolute;
	top: 47px;
	background: #C53335;
	display: none;
	border-top: 3px solid #BA383A;
}
nav .submenu a {
	display: block;
	border-bottom: 2px solid #9E2425;
}
nav .submenu a:hover {
	background: #A81C1E;
}
nav .types-submenu {
	left: 139px;
}
nav .about-submenu {
	left: 0px;
}
nav .price-submenu {
	left: 250px;
}
/* Левая боковая панель */

aside.left-sidebar h2 {
font-size: 24px;
line-height: 30px;
margin: 22px 0;
}

aside.left-sidebar {
width: 240px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
padding-top: 20px;
}
aside.left-sidebar > div {
margin-bottom: 10px;
background: #F5F5F5;
}

.current-counter {
text-align: center;
border: 20px solid #F5E9D2;
background: #fff !important;
position: relative;
}
.current-counter h1:before {
width: 200px;
height: 40px;
content: '';
background: url(./iconss/calendar.png) repeat-x 0 0;
background-size: 28px;
position: absolute;
left: 0;
top: -5px;
}
table.counter-table {
width: 120px;
border-collapse: collapse;
margin: 10px auto 5px;
}
table.counter-table td {
border: 4px solid #9FC426;
}
.current-counter h1 {
margin: 0;
font-size: 14pt;
padding: 20px;
padding-bottom: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
line-height: 24px;
}
.current-counter b {
font-size: 32pt;
color: #9FC426;
height: 60px;
font-weight: 700;
font-family: PT Sans;
display: block;
line-height: 60px;
}
.current-counter span {
color: #9FC426;
}

.action {
width: 240px;
}
.action img {
width: 240px;
}
.order-block {
text-align: left;
padding: 10px 30px;
background: #F5E9D2 !important;
position: relative;
font-family: PT Sans;
}
.order-block h2 {
font-size: 24px;
line-height: 30px;
margin: 22px 0;
}
.order-block .green-button {
margin: 20px 0;
}
span.input-descr {
display: inline-block;
padding: 5px 0;
color: #3B3B3B;
}
span.input-descr b {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: bottom;
color: #D32727;
text-align: center;
font-size: 18pt;
font-weight: normal;
}
span.icon-picker {
display: block;
width: 65px;
height: 80px;
background-image: url(./iconss/ic_picker.png);
background-size: 90px;
position: absolute;
top: 0px;
right: 15px;
}
input[type="text"], input[type="date"], select, textarea {
width: 100%;
box-sizing: border-box;
outline: none;
padding: 5px 10px;
border: 1px solid #CCC;
background: #FFFFFF;
font-size: 1em;
border-radius: 3px;
-webkit-appearance: none;
}
input[type="text"]:focus, select:focus, textarea:focus {
background-color: #FFF;
border-color: #9DCD48;
outline: none;
-webkit-box-shadow: 0 0 5px 0px #9DCD48;
-moz-box-shadow: 0 0 5px 0px #9DCD48;
-o-box-shadow: 0 0 5px 0px #9DCD48;
box-shadow: 0 0 5px 0px #9DCD48;
}
input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow: none;
}
.social-block, .articles-block {
text-align: left;
background: #ECECEC;
padding: 10px 30px;
}
.articles-block a {
color: #BA383A;
font-size: 16px;
display: inline-block;
font-family: proximanova;
margin-bottom: 20px;
}
.articles-block a.articles-more {
color: #666;
}
.social-block-links {
width: 155px;
}
.social-block-links > a > img {
width: 48px;
height: 48px;
}


/* Контент */

section h1 {
font-weight: 700;
font-size: 28px;
margin-bottom: 35px;
margin-top: 25px;
font-family: proximanova-bold;
padding-bottom: 10px;
}
section h2 {
font-size: 18px;
font-weight: 700;
font-family: proximanova-bold;
margin-bottom: 20px;
}
section h2 img {
vertical-align: middle;
margin-right: 5px;
}
section h3{
font-size: 16px;
font-family: proximanova-bold;
margin-bottom: 30px;
}
section p {
font-size: 15px;
line-height: 21px;
margin-bottom: 30px;
overflow: hidden;
font-family: proximanova;
}
section a {
color: #BA383A;
}
section b, section strong {
font-family: proximanova-bold;
}
section i, section em {
font-style: italic;
}
section ul {
margin: 0 0 20px 0;
overflow: auto;
padding-left: 30px;
}
section ol {
margin: 0 0 20px 0;
overflow: auto;
padding-left: 30px;
list-style-type: decimal;
}
section li {
font-size: 15px;
line-height: 21px;
font-family: proximanova;
}
section ul.check-ul {
list-style-image: url(./iconss/check.svg);
}

/* Преимущества */

aside.advantage-block {
display: inline-block;
margin: 25px 0;
}
.advantage {
padding: 0 8px 10px;
border-radius: 3px;
display: inline-block;
text-align: center;
color: #191919;
}
.advantage p {
margin: 0;
font-family: Roboto slab;
font-size: 7.5pt;
}
.advantage img {
width: 40px;
}

.callback-window {
width: 300px !important;
margin-top: -175px !important;
margin-left: -150px !important;
padding: 10px 30px;
font-family: PT Sans;
}
.callback-window h1 {
text-align: left;
font-size: 18pt;
width: 200px;
margin: 22px 0;
}
.callback-window span.input-descr {
display: block;
padding: 5px 0;
color: #3B3B3B;
}
span.icon-hanging-phone {
position: absolute;
width: 64px;
height: 100px;
display: block;
top: 20px;
right: 30px;
background: url(./iconss/ic_cup.png) top center no-repeat;
}
.callback-window .green-button {
	margin: 20px 0;
}

footer {
width: 1024px;
margin: 0 auto;
background: #F5F5F5;
padding: 20px 0;
font-family: PT Sans;
padding-top:5px;
}
footer table {
width: 100%;
}
footer table td {
text-align: center;
vertical-align: middle;
}
footer .footer-socials img {
width: 32px;
height: 32px;
}

/* WINDOW */

.window-container {
overflow: auto;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.7);
z-index: 999;
display: none;
}
.window {
z-index: 1000;
width: 600px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -300px;
background: #F5E9D2;
font-family: proximanova;
box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.window h1 {
text-align: left;
font-size: 18pt;
width: 200px;
}
.window-header, .window-footer {
background: #F5E9D2;
padding: 20px;
}
.window-content {
padding: 10px 20px;
}
.window-content .left {
width: 245px;
display: inline-block;
vertical-align: top;
margin-right: 40px;
}
.window-content .right {
width: 245px;
display: inline-block;
vertical-align: top;
}
#express-window p {
color: #3B3B3B;
padding: 5px 0;

}
.field-error {
	border: 1px solid red !important;
}
.toast {
	width: 300px;
	padding: 20px;
	background: #F5E9D2;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -150px;
	z-index: 1001;
	box-shadow: 0 0 20px rgba(0,0,0,.5);
	font-family: Roboto Slab;
	font-size: 12pt;
	line-height: 20px;
}
.toast a {
	color: #000;
}
.page-art ul {
	list-style-image: url("./iconss/check.svg");
}
.price-text {
	margin-top:30px;
}
.bread a, .bread {
	font-size:13px;
}
.price-block table {
	border:8px solid #F8F2E4;
}
.price-block table th {
	font-weight:bold;
	padding:5px;
	border:1px solid #ccc;
}
.price-block table td {
	padding:5px;
	text-align:left;
	border:1px solid #ccc;
}
.price-block h2, .otzyv-block h2 {
	margin-top:30px;
}
.otzyv-block img {
	max-width:100%;
}
.work-hours a {
	color: #000;
}
.work-hours-title span {
	text-decoration:underline;
}
.callback-window .ash1 {
	font-size: 18pt;
    text-align: left;
    width: 200px;
	margin: 22px 0;
	font-family: Roboto Slab;
    font-weight: 100;
}
.current-counter .ash1::before {
    background: rgba(0, 0, 0, 0) url("./iconss/calendar.png") repeat-x scroll 0 0 / 28px auto;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 200px;
}
.current-counter .ash1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 14pt;
    line-height: 24px;
    margin: 0;
    padding: 20px 20px 10px;
	font-family: Roboto Slab;
    font-weight: 100;
}
.order-block .ash2 {
	font-size: 24px;
    line-height: 30px;
    margin: 22px 0;
	font-family: Roboto Slab;
    font-weight: 100;
}
.articles-block .ash2 {
	font-size: 24px;
    line-height: 30px;
    margin: 22px 0;
	font-family: Roboto Slab;
    font-weight: 100;
}
.social-block .ash2 {
	font-size: 24px;
    line-height: 30px;
    margin: 22px 0;
    font-family: Roboto Slab;
    font-weight: 100;
}

div#express-packs-window {
width: 300px;
margin-left: -150px;
}
.window .ash1 {
    font-size: 18pt;
    text-align: left;
    width: 200px;
    font-family: Roboto Slab;
    font-weight: 100;
}
.see-also .see-head {
	font-weight:bold;
	margin-bottom:3px;
}
.see-also ul {
	padding:0;
	margin:0;
	list-style:none;
}
.see-also ul li {
	float:left;
	width:33%;
	vertical-align:top;
	text-align:center;
}
.clear {
	clear:both;
}
#footerLinks_container {
    display: inline-block;
    height: 40px;
    margin-top: -6px;
    position: relative;
    width: 100%;
}
#footerLinks {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 20px !important;
    left: 20px !important;
    position: absolute !important;
    top: 16px !important;
	padding-bottom:15px;
}
.footerLinks-a {
	border-bottom: 1px solid #7f7f7f;
    margin: 0 20px 15px;
}
#footerLinks a {
    color: #3b3b3b !important;
    display: block;
    font-size: 14px;
    line-height: 16px;
	text-decoration:none;
	
}
.footerLinks_section a {
	font-weight:bold;
}
.footerLinks_section_items a {
	font-weight: normal;
}
#footerLinks_items {
}
.footerLinks_section {
    float: left;
    margin-right: 40px;
    position: relative;
    text-align: left;
}
.footerLinks_section:last-child {
    margin-right: 0;
}
.footerLinks_section_title {
}
.footerLinks_section.close .footerLinks_section_title::after {
    border-color: #387E03 transparent transparent;
    border-style: solid;
    border-width: 8px 4px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 10px;
    width: 0;
}
.footerLinks_section.open .footerLinks_section_title::after {
    border-color: transparent transparent #803300;
    border-style: solid;
    border-width: 0 4px 8px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 10px;
    width: 0;
}
.footerLinks_item {
}
.footerLinks_section.close .footerLinks_section_items {
    display: none;
    left: 0;
    position: absolute;
    top: 30px;
}
.footerLinks_section.open .footerLinks_section_items {
    display: block;
}

.namehidden {
	display: none;
}

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