/* CSS Document */

/*  шрифты начало */
@font-face {
    font-family: 'Room Thin';
    src: url('/fonts/Room-Thin.woff2') format('woff2'),
        url('/fonts/Room-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Room Light';
    src: url('/fonts/Room-Light.woff2') format('woff2'),
        url('/fonts/Room-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Room';
    src: url('/fonts/Room.woff2') format('woff2'),
        url('/fonts/Room.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Room Medium';
    src: url('/fonts/Room-Medium.woff2') format('woff2'),
        url('/fonts/Room-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Room Bold';
    src: url('/fonts/Room-Bold.woff2') format('woff2'),
        url('/fonts/Room-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Room Black';
    src: url('/fonts/Room-Black.woff2') format('woff2'),
        url('/fonts/Room-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* ГЛОБАЛЬНОЕ */

.cl			{clear: both}

a			{ color: #30bc28; text-decoration:none; /*color: #5684bf;*/}
a:hover		{ color: #fc6337;}

p 			{ margin: 1em auto; padding: 0;}
.nodisplay	{ display: none !important;}

.artpolitics_bl	{ width: 200px; float: right; text-align: right; margin-top: -3px;}
.artpolitics_sape	{ width: 500px; float: right; text-align: right;}
.artpolitics_im	{ float: right; width: 90px; margin: -3px 0 0 10px;}
a.artpolitics 			{ opacity: 0.57;}
a.artpolitics:hover 	{ opacity: 1;}

h1 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400; font-size: 50px}
h2 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400;  font-size: 37px}
h3 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400;  font-size: 30px; line-height: 0.9;}
h4 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400;  font-size: 22px; line-height: 0.9;}
h5 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400;  font-size: 20px; line-height: 0.9;}
h6 	{ margin: 0; padding: 0; font-family: 'Room Black'; font-weight: 400;  font-size: 18px; line-height: 0.9;}





.tit_h1	{ font-size: 42px; margin-bottom: 30px;}


.hd3				{font-size: 16px; font-weight: 400; text-align: center; margin-bottom: 50px; margin-top: -20px; width: 820px;}	


.col_blue		{color: #068df6}
.col_fon		{background-color: #e5f5ff}

/* ГЛОБАЛЬНОЕ КОНЕЦ */


/* шапка fix */
#workman-top 	{ display:none; background-color: #fff; padding: 3px 0 3px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; z-index: 999;}
.bodyfix		{ background-color: #fff; padding: 3px 0 3px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; z-index: 999;}
.div_center_fix	{width: 1160px; text-align: left; margin: 5px auto; display: block;}
.topfix			{ display: block;}
.mmfix			{ font-size: 16px; margin-left: 0; height: 0; /*float: left;*/ padding-top: 12px; font-family: "Elektra"; font-weight: bold; text-transform: uppercase;}
.logo2			{ float: left; margin-top: 2px}
.mmm_fix {
    float: right;
    width: 1035px;
    text-align: right;
    margin: 8px 0 0 0;
}

.mmm_fix a.topmenua2 { margin-left: 25px !important; font-size: 17px;}
/* шапка fix конец */





/* что-то - может не нужное ON */

.blfont		{color:#282828;}
.whfont		{color:#ffffff;}
.fl_left	{float:left;}
.right0		{ margin-right: 0 !important;}
.right40	{ margin-right: 40px !important;}
.margin0	{margin-top: 0;}
.margin10	{margin-top: 10px;}
.margin15	{margin-top: 15px;}
.margin20	{margin-top: 20px;}
.margin25	{margin-top: 25px;}
.margin30	{margin-top: 30px}
.margin40	{margin-top: 40px}
.margin7bt	{margin-bottom: 7px;}
.margin40bt	{margin-bottom: 40px;}

.padding20l	{padding-left: 20px;}

.hei35		{ height: 35px;}

.flo_left  	{text-align: left !important}

.sosh_vb	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 0;}
.sosh_wh	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -34px;}
.sosh_tl	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -68px;}
.sosh_sk	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -238px;}
.sosh_tt	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -272px;}
.sosh_em	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -306px;}
.sosh_lk	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(/img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -340px;}
.mm20b		{ margin-bottom: 20px;}



a.knopa1		{background-color: #3485c2; border-radius: 25px; display: block; padding: 15px 0 15px 0; color:#ffffff; font-weight: 700; font-size: 15px; text-decoration: none; width: 190px; text-align: center;}
a.knopa1:hover  {background-color: #25d366;}
a.knopa2		{background-color: #3485c2; border-radius: 20px; display: block; padding: 12px 25px 13px 25px; color:#ffffff; font-weight: 600; font-size: 15px; text-decoration: none;}
a.knopa2:hover  {background-color: #25d366;}
.forma1		{border:none; border-radius: 20px; width: 190px; padding-left: 25px;background-color: #ffffff; margin-right: 10px; height: 40px; color: #b0b1b3; font-size: 15px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset;}
.knopa3		{background-color: #30bc28; border-radius: 4px; display: block; padding: 12px 30px 12px 30px; color:#ffffff; font-weight: 800; font-size: 14px; text-decoration: none; cursor:pointer; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important;
float: left;}
input[type = "submit"]:hover { border-color: #fc6337; background-color: #fc6337;
}

.col_or	{color: #fc6337;}


.knopa4		{background-color: #3485c2; border-radius: 25px; display: block; padding: 15px 0 15px 0; color:#ffffff; font-weight: 700; font-size: 15px; text-decoration: none; width: 190px; text-align: center; cursor:pointer}

.forma2			{background-color: #ffffff; height: 40px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset; border-radius: 4px; display: block; padding: 12px 30px 14px 30px; color: #000; font-weight: normal; font-size: 16px; text-decoration: none; border: 1px solid #7b7b7b; font-family: 'Room'; width: 260px; letter-spacing: 0.5px !important;}

.forma3			{border:none; border-radius: 20px; width: 100%; padding-left: 25px;background-color: #ffffff; margin-right: 10px; height: 40px; font-size: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset;}
.forma4			{border:none; border-radius: 20px; width: 255px; padding-left: 25px;background-color: #ffffff; margin-left: 10px; height: 40px; font-size: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset;}

.forma_txt		{background-color: #ffffff; height: 150px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset; border-radius: 4px; display: block; padding: 12px 30px 14px 30px; color: #000; font-weight: normal; font-size: 14px; text-decoration: none; border: 1px solid #7b7b7b; font-family: 'Room'; width: 532px; letter-spacing: 0.5px !important;}

.rr10	{margin-right: 10px;}

/* что-то - может не нужное OFF */









@media screen and (min-width: 640.1px) {  

body 			{ margin:0px; padding:0px; color:#000000; font-size:16px; font-family: 'Rubik'; font-weight: normal;  min-width: 1200px; min-height: 100%; background-color: #ffffff; /*overflow-x:hidden;*/}

#wrapper 		{ width:100%;  position:relative; }
#wrapper_top 	{ width:100%;  position:relative; background: url('/img/a_fon1.jpg') center top no-repeat; }	
#wrapper_top2 	{ width:100%;  position:relative; background: url('/img/a_fon2.jpg') center top no-repeat; margin: -20px 0 -35px 0;}	
#wrapper_top3 	{ width:100%;  position:relative; margin: -15px 0 -35px 0;}		
#wrapper_top4 	{ width:100%;  position:relative; background: url('/img/a_fon4.png') center top no-repeat; margin-top: -105px;}		
#wrapper_top5 	{ width:100%;  position:relative; background: url('/img/a_fon5_mini.png') center top no-repeat; display: block; margin: 15px 0 40px 0; min-height:325px;}
#wrapper_bot	{ width:100%;  position:relative; background-color: black; margin-top: -5px;}

	
		
	
	
.div_center			{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding-top: 38px;  }
.div_center_menu	{ width:1160px; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding: 25px 0 10px 0;  }
.div_center2 		{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding-top: 23px;  }
.div_center4 		{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding-top: 23px; height: 430px; margin-bottom: -10px;}	
.div_center5 		{ width:1160px; text-align:left; margin: 0px auto; display:block; }	
.div_center6 		{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding-top: 40px;  }
.div_center7 		{ width:1160px; text-align:left; margin: 0px auto; display:block;}	
.div_center77 		{ width:400px; text-align:left; margin: 50px 0 50px 760px; display:block; height: 450px; border-radius: 4px; border: 1px solid #30bc28; background-color: #ffffff; float: right; position: absolute; }	
.div_center77pp		{ margin: 44px 30px 50px 40px; display: block;}	
.div_center8 		{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding: 40px 0 40px 0; color: #888888; font-size: 11px;}
.div_center9 		{ width:1160px; text-align:left; margin: 0px auto; display:block; /*margin-top: 38px;*/  padding-top: 100px;  }	
.div_center_news	{ width:1160px; text-align:left; margin: 0px auto; display:block; height: 240px;}		
.div_center_bnb		{ width:1160px; text-align:left; margin: 0px auto; display:block; }

input, textarea { margin: 0; padding: 0; border: 0; background: none; border-radius: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

	
.m_vopros		{ margin: 120px 0 40px 0; }	

a.icsa1			{ margin-right: 6px; width: 32px; height: 38px; background-image: url(/img/a_soc.png); display: block}
a.icsa1:hover	{ background-position: 0 -38px;}

a.icsa2			{ margin-right: 10px; width: 32px; height: 38px; background-image: url(/img/a_soc.png); background-position: 32px 0; display: block}
a.icsa2:hover	{ background-position: 32px -38px;}

a.icsa3			{ margin-right: 10px; width: 32px; height: 38px; background-image: url(/img/a_soc.png); background-position: 69px 0; display: block}
a.icsa3:hover	{ background-position: 69px -38px;}	

.iiit			{width: 150px; display: block; text-align: right ; margin-top: 3px;}	
.iiit2			{ }		
.iiit2_txt		{font-weight: 500; font-size: 14px; margin: 7px 0 0 -1px; display: block;}	
.fl_rig			{float: right;}
.fl_lft			{float: left;}
.r20			{margin-right: 20px;}		
.r30			{margin-right: 30px;}	
	
/* шапка */
.logo	{width: 245px; height: 75px; float: left}
.topbt	{float:right; text-align: center; margin-top: 15px;}
a.topbta {background-color: #ffffff; border-radius: 4px; display: block; padding: 13px 30px 13px 30px; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important}
a.topbta:hover {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}
	
.topbt_news	{text-align: center; margin-top: 40px;}	
a.topbta_news	{background-color: #ffffff; border-radius: 4px; display: block; padding: 13px 30px 13px 30px; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important; width: 200px}
a.topbta_news:hover  {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}		
	
	

.top_adres	{width: 405px; font-size: 16px; margin-left: 18px; height: 72px; float: left; padding-top: 12px;}
.top_tl	{width: 175px; font-size: 16px; margin-left: 18px; height: 72px; float: left; padding-top: 12px;}

	
.foot_drs	{font-size: 16px; float: left; margin-bottom: 20px}
.foot_tl	{font-size: 16px; float: left; margin-bottom: 20px; width: 100%}	

.foot_ic_tel			{float:left; width: 20px; height: 16px; margin-right: 10px; background: url('/img/a_e.png') 0 -20px; display: block; margin-top: 3px;}	
.foot_ic_tel2		{font-size: 16px; float: left; width: 290px; display: block}
.foot_ic_adr			{float:left; width: 20px; height: 16px; margin-right: 10px; background: url('/img/a_e.png') 0 40px; display: block; margin-top: 3px;}	
.foot_ic_adr2		{font-size: 16px; float: left; width: 290px; display: block}
.foot_mmm1 			{float: right; width: 1130px; text-align: right; margin: -2px 0 0 0;}
	
/********* новое конец */
	
	
/* меню ON */
.topmenu			{margin-top: 0px; display: block;}
a.topmenua1 		{font-size:18px; text-transform: uppercase; font-family: 'Room Black'; display: block; width: 30px; height: 17px; background-image: url(/img/a_menu.png);}
a.topmenua1:hover 	{background-image: url(/img/a_menu.png); background-position: 0 -17px;}
a.topmenua2 		{font-size:18px; text-transform: uppercase; margin-left: 30px; font-family: 'Room Black'; letter-spacing: 0.7px !important}
a.topmenua2:hover 	{}
/* меню OFF */	
	
	
/* метки ON */
.in_id1		{position: absolute; margin: -100px 0 0 0;}	
.in_id2		{position: absolute; margin: -100px 0 0 0;}	
.in_id3		{margin: -40px 0 0 0;}	
.in_id4		{position: absolute; margin: -70px 0 0 0;}		
.in_id5		{position: absolute; margin: -70px 0 0 0;}		
.in_id6		{position: absolute; margin: -70px 0 0 0;}		
.in_id7		{position: absolute; margin: -70px 0 0 0;}	}	
.in_id8		{margin: 20px 0 0 0;}		
/* метки OFF */	
	
	
/* о нас ON */
.in_ab1		{min-height:528px; width: 100%}	
.in_ab2		{min-height: 538px; font-size: 14px; font-weight: 400;}	
.in_ab3		{width: 520px; float: left; display: block;  margin: 35px 0 0 40px; text-align: right}	
.in_ab4		{width: 520px; float: right; display: block;  margin: 35px 40px 0 0;}	
.in_ab5		{display: block; padding-top: 35px}		
.in_ab6		{}	
.in_ab7		{}		
/* о нас OFF */		
	

/* заголовки ON */
.hd1				{display: block; text-align: center; margin-bottom: 50px;}
.hd2				{font-family: 'Room Black'; font-size: 50px}
.hd3				{font-size: 16px; font-weight: 400; text-align: center; margin-bottom: 50px; margin-top: -20px; width: 820px;}	
.hd4				{font-family: 'Room Black'; font-size: 55px}	
/* заголовки OFF */	
	
	
	
/* 6 блоков ON */
.bly1				{display: block; text-align: center; margin-bottom: 50px; width: 160px; margin-right: 40px; float: left;}
.bly2				{text-align: center; font-weight: 500;}	
.bly_img			{width: 160px; height: 160px; background-image: url(/img/a_pict.png); margin-bottom: 20px;}
.bly1_40			{margin-right: 0 !important}	
.bly_img2			{ background-position: -200px}
.bly_img3			{ background-position: -400px}
.bly_img4			{ background-position: -600px}
.bly_img5			{ background-position: -800px}
.bly_img6			{ background-position: -1000px}	
/* 6 блоков OFF */	
	
/* меню левое ON*/
.menu_left_div	{width: 230px; display: block; float: left; border-right: 1px solid #068df6; min-height: 350px; padding-bottom: 100px;}
.menu_right_div	{float: right; width: 870px;}
.right_img		{ }
.right_img img	{ width: 100%}
a.menu_left 	{ font-weight: 500; margin: 20px 30px 0 0; display: block; font-size: 16px; }
a.menu_left sup	{ font-weight: 200; font-size: 14px; }
a.menu_left2 	{ font-weight: 500; margin: 12px 30px 0 20px; display: block; font-size: 14px; }
a.menu_back 	{ font-weight: 500; margin: 20px 30px 0 0; display: block; font-size: 12px; text-transform: uppercase;}

.projects-small-list {padding: 0; list-style-type: none; margin: 0;}
.projects-small-list li{}
.projects-small-list li:hover a{}
.projects-small-list li.active a{color: #068df6;}
.projects-small-list li a{font-weight: 500; margin: 20px 30px 0 0; display: block; font-size: 16px; }



/* меню левое OFF*/


	
/* 8 блоков услуг ON */
.ble1				{display: block; margin-bottom: 30px; width: 275px; margin-right: 20px; float: left;}
.ble2				{font-weight: 500;}	
.ble_img			{width: 276px; height: 213px; margin-bottom: 25px;}
.ble1_20			{margin-right: 0 !important}
	
a.blez				{ color: #068df6}
a.blez:hover		{ color: #fc6337}	
/* 6 блоков услуг OFF */		
	
	
	
	
	
/* 8 блоков баннеры ON */
.bnn1				{display: block; float: left; margin-right: 19px; width: 374px; height: 280px;}
.bnn2				{display: block; float: right; width: 374px; height: 280px;}
.img_left			{text-align: center; display: block; margin-left: 164px;}	
.zag1				{position: relative; z-index: 999;}	
	
.img_pre			{width: 108px; float: left; display: block; margin-right: 10px;}	
.img_div			{float: left; display: block; width: 108px; height: 72px; margin-bottom: 10px; background-size: cover; border-radius: 3px;}
a.img_a				{display: block; width: 108px; height: 72px; border-radius: 3px;}
a.img_a:hover		{display: block; width: 108px; height: 72px; border-radius: 3px; background-image: url(/img/zoom_hover.png)}	
.img_a_active		{background-image: url(/img/500x500.png)}	
.img_big			{float: left; display: block; width: 600px; height: 400px; margin-bottom: 10px; background-size: cover; border-radius: 4px; margin-right: 10px;}
	
.rig1				{float: right; display: block; height: 400px; width: 310px; text-align: left; font-size: 15px; font-weight: 400;}	
.rig_t1				{font-family: 'Room Black'; font-size: 28px; margin: -10px 0 20px 0; display: block;}	
.rig_t2				{font-size: 43px; margin: -7px 0 0 0;}
.rig_t2_bes			{font-size: 33px; margin: -7px 0 0 0;}
.rig_txt367			{  height: 367px; display: block; }
.rig_txt48			{  height: 48px; display: block; }	

/* 6 блоков баннеры OFF */		
		
/* News ON*/	
.news_b1	{margin-left: -60px; height: 130px; display: block;}
.news_b2	{width: 346px; margin:0 0  20px 60px; float:left; display: table; font-size: 16px;}
.news_data	{color: #7d7d7d; font-size: 13px; padding: 0 0 10px 0}	
.news_data_fool	{color: #7d7d7d; font-size: 13px; margin: -15px 0 30px 0; display: block};

.news_bbock	{width: 100%; display: block; margin:0 0 40px 0; text-align: left; font-size: 14px; font-weight: 400;}	
a.bbock 	{ font-size: 18px; /*font-family: 'Room Black';*/ font-weight: bold; padding-bottom: 6px; display: block;}
.description	{font-size: 14px; margin-bottom: 30px; display: block;}

/* News OFF*/	
	
	


.pagination {
    margin: 20px 0;
}
.pagination .button {display: inline-block; width: 32px; height: 24px; padding-top: 8px; background-color: #30bc28; border: 1px solid #30bc28; border-radius: 4px; text-align: center; margin: 0px 10px 0 0; text-decoration: none; color: white; font-family: 'Room Black'; letter-spacing: 0.7px !important;}

.pagination .button:hover  {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}

.pagination .button.ncurr {border: 1px solid #c0c0c0; background-color: #fff; color: #7d7d7d}






/* территория ON */
	
.tr_01	{float: left; margin: 0 20px 20px 0; display: block; width: 570px; height:283px;}
.tr_04	{float: right; margin: 0 0 20px 20px; display: block; width: 570px; height:283px;}
.tr_rr2	{width: 295px; display: block; float: right; margin-right: -20px;}	
.tr_rr	{float: right; display:block; width: 570px;}
.tr_ll2	{width: 295px; display: block; float: left;}
.tr_ll	{float: left; display:block; width: 570px;}	
.tr_4	{margin: 0 20px 15px 0; display: block; float: left}	
.tr_4r	{margin: 0 0 15px 0; display: block; float: left}
	
/* территория OFF */	
	

/* галерея ON */
.galbox			{ width: 900px !important; margin: 0 0 0 -30px;}
.galprev		{ width: 270px !important; margin: 0 0 30px 30px; float: left; display: block;}
.galprev img	{ width: 100%;}
/* галерея OFF */	


	
/* статика ON */		


	
/* статика OFF */	

	
	
.topblok1	{width: 145px; float:left; margin-top: 20px; display: block}
.topblok2	{width: 163px; float:left; margin-top: 20px; display: block}
.topblok3	{width: auto; float:left; margin-top: 20px; display: block}
.toptel		{background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -80px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topskype	{width: 80px; float:left; background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -98px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topemail	{width: auto; float:left; background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -116px; font-size: 18px; padding-left: 24px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}

	
.menulist	{ display: none;}	
.linetop	{ display: block;}

/* слайдер */
.slbox	{color: #ffffff; width: 460px}
.slslo	{font-family: 'Room Black'; font-size: 46px; margin: 65px 0 25px 0; line-height: 0.9; letter-spacing: 1.5px !important; line-height: 38px;}
.sltxt	{font-size: 13px; width: 460px; margin-bottom: 35px;}
a.slbta	{background-color: #30bc28; border-radius: 4px; display: block; padding: 13px 30px 13px 30px; color:#ffffff; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important; float: left;}
a.slbta:hover  {background-color: #fc6337; color: #ffffff;}

a.slbta22	{background-color: #30bc28; border-radius: 4px; display: block; padding: 13px 30px 13px 30px; color:#ffffff; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important; width: 200px}
a.slbta22:hover  {background-color: #fc6337; color: #ffffff;}	
	
a.slbta33	{border-radius: 4px; display: block; padding: 12px 30px 12px 30px; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important; width: 198px; border: 1px solid #30bc28;}
a.slbta33:hover  {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}
	
a.slbta44	{border-radius: 4px; display: block; padding: 12px 30px 12px 30px; color:#0069ae; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important; width: 198px; border: 1px solid #0069ae;}
a.slbta44:hover  {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}	
	
	
	
	
	
	
.slbtt_action		{width: 156px; margin: 0 5px 0 5px; display: block; float: left; background-color: #ffffff; border-radius: 4px 4px 0 0;  padding: 10px 0 25px 0; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important; border-bottom: 1px solid #ffffff;}	

a.slbtt				{background-color: #30bc28; border-radius: 4px; display: block; padding: 13px 0 13px 0; color:#ffffff; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important; width: 156px; margin: 0 5px 0 5px; display: block; float: left;}
a.slbtt:hover  		{background-color: #fc6337; color: #ffffff;}	
	
a.slbta3 			{background-color: #ffffff; border-radius: 4px; display: block; padding: 13px 22px 13px 22px; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important; float: left;}
a.slbta3:hover 		{background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}	
	
a.slbta2 			{background-color: #30bc28; border: #30bc28 1px solid; border-radius: 4px; display: block; padding: 13px 22px 13px 22px; color:#ffffff; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; font-family: 'Room Black'; letter-spacing: 0.7px !important}
a.slbta2:hover 		{background-color: #fc6337; color: #ffffff; border: #fc6337 1px solid;}
	
.div_bb1 			{width: 120px; float: left;	}	
.div_bb2 			{float: right;	}	
.div_bb3 			{float: left;	}	
.div_bb3_40			{float: left;	margin-top: 40px;}	
.div_bb3_l			{float: left; width: 370px; font-size: 15px;}
.div_bb4 			{width: auto; float: left; margin-right: 10px;}
	
/* жилье ON */
.lifa_box			{margin-top: -1px; margin-left: -170px; border: 1px solid #30bc28;  background-color: #ffffff; border-radius: 4px; display: block; padding: 50px 50px 40px 50px; font-size: 14px; text-align: left; width: 1160px}
/* жилье OFF */	
	
.news-text 		{ font-size: 15px;}

.news-text2 		{ font-size: 15px;}
.news-text2 img 	{ width: 100%; margin-bottom: 20px; display: block;}

.news_title		{ font-size: 15px;}
.news_description	{ color: #7d7d7d; font-size: 13px; padding-top: 5px;}
.news-item		{ margin: 0 40px 25px 0; display: block}

	
/* отзывы ON */
a.otz_arl			{background-color: #ffffff; border-radius: 4px; display: block; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important; float: left; width: 46px; height: 46px; background-image: url(/img/a_arr.png); margin-top: 95px;}
a.otz_arl:hover 	{background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337; background-position: 0 -48px;}	

a.otz_arr			{background-color: #ffffff; border-radius: 4px; display: block; color:#30bc28; font-weight: 800; font-size: 14px; text-decoration: none; text-transform: uppercase; border: 1px solid #30bc28; font-family: 'Room Black'; letter-spacing: 0.7px !important; float: right; width: 46px; height: 46px; background-image: url(/img/a_arr.png); background-position: 47px 0; margin-top: 95px;}
a.otz_arr:hover 	{background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337; background-position: 47px -48px;}		
	
.div_arl			{float: left; display: block; width: 79px;}	
.div_arr			{float: right; display: block; width: 79px;}		
	
.blo1				{border-radius: 10px; border: #d9e7ef 1px solid; width: 235px; margin-right: 20px; height: 235px; display: block; float: left; background-color: #ffffff;}	
.blo2				{padding: 20px; font-size: 13px; font-weight: 300; height: 156px; overflow-y: auto; overflow: hidden;}
.blo_name			{font-size: 16px; font-weight: 500; margin-bottom: 10px;}	
.blo_ya				{ padding: 10px 20px 20px 20px; font-size: 13px;}	
.uuu				{ position: absolute; width: 14px; height: 14px; display: block; background-image: url(/img/uuu.png); margin: 45px 0 0 20px;}
.uuu_ya				{ position: absolute; width: 14px; height: 14px; display: block; background-image: url(/img/uuu.png); margin: 55px 0 0 20px;}
	
.blo101				{ border-radius: 10px; border: #d9e7ef 1px solid; width: 235px; height: 235px; display: block; float: left; background-color: #f6f6f6; text-align: center;}		
.blo101_ya			{ text-align: center; margin-top: 53px; height: 100px;}	

.blosos				{ border-radius: 10px; border: #fc6337 1px solid; width: 100%; height: auto; display: block; float: left; background-color: #ffe7e0; margin-bottom: 40px;}	
.blosos_ya			{ padding: 20px; font-size: 15px; font-weight: 500;}	

.bloprice			{ border-radius: 10px; border: #068df6 1px solid; width: 100%; height: auto; display: block; float: left; background-color: #deedf8; margin-top: 40px;}	
.bloprice_ya		{ padding: 20px; font-size: 15px; text-align: left;}	

.bloprice2			{ border-radius: 10px; border: #068df6 1px solid; width: 450px; height: auto; display: block; float: right; background-color: #deedf8; text-align: left;}	
/* отзывы OFF */		
	
	
	
	
	
/* метки ON */
.ic_email		{float:left; width: 20px; height: 16px; margin-right: 10px; background: url('/img/a_e.png') 0 -40px; display: block; margin-top: 3px;}	
.ic_tel			{float:left; width: 20px; height: 16px; margin-right: 10px; background: url('/img/a_e.png') 0 -20px; display: block; margin-top: 3px;}	
.ic_tel2		{font-size: 16px; float: left; width: 130px; display: block}
.ic_adr			{float:left; width: 20px; height: 16px; margin-right: 10px; background: url('/img/a_e.png') 0 40px; display: block; margin-top: 3px;}	
.ic_adr2		{font-size: 16px; float: left; width: 300px; display: block}
.mmm1 			{float: right; width: 1130px; text-align: right; margin: -2px 0 0 0;}
.mmm2			{float: left; width: 30px;}
.hhdd			{font-family: 'Room Black'; font-weight: 600; color: #068df6; font-size: 18px;}
/* метки OFF */	
	
	
	
	
	
	
	
	
	
	
/* внутряки */

.relax1		{width: 435px; margin: 10px 20px 15px 0; float: left; display: block}
.relax1_txt	{font-size: 10px; color: #999; width: 435px;  margin: 0 20px 15px 0; float: left; display: block}
.relax2		{width: 435px; margin: 10px 0 15px 20px; float: right; display: block}	
.relax2_txt	{font-size: 10px; color: #999; width: 435px;  margin: 0 0 15px 20px; float: right; display: block; text-align: right}	
.relax1_td	{width: 435px; margin: 10px 0 10px 0; float: left; display: block}
.relax2_td	{width: 435px; margin: 10px 0 10px 0; float: right; display: block}	
.relax1_b30	{width: 435px; margin: 10px 20px 30px 0; float: left; display: block}
	
	
	
	
	
	
	

/* блоки */

/* каталог */
.cattitl	{margin: 80px 0 30px 0; display:block;}
.cath1		{font-size: 45px; font-weight: 700; padding: 0; margin: 0;}
.catbl1		{background-color: #ffffff; border-radius: 4px;  float: left; width: 256px; height: 246px; text-align: center; margin-right: 40px; border: solid 2px #ffffff;}
.catbl1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
a.cattl1		{color: #282828;}
a.cattl1:hover 	{color: #25d366;}
.catbl2		{margin: 30px 20px 0 20px; text-align: center; display: block; height: 140px;}
.catbl3		{margin: 25px; text-transform: uppercase; font-size:14px; font-weight: 800;}

/* заголовок каталога */
.booktit1	{height: 90px; width: 100%; background-image: url(/img/fon_1.png); background-position: center;}
.booktit2	{float:left; width: auto; padding-right: 20px; background-color: #f7f7f7;}
.booktit3	{font-size: 45px; font-weight: 700; margin: 10px 0 0 0; display:block;}
.booktit4	{font-size: 25px; font-weight: 400; margin-top: -5px;}
.booktit5	{float:left; width: auto; margin-top: 36px;}
.booktit6	{background-image: url(/img/line-dot11.png); width: 11px; height: 11px; display: block;}

.booka1		{height: 336px; width: 100%; background-image: url(/img/catalog.png);background-repeat: no-repeat; display: flow-root}
.booka2		{font-size: 11px; background-image: url(/img/i_chek12.png); background-repeat: no-repeat; background-position: 0 -70px; padding-left: 12px; display: block; margin-top: 26px;}
.booka3		{position: absolute; margin-top: 60px; width: 90px; margin-left: 723px;  color: #ffffff; }
.booka4		{margin: 3px 12px 0 0; float: left;}
.booka5		{font-size: 13px; font-weight: 500; color: #bfcee4}
.booka6		{margin: 62px 0 25px 80px; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.booka7		{margin: 0 35px 0 80px; float: left;}
.booka8		{float: left; width: auto; font-size: 11px; margin-top: 15px;}
.booka9		{width: 12px; height: 12px; float: left; margin: 0 10px 10px 0; background-image: url(/img/i_ok12.png)}

/* хиты */
.hittitl1	{height: 90px; width: 100%; background-image: url(/img/fon_1.png); background-position: right;}
.hittitl2	{float:left; width: auto; padding-right: 20px; background-color: #f7f7f7;}
.hittitl3	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; display: block; float: rihgt; width: 60px; position: absolute; margin: 34px 0 0 1100px; text-align: right; background-color: #f7f7f7;}
.hittitl4	{font-size: 45px; font-weight: 700; margin: 10px 0 0 0; display:block;}
.hittitl5	{float:left; width: auto; margin-top: 36px;}
.hittitl6	{background-image: url(/img/line-dot11.png); width: 11px; height: 11px; display: block; float:left}

.hitblok0	{margin: 3px 0 0 0; display: block; height: auto;}

.hitcard1	{background-color: #ffffff; border-radius: 4px; float: left; width: 356px; height: 406px; margin: 0 40px 40px 0; border: solid 2px #ffffff;}
.hitcard1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
a.hitcard2			{color: #282828;}
a.hitcard2:hover 	{color: #25d366;}
.hitcard3	{margin: 30px 30px 15px 30px; text-align: center; display: block; height: 200px;}
.hitcard3 img { width: 300px; height: 200px;}	
.hitcard4	{float: left; width: auto; margin: 0 30px 0 30px; text-align: left; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #acacac}
.hitcard5_1	{width: 12px; height: 12px; float: left; margin: 2px 8px 0 0; background-image: url(/img/i_chek12.png); background-position: 0 -14px;}
.hitcard5_2	{width: 12px; height: 12px; float: left; margin: 2px 8px 0 0; background-image: url(/img/i_chek12.png); background-position: 0 -21px;}
.hitcard6	{margin: 6px 30px 0 30px; overflow: hidden; height: 60px}
.hitcard7	{font-size: 20px; font-weight: 700; line-height: 1; margin: 2px 0 2px 0; padding: 0}
.hitcard8	{margin: 15px 30px 25px 30px; display: block}
.hitcard9	{float:left; text-align: center; width: auto; display: block}
.hitcard10	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; display: block; float: left; width: 177px; text-align: right; margin-top:14px;}
.hitcard11	{width: 14px; height: 5px; float: right; margin: 5px 0 0 8px; background-image: url(/img/i_li.png); background-repeat: no-repeat;}

/* о компании */
.about1		{background-color: #ececec; min-height: 300px; height: auto; display: flow-root; margin: 20px 0 0 0}
.about2		{float: left; width: 350px; margin: 0 50px 0 0;}
.about3		{font-size: 45px; font-weight: 800; line-height: 1;}
.about4		{font-size: 25px; font-weight: 400; margin: 20px 0 0 0; line-height: 1.2; width: 350px;}
.about5		{float: left; width: 360px; margin: 0 40px 40px 0; font-size: 17px;}
.about6		{float: left; width: 360px; margin-bottom: 40px; font-size: 17px;}

/* баннер 1 */
.bn11	{float: left; background-image: url(/img/b1.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn11:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }
.bn12	{margin: 40px 0 10px 80px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 30px; display: block}
.bn13	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden;}
.bn14	{font-size: 14px; display: block; margin-bottom:5px;}
.bn15	{width: 14px; height: 5px; float: left; margin: 5px 8px 0 0; background-image: url(/img/i_li2.png); background-repeat: no-repeat;}
.bn16	{margin: 0 0 20px 80px;}
.bn17	{font-size: 11px; background-image: url(/img/i_chek12.png); background-repeat: no-repeat; background-position: 0 -57px; padding-left: 12px; display: block; color: #b0c2de}
.bn18	{float: left; height: 32px; margin-right: 35px; display: block; color: #ffffff; width: auto; font-size: 13px;}
.bn19	{float: left; height: 32px;  display: block; color: #ffffff; width: auto; font-size: 13px;}
a.bn1a, a.bn1a:hover {color:#ffffff;}

/* баннер 2 */
.bn21	{float: left; background-image: url(/img/b2.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn21:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }
.bn22	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden; width: 250px}

/* баннер 3 */
.bn31	{float: left; background-image: url(/img/b3.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn31:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }

/* контакты */
.cont1	{float: left; width: 350px; height: 370px; margin: 56px 50px 0 0;}
.cont2	{font-size: 45px; font-weight: 800; line-height: 1;}
.cont3	{font-size: 25px; font-weight: 400; margin: 20px 0 0 0; height: 110px; line-height: 1.2}
.cont4	{float: left; width: auto; height: 32px; margin-right: 50px; display: block; font-size: 15px;}
.cont5	{background-image: url(/img/i_dot1.png); background-repeat: no-repeat; background-position: 0 6px; padding-left: 14px; display: block;}
.cont6	{float: left; height: 32px; display: block;  width: auto; font-size: 15px;}

.conta1	{float: left; width: 760px; height: 431px; margin: 0; background-image: url(/img/consult.png); background-repeat: no-repeat; background-position:  right top;}
.conta2	{margin: 98px 0 20px 80px; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.conta3	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden;}
.conta4	{font-size: 15px; display: block; margin-bottom:8px;}
.conta5	{width: 14px;  color: #282828; height: 5px; float: left; margin: 5px 8px 15px 0; background-image: url(/img/i_li2.png); background-repeat: no-repeat;}
.conta6	{width: 14px;  color: #282828; height: 5px; float: left; margin: 5px 8px 0 0; background-image: url(/img/i_li2.png); background-repeat: no-repeat;}
.conta7	{margin: 20px 0 0 80px}

/* подписка */
.sub1	{background-color: #282828; color: #ffffff; border-bottom: 1px solid #3e3e3e;}
.sub2	{margin-bottom: 70px; margin-top: 0; display: block;}
.sub3	{padding: 45px 0 50px 0;}
.sub4	{float: left; width: 590px; margin-right: 10px;}
.sub5	{font-size: 30px; font-weight: 600; display: block}
.sub6	{color: #7e7e7e; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block; margin-top: 10px;}
.sub7	{float: right; width: 534px; margin-top: 6px;}
.sub8	{float:left; text-align: center; width: auto; display: block}
.sub9	{float: left; width: auto; font-size: 11px; margin-top: 15px; color: #7e7e7e}

/* подвал */
.foot1	{background-color: #282828; color: #ffffff; height: 300px;}
.foot2	{display: inline-flex; margin: 20px 0 40px 0}
.foot3	{float:left; width: 280px; margin-right: 50px}
.foot4	{display: block; margin-top: 8px; font-size: 12px;}
.foot5	{font-size: 11px; color: #7e7e7e; margin-top: 20px;}
.foot6	{font-size: 11px; color: #7e7e7e; margin-top: 20px; display: block}
.foot7	{font-size: 15px; font-weight: 600; margin-bottom: 10px;}
.foot8	{font-size: 12px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot9	{float:left; width: 240px; margin-right: 60px}
.foot10	{float:left; width: 130px; margin-right: 60px}
.foot11	{float:left; width: 150px; margin-right: 70px}
.foot12	{font-size: 15px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot13	{float:left; width: 150px;}
.foot14	{font-size: 13px; color: #ffffff; padding-bottom: 10px; display: block;}
.foot15	{font-size: 13px; padding-bottom: 5px; display: block;}

/* контакты блок */
.ktk1	{border-radius: 4px; background-color: #e6eaf0; display:block; margin: 30px 0 50px 0; width: 100%;}
.ktk2	{padding: 40px 80px 40px 80px;}
.ktk3	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block; margin-bottom: 20px;}
.ktk4	{display: block; width: 100%; font-size: 13px}
.ktk5	{float: left; width: 190px; margin-right: 50px;}
.ktk6	{font-size: 15px; font-weight: 700; margin-top: -2px;}
.ktk7	{float: left; width: 150px; margin-right: 50px;}
.ktk8	{float: left; width: 160px; margin-right: 50px;}
.ktk9	{float: left; width: 100px; margin-right: 50px;}
.ktk10	{margin-top: 13px; font-size: 15px; font-weight: 700; display: block;}
.ktk11	{float: left; width: 200px;}
.ktk12	{}
.ktk13	{}

/* жилье */	
.container 	{margin: 1rem; padding: 1.5rem; border: 1px solid #dee2e6; border-radius: 0.375rem;}
.tab 		{display: flex; flex-wrap: wrap;}
.tab > .left_tabs		{ width: 18px; display: block; float: left}	
.tab > .left_tabs_bes	{ width: 35px; display: block; float: left}	
.scrollbar			{ float: left; height: 400px; width: 115px; overflow-y: scroll; display: block; margin-right: 10px;}	
.tab > .force-overflow		{ /*min-height: 1000px;*/ }
#style-3::-webkit-scrollbar-track		{ border-radius: 2px;}
#style-3::-webkit-scrollbar				{ width: 3px; border-radius: 2px;}
#style-3::-webkit-scrollbar-thumb		{ background-color: #30bc28; border-radius: 2px;}
.tab > input[type="radio"] {
display: none;
}
.tab > .tab-content {
display: none; margin-top: -1px; border: 1px solid #30bc28;  background-color: #ffffff; border-radius: 4px; padding: 50px; font-size: 14px; width: 1160px;
}
.tab > .tab-content_bes {
display: none; margin-top: -1px; border: 1px solid #30bc28;  background-color: #ffffff; border-radius: 4px; padding: 35px; font-size: 14px; width: 100%;
}
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-2:checked~#content-8,
#tab-btn-3:checked~#content-9,
#tab-btn-4:checked~#content-10,
#tab-btn-5:checked~#content-11,
#tab-btn-6:checked~#content-12,
#tab-btn-7:checked~#content-13,
#tab-btn-6:checked~#content-14,
#tab-btn-7:checked~#content-15 {
display: block;
}

.tab > label {
display: block;
cursor: pointer;
transition: color .15s ease-in-out,background-color .15s ease-in-out, border-color .15s ease-in-out;
color: #ffffff;
border: 0;
border-radius: 4px;
background: 0 0;
text-transform: uppercase; 
background-color: #30bc28;
margin:  0 10px 10px 0;
padding: 13px 0 13px 0;
font-size: 14px; 
text-decoration: none;
text-transform: uppercase;
font-family: 'Room Black';
font-weight: 800;
letter-spacing: 0.7px;
width: 150px;
text-align: center;
border: 1px solid #30bc28;
}

.tab > label:hover {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}	
	
.tab > input[type="radio"]:checked + label {
cursor: default;
color: #30bc28;
background-color: #ffffff;
border: 1px solid;
border-color:  #30bc28  #30bc28 #ffffff #30bc28;	
margin:  0 10px 0 0;
padding: 13px 0 23px 0;	
border-radius: 4px 4px 0 0;	z-index: 1;
}	


/* жилье карточка */	
.container 	{margin: 1rem; padding: 1.5rem; border: 1px solid #dee2e6; border-radius: 0.375rem;}
.tab2 		{display: flex; flex-wrap: wrap;}
.tab2 > .left_tabs		{ width: 18px; display: block; float: left}	
.tab2 > .left_tabs_bes	{ width: 35px; display: block; float: left}	
.scrollbar2				{ float: left; height: 496px; width: 115px; overflow-y: scroll; display: block; margin-right: 10px;}	
.tab2 > .force-overflow		{ /*min-height: 1000px;*/ }
#style-3::-webkit-scrollbar-track		{ border-radius: 2px;}
#style-3::-webkit-scrollbar				{ width: 3px; border-radius: 2px;}
#style-3::-webkit-scrollbar-thumb		{ background-color: #30bc28; border-radius: 2px;}
.tab2 > input[type="radio"] {
display: none;
}
.tab2 > .tab-content {
display: none; /*border: 1px solid #30bc28; margin-top: -1px; background-color: #ffffff; border-radius: 4px; padding: 50px;*/ font-size: 14px; width: 100%; margin-bottom: 40px;
}
.tab2 > .tab-content_bes {
display: none; margin-top: -1px; border: 1px solid #30bc28;  background-color: #ffffff; border-radius: 4px; padding: 35px; font-size: 14px; width: 100%;
}
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-2:checked~#content-8,
#tab-btn-3:checked~#content-9,
#tab-btn-4:checked~#content-10,
#tab-btn-5:checked~#content-11,
#tab-btn-6:checked~#content-12,
#tab-btn-7:checked~#content-13,
#tab-btn-6:checked~#content-14,
#tab-btn-7:checked~#content-15 {
display: block;
}

.tab2 > label {
display: block;
cursor: pointer;
transition: color .15s ease-in-out,background-color .15s ease-in-out, border-color .15s ease-in-out;
color: #ffffff;
border: 0;
border-radius: 4px;
background: 0 0;
text-transform: uppercase; 
background-color: #30bc28;
margin:  0 10px 10px 0;
padding: 13px 0 13px 0;
font-size: 14px; 
text-decoration: none;
text-transform: uppercase;
font-family: 'Room Black';
font-weight: 800;
letter-spacing: 0.7px;
width: 150px;
text-align: center;
border: 1px solid #30bc28;
}

.tab2 > label:hover {background-color: #fc6337; color: #ffffff; border: 1px solid #fc6337;}	
	
.tab2 > input[type="radio"]:checked + label {
cursor: default;
color: #30bc28;
background-color: #ffffff;
border: 1px solid;
border-color:  #30bc28  #30bc28 #ffffff #30bc28;	
margin:  0 10px 0 0;
padding: 13px 0 23px 0;	
border-radius: 4px 4px 0 0;	z-index: 1;
}	




/* беседки */
.lef_box_bes 		{float: left; display: block; width: 550px;}
.lef_box_bes img 	{float: left; display: block; width: 100%; margin-bottom: 20px;}
.right_box_bes 		{float: right; display: block; text-align: left; width: 225px;}

	
/* разное не заразное */	
.ala1	{margin-top: 2px}
.ala2	{font-size: 14px;}
.ala3	{background-image: url(/img/i_phone.png); height: 95px; display: block; margin-top: -20px;}
.ala4	{color: #7d7d7d; font-size: 13px; padding: 30px 15px 20px 15px}	
.ala5	{text-align: center;}
.ala6	{display: block; padding-top: 85px; height: 130px; text-align: left;}	
.ala7	{width: 356px; float: left; display: block; min-height: 120px; padding-right: 30px; font-size: 15px;}
.ala8	{font-size: 11px; color: #888888; margin-bottom: 20px;}	
.ala9	{display: block;}
.ala10	{z-index: 90; position: relative}	
.ala11	{background: #ffffff; background: linear-gradient(to top, #e5f5ff, #ffffff);}
.ala12	{position: absolute; margin: 215px 0 0 40px; font-size: 25px; color: #fff; font-weight: 500; text-shadow: black 0 0 3px;}	
.ala13	{float: left;}
.ala14	{width:100%}	
.ala15	{min-height:538px; width: 100%}
.ala16	{box-shadow: 0 0 10px 5px rgba(000, 000, 000, 0.2);}	
.ala17	{font-size: 16px;}
.ala18	{font-family: 'Room Black'; font-weight: 600; color: #068df6; font-size: 18px;}	
.ala19	{font-size: 13px; color: #7d7d7d; margin: 10px 0 10px 0;}
.ala20	{margin: 20px 0 0 0}	
.ala21	{margin: 30px 0 20px 0;}
.ala22	{margin: 10px 0 0 0;}	
.ala23	{font-size: 14px; margin-top: 20px;}
.ala24	{background-image: url(/img/a_fon0.png); background-position: center top; background-repeat: no-repeat; height: 215px;}	
.ala25	{margin-bottom: 60px;}
.ala26	{background-image: url(/img/a_fon00.png); background-position: center top; background-repeat: no-repeat; height: 215px;}	
.ala27	{ font-size: 20px; font-weight: 500; margin: 0 0 20px 0; display: block;}
.ala28	{}	
.ala29	{}
.ala30	{}	

	
/* вверх */	
    .btn-up {
      position: fixed;
      background-color: #00bd00;
	  opacity: 0.7;
      right: 20px;
      bottom: 30px;
      border-radius: 4px;
      cursor: pointer;
      width: 42px;
      height: 42px;
    }

    .btn-up::before {
      content: "";
      text-align: center;
      position: absolute;
      width: 20px;
      height: 20px;
      left: 12px;
      top: 12px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
    }

      .btn-up_hide {
        display: none;
      }

      @media (hover: hover) and (pointer: fine) {
        .btn-up:hover {
          background-color: #fc6337; opacity: 1;
        }
      }	
	
	
	
	
	
	
	
	
	
	
	
	
	




/*====================================================== Попы ====================================================== */


.p600		{width: 600px;}
.popatit	{font-size: 30px; font-weight: 700; padding: 0; margin: 0;}
.popa1		{margin: 25px 0 25px 0;}
.popa1 img 	{width:600px; height:400px;}	
.popa2		{margin: 0 0 20px 0; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.popa3		{margin-bottom: 25px; display: block}
.popa4		{border-bottom: 1px solid #cdcdcd;}
.popa5		{padding: 3px; border-bottom: 1px solid #cdcdcd; width: 100%; display: inline-flex;}
.popa6		{padding: 3px; width: 200px; float: left; margin-right: 20px; display: block}
.popa7		{padding: 3px; width: 380px; float: left; display: block}
.popa8		{width: 150px; text-align: center; display: block; margin:0 auto; margin-top: 20px;}

.mm1		{font-size: 17px;}
.mm2		{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 30px; display: block}
























/*====================================================== Popups ====================================================== */
.popup-wrapper 	{ background-color: rgba(0, 0, 0, 0.85); position: fixed; height: 100%; overflow: auto; left: 0; top: 0; width: 100%; z-index: 9999999; }
.popups-win 	{ background-color: #523134; padding: 0; position: relative; margin: 160px auto; width: 850px; border-radius: 10px;}
.close-popup 	{ cursor: pointer; position: absolute; right: 20px; height: 40px; top: 20px; width: 40px; border-radius:20px;}
.close-popup span:before, .close-popup span:after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
  .close-popup span:before {
    left: 9px;
    top: 18px;
    height: 2px;
    width: 22px; }
  .close-popup span:after {
    left: 19px;
    top: 8px;
    height: 22px;
    width: 2px; }
.close-popup:hover { background-color: #ffdd00; }
.close-popup:hover span:before, .close-popup:hover span:after {
      background-color: #401b21;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.popup-content 			{ display: block; padding: 30px 60px; width: 100%; }
.popup-content__title 	{ font-size: 32px; line-height: 32px; }

/* Feedback Call */
.feedback-form__pps-ifield 									{ width: 780px; margin-top:20px;}
.feedback-form__pps-ifield .feedback-form__item-field 		{ margin-right: 20px; width: 230px; }
.feedback-form__pps-ifield .feedback-form__item-field .ifield:focus, .feedback-form__pps-ifield .feedback-form__item-field .ifield:active
	{ border: 1px solid #d76b17; }
.feedback-form__pps-ifield .feedback-form__btn button 		{ height: 40px; width: 230px; border: 0px;}
.feedback-form__pps-ifield .feedback-form__footnote 		{ color: #7e7e7e; padding-bottom: 5px; }
.feedback-form__pps-ifield .feedback-form__footnote.arror 	{ color: #ff0000; font-size: 14px; }



.prtb	{ font-size:14px; color:#828aa3}
.prtb td	{ border-bottom:1px solid #214368;}



.mes	{ color: #ffffff}


	
	
}








/* мобильная версия ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


@media screen and (max-width: 640px) {
	

body 	{ margin:0; padding:0px; color:#282828; font-size:14px; font-family: 'SF Pro Display'; font-weight: normal; min-height: 100%; background-color: #f7f7f7; overflow-x:hidden;}
#wrapper 		{  min-height: 100%; position:relative; background: url('/img/fonmob.png') center 400px no-repeat; padding: 0 10px 0 10px;}
		
.div_center	{ width:100%; text-align:left; margin: 0px auto; display:block; margin-top: 15px; }
	
.logo	{width: 100%; display: block; text-align: center;}
.slogan	{width: 100%; font-size: 13px; color: #474a4f; display: block; text-align: center; margin: 10px 0 20px 0;}
.topcon	{width: 300px; display: block; margin: 0 auto;}	

.topblok1	{width: 50%; float:left; display: block; margin-bottom: 20px;}
.topblok2	{width: 50%; float:left; display: block}
.topblok3	{width: auto; float:left; margin-top: 0; display: block}
	
.toptel		{background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -80px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topskype	{width: 50%; float:left; background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -98px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topemail	{width: 50%; float:left; background-image: url(/img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -116px; font-size: 18px; padding-left: 24px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
	
.topbt		{display: none;}	
.topmenu	{display: none;}
	
.menu2		{display: none; position: absolute; width: auto;  margin-left: -10px; width: 100%;}	
.menu2div	{ padding: 10px;}
.menulist	{ display: block; }	
a.hider 	{ width: 100%; padding: 10px; background-image:url(/img/moblist.png); background-position: right; background-repeat: no-repeat; background-color: #282828; color: #ffffff; font-size: 15px; font-weight: 700; display: block; margin-left: -10px; margin-top: 12px;}
a.topmenua2 { font-size: 15px; font-weight: 700; width: 100%; display: block; border-bottom: 1px solid #f6f6f6; background-color: #e0e0e0;}

.linetop	{ display: none;}	
	
/* слайдер */
.slbox	{width: auto}
.slslo	{color: #fe5102; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 35px; margin-bottom: 15px; line-height: 1; margin-top: 20px; text-align: center;}
.sltxt	{font-size: 13px; width: auto; margin-bottom: 25px;}
a.slbta	{background-color: #3485c2; border-radius: 20px; display: block; padding: 12px 25px 13px 25px; color:#ffffff; font-weight: 600; font-size: 13px; text-decoration: none; width: 120px; text-align: center;}
a.slbta:hover  {background-color: #25d366;}

/* блоки */
.divscr	{max-width: 100%; display: flex; overflow-x: auto; margin-top: 70px;}
	
	
/* каталог */
.cattitl	{margin: 20px 0 15px 0; display:block;}
.cath1		{font-size: 23px; font-weight: 800; padding: 0; margin: 0;}
.catbl1		{background-color: #ffffff; border-radius: 4px; width: 100%; height: 246px; text-align: center; margin-bottom: 10px; border: solid 2px #ffffff;}
.catbl1 img { max-height: 140px !important;}
.catbl1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
a.cattl1		{color: #282828;}
a.cattl1:hover 	{color: #25d366;}
.catbl2		{margin: 30px 20px 0 20px; text-align: center; display: block; height: 140px;}
.catbl3		{margin: 25px; text-transform: uppercase; font-size:14px; font-weight: 800;}	
	
.booktit1	{ display: none;}	
.booka1		{ display: none;}	
	
/* хиты */
.hittitl1	{}
.hittitl2	{float:left; width: auto; padding-right: 20px; background-color: #f7f7f7;}
.hittitl3	{ display: none;}
.hittitl4	{font-size: 23px; font-weight: 800; margin: -15px 0 15px 0; display:block;}
.hittitl5	{ display: none;}
.hittitl6	{ display: none;}

.hitblok0	{margin: 3px 0 0 0; display: block; height: auto;}	

.hitcard1	{background-color: #ffffff; border-radius: 4px; width: 100%; height: 317px; margin: 0 0 15px 0;}
a.hitcard2			{color: #282828;}
.hitcard3	{margin: 10px; text-align: center; display: block; height: 186px;}
.hitcard3 img { width: 280px; height: 186px; margin-top: 10px;}	
.hitcard4	{ display: none;}
.hitcard6	{margin: 10px; overflow: hidden; height: 60px}
.hitcard7	{font-size: 20px; font-weight: 700; line-height: 1; margin: 2px 0 2px 0; padding: 0}
.hitcard8	{margin: 10px; display: block; text-align: center; width: 100%;}
.hitcard9	{float:left; text-align: center; width: auto; display: block}
.hitcard10	{ display: none;}
.hitcard11	{width: 14px; height: 5px; float: right; margin: 5px 0 0 8px; background-image: url(/img/i_li.png); background-repeat: no-repeat;}	
	
/* о компании */
.about1		{background-color: #ececec; height: auto; display: block; padding: 5px 10px 20px 10px; margin: 10px -10px 0 -10px;}
.about2		{margin: 0 50px 0 0;}
.about3		{font-size: 25px; font-weight: 800; }
.about4		{font-size: 17px; font-weight: 400; margin: 12px 0 20px 0; line-height: 1.2;}
.about5		{font-size: 13px;}
.about6		{font-size: 13px;}	
.about4 img	{ display: none;}	
	
/* баннер 1 */
.bn11	{background: url(/img/b1.png) top right  no-repeat; width: 100%; height: auto; margin: 25px 0 15px 0; border-radius: 4px; background-size: cover}
.bn12	{padding: 20px 0 10px 25px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 25px; display: block}
.bn13	{margin: 0 0 0 25px; min-height: 95px; overflow: hidden;}
.bn14	{font-size: 12px; display: block; margin-bottom:5px;}
.bn15	{width: 14px; height: 5px; float: left; margin: 5px 8px 0 0; background-image: url(/img/i_li2.png); background-repeat: no-repeat;}
.bn16	{ display: none;}
.bn17	{}
.bn18	{}
.bn19	{}
a.bn1a, a.bn1a:hover {color:#ffffff;}

/* баннер 2 */
.bn21	{background: url(/img/b2.png) top right no-repeat; width: 100%; height: auto; margin: 0 0 15px 0; border-radius: 4px; background-size: cover}
.bn22	{margin: 0 0 0 25px; min-height: 95px; overflow: hidden; width: 200px; font-size: 12px;}	
	
	
	
/* контакты */
.cont1	{ display: none;}	
.conta1	{ display: none;}		
	
	

/* подвал */
.foot1	{background-color: #282828; color: #ffffff; height: 400px; padding: 5px 10px 20px 10px; margin: 0 -10px 0 -10px;}
.foot2	{display: block; margin: 0 auto; width: 300px;}
.foot3	{width: 100%; margin-bottom: 30px; text-align: center;}
.foot4	{display: block; margin-top: 8px; font-size: 12px;}
.foot5	{font-size: 11px; color: #7e7e7e; margin-top: 20px;}
.foot6	{font-size: 11px; color: #7e7e7e; margin-top: 20px; display: block}
.foot7	{font-size: 15px; font-weight: 600; margin-bottom: 10px;}
.foot8	{font-size: 12px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot9	{ display: none;}	
.foot10	{ display: none;}	
.foot11	{float:left; width: 150px; margin-right: 20px}
.foot12	{font-size: 15px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot13	{float:left; width: 130px;}
.foot14	{font-size: 13px; color: #ffffff; padding-bottom: 10px; display: block;}
.foot15	{font-size: 13px; padding-bottom: 5px; display: block;}


/*====================================================== Попы ====================================================== */


.p600		{width: auto;}
.popatit	{font-size: 20px; font-weight: 700; padding: 0; margin: 0; line-height: 1.1}
.popa1		{margin: 15px 0 15px 0;}
.popa1 img 	{width: 100%;}
.popa2		{margin: 0 0 20px 0; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 20px; display: block}
.popa3		{margin-bottom: 25px; display: block; font-size: 13px;}
.popa4		{border-bottom: 1px solid #cdcdcd;}
.popa5		{padding: 3px; border-bottom: 1px solid #cdcdcd; width: 100%; display: block; font-size: 13px;}
.popa6		{padding: 3px; width: 100%; margin-right: 20px; display: block}
.popa7		{padding: 3px; width: 100%; display: block}
.popa8		{width: 150px; text-align: center; display: block; margin:0 auto; margin-top: 20px;}

.mm1		{font-size: 13px;}
.mm2		{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 30px; display: block}