@charset "windows-1251";
html * { max-height:99999px; }

@font-face {
   font-family: 'Montserrat';
   src: url('/font/montserrat-regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Raleway';
   src: url('/font/raleway-regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'PTSans';
   src: url('/font/ptsans-regular.ttf') format("truetype");
   font-weight: normal;
   font-style: normal;
}

body 			{ font-family: Raleway, Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-size:15px; color: #747474; font-style: normal; font-weight: normal; text-decoration: none; line-height: normal; background: #ffffff;}
p				{ margin:0px; padding:0px; }

table             { border: none;}
div             { border: none;}



.block_site_cookies { display: block; width: 100%; position: fixed; bottom: 20px; z-index: 99999;  }
.site_cookies       { display: block; width: 90%; margin: 10px auto; background: #fff; border: #333 solid 2px; border-radius: 10px; }

.text_cookies           { font-size: 16px; color: #747474; font-weight: 400; line-height: 32px; margin: 20px 20px; }
.text_cookies a         { font-size: 16px; color: #333; text-decoration: none; }
.text_cookies a:hover   { font-size: 16px; color: #333; text-decoration: underline;  }

.kn_cookies         { width: 180px; height: 40px; background: #6FA8DB;  background: #333; border: #333 solid 2px; font-size: 14px; color: #fff; font-weight: 400; text-align: center; cursor: pointer; margin: 20px 20px; border-radius: 4px; }
.kn_cookies:hover   { background: #fff; color: #333;  }
.kn_cookies p		{ padding-top: 12px;}



.telmail 			{ font-size: 13px; color: #747474; text-decoration:none; }
.telmail a 		    { font-size: 13px; color: #747474; text-decoration:none; }
.telmail a:hover	{ font-size: 13px; color: #747474; text-decoration:none; }


.xeck               {color: #747474; text-decoration:none;  }    
.xeck  a            {color: #747474; }    
.xeck  a:hover      {color: #747474; }    

.full_video {
    position: absolute;
    top:  0;
    left: 0;
    z-index: -1;
    min-height: 100%;
    min-width:  100%;
    -webkit-transform-style: preserve-3d;
}

.full_video video {
    position: absolute;
    top:  50%;
    left: 50%;
    z-index: -99;
    min-height: 100%;
    min-width:  100%;
    height: auto;
    width:  auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform:  translate(-50%,-50%);
}


.menu_fix		        { width: 100%; position: fixed; z-index:5;}

.menu_top		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2; margin: 0px 20px 0px 20px;}
.menu_top a		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2;}
.menu_top a:hover		{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2;}

.menu5_gor		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2; margin: 0px 20px 0px 20px; }
.menu5_gor a		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2;  }
.menu5_gor a:hover		{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2; }

.menu5_gor_mob		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2; margin: 0px 20px 0px 20px; }
.menu5_gor_mob a		        { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2;  }
.menu5_gor_mob a:hover		{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none;
                            text-transform: uppercase; line-height: 2; }



.menu5_mob_l_pod			{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; text-align: left;  }
.menu5_mob_l_pod a		    { font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }
.menu5_mob_l_pod a:hover	{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }

.menu5_mob_l_pod1			{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; margin: 0px 0px 0px 0px; padding: 5px 20px 5px 20px; text-align: left;  }
.menu5_mob_l_pod1 a		    { font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }
.menu5_mob_l_pod1 a:hover	{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }

.menu5_mob_l_pod11			{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; margin: 0px 0px 0px 0px; padding: 5px 20px 5px 20px; text-align: left;  }
.menu5_mob_l_pod11 a		    { font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }
.menu5_mob_l_pod11 a:hover	{ font-family: gothampro, sans-serif; font-weight:100; font-size:14px; color: #000; text-decoration: none; }


.menu5_mob_l_pod2			{ font-family: gothampro, sans-serif; font-weight:100; font-size:12px; margin: 0px 0px 0px 0px; padding: 2px 20px 2px 20px; text-align: left;  }
.menu5_mob_l_pod2 a		    { font-family: gothampro, sans-serif; font-weight:100; font-size:12px; color: #000; text-decoration: none; text-transform:none;  }
.menu5_mob_l_pod2 a:hover	{ font-family: gothampro, sans-serif; font-weight:100; font-size:12px; color: #000; text-decoration: none; text-transform: none;}


.menu5_mob_l_pod3			{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333; font-weight: 400; font-size: 12px; font-style: normal; padding: 2px 0px 2px 0px; text-align:center;  }
.menu5_mob_l_pod3 a		    { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333; font-weight: 400; font-size: 12px; font-style: normal; text-decoration: none; }
.menu5_mob_l_pod3 a:hover	{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #333; font-weight: 400; font-size: 12px; font-style: normal; text-decoration: none; }

.menu5_mob_l_pod4			{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #000; font-weight: 400; font-size: 14px; font-style: normal; padding: 5px 0px 5px 0px; text-align: center;  }
.menu5_mob_l_pod4 a		    { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #000; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none; }
.menu5_mob_l_pod4 a:hover	{ font-family: Montserrat, Arial, Helvetica, sans-serif; color: #000; font-weight: 400; font-size: 14px; font-style: normal; text-decoration: none; }




.top_title  { font-family: Raleway, Arial, Helvetica, sans-serif; color: #fed03d; font-weight: 400; font-size: 24px; font-style: normal; }

h1 			{ font-family: Raleway, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: 800; font-size: 56px; font-style: normal; margin: 20px 10px 20px 10px; text-transform: uppercase; }
h2 			{ font-family: Raleway, Arial, Helvetica, sans-serif; color: #333333; font-weight: 400; font-size: 32px; font-style: normal; margin: 20px 10px 30px 10px; text-transform: uppercase; 
                line-height: 1.5; }

.main_txt   { width: 1180px; font-size: 15px; font-weight: 500; font-style: normal; line-height: 2.27; }

img.animate1:hover     { 
    filter: alpha(Opacity=25);    /* прозрачность для IE */    
    opacity: 0.25;                /* прозрачность для других браузеров */
}

.img_txt1           { color: #333333; font-weight: 400; font-size: 18px; text-align: center; margin: 10px 0px 10px 0px;}
.img_txt1 a         { color: #333333; font-weight: 400; font-size: 18px; text-decoration: none;}
.img_txt1 a:hover   { color: #333333; font-weight: 400; font-size: 18px; text-decoration: none;}

.img_txt2           { color: #747474; font-weight: 500; font-size: 12px; font-style: normal; text-align: center;}
.img_txt2 a         { color: #747474; font-weight: 500; font-size: 12px; font-style: normal; text-decoration: none;}
.img_txt2 a:hover   { color: #747474; font-weight: 500; font-size: 12px; font-style: normal; text-decoration: none;}

.img_txt3           { color: #333333; font-weight: 400; font-size: 18px; text-align: center; margin: 10px 0px 10px 0px;}
.img_txt3 a         { color: #333333; font-weight: 400; font-size: 18px; text-decoration: none;}
.img_txt3 a:hover   { color: #333333; font-weight: 400; font-size: 18px; text-decoration: none;}



.poluchit2  a       { display: block; width: 300px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #333333; color: #ffffff; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; border: #333333 solid 2px; }
.poluchit2  a:hover { display: block; width: 300px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #ffffff; color: #333333; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; border: #333333 solid 2px;}


.poluchit3  a       { display: block; width: 300px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #333333; color: #ffffff; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; text-decoration: none; border: #ffffff solid 2px; }
.poluchit3  a:hover { display: block; width: 300px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #ffffff; color: #333333; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; text-decoration: none; border: #333333 solid 2px;}



.polu1   { height:100px; background-color: #ffffff;
-moz-border-radius: 0% 0% 0% 100%;
-webkit-border-radius: 0% 0% 0% 100%;
-khtml-border-radius: 0% 0% 0% 100%;
border-radius: 0% 0% 0% 100%;
}

.polu2   { height:100px; background-color: #ffffff;
-moz-border-radius: 0% 0% 100% 0%;
-webkit-border-radius: 0% 0% 100% 0%;
-khtml-border-radius: 0% 0% 100% 0%;
border-radius: 0% 0% 100% 0%;
}

.polu3   { height:100px; background-color: #ffffff;
-moz-border-radius: 0% 0% 0% 100%;
-webkit-border-radius: 0% 0% 0% 100%;
-khtml-border-radius: 0% 0% 0% 100%;
border-radius: 100% 0% 0% 0%;
}

.polu4   { height:100px; background-color: #ffffff;
-moz-border-radius: 0% 0% 100% 0%;
-webkit-border-radius: 0% 0% 100% 0%;
-khtml-border-radius: 0% 0% 100% 0%;
border-radius: 0% 100% 0% 0%;
}


h3           { font-family: Raleway, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: 400; font-size: 20px; font-style: normal; text-transform: uppercase; }
.proekt2     { font-family: Raleway, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: 700; font-size: 34px; font-style: normal; text-transform: uppercase; }
.proekt3     { font-family: Raleway, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: 500; font-size: 15px; font-style: normal; line-height: 2.27;}

h4          { font-family: Raleway, Arial, Helvetica, sans-serif; color: #333333; font-weight: 700; font-size: 18px; font-style: normal; text-align: center; text-transform: uppercase; }

.online             {  display: inline-block; color: #747474;  font-size: 15px; padding: 80px 20px 30px 20px; line-height: 2.27; margin: 120px 25px 40px 25px; width: 25%;}
.online span        {  color: #333333; font-weight: 400; font-size: 32px; margin: 10px 0px 10px 0px; line-height: 1.5;}

.online_yell span   {  color: #333333; font-size: 18px; margin: 10px 0px 10px 0px; text-transform: uppercase; }
.online_yell        {  display: inline-block; background: #FED03D; color: #555555; font-size: 15px; padding: 20px 20px 20px 20px; line-height: 2.27; margin: 0px 25px 0px 25px; width: 25%; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.online_yell a           { display: block;   font-family: Montserrat, Arial, Helvetica, sans-serif;  background: #FFE07B; color: #333333; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; }

.online_yell a:hover       { display: block;  font-family: Montserrat, Arial, Helvetica, sans-serif;  background: #333333; color: #ffffff; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none;}


.sert        { display: inline-block; margin: 60px 40px 40px 40px;}

  .scale { 
    cursor: pointer;
    transition: 0.5s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(1.05); /* Увеличиваем масштаб */
    box-shadow: 0 0 10px;   
   }


.prichiny           { display: inline-block; width: 1180px; color: #ffffff; font-weight: 400; font-size: 20px; font-style: normal; line-height: 2.27;}
.prichiny a         { color: #ffffff; text-decoration: none; }
.prichiny a:hover   { color: #ffffff; text-decoration: underline; }

.prichiny_a a       { display: block; width: 300px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #FED03D; color: #333333; font-size: 18px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; }
.prichiny_a a:hover { display: block;  font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #333333; color: #ffffff; font-size: 18px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none;}

.logo_bott1         { font-size: 15px; font-weight: 500; color: #747474; line-height: 2.27; text-align: left;}
.logo_bott1 img     { background:#D7E650; padding: 30px 15px 50px 15px;  }

.logo_bott2_tit      { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; text-align: left; color: #FED03D;text-transform: uppercase; margin: 0px 0px 30px 0px; }

.logo_bott2_img     { margin: 6px 0px 0px 0px; }
.logo_bott2         { font-size: 14px; line-height: 23.8px; font-weight: 500; color: #747474; text-align: left; }
.logo_bott2 a       { color: #747474; text-decoration: none;  }
.logo_bott2 a:hover { color: #747474; text-decoration: underline; }

.logo_bott3_tit     { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; text-align: left; color: #FED03D;text-transform: uppercase; margin: 0px 0px 30px 0px; }
.logo_bott3         { text-align: left; }

.bot_popy1               { font-weight: 500; font-size: 12px; color: #7474747; }
.bot_popy2 img            { margin: 0px 5px 0px 5px; }

.podrobnee         {font-size: 32px; color: #333333; font-weight: 400;}

.tit_big             { font-weight: 400; font-size: 32px; color: #333333; }


.tit_big 			{ color: #333333; font-weight: 400; font-size: 32px; font-style: normal; margin: 40px 0px 0px 0px; text-transform: uppercase; }

.tit_title          { color: #333333; font-weight: 400; font-size: 18px; font-style: italic; margin: 20px 5px 20px 5px;}

.tit_opis           { width: 700px; display: inline-block; font-size: 15px; color: #747474; line-height: 2.27; font-weight: 700; margin: 20px 0px 20px 0px;}
.tit_opis li        { font-size: 15px; color: #747474; line-height: 2.27; font-weight: 500; }

.tit_prim            { width: 400px; display: inline-block; float: right; font-size: 11px; color: #333333; line-height: 2.27; font-weight: 700; 
    margin: 20px 0px 20px 0px; text-transform: uppercase; }
.tit_prim strong, b  { font-size: 18px; color: #333333; line-height:  2; font-weight: 400; text-transform: none;}

.tit_cost1            { font-size: 28px; color: #333333; font-weight: 400; text-transform:lowercase; text-align: center; }
.tit_cost2            { font-size: 12px; color: #333333; font-weight: 400; text-transform: none; text-align: center; }



.tit_text            { font-size: 15px; color: #747474; line-height: 2.27; font-weight: 700; padding: 20px 20px 20px 20px; }

.tit_foto            { color: #333333; font-weight: 400; font-size: 32px; font-style: normal; margin: 40px 0px 20px 0px;  }

.contact_adres       { display: inline-block; color: #747474; font-size: 14px; font-weight: 500; background: #f5f5f5; padding: 50px 50px 0px 100px; }
.contact_adres a     { color: #333333; font-size: 14px; font-weight: 500; }

.contact_tit         { font-weight: 700; font-size: 15px; color: #333333; text-transform: uppercase; }

.contact_zvonok      { width: 800px; text-align: left;  }
.contact_zvonok      { display: block; background-color: #ffffff; }

.contact_tit2        { font-weight: 400; font-size: 32px; color: #333333; text-align: center; margin: 40px 10px 40px 10px; line-height: 2.27;}
.contact_txt2        { font-weight: 500; font-size: 20px; color: #747474; text-align: center; margin: 40px 10px 40px 10px; line-height: 2.27;}




.contact_zvonok2            {}

.contdel            { width: 200px; float: left; margin: 15px 10px 15px 10px;}

.contact input, textarea	{ width: 400px; border: #747474 solid 1px; font-size: 14px; color: #747474; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; 
-moz-border-radius: 5px; 		
-webkit-border-radius: 5px; 	
-khtml-border-radius: 5px; 		
border-radius: 5px; 
outline: none;    
}

.contact_fio input 	{ width: 400px; border: #747474 solid 1px; font-size: 14px; color: #747474; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; 
-moz-border-radius: 5px; 		
-webkit-border-radius: 5px; 	
-khtml-border-radius: 5px; 		
border-radius: 5px; 
outline: none;     
}

.contact_tel input 	{ width: 400px; border: #747474 solid 1px; font-size: 14px; color: #747474; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; 
-moz-border-radius: 5px; 		
-webkit-border-radius: 5px; 	
-khtml-border-radius: 5px; 		
border-radius: 5px;
outline: none; 
}

.contact_mail input 	{ width: 400px; border: #747474 solid 1px; font-size: 14px; color: #747474; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; 
-moz-border-radius: 5px; 		
-webkit-border-radius: 5px; 	
-khtml-border-radius: 5px; 		
border-radius: 5px;
outline: none; 
}

.zvezda             { font-size: 14px; color: #747474; margin: 20px 0px 0px 0px;}

.otpr_kn a            { display:block;  width: 180px; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #FED03D; border: none; font-size: 14px; color: #333333; text-align: center;  text-transform: uppercase; text-decoration: none; padding: 10px 10px 10px 10px; }

.otpr_kn a:hover      { display:block;  width: 180px; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #333333; border: none; font-size: 14px; color: #ffffff; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 10px 10px 10px; }


input[type='checkbox']:checked {
  background-color: #FED03D;
}
input[type='checkbox']:checked:after {
  content: '\2713';
  color:white;
}
input[type='checkbox']{
  text-align: center;
/*  display: table-cell; */
  vertical-align: middle;
  width: 22px !important;
  height: 22px !important;
  appearance:none;
  border-radius:10%;
  border: 1px solid #747474;
  box-shadow: none;
  font-size: 1em;
}

.hp_4            {display: inline-block; margin: 0px 20px; }
.hp_25           {display: inline-block; margin: 0px 20px; }
.hp_4_flex      {display: inline-block; margin: 0px 20px; }



.video1         {display: block; }
.video2         {display: none; }

.menu_fix		{display: block; }
.menu_mob       {display: none; }

.youtube        {display: block; }
.youtube_mob    {display: none; }

.three_img        {display: inline-block;margin: 0px 20px;}

.counter        {display: block; }
.counter_mob    {display: none; }

.service        {display: block; }
.service_mob    {display: none; }

.contact_bott     {display: block;}
.contact_bott_mob {display: none;}

.finish        {display: block;}
.finish_mob    {display: none;}

.shtuk            {display: block;}
.shtuk_mob        {display: none;}



.gorod_vert        {  width: 33%; float: left; }

.gorod_tit          { margin: 5px 0px 5px 0px; cursor: pointer; }

.adres_bottom       { width: 33%;  float: left; }
.adres 				{ font-size: 16px; color: #222;  margin: 10px 0px 10px 80px; text-align: left;  }
.adres a			{ font-size: 16px; color: #222;  text-decoration: none; }
.adres a:hover		{ font-size: 16px; color: #222;  text-decoration: underline; }
.table_mob          {display:table; width: 1180px; text-align: center; margin: 20px 0px 20px 0px;}


.karta             {display: block; }
.karta_mob        {display: none; }    


.video_youtube        { text-align: center;}
.video_youtube iframe {width: 560px; height:315px; }



.catalog_mobsite    {display: none; }  

.catalog		{ width: 273px; border: #c4c4c4 solid 1px; margin: 20px 10px 20px 10px; float: left;}

.cat_img			{ margin: 15px 0px 10px 0px; }
.cat_tit			{ margin: 10px 20px 10px 20px; font-size: 18px; color: #222222; font-weight: bold; text-align: left;}
.cat_tit a			{ font-size: 18px; color: #222222; font-weight: bold; text-decoration: none;}
.cat_tit a:hover 	{ font-size: 18px; color: #222222; font-weight: bold; text-decoration: underline; }

.cat_tit_h4			{ margin: 10px 20px 10px 20px; font-size: 18px; color: #222222; font-weight: bold; text-align: center; text-transform: uppercase;}


.cat_tit2			{ font-size: 18px; }
.cat_tit2 a			{ font-size: 18px; color: #222222; text-decoration: none;}
.cat_tit2 a:hover 	{ font-size: 18px; color: #222222; text-decoration: underline; }

.cat_tit_big		{ margin: 10px 20px 10px 20px; font-size: 14px; color: #222222; text-align: left;}

.cat_cart			{ margin: 5px 20px 5px 20px; cursor: pointer; }

.cat_cost			{ margin: 20px 20px 10px 20px; font-size: 18px; color: #222222; text-align: left; }

.cat_img2			{ display: block; margin: 8px 20px 8px 20px; }
.cat_cost2			{ width: 320px; margin: 20px 0px 10px 0px; font-size: 32px; color: #222222; text-align: center; font-weight: bold; }

.cat_cart2			{ margin: 5px 0px 5px 0px; cursor: pointer;}

.cat_cart3			{ display:block;  width: 360px; background: #2D6598; border: none; font-size: 16px; color: #fff; margin:0 auto; padding: 10px 0px 12px 0px; text-align: center; cursor: pointer;
-moz-border-radius: 5px; 		
-webkit-border-radius: 5px; 	
-khtml-border-radius: 5px; 		
border-radius: 5px; 
}

.cat_gde  a       { display: block; width: 200px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #333333; color: #ffffff; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; border: #333333 solid 2px; text-align: center;}
.cat_gde  a:hover { display: block; width: 200px;   font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; background: #ffffff; color: #333333; font-size: 14px; text-transform: uppercase; 
    padding: 10px 20px 10px 20px; margin: 20px 30px 10px 30px; text-decoration: none; border: #333333 solid 2px; text-align: center;}


.cat_oplata          { margin: 0px 0px 20px 0px; text-align: center;} 

.cat_dostavaka		{ width: 320px; height: 390px; font-size: 18px; color: #222222; background: #f2f2f2; margin: 20px 0px 20px 0px; padding: 15px 20px 15px 20px; text-align: center;}
.cat_dostavaka img	{ margin: 20px 0px 20px 0px; }
.cat_dost1            {width: 800px; float:left; }
.cat_dost2            {width: 380px; float:left; }

.cat_opisanie 		{ margin: 0px 20px 0px 20px; }

.cat_opisanie tr:nth-child(odd) {
  background: #f2f2f2;
}

.cat_opis1		    { width: 680px; float:left; }
.cat_opis2		    { width: 500px; float:left;}

.cat_opis_dop        { display:block;  width: 1140px; font-size: 14px; color: #222222; text-align: left;}
.cat_opis_dop tr:nth-child(odd)  { background: #ffffff;}
.cat_opis_dop tr:nth-child(even) { background: #f2f2f2;}



.main_foto_mob {display:none;}


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

.cat_opis_dop        { display:block;  width: 320px; }    
    
.video_youtube iframe {width: 320px; height:181px; }    
    video {width: 320px;height:181px;}    
    
 .main_foto_mob         {display:block;}    
.main_foto             {display:none;}
   
    
.karta            {display: none; }    
.karta_mob        {display: block; }
        
.video2         {display: block; }
.video1         {display: none; }    
    
.menu_mob		{display: block; }
.menu_fix       {display: none; }

.main_txt       {width: 100%;}
    
.youtube_mob    {display: block; }
.youtube        {display: none; }

.proekt3        { margin: 0px 10px; }
    
.counter_mob    {display: block; }
.counter        {display: none; }

.service_mob   {display: block; }
.service       {display: none; }
.online_yell   {display: none; }
.online        {display: block;  width: 100%; margin: 20px 0px; padding: 0px 0px;}  
.online_yell            {  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.online_yell a          {  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.online_yell a:hover    {  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.contact_bott_mob {display: block;}
.contact_bott     {display: none;}

.finish_mob    {display: block;}
.finish    {display: none;}
    
.contact_zvonok     { width: 100%;   }    
.zak                {margin: 0 0 0 10px;  }    
.xeck               {margin: 0 0 0 10px;  }    
.zvezda             {margin: 0 0 0 10px;  }    

.main_txt           { width: 100%;}    

.logo_bott3         { text-align: center; }    
    
.shtuk_mob        {display: block;}
.shtuk            {display: none; }
 
.tit_opis           { width: 380px; display:block; margin: 0 5px 0 5px;}    
.tit_prim           { width: 380px; display:block; margin: 0 5px 0 5px;}    
     
.prichiny           { display: block; width: 100%;}    
.prichiny_a a       { display: block; width: 300px; padding: 10px 0px 10px 0px; margin: 20px 0px 10px 0px; text-decoration: none; }
.prichiny_a a:hover { display: block; padding: 10px 0px 10px 0px; margin: 20px 0px 10px 0px; text-decoration: none;}    

.poluchit2          { display: block;  margin: 0px 0px 0px 0px; }    
.poluchit2 a        { display: block;  margin: 0px 0px 0px 0px; }    
.poluchit2 a:hover  { display: block;  margin: 0px 0px 0px 0px; }    

.poluchit3          { display: block;  margin: 0px 0px 0px 0px; }    
.poluchit3 a        { display: block;  margin: 0px 0px 0px 0px; }    
.poluchit3 a:hover  { display: block;  margin: 0px 0px 0px 0px; }    
    
.contact input, textarea	{ width: 90%; margin: 0px 0px 0px 5px; }
.contact_fio input 	        { width: 90%; margin: 0px 0px 0px 5px; }
.contact_tel input 	        { width: 90%; margin: 0px 0px 0px 5px; }
.contact_mail input 	    { width: 90%; margin: 0px 0px 0px 5px; }
    
.gorod_vert        {  display:table; width: 320px; float: none; }    
.gorod_tit           {margin: 5px 0px 5px 0px; cursor: pointer; } 
.adres_bottom       {display:table; width: 320px; float: none;  }   
.adres 				{ margin: 10px 10px 10px 10px; text-align: left;  } 
.table_mob        {display: table; width: 320px; text-align: center; }     

    

.catalog_fullsite    {display: none;}      
.catalog_mobsite    {display: table; width: 320px; text-align: center; }  
    
    
.cat_img_mob		{ margin: 5px 0px 5px 0px; }    
    
.catalog		    { float: none; text-align: center; display: none;}    
.catalog_mob	    { width: 150px; border: #c4c4c4 solid 1px; margin: 10px 1px 10px 1px;  float: left; text-align: center; display: table;}    
    
    
.cat_tit_mob			{ margin: 5px 1px 5px 1px; font-size: 10px; color: #222222; font-weight: bold; text-align: center;}
.cat_tit_mob a			{ font-size: 10px; color: #222222; font-weight: bold; text-decoration: none;}
.cat_tit_mob a:hover 	{ font-size: 10px; color: #222222; font-weight: bold; text-decoration: underline; }

.cat_tit_big_mob		{ margin: 5px 1px 5px 1px; font-size: 10px; color: #222222; text-align:  center; height:24px;}    

.cat_cart			{ margin: 5px 1px 5px 1px; cursor: pointer; font-size: 12px;  text-align:  center;}    

.cat_cost_mob		    { margin: 5px 1px 5px 1px; font-size: 12px; color: #222222; text-align:  center;  }

.cat_cost2			{ text-align: center; }
.cat_cart2 img		{ width: 310px; }    
.cat_cart3     		{ width: 320px; }    

.cat_opis1		    { width: 320px; float:none; }
.cat_opis2		    { width: 320px; float:none; }

.cart_tovar            {display:none;}
.cart_tovar_mob            {display:table; width: 320px;} 
    
    
}