* {
margin:0;
padding:0;
}

html {
	height: 100%;

}

body {
	height: 100%;
	width: 100%;
}

@font-face {
font-family: "PT Sans Narrow Bold"; 
src: url("fonts/PTN77F.ttf");
}

h1, h2 {
	font-family: "PT Sans Narrow Bold","Myriad Pro",sans-serif;
	color: #277b77;
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 5px;
}

h3 {
	font-family: "PT Sans Narrow Bold","Myriad Pro",sans-serif;
	font-size: 17px;
	color: #277b77;
	margin-bottom: 4px;
}

p {margin-bottom: 8px;}

table {border-collapse: collapse;}

table td p {
	padding: 0 5px;
}

ul {list-style: none;}

fieldset {
	border: none;
}

#wrap {
	min-height: 100%;
	margin: 0 auto;	
	background: url(images/pattern_main.gif) fixed;
}

#main_wrap {
	overflow: visible;
	margin: 0 auto;
	width: 978px;
	padding-top: 32px;
	padding-bottom: 90px;
} 

#main {
	background: url(images/main_back.png);
-webkit-box-shadow: 0px 3px 10px rgba(77, 110, 107, 0.4);
-moz-box-shadow:    0px 3px 10px rgba(77, 110, 107, 0.4);
box-shadow:         0px 3px 10px rgba(77, 110, 107, 0.4);
} 


.head {
	position: relative;
	height: 139px;
	border-top: 5px #ede8e4 solid;
	border-bottom: 7px #b1d4d1 solid;
	background: url(images/pattern_brown.gif) ;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;; 
}

.head a {
	color: #877667;
	text-decoration: none;
}

.head a:hover {text-decoration: underline; color: #277b77;}

.h_menu {
	color: #bbb6b1;
	text-transform: uppercase;
	margin-top: 19px;
	margin-left: 25px;
	font-size: 11px;
}

.h_menu a {
	color: #bbb6b1;
	text-decoration: none;	
	margin: 0 3px;
}

.h_menu a:hover {
	text-decoration: underline;
	color: #277b77;
}

.h_contacts {
	display: inline-block;
	vertical-align: top;
	margin: 30px 3px 0 10px;
	color: #877667;
	min-height: 50px;
}

.h_contacts.chair {
	background: url(images/chair.png) no-repeat 0 3px;
	padding-left: 65px;
	margin-right: 10px;
}

.h_contacts.consult {
	background: url(images/consult.png) no-repeat 0 2px;
    margin-left: 295px;
    padding-left: 40px;
    
}

.h_contacts.phone {
	background: url(images/phone.png) no-repeat 0 3px;
	padding-left: 70px;
}

.logo {
	width: 263px;
	height: 153px;
	position: absolute;
	left: 355px;
	top: -31px;
	background: url(images/logo.png) no-repeat;
}

.main_cells {
	padding: 0 16px 36px 16px;
	font-family: "PT Sans";
	font-size: 14px;
	color: #542b04;
	
}

.main_menu {
	position: relative;
	top: -9px;
	
	height: 27px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;; 
}

.main_menu a{
	color: #277b77;
	outline: none;
	text-decoration: none;
	height: 100%;
}

.main_menu ul {
	height: 100%;
	list-style: none;
	display: inline-block;
	border-radius: 0 0 14px 14px;
-webkit-box-shadow: 0px 2px 10px rgba(165, 206, 203, 0.75);
-moz-box-shadow:    0px 2px 10px rgba(165, 206, 203, 0.75);
box-shadow:         0px 2px 10px rgba(165, 206, 203, 0.75);	
}

.main_menu li {
	display: inline-block;
	height: 100%;
}

/* -------------------- НАЧАЛИСЬ КНОПКИ --------------------- */

.button {
	display: inline-block;
  	background: url('images/button_r.png') no-repeat;
 	background-position:top right;
  	padding-right: 17px;  	

}

.active .button, .first.active .button, .last.active .button{
	background-position: 100% -27px;
	color: white;
}

.active .button span, .first.active .button span, .last.active .button span {
	background-position: 0% -27px;
	color: white;
}

.first .button {
	display: inline-block;
  	background: url('images/button_r.png') no-repeat;
 	background-position:top right;
  	padding-right: 23px;
}

.last .button {
	display: inline-block;
  	background: url('images/last_button_r.png') no-repeat;
 	background-position:top right;
  	padding-right: 23px;
}

.button span {
  display: block;
  outline: none;
  background: url('images/button_l.png') no-repeat;
  padding-left:  17px;
  height: 23px;
  padding-top: 4px;
}

.first .button span {
  display: block;
  background: url('images/first_button_l.png') no-repeat;
  padding-left:  23px;
  height: 23px;
  padding-top: 4px;
}

.last_button span {
  display: block;
  background: url('images/button_l.png') no-repeat;
  padding-left:  23px;
  height: 23px;
  padding-top: 4px;
}

.button:hover, .first .button:hover, .last .button:hover {
  background-position: 100% -27px;
}


.button:hover span, .first_button:hover span, .last_button:hover span {
  background-position: 0% -27px;
  color: white;
}


/* -------------------- КОНЧИЛИСЬ КНОПКИ --------------------- */


.left_cells {
	width: 690px;
	float: left;
	clear: right;
}

.left_cells a:hover {
	text-decoration: none;
}

.left_cells.wide {
	width: 100%;
}


.left_cells a {
	color: #277b77;
}

/* это для вкладок */

.tabs, .tabs_page {
	background: url(images/pattern_tabs.gif) -23px -15px;
	border-radius: 8px 8px 0 0;
}

.page_tabs_title {
	height: 29px;
	background: url(images/page_tabs_title.png) no-repeat;
	text-transform: uppercase;
	font-size: 16px;
	color: white;
	font-family: "PT Sans Narrow Bold";
	padding-left: 13px;
	padding-top: 8px;
}

.tabs li {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;
	font-size: 13px;
	color: #877667;
	padding: 10px 5px;
	cursor: pointer;
	width: 128px;
	text-align: center;
}

.tabs_page li{
	display: inline-block;
	list-style: none;
	text-transform: none;
	text-align: center;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;
	font-style: italic;
	font-size: 13px;
	color: #87bb9b;
	margin-top: -8px;
	padding: 10px 0 4px 0;
	cursor: pointer;
    width: 100%;
}

.tabs_page table {
	table-layout: fixed;
}

.tabs li div {
	height: 66px;
	margin: 7px 0;
}

.tabs li.current {
	background: white;
	border-radius: 8px 8px 0 0;
	font-family: "PT Sans Narrow Bold","Myriad Pro",sans-serif;
	border: 1px solid #e0e4e3;
	border-bottom: none;
	padding: 9px 4px;
	color: #277b77;
}

.tabs_page li.current1 {
	background: white;
	font-family: "PT Sans Narrow Bold","Myriad Pro",sans-serif;
	border: 1px solid #e0e4e3;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	padding: 9px 0 4px 0;
	color: #877667;
	position: relative;
	z-index: 2;
	width: 100%;
}

.box, .box_page {
  display: none; 
  padding: 13px;
  background: white;
  border-radius: 0 0 8px 8px;
  margin-bottom: 16px;  
  margin-top: -3px;
  border: 1px solid #e0e4e3;
}

.box_page {
	position: relative;
	font-family: "PT Sans Narrow";
	color: #277b77; 
	font-size: 16px;
}

.box.visible, .box_page.visible {
  display: block; 
}

.box ul.mark2 li {
	display: inline-block;
	width: 46%;
	vertical-align: top;
}

.next_step_wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 30px;
	bottom: 13px;
	right: 13px;

}

.next_step, .prev_step {
	display: inline-block;
	float: right;
	cursor: pointer;
	border-radius: 8px;
	padding: 5px 13px;
	text-transform: uppercase;
background: #dbd1ca; /* Old browsers */
background: -moz-linear-gradient(top,  #dbd1ca 0%, #c4b9b1 91%, #beb2aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbd1ca), color-stop(91%,#c4b9b1), color-stop(100%,#beb2aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbd1ca 0%,#c4b9b1 91%,#beb2aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbd1ca 0%,#c4b9b1 91%,#beb2aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbd1ca 0%,#c4b9b1 91%,#beb2aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbd1ca 0%,#c4b9b1 91%,#beb2aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd1ca', endColorstr='#beb2aa',GradientType=0 ); /* IE6-9 */
}

.next_step:hover, .prev_step:hover {
	color: white;
}

.next_step {
	margin-left: 13px;
}	

.order_submit {
	display: inline-block;
	float: right;
	cursor: pointer;
	border:  none;
	border-radius: 8px;
	padding: 5px 13px;
	text-transform: uppercase;	
	font-family: "PT Sans Narrow";
	font-size: 16px;
	margin-left: 13px;
	color: white;
background: #ae171e; /* Old browsers */
background: -moz-linear-gradient(top,  #ae171e 0%, #9f0f15 76%, #8b040a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae171e), color-stop(76%,#9f0f15), color-stop(100%,#8b040a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae171e', endColorstr='#8b040a',GradientType=0 ); /* IE6-9 */

}

.order_input {
	border: 1px solid #e0e4e3;
	border-radius: 8px;
	width: 206px;
	padding: 5px;
	margin-bottom: 13px;
	color: #786758;
	font-family: "PT Sans Narrow";
	font-size: 14px;
	height: 18px;
}

/* /это для вкладок */


.content {
	padding: 0 13px;
}

.content p, .box p {
    text-align: justify;
}

.content ul, .box ul {
    padding: 10px 0;    
}

 .box  li, .content li {
    background: url("images/mark1.png") no-repeat scroll 20px 5px transparent;
    margin-bottom: 10px;
    padding-left: 40px;
} 

.content ol li, .box ol li {
    margin: 0 0 10px 40px;
}

.content a {
	color: #542b04;
}

.content a:hover {
	color: #277B77;
}	

.content.page{
	padding: 13px;
	background: white;
	border-radius: 8px;
	border: 1px solid #e0e4e3;
}

.right_cells {
	width: 240px;
	float: left;
	margin-left: 16px;	
}

.right_cells a{
	color: #776656;
}

.right_cells a:hover{
	text-decoration: none;
	color: #277B77;
}

.right_cells .active a{
	color: #277B77;
	text-decoration: none;
}


.rc_list_wrap {
	position: relative;
	background: url(images/rc_waves.png);
    background-position: bottom left;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;; 
	color: #776656;
	border-radius: 0 0 8px 8px;
	padding-bottom: 20px;
	margin-bottom: 16px;
}

.rc_list_wrap ul {
	margin: 12px 0;
	padding: 0 22px;
	list-style: none;
}

.awards li{
	background: url(images/award.png) 0 3px no-repeat;
	padding-left: 20px; 
	margin-bottom: 15px;
}

.mark1 li{
	background: url(images/mark1.png) 0 3px no-repeat;
	padding-left: 20px; 
	margin-bottom: 10px;
}

.mark2 li{
	background: url(images/mark2.png) 0 5px no-repeat;
	padding-left: 20px; 
	margin-bottom: 10px;
}

.rc_list_title {
	font-family: "PT Sans Narrow Bold","Myriad Pro",sans-serif;
	font-weight: bold;
	position: relative;
	top: -2px;
	height: 30px;
	background: url(images/rc_list_title.png) no-repeat;
	color: #277b77;
	text-transform: uppercase;
	font-size: 16px;	
	text-align: center;
	padding-top: 1px;
}

.rc_list_bottom {
	width: 260px;
	height: 13px;
	position: absolute;
	bottom: 0;
	background: url(images/rc_bottom.png) no-repeat; 
}

.news {
	padding: 10px 20px;
}

.new {margin-bottom: 16px;}

.new a{color: #776656;}
.new a:hover{text-decoration: none;}

#footer {
	position: relative;
	border-top: #ded6cf 4px solid;
	background: url(images/pattern_brown.gif) ;
	padding: 16px 29px;
	font-family: "PT Sans Narrow","Myriad Pro",sans-serif;; 
	color: #ac947d;
	margin-top: 20px;
}

#footer a {color: #ac947d}
#footer a:hover {text-decoration: none; color: #277B77;}

#footer ul {
	list-style: none;
	margin-top: 4px;
	padding-right: 16px;
}

#footer table {
	font-size: 14px;
}

.hr {
	margin: 16px 0 12px 0 ;
	border-top: 1px solid #ac947d;
}

.f_contacts {
	display: inline-block;
	margin-right: 20px; 
	vertical-align: top;
}

.f_kotik {
	display: inline-block;
	width: 19px;
	height: 31px;
	background: url(images/kotik.png) no-repeat;
	margin-left: 10px;
}

.f_kotik:hover {background: url(images/kotik_over.png) no-repeat;}

.f_counters {
	position: absolute;
	right: 29px;
	bottom: 20px;	
}

.contact {
	width: 65px; 
	display: inline-block;
	float: left;
	font-family: "PT Sans Narrow Bold"; 
	font-size: 15px;
	color: #277b77;	
}

.B_crumbBox {
	margin-top: -9px;
	margin-bottom: 3px;
	font-family: "PT Sans Narrow";
	font-size: 13px;
	color: #277B77;
}

.B_crumbBox a{
	color: #277B77;
	text-decoration: none;	
}

.B_crumbBox a:hover {text-decoration:  underline;}

.B_crumbBox li{
	display: inline-block;
}

.search_form {
	position: absolute;
	right: 17px;
	top: 13px;
	
}

.search_form input{
	width: 110px;
	color: #bbb6b1;
	font-family: "PT Sans";
	font-size: 13px;
	padding: 0 5px;
	border: 1px solid #bbb6b1;
}

.contacts_submit {
	display: inline-block;
	cursor: pointer;
	border:  none;
	border-radius: 8px;
	padding: 5px 13px;
	text-transform: uppercase;	
	font-family: "PT Sans Narrow";
	font-size: 16px;
	margin-left: 13px;
	color: white;
background: #ae171e; /* Old browsers */
background: -moz-linear-gradient(top,  #ae171e 0%, #9f0f15 76%, #8b040a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae171e), color-stop(76%,#9f0f15), color-stop(100%,#8b040a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ae171e 0%,#9f0f15 76%,#8b040a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae171e', endColorstr='#8b040a',GradientType=0 ); /* IE6-9 */

}

.promo {
	margin-bottom: 16px;
}

.contact_inputs {
	display: inline-block;
	width: 285px;
}

.contact_inputs .order_input {
	width: 256px;
}

.contact_textarea {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}

.contact_textarea textarea {
	height: 104px;
	width: 620px;
}

.next_step_wrap .order_input{
	width: 230px;
	margin-left: 6px;
}

.licenses {
	display: inline-block;
    padding-right: 2px;
    vertical-align: top;
    width: 402px;
}

.licenses img{
	margin-right: 6px;
	outline: none;
	border: none;
}

.licenses a{
	text-decoration: none;
	outline: none;
	border: none;
}

.clients {
	display: inline-block;
	vertical-align: top;	
	width: 241px;
	padding-left: 13px;
	font-size: 12px;
}

/* Куки */

#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	gap: 20px;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width:20%;
  	background-size: cover;
  	background-position: 0% 0%;
	padding-right: 0;
}
.cookie_accept:hover{
  	background-position: 100% 100%;
	color: #fff;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}

table.sovetaudit td {
	vertical-align: top;
	padding: 5px;
}

table.sovetaudit caption {
	padding-bottom: 20px;
}