/* general 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
h1, h2, h3, h4, h5, h6{line-height:100%;}
blockquote, q {quotes:none;}
input, textarea, button {margin:0;font-family:inherit; font-size:1em;}
body,
html{
	height:100%;
}
/* font-face start*/
@font-face {
	font-family: 'PFSquareSansProRegular';
	src: url('../../fonts/pfsquaresanspro-regular-webfont.eot');
	src: url('../../fonts/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/pfsquaresanspro-regular-webfont.woff') format('woff'),
		url('../../fonts/pfsquaresanspro-regular-webfont.ttf') format('truetype'),
		url('../../fonts/pfsquaresanspro-regular-webfont.svg#PFSquareSansProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* font-face end */
body{
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#07243e;
	background:#fff url(../../images/bg-body01.jpg) no-repeat 50% 0;
}
.hp{background:#fff url(../../images/bg-body.jpg) no-repeat 50% 0;}
/* general setings */
a{
	color:#23639e;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
p{margin:0 0 20px;}
h1{
	font:40px/43px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	color:#23639e;
	margin:0 0 5px;
}
.hp h1{
	font-size:44px;
	line-height:47px;
	margin:0 0 20px;
}
h2{
	font:40px/43px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	margin:0 0 15px;
}
h3{
	font:24px/32px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}
ol{
	counter-reset:section;
	padding:0;
	margin:0;
	list-style:none;
	overflow:visible;
}
ol li{
	padding:0 0 14px;
	vertical-align:top;
}
ol li:before,
ol li .list-item-before {
	content:counter(section)'.';
	counter-increment:section;
	float:left;
	position:relative;
	margin:0 3px 0 0;
}
* html ol li .list-item-before{margin-right:0;}
ol li li:before,
ol li li .list-item-before {
	display:none;
}
ol ul{
	padding:15px 0 0;
	margin:0 0 -15px;
}
.wrapper{
	width:940px;
	margin:0 auto;
}
#header{
	width:100%;
}
.header-holder{
	width:100%;
	padding:48px 0 23px;
}
.header-holder:after{
	clear: both;
	content:'';
	display: block;
}
.logo{
	overflow:hidden;
	background:url(../../images/logo.png) no-repeat;
	width:233px;
	height:74px;
	text-indent:-9999px;
	float:left;
	margin:-41px 87px 0 -17px !important;
}
.logo a{
	height:100%;
	display:block;
}
#header address{
    float: left;
    margin: -6px 5px 0 -48px;
    width: 180px;
}
#header address strong{
	color:#2189eb;
	display:block;
	font:19px/22px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
}
#header address span{
	font:12px/15px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	display:block;
	color:#07243e;
}
.scheme-lnk{
	float:left;
	font:12px/15px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	color:#2189eb;
}
.phone-holder{
	float:right;
	width:320px;
	margin-top: -16px;
}
.phone-holder .phone{
    color: #07243E;
    float: left;
    font: 32px/31px "PFSquareSansProRegular",Arial,Helvetica,sans-serif;
    margin: 0 13px 0 -71px;
}
.phone-holder .phone span{
	font-size:20px;
	line-height:21px;
	/*color:#2189ef;*/
color:#000;
	position:relative;
	top:-7px;
}
.phone-holder .days{
	position:absolute;
	width:150px;
	padding:0 0 0 15px;
	color:#2189eb;
	font:16px/19px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	margin-top: 8px;
 margin-left: 168px;
}
.phone-holder .days span{display:block;}
.nav-holder{
	background:url(../../images/bg-nav.png) no-repeat;
	width:867px;
	height:31px;
	padding:11px 46px 0 27px;
	font:17px/20px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
}
.nav-holder:after{
	clear: both;
	content:'';
	display: block;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
#nav li{
	float:left;
	background:url(../../images/separator01.gif) no-repeat;
	padding:0 7px 2px;
	margin:0 1px 0 -1px;
}
#nav li a{
	color:#07243e;
}
#nav li div.active a{
text-decoration:none;
}



.gift-lnk{
	float:right;
	font:17px/20px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	color:#23639e;
	padding:4px 0 5px 33px;
	margin:-4px 0 0;
	background:url(../../images/ico-gift.png) no-repeat;
}
#main{
	width:925px;
	padding:24px 0 0 15px;
}
#main:after{
	clear: both;
	content:'';
	display: block;
}
.main-holder{
	width:100%;
}
.main-holder:after{
	clear: both;
	content:'';
	display: block;
}
.sidebar{
	float:left;
	width:237px;
	padding:0;
}
.side-nav{
	margin:-5px 0 0;
	padding:0;
	list-style:none;
}
.side-nav li{
	background:url(../../images/separator02.gif) repeat-x;
	font:15px/20px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	width:237px;
	padding:1px 0 0;
}
.side-nav li:after{
	clear: both;
	content:'';
	display: block;
}
.side-nav li:first-child{
	background:none;
}
.side-nav li a{
	text-decoration:none;
	color:#1b5183;
	float:left;
	width:252px;
	margin:0 -11px 0 -4px;
	cursor:pointer;
}


.side-nav li strong{
	font-weight:normal;
	display:block;
	padding:8px 9px 0 17px;
	float:left;
	width:226px;
}
.side-nav li span{
	display:block;
	padding:0 0 0 19px;
	position:relative;
	margin:0 0 -8px;
	float:left;
	background:url(../../images/arrow01.gif) no-repeat 0 7px;
}
.side-nav li em{
	width:280px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	clear:left;
}
.side-nav li.active{background:none;}
.side-nav li.active a{color:#fff;}
.side-nav li.active strong{
	background:url(../../images/bg-side-nav.png) no-repeat;
}
.side-nav li.active span{
	background:url(../../images/arrow01-active.png) no-repeat 0 7px;
	text-decoration:none !important;
}
.side-nav li.active em{
	background:url(../../images/bg-side-nav.png) no-repeat -252px -83px;
}
.side-nav ul{
	margin:0;
	padding:10px 0 5px;
	list-style:none;
	width:100%;
	clear:left;
}
.side-nav ul li{
	background:none;
        padding: 0 10px 8px 36px;
	width:191px;
	line-height:16px;
}
.side-nav ul li a{
	color:#1b5183 !important;
	display:inline;
	width:auto;
        display: block;
        width: 200px;
}


.side-nav li a:hover span{text-decoration:underline;}
.side-nav ul li a:hover{text-decoration:underline;}

.side-nav ul li.active a   {

    background-color: #dcf7ff;
    border-radius: 10px;
    padding: 0;
    text-decoration: underline;
    width: 241px;
}



.hp .sidebar{
	float:left;
	width:300px;
	margin-top : 20px;
}
.hp .side-nav li{
	font:17px/20px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	width:280px;
}
.hp .side-nav li a{
	width:280px;
	margin:0;
}
.hp .side-nav li strong{
	padding:8px 9px 0 11px;
	width:260px;
}
.hp .side-nav li em{
	width:280px;
	height:18px;
}
.side-nav li.active a{
	color:#fff;
}
.hp .side-nav li.active strong{background:url(../../images/bg-side-nav01.png) no-repeat;}
.hp .side-nav li.active span{background:url(../../images/arrow01-active.png) no-repeat 0 7px;}
.hp .side-nav li.active em{background:url(../../images/bg-side-nav01.png) no-repeat -280px -82px;}
.content{
	float:right;
	width:613px;
	margin:0 26px 0 0;
}
.hp .content{
	width:585px;
	margin:0;
}
.hp .content-main{
	width:940px;
	margin:0;
}
.visual-box{
	background:url(../../images/bg-visual.png) no-repeat 0 29px;
	width:349px;
	height:463px;
	padding:0 290px 0 20px;
	margin:0 -54px 0 -20px;
}
.visual-box h1{
	font-size:26px;
	line-height:29px;
}
.links{
	width:100%;
}
.links:after{
	clear: both;
	content:'';
	display: block;
}
.links a{
	float:left;
	margin:0 20px 0 0;
}
.links a img{display:block;}
.services{
	overflow:hidden;
	width:940px;
	margin:50px -15px 0 0;
	padding:0 0 30px;
}

.services a{
	float:left;
	width:215px;
	height:93px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 26px 0 0;
}
.services a.item01{background:url(/uploads/images/main/ico1_new.png) no-repeat;}
.services a.item04{background:url(/uploads/images/starline-main-2023-v2.png) no-repeat;}
.services a.item02{background:url(/uploads/images/pandora-main-2023-v2.png) no-repeat;}
.services a.item05{background:url(/uploads/images/kondicioner-main-2023-v2.png) no-repeat;
margin:0;}
.services a.item03{
	background:url(/uploads/images/agc-main-2023-v2.png) no-repeat;
}
.partners{
	overflow:hidden;
	width:100%;
}
.partners ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	text-align:justify;
	width:100%;
	clear:both;
}
.partners ul:after{
	content:"";
	display:inline-block;
	width:100%;
	height:0;
	overflow:hidden;
}
.partners ul li{
	display:inline-block;
	vertical-align:top;
	padding:0 0 10px 0;
	text-align:center;
}
.partners ul li img{vertical-align:top;}
.box{
	background:url(../../images/bg-box.png) no-repeat -657px 0;
	width:657px;
	padding:23px 0 0;
	margin:0 -21px 20px -23px;
}
.box .box-c{
	background:url(../../images/bg-box.png) repeat-y;
	width:579px;
	padding:10px 25px 0 53px;
}
.box .box-c:after{
	clear: both;
	content:'';
	display: block;
}
.box .box-b{
	background:url(../../images/bg-box.png) no-repeat -1314px 0;
	width:657px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}
.box .column{
	float:left;
	width:289px;
}
.list{
	margin:0;
	padding:0;
	list-style:none;
}
.list li{
	font:16px/19px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	padding:0 0 10px 20px;
	background:url(../../images/arrow01.gif) no-repeat 0 9px;
}
.list li a{color:#1b5183;}
#footer{
	width:100%;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#666;
	padding:40px 0;
}
#footer:after{
	clear: both;
	content:'';
	display: block;
}
#footer p{margin:0;}
#footer .mark,
#footer a{color:#23639e;}
#footer .copy{
	float:left;
	width:400px;
}
#footer .by{
	float:right;
	width:220px;
	margin:0 0 0 72px;
}
#footer .by img{
	float:left;
	margin:3px 8px 0 0;
}
.counter{float:right;}
.counter img{display:block;}
.products {
font-size:12px;
	color:#999999;
}
.products2 {
font-size:18px;
}
.products3 {
font-size:13px;
}
.inf {
padding:0 20px 0;
}
.price {
width:150px;
}
.product {
width:100%;
}
.product img {
width:150px;
}


div.newsel {
	font-size: 12px;
	color: #999999;
	margin-top: 14px;
	/*margin-left: 9px;*/
}
div.newsel a {
	font-size: 13px;
	display: block;
	margin-top: 0px;
}

table {

border-collapse: collapse;


}

div.form input {
width:300px;
height:22px;
border:solid 1px #aaa;
margin-bottom:15px;
}
div.form textarea {
width:400px;
height:300px;
border:solid 1px #aaa;
margin-bottom:15px;
}
div.form .but {
width:150px;
}
div.form .resp1 {
font-weight:bold;
}
.tablebrdrf {
border-collapse: collapse;
border: solid 1px #aaa;
   font-family: Trebuchet MS;
font-size: 13px;
}

.tablebrdrf tr {
 border-color: #aaa;
 
}
.tablebrdrf td {
border-color: #aaa;

}
.tablebrdrf th {
height: 30px;
background-color: #ccc;
border-color: #aaa;

}
.ul-f{display: inline-block; list-style: none; width: 100%; margin: 0; padding: 0}
.ul-f li{width: 100%; display: inline; float: left; border-bottom: 1px  dotted #000; position: relative;  height: 20px;}
.ul-f li strong{  display: block;  background: #FFF;  position: absolute;  bottom: -2px; left: 0;}
.ul-f li span{  display: block;background: #FFF; position: absolute;  bottom: -2px; right: 0;}
.new-year {
position: absolute;
margin-top: 34px;
margin-left: -50px;
}



.breadcrumbs {
    color: #909194;
    font-size: 12px;
    line-height: 15px;
    list-style: none outside none;
    margin: 0 auto 25px;
    padding: 0;
}
.breadcrumbs li{
	display:inline;
}
.breadcrumbs a{
	color:#9c9da0;
}

table.MsoNormalTable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
border-color: #A5A5A5;
 color:black;
  font-family: arial;
}

td.MsoNormalTable {
    border-color: #A5A5A5;
    color: #000000;
    font-size: 12px;
    text-align: center;
   padding:12px;
}

.rborder.width50{
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    display:inline-block;
    margin-bottom: 19px;
    margin-right: 18px;
    padding: 0;
    width: 283px;
    vertical-align: top;
}

.rborder.width50 a {
        text-decoration:none;

}
.rborder.width51{
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    float: left;
    margin-bottom: 19px;
    margin-right: 20px;
    padding: 0;
    width: 283px;
height:225px;
}

.rborder.width51 a {
        text-decoration:none;

}

div.title {
    font: 17px/17px "PFSquareSansProRegular",Arial,Helvetica,sans-serif;
    margin-top: 12px;
    text-align: center;
height:40px;
}
.align-left a img {
    display: block;
    margin: auto;
    text-align: center;
}

ul li.element.element-radio.first {

}


ul.inside li {
    background: rgba(0, 0, 0, 0) url("../../uploads/arrow01.png") no-repeat scroll 0 6px;
    list-style: outside none none;
    padding: 0 0 8px 14px;
}
.stoimostcat {
    font: 19px/28px "PFSquareSansProRegular",Arial,Helvetica,sans-serif;
    margin: 0;
    text-align: center;
    color: #000;
font-weight:bold;
}
.pricecat {
    font: 29px/38px "PFSquareSansProRegular",Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    text-align: center;
    color: #23639e;
}

div.podrobnee a {
    background-color: #23639e;
    border-radius: 0 0 5px 3px;
    display: block;
    padding: 4px;
    text-align: center;
color:#fff;
}


/*form div {
	margin-bottom: 0px;
	width: 800px;
}*/

/*legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}*/
textarea {
	margin: -0.5em 0;
	height: 5em;
        width: 222px;
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
    color: grey;
    font-size: 12px;
    margin: 0.5em 0 0.5em 125px;
    text-align: left;
    width: 150px;
}
.captcha img {
    border: 1px solid #808080;
    height: 44px;
    width: 120px;
}
.captcha input {
	width: 119px;
	margin-top: 0.5em
}

.cms_dropdown {
    width: 190px;
}

/* Just a bit more room for the Submit button */
.cms_submit fbsubmit {
	margin-top: 0.5em
        margin-left: 125px;
        color:red;
}
.contactform input {
    border: 1px solid #808080;
    margin-bottom: 22px;
    padding: 1px;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 125px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
    border: 1px solid #808080;
    height: 147px;
    margin-bottom: 22px;
    width: 318px;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}


.radio>label {
height:62px;
}
.radio div label {
width:200px;
margin-left:5px;
margin-top: -4px;
}

.radio input {
float:left;
}

.radio div {

margin-bottom: 0px;
}


.tabset {
    font-size: 16px;
    line-height: 19px;
    list-style: outside none none;
    margin: 35px 0 6px;
    padding: 0;
}
.tabset::after {
    clear: both;
    content: "";
    display: block;
}
.tabset li {
    float: left;
}
.tabset li a {
    color: #1b5183;
    float: left;
    height: 27px;
    padding: 8px 10px 0;
    position: relative;
    text-decoration: none;
}
.tabset li a span {
    background: rgba(0, 0, 0, 0) url("http://ecoroom.ru/images/separator02.gif") repeat-x scroll 0 100%;
    float: left;
}
.tabset li a:hover {
    text-decoration: none;
}
.tabset li.active a {
    background: #336699 none repeat scroll 0 0;
    color: #fff;
    text-decoration:none;
}
.tabset li a:hover span, .tabset li.active a span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#tab01, #tab02, #tab03, #tab04 {
    border: 1px solid #d9d9d9;
    padding: 20px 10px 0;
}

html body div.wrapper div#main div.main-holder div.content div.tabs div#tab02.tab table.jbtable tbody tr {
border-bottom: 1px solid #d9d9d9;
}

html body div.wrapper div#main div.main-holder div.content div.tabs div#tab02.tab table.jbtable tbody tr td {
 padding-bottom:12px;
 padding-top:12px;
}

html body div.wrapper div#main div.main-holder div.content div.tabs div#tab02.tab table.jbtable tbody tr td {

}


div.sidebar ul.side-nav li.active ul.side-nav li.active a strong span {
  background:none;
}

div.sidebar ul.side-nav li.active ul.side-nav li.active a strong {
  background:none;
}

div.sidebar ul.side-nav li.active ul.side-nav li.active a em {
  background:none;
}

div.sidebar ul.side-nav li ul.side-nav li a strong span {
  background:none;
}

div.sidebar ul.side-nav li ul.side-nav li a strong {
  background:none;
}

div.sidebar ul.side-nav li ul.side-nav li a em {
  background:none;
}

div.sidebar ul.side-nav li ul.side-nav{
  display:none;
}
div.sidebar ul.side-nav li.active ul.side-nav {
  display:block;
}

#l-form4{
   /*border: 1px solid #e4e4e4;*/
    padding: 10px 10px 25px;
   display:none;
   max-width:700px;
}
.fancybox-inner #l-form4{
	position:static;
	top:0;
	left:0;
}

a.btn-callback {
    background: #336699 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    padding: 10px 13px 9px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    float: left;
    margin-top: 38px;
    margin-left: -20px;
    margin-bottom: -43px;
}


#namezv, #phonezv, #timezv {
    border: 1px solid #e3e8ee;
    box-sizing: border-box;
    color: #474a4c;
    font: 15px/15px "Akrobat",sans-serif;
    height: 51px;
    margin-bottom: 17px;
    outline: medium none;
    padding-left: 21px;
    width: 400px;
}

.display {
  display:none;
}

div.contactform div h2 {
	font:35px/43px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
	margin:0 0 15px;
}

#m740e5fbrp_submit {
    background: #336699 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    margin-bottom: -43px;
    padding: 10px 18px 9px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor:pointer;
}


div.required input.error {
    border: 1px solid red !important;
}

#namezv-error, #phonezv-error {
    display: none !important;
}


.last table tbody tr. td {
    padding: 1px;

}


.tab table tbody tr td {
    padding: 5px 7px 5px 3px;
}

.block-main {
position:absolute;
margin:-480px 0 0 250px;
}

.openbox {
color:#23639e;
font-size:18px;
line-height:20px;
}
.openbox a{
border-bottom:1px dashed #23639e;
text-decoration:none;
}

.dkl {
    margin-left: 5px;
    margin-top: 6px;
    position: absolute;
    width: 58px;
}
.dkl img {
    width: 58px;
}

.ldk{
    position: absolute;
    width: 200px;
    margin-top: 146px;
float:right;
margin-left:390px;
text-align:center;
}
.ldk img {
    width: 100px;
}




html body div.wrapper div#main div.main-holder div.sidebar ul.side-nav ul.side-nav li.active a strong span {
  color:white;
}
#nav li:nth-child(1), #nav li:nth-child(2) {font-weight:bold;color:#23639e}



div.content h3.dlp a {
  float:left;
  text-decoration:none;
  margin-right:18px;
  font:28px/38px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
}


div.content h3.dlp a:hover {
  text-decoration:underline;
}

.clrt {
    clear: both;
    display: block;
    margin-bottom: 22px;
}
div.content span.fg {
  font:15px/15px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;

}
.fort {
line-height:30px;
}
.fort img {
float:left;
margin-top:-5px;
margin-right:10px;
}

div.content ul.catm li  {
    float: left;
    margin-right: 12px;
    text-decoration: none;
    display:block;
}

div.content ul.catm li  a {
   color:grey;
    text-decoration: none;
}

div.main-holder div.content ul.catm {
    margin-bottom: 114px;
    margin-left: -39px;
    margin-top: -17px;
}

div.content ul.catm li  a:hover {
      color:#23639e;
}
.button {
    background: #336699 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    padding: 10px 13px 9px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    float: left;
    margin-top: 10px;
    cursor:pointer;
}

div.content h3.dlp a img  {
  margin-right:5px;
}
.product-props ul{margin-left: 40px;
    padding: 0px;
    width: 205px;}
.product-props ul li {list-style:none;margin-bottom:5px;list-style:disc;font-size:13px;}
.desc ul {
    list-style: disc;
    padding: 0 0 8px 14px;
float: left;
margin-left: -27px;
margin-top: 57px;
}
.desc ul li{
margin-bottom:5px;
}
.desc-small ul {
    list-style: disc;
    padding: 0 0 8px 14px;
margin-left: -32px;
margin-top: 147px;
}
.desc-small ul li{
margin-bottom:5px;
}
.clear {font-size: 0px;clear: both;}

table.stylefreet td {
    text-align: center;
    font-size: 15px;
    padding: 20px;
    border: 1px solid #cfcfcf;
    color: black;
}
.comment {color:#909194;}

div.box div.box-c div.column ul.list li.active a {
    color: black;
    font-weight: bold;
}

.pop {
  display: none;
}


.field div.wrap input {
  width: 100%;
  height: 61px;
  padding: 0 18px;
  font-size: 16px;
  text-align: left;
  background: var(--white);
  border: none;
  border-radius: 2px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);
  background: var(--white);
border: 1px solid #7777;
  margin-bottom: 10px;
}

.title-h3.color-no-white {
font: 40px/43px "PFSquareSansProRegular", Arial, Helvetica, sans-serif;
  color: #23639e;
  margin: 0 0 5px;
margin-bottom: 10px;
}


.field div.wrap textarea {
width: 100%;
  height: 161px;
  padding: 0 18px;
    padding-top: 0px;
  font-size: 16px;
  text-align: left;
  background: var(--white);
  border: none;
  border-radius: 2px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);
  background: var(--white);
  border: 1px solid #7777;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 12px;
}
/* Stylesheet: Стиль Modified On 2026-08-12 14:21:22 */
.zzzzzzzzzzzz {box-sizing: border-box;}

textarea, input, button { outline: none; }



/* base */

body, html {min-width: 100%;}





/* new size */

.inner_page .wrapper {max-width: 1280px; width: 100%; padding: 0 20px; box-sizing: border-box;}
.inner_page #main {max-width: 1240px; width: 100%;}

.inner_page .content {float: none; width: auto; margin-left: 280px;}
.inner_page .nav-holder {width: auto; background: none; border: 1px dotted #2565a0; border-radius: 22px; padding-left: 0;}

.inner_page #nav {width: 80%; display: table;}
.inner_page #nav li {display: table-cell; vertical-align: middle; width: 1%; float: none; white-space: nowrap; text-align: center; padding: 0;}
.inner_page #nav li:first-child {background: none;}


.inner_page .box {width: auto; padding: 23px 0 0; margin: 0 0 40px; background: #fff; border-radius: 20px; border: 1px dotted #2565a0;}
.inner_page .box .box-b,
.inner_page .box .box-c {background: none; width: auto;}
.inner_page .box .box-c {padding: 10px 25px 0 30px}
.inner_page .box .column {float: left; width: 33%;}

.inner_page .services {margin: 50px auto 0;}

.inner_page .content table {width: 100% !important;}

@media (max-width: 640px) {
  .inner_page .box .column {float: none; width: auto;}
}

.gallery {margin: 0 -10px; overflow: hidden;}
.gallery a {display: block !important;}
.gallery .img {height: auto !important; margin-bottom: 20px; width: 20%; padding: 0 10px; float:left;}
.gallery .img img {width: 100%;}



.rborder.width50,
.rborder.width51 {box-sizing: border-box; float: none; display: inline-block; vertical-align: top; width: 30%; height: auto; margin: 0 10px 30px;}
.rborder.width50 .title,
.rborder.width51 .title {height: auto; line-height: 20px; margin: 15px 20px; min-height:45px;}
.rborder.width50 .align-left img,
.rborder.width51 .align-left img {width: 100%; height: auto; margin-bottom: 0 !important; border-radius: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px;}

@media (max-width: 1024px) {
  .rborder.width50,
  .rborder.width51 {margin: 0 7px 30px;}
}


/* header */

.phone_num {list-style: none;}
.phone_num a {text-decoration: none; color: #07243E;}

.phone-holder .phone {font-size: 26px; line-height: 1.1;}
.phone-holder .phone span {font-size: 19px; top: -4px;}

@media (max-width: 960px) {

  .header-holder {position: relative;}
  
  .inner_page .nav-holder,
	.nav-holder {height: 42px; border: 1px dotted #2866a0; border-radius: 100px; padding: 0 10px; background: none;}
	#nav {position: relative; z-index: 10; display: table; width: 100%;}
    #nav li {display: table-cell; float: none; vertical-align: middle; width: 1%; height: 40px; white-space: nowrap; position: relative; text-align: center; background: none;}
	#nav li a {font-size: 16px;}
	
	.logo {margin: -26px 0 0 0px !important;}
	
	.scheme-lnk,
	.phone-holder .days {display: none;}
	
	.phone-holder {width: auto; margin-top: -8px;}
	
	#header address {margin:-6px 5px 0 50px;}
	
	.phone-holder .phone {margin: 0 13px 0 0px; padding: 0;}
	
	.gift-lnk {display: none;}
	
}


@media (min-width: 761px) {
  .inner_page .nav-holder,
	.nav-holder {display: block !important;}
}

@media (max-width: 760px) {
	
	#header address {display: none;}
	.phone-holder {margin-right: 75px;}
	.phone-holder .phone {font-size: 26px;}
	.phone-holder .phone span {font-size: 19px; top: -5px;}

  .inner_page .nav-holder,
	.nav-holder {overflow: auto; display: none; height: auto; position: fixed; z-index: 1001; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; border: none; padding: 150px 0 0 0 !important; margin: 0 !important; text-align: center; background: #fff; transition: none; border-radius: 0;}
	#nav {display: block !important; padding: 0 !important; width: auto !important; height: auto !important; float: none !important; position: static; border: none; background: none !important; margin: 0 !important; }
	#nav li {display: block !important; float: none; width: auto !important; height: auto !important; border-right: none !important; border-top: 1px solid #eee; padding: 0; margin: 0 !important; padding-left: 0;}
	#nav li a {display: block !important; height: 70px !important; line-height: 70px !important; font-size: 18px !important; text-align: center; text-decoration: none !important; padding: 0; color: #2c2e30 !important; background: none;}
	
	#nav:before {content: ''; position: absolute; z-index: 10; top: 22px; left: 20px; width: 233px; height: 74px; background: url(../../images/logo.png) center center no-repeat; background-size: contain;}
	
	.gift-lnk {float: none; display: block; height: 70px !important; line-height: 70px !important; text-decoration: none; color: #fff; font-size: 18px; border-top: 1px solid #eee; background: #2189eb;}
	
	.open_nav_btn {cursor: pointer; position: absolute; top: 51px; z-index: 350; width: 35px; height: 35px; right: 0; background: url(../../images/open_nav.svg) center no-repeat; background-size: 35px 35px;}
	.close_nav_btn {cursor: pointer; position: absolute; top: 56px; z-index: 350; width: 24px; height: 24px; right: 25px; background: url(../../images/close_btn.svg) center no-repeat; background-size: 24px 24px;}
}



@media (max-width: 640px) {
	/*.phone-holder {display: none;}*/ 	
	
	#header {padding: 0 20px; margin: 0 -20px; border-top: 50px solid #23639e;}
	
	#header .phone {margin: 0; position: absolute; top: -42px; left: 0; right: 0;}
	#header .phone_num {float: right;}
	#header .phone_num:first-child {float: left;}
	#header .phone_num a,
	#header .phone_num a span {color: #fff; font-size: 20px; position: static;}
}

@media (max-width: 480px) {
	#header .phone_num a,
	#header .phone_num a span {font-size: 18px;}
}

@media (max-width: 360px) {
	.nav-holder {padding-top: 130px !important;}	

	#nav li a,
	.gift-lnk {height: 60px !important; line-height: 60px !important;} 
	
	#header .phone_num a,
	#header .phone_num a span {font-size: 16px;}
}

@media (max-width: 320px) {	
	.nav-holder {padding-top: 120px !important;}
	.logo {background-size: contain; width: 200px; height: 64px; margin-top: -21px !important;}

	#nav:before {width: 200px; height: 64px;}

	#nav li a,
	.gift-lnk {height: 54px !important; line-height: 54px !important; font-size: 17px;}

	#header .phone_num a,
	#header .phone_num a span {font-size: 15px;}
}



/* content */


.price_table {width: 100%; margin-bottom: 30px;}



.tov_card {overflow: hidden; position: relative;}
.tov_card .photo_box {float: left; width: 390px; padding-right: 10px;}
.tov_card .photo_box * {float: none !important;}
.tov_card .photo_box img {max-width: 100%;}
.tov_card .tov_info {margin-left: 390px; padding-top: 20px;}
.tov_card .tov_info * {float: none !important;}

.tov_card .price_box {font-size: 24px; font-weight: bold; color: #23639e; margin-bottom: 20px;}
.tov_card .price_box .lbl {font-size: 12px;}
.tov_card a.btn-callback {margin: 0; display: inline-block; white-space: nowrap;}

.tov_card .ldk {position: absolute; width: auto; margin-top: 0; float: none; margin-left: 0; text-align: left; left: 0; top: 0;}
.tov_card .ldk img {display: block;}

.open_side_nav {display: none;}

@media (min-width: 961px) {
	.sidebar > .side-nav {display: block !important;}
}

@media (max-width: 960px) {
	.wrapper {width: 100%; padding: 0 20px; box-sizing: border-box; overflow: hidden;}
	.nav-holder,
	#main,
	.services,
	.hp .content-main {width: 100%; box-sizing: border-box;}	
	

	#main {padding: 20px 0 0 0;}	

	.mp .content {display: none;}
	.mp .sidebar {position: relative; width: 100% !important; padding-bottom: 50px; margin: 0;}
	.mp .sidebar:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/bg-visual.png) right 10px no-repeat;}
	.side-nav {position: relative; z-index: 1;}
	
	.block-main {float: right; position: static; margin: 0;}
	
	
	.services {font-size: 0; margin: 0; padding: 30px 0 5px;}
	.services a {float: none; display: inline-block; width: 32%; margin: 0 1%; background-size: contain !important;}
	.services a.item03 {margin: 0 0 0 1%;}
	.services a.item04 {margin-left: 0;}
	
	
	.content-main h1 {font-size: 40px; line-height: 45px;}
	.content-main h2 {font-size: 37px;}
	.content-main p,
	p strong {font-size: 16px; line-height: 25px;}
	
	.content h1 {margin: 0px 0 15px;}
	
	.sidebar {float: none; width: auto; margin-bottom: 30px;}
	.sidebar > .side-nav {display: none; padding: 0 0 0 5px; margin: 0;}
	
	.mp .sidebar > .side-nav {display: block;}
	
	.open_side_nav {cursor: pointer; display: block; font-size: 22px; color: #fff; font-weight: bold; height: 60px; line-height: 60px; padding: 0 20px; background: url(../../images/arrow_menu.png) #2866a0 right 20px center no-repeat; }
	
	.side-nav ul li {width: auto;}
	.side-nav ul li.active a {background: none;}
	
	
	
  .content {float: none; width: auto; margin: 0 !important;}
	.content img {max-width: 100%; height: auto;}
	.content p {font-size: 17px; line-height: 27px;}
	
	.breadcrumbs {font-size: 15px; line-height: 20px;}
	
	
	.gallery {font-size: 0; margin: 0 -20px; box-sizing: border-box;}
	.gallery * {box-sizing: border-box;}
	.gallery .img {float: none; display: inline-block; vertical-align: top; width: 25%; height: auto; margin-bottom: 30px; padding: 0 15px;}
	.gallery .img a {display: block;}
	.gallery .img img {width: 100%;}
	.gallery .img br {display: none;}
	.gallery .img div {width: auto !important; font-size: 14px !important;}
	
	
	.items.items-col-2 {font-size:0; box-sizing: border-box; margin: 0 -1%; text-align: center;}
	.items.items-col-2 * {box-sizing: border-box;}
	.items.items-col-2 .column {float: none; display: inline-block; vertical-align: top; width: 31.33%; height: auto; margin: 0 1% 30px; padding: 0;}
	.items.items-col-2 .column a {font-size: 16px;}
	
	.catm {font-size: 16px; line-height: 24px; margin-top: -10px !important; margin-bottom: 120px !important;}
	
	.rborder.width50,
	.rborder.width51 {box-sizing: border-box; float: none; display: inline-block; vertical-align: top; width: 47%; height: auto; margin: 0 10px 30px;}
	.rborder.width50 .title,
	.rborder.width51 .title {height: auto; line-height: 20px; margin: 15px 20px;}
	.rborder.width50 .align-left img,
	.rborder.width51 .align-left img {max-width: 100%; height: auto; margin-bottom: 0 !important; border-radius: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
	
	
	.box {width: 100%; border: 1px dotted #2866a0; border-radius: 20px; margin: 20px 0 20px 0; padding: 25px 0 0 0; background: none !important;}
	.box .box-c,
	.box .box-b {background: none !important;}
	.box .box-c {width: 100%; padding: 0 25px;}
	.box .column {width: 50%;}
	
	.content .tab td img {max-width: 1000px;}
	
	.align-left a img {width: 100%;}
	
	.tov_card {margin-bottom: 30px;}
	.desc {padding: 0 0 0 25px;}
	.desc ul {padding: 0; margin: 0;}
	
	.tab .inside,
	.tab .inside ul {padding-left: 0;}
}


@media (max-width: 800px) {
	.mp .sidebar:after {margin-left: 135px;}
	
	.rborder.width50,
	.rborder.width51 {width: 45%; margin: 0 15px 30px;}
}

@media (max-width: 760px) {
	.block-main {display: none;}
	
	h1 {font-size: 38px; line-height: 42px;}
	h2 {font-size: 34px;}
	
	.items.items-col-2 .column {width: 48%;}
	
	.rborder.width50,
	.rborder.width51 {width: 44%;}
	.catm {margin-bottom: 145px !important;}
	
	.box .box-c {padding: 0 20px;}
		
	.tov_card .photo_box {width: 50%;}
	.tov_card .tov_info {float: left; width: 50%; margin-left: 0;}
	
}

@media (max-width: 640px) {
	.mp .sidebar {padding-bottom: 0px;}
	
	.mp .sidebar:after {display: none;}
	.services a {width: 48%;}
	.services a.item03 {margin: 0;}
	
	h1 {font-size: 28px; line-height: 32px;}
	h2 {font-size: 30px; line-height: 37px;}

	.gallery .img {width: 33.33%;}
	
	.rborder.width50,
	.rborder.width51 {width: 45%; margin: 0 10px 30px;}

	.catm {margin-bottom: 165px !important;}
	
	.box .box-c {padding: 0 30px;}
	.box .column {float: none; width: 100%;} 
	
	.tov_card .photo_box {width: auto; float:  none;}
	.tov_card .tov_info {width: auto; float:  none;}
}

@media (max-width: 480px) {	
	.mp .sidebar {padding-bottom: 30px;}
	
	.services {padding: 0 0 30px;}
	.services a {width: 100%; height: 120px; margin: 0; background-position: center !important;}	

	.content-main h1 {font-size: 28px; line-height: 35px; margin: 0 0 10px;}
	.content-main h2 {font-size: 24px; line-height: 35px;}
	
	.gallery .img {width: 50%;}

	.items.items-col-2 {margin: 0;}
	.items.items-col-2 .column {width: 100%; margin: 0 0 30px;}
	
	.rborder.width50,
	.rborder.width51 {width: 100%; margin: 0 0 30px 0;}
	.catm {margin-bottom: 200px !important;}
	
	.box .box-c {padding: 0 20px;}
	
	
	.price_table *,
	.price_table p {font-size: 14px; margin: 0;}
	.price_table td {padding: 5px;}
	
	.tabs {margin-bottom: 30px;}
	.tabset li a {height: auto; line-height: 35px; padding: 0 7px; font-size: 14px;}
	
	
	.tab table,
	.tab table tbody,
	.tab table tr,
	.tab table td {display: block; box-sizing: border-box;}
	
	.tab.params_tab .jbtable tr:first-child {display: none;}
	.tab.params_tab .jbtable tr:last-child {border: none !important;}
	
	.tab.params_tab .jbtable td:nth-child(1),
	.tab.params_tab .jbtable td:nth-child(2) {display: inline-block; width: 49%; font-weight: bold;}
	
	.tab.params_tab .jbtable td:nth-child(1):after {content: ':';}
	
	.fancybox-opened .fancybox-skin {padding: 20px 15px 15px !important;}
	
	#namezv, #phonezv, #timezv {width: 100%; box-sizing: border-box;}
}

@media (max-width: 360px) {	
	.services a {height: 100px;}
	.rborder.width50 .title {margin: 12px 15px; font-size: 16px; line-height: 19px;}
	.catm {margin-bottom: 285px !important;}
	
	.box .box-c {padding: 0 15px;}
	.box .column {float: none; width: 95%;} 
	
	h3 {font: 28px/36px "PFSquareSansProRegular", Arial, Helvetica, sans-serif; margin: 0px 0 20px;}
	
	div.contactform div h2 {font-size: 30px; line-height: 36px;}
	
}

@media (max-width: 320px) {	
	.services {padding: 0 0 10px;}
	.gallery .img {width: 100%;}
	
	.tabset li a {font-size: 13px; padding: 0 5px;}
}





/* footer */

@media (max-width: 960px) {
	.counter {display: none;}
	
	#footer {font-size: 14px; line-height: 18px;}
	#footer .copy {width: 60%;}
	#footer .by {margin: 0; width: 260px;}
}

@media (max-width: 640px) {
	#footer {margin-top: 30px; border-top: 1px solid #ccc; padding: 25px 0;}
	#footer .copy {float: none; width: auto; margin-bottom: 20px; text-align: center;}	
	#footer .by {float: none; margin: 0 auto;}
}

.parktronik-img {width: 100%; max-width: 912px;}

.sign {display: flex;}
.feature-icon-green {width: 100%; max-width: 70px; border-radius: 50%; background-color:#a1c316; height: 100%; max-height: 70px; margin-right: 15px;}
.feature-icon-blue {width: 100%; max-width: 70px; border-radius: 50%; background-color:#005c99; height: 100%; max-height: 70px; margin-right: 15px;}


#nav li div.active a {
font-weight: bold;
color:#2189eb!important;
}
/* Stylesheet: responsive Modified On 2024-12-13 11:47:40 */