@import"reset.css";
html * {max-height:1000000px;}
.vertical_center {
vertical-align: middle;
}
.clearfix {
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
}
input::placeholder {
  color: #cecece;
}
HTML {
min-width: 300px;
margin: 0;
padding: 0;
background-color: #fff;
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #666;
-webkit-text-size-adjust:none !important;
-moz-text-size-adjust:none !important;
-ms-text-size-adjust:none !important;
text-size-adjust:none !important;
}
.white_wrapper {
background-color:#fff;
position:relative;
}
.wrapper {
position: relative;
margin: 0 auto;
min-width: 300px;
max-width: 1400px;
font-size:0;
}
.col_50_left {
position: relative;
display:inline-block;
float: left;
width: 45.8%;
padding-left: 1.4%;
}
.col_50_right {
position: relative;
display:inline-block;
float: right;
width: 45.8%;
padding-right: 1.4%;
}
.col_50 {
position: relative;
display:inline-block;
padding: 0 2.5%;
width: 45%;
}

BODY {
margin: 0;
padding: 0;
min-width: 300px;
min-height: 100vh;
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #666;
-webkit-text-size-adjust:none !important;
-moz-text-size-adjust:none !important;
-ms-text-size-adjust:none !important;
text-size-adjust:none !important;
background-color: #fff;
}
DIV {
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #666;
}
HR {
border:0;
border-bottom: dotted 1px #ccc;
height: 0;
background-color:#fff;
clear: both;
}
body,td,th {
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #666;
}
.spacer_10 {
height: 10px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_20 {
height: 20px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_30 {
height: 30px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_40 {
height: 40px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_50 {
height: 50px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_60 {
height: 60px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_70 {
height: 70px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_80 {
height: 80px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_90 {
height: 90px;
position: relative;
clear: both;
background-color:#fff;
}
.spacer_100 {
height: 100px;
position: relative;
clear: both;
background-color:#fff;
}
.cur {
cursor: pointer;
}
H1 A {
text-decoration: none !important;
border-bottom: solid 1px #1671a0;
}
H1 A:hover {
border-bottom: none;
}
a {
  color: #1671a0;
  outline: none;
  text-decoration: underline;
}
a:link {
  color: #1671a0;
  text-decoration: underline;
}
a:visited {
  color: #1671a0;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:active {
  color: #1671a0;
  text-decoration: underline;
}
img {
  border: none;
  max-width: 100%;
  height:auto !important;
  max-height: 100%;
}
input, textarea {   max-width:100% }
input {
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #000;
}


H1 {
font:32px/34px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #000;
margin-bottom: 15px;
}
H2 {
font:22px/28px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #333;
margin-bottom: 15px;
}
H3 {
font:16px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #333333;
margin-bottom: 15px;
}
H4 {
font:15px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #000;
margin-bottom: 15px;
}
P {
font:16px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 300;
color: #666;
text-align: justify;
margin-bottom: 15px;
}
UL {
color: #666;
margin: 10px 0 17px 0;
clear: both;
}
LI {
font:14px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 300;
background: url('/images/bullet.png') 7px 5px no-repeat;
padding-left: 20px;
color: #666;
list-style: none;
margin-bottom: 3px;
}

/* -- INPUTS -------------------------------------------------------------------------------------- */

.input_block {
display: inline-block;
background-color: #fff;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
font:18px/38px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
color: #666;
text-align: left;
height: 38px;
border: solid 1px #909fa5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 0 2%;
font-style: italic;
}
.textarea_block {
display: inline-block;
background-color: #fff;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.07);
font:18px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
color: #666;
text-align: left;
height: 98px;
border: solid 1px #909fa5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 10px 2%;
font-style: italic;
}
.button_block {
display: inline-block;
font:18px/38px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.74);
text-align: center;
height: 38px;
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 0 2%;
width: 95%;
cursor: pointer;

background: rgb(89, 170, 87);
background: -moz-linear-gradient(90deg, rgb(89, 170, 87) 0%, rgb(57, 86, 31) 100%);
background: -webkit-linear-gradient(90deg, rgb(89, 170, 87) 0%, rgb(57, 86, 31) 100%);
background: -o-linear-gradient(90deg, rgb(89, 170, 87) 0%, rgb(57, 86, 31) 100%);
background: -ms-linear-gradient(90deg, rgb(89, 170, 87) 0%, rgb(57, 86, 31) 100%);
background: linear-gradient(180deg, rgb(89, 170, 87) 0%, rgb(57, 86, 31) 100%);
}

input[type="radio"] {
display: none;
}
input[type="radio"] + label {
font:15px/18px 'Roboto', Tahoma, sans-serif;
font-weight: 400;
color: #333;
}

input[type="radio"] + label span {
display: inline-block;
width: 19px;
height: 24px;
background:url('/cms_admin_images/bullet1.png') left top no-repeat;
border: none;
cursor: pointer;
vertical-align:middle;
}
input[type="radio"]:checked + label span {
background:url('/cms_admin_images/bullet1_selected.png') left top no-repeat;
}


input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
font:15px/18px 'Roboto', Tahoma, sans-serif;
font-weight: 400;
color: #333;
}

input[type="checkbox"] + label span {
display: inline-block;
width: 19px;
height: 24px;
background:url('/cms_admin_images/bullet2.png') left top no-repeat;
border: none;
cursor: pointer;
vertical-align:middle;
}
input[type="checkbox"]:checked + label span {
background:url('/cms_admin_images/bullet2_selected.png') left top no-repeat;
}

/* ------------------------------------------------------------------------------------------- */
/* -------------------- */
/* VIDEO & GAL */


.video_prew {
background-color: #fff;
display: inline-block;
max-width: 200px;
margin: 10px 10px;
padding: 10px;
vertical-align: top;
cursor: pointer;
text-align: center;
}
.video_prew:hover {
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.video_prew A {
text-decoration: none;
font:13px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
}
.video_prew IMG {
margin: 0;
padding: 0;
}
.video_viewer {
display: none;
clear: both;
margin: 20px 20px;
text-align: center;
}
.gal_prew {
background-color: #fff;
display: inline-block;
width: 23%;
margin: 10px 0 10px 1%;
/* border: 1px solid #ddd; */
padding: 2px;
text-align: center;
height: 150px;
}
.gal_prew:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.gal_prew:hover {
}
.gal_prew A {
text-decoration: none;
font:13px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
}
.gal_prew IMG {
margin: 0;
padding: 0;
width: auto;
height: auto;
border-radius:8px;
border: solid 2px #eee;
}
/* ------------------------------------------------------------------------------------------- */
/* -------------------- */
/* PAGER */


.pager_active {
display: inline-block;
* display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #10650b;
padding: 3px 7px;
margin: 2px;
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #fff;
}
.pager_active A {
text-decoration: none;
color: #fff;
}
.pager_nonactive {
display: inline-block;
* display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #8b8b8b;
background: linear-gradient(to top, #848484, #d3d3d3);
padding: 3px 7px;
margin: 2px;
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #fff;
}
.pager_nonactive A {
text-decoration: none;
color: #fff;
}
/* -------------------- */
/* SHAPKA */
/* -------------------- */
/* SLIDER */
/* -------------------- */
/* UP MENU */
/* -------------------- */
.cat_blocks_color {
background-color: #f8f8f8;
padding: 0;
z-index:100;
position:relative;
}
.cat_blocks_color1 {
background-color: #f8f8f8;
padding: 50px 0 5px 0;
z-index:100;
position:relative;
}
#mainpage_shapka_menu_wrapper_empty {
background-color: #f8f8f8;
}
.cat_blocks_wrapper {
display:block;
position:relative;
border-radius: 16px;
background-color: #f8f8f8;
padding: 20px 0 20px 0;
font-size:0;
text-align:center;
}
.cat_block {
cursor:pointer;
vertical-align:top;
display:inline-block;
text-align:center;
font:15px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #fff;
width: 23%;
width: calc(23%-2px);
margin-bottom: 20px;
margin-left: 1%;
margin-right: 1%;
position:relative;
height: 220px;
overflow:hidden;
}
.cat_block_inner {
display:inline-block;
width: 150px;
height: 150px;
background-size:cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
border-radius: 75px;
border: solid 1px #aaa;
}
.cat_block_user_page {
cursor:pointer;
vertical-align:top !important;
display:inline-block;
text-align:center;
font:15px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #fff;
width: 24%;
width: calc(24%-2px);
margin-bottom: 10px;
margin-left: 0.5%;
margin-right: 0.5%;
border:solid 1px #d4d4d4;
position:relative;
min-height: 46px;
background-size:cover !important;
border-radius: 8px;
padding:0;
}
.cat_block_title {
display:inline-block;
position:relative;
bottom:0;
left:0;
width:100%;
text-align:center;
font:22px/24px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #666;
text-transform:uppercase;
padding: 5px 0 0 0;
}
.cat_block_title_user_page {
display:block;
position:inline-block;
bottom:0;
left:0;
width:100%;
text-align:center;
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #000;
text-transform:uppercase;
padding: 10px 0;
border-radius: 8px;
}
.cat_icon_counter {
position:absolute;
top:10px;
right:5px;
padding: 1px 10px;
font:16px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:700;
color:#fff;
background-color: #393;
border-radius: 8px;
z-index:100;
}
.cat_icon {
position:relative;
display:block;
width:100%;
height:100%;
border-radius: 49px;
text-align:center;
background-position: center center; /* Положение фона */
background-repeat: no-repeat;
background-size: auto auto;
}
.cat_block_main_title {
z-index:1000;
position: relative;
top:0;
left:0;
font:48px/48px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #666;
text-align: left;
height: auto;
padding: 10px 30px;
width: auto; 
}
.cat_block_main_title1 {
z-index:1000;
position: relative;
top:0;
left:0;
font:48px/48px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #666;
text-align: left;
height: auto;
padding: 5px 30px;
width: auto; 
}
.cat_block_main_title1 H1 {
font:48px/48px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #666;
margin:0;
}
.publish_your_button {
z-index:1000;
position: absolute;
top:0;
right:0;
font:32px/32px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
background-color:#10650b;
text-align: center;
border-radius: 0;
border:solid 1px #fff;
text-transform: uppercase;
cursor:pointer;
height: auto;
padding: 10px 30px;
width: auto; 
}
.mp_cat_hr {
display:block;
margin: 10px 0 10px 0;
clear:both;
position:relative;
width:100%;
height:1px;
background-color:#9a9a9a;
}

/* FOOTERE */
.footer {
margin-top:40px;
background-color: #fff;
min-height: 100px;
position:relative;
}
.footer_0 {
position:relative;
display:inline-block;
float:left;
background:url('/images/logo_footer.png') center center no-repeat;
background-size:contain !important;
margin-top: 0;
padding:20px 0;
width: 26%;
max-width: 246px;
min-height:100px;
}
.footer_1 {
position:relative;
display:inline-block;
float:left;
margin-left:2%;
margin-top: 20px;
width: 35%;
}
.footer_2 {
position:relative;
display:inline-block;
float:left;
margin-left:2%;
margin-top: 20px;
width: 35%;
}

.footer_1 H3 {
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color:#10650b;
  margin-bottom:3px;
}
.footer_1 H4 {
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#000;
  margin-bottom:3px;
}
.footer_1 P {
font:12px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#666;
text-align: left;
  margin-bottom:3px;
}
.footer_1 A {
color:#000;
}
.footer_2 P {
color:#369
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
text-align: left;
  margin-bottom:3px;
}
.footer_2 P A {
display:inline-block;
color:#fff;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin: 0 5px;
}
/* -------------------- */

.shapka {
position:relative;
height:600px;
}
.shapka1 {
position:relative;
height:auto;
}
.logo {
position:absolute;
top:25px;
left:0;
width:29.6428%;
height:186px;
max-width:415px;
background:url('/images/logo_mp.png') left top no-repeat;
background-size:contain;
z-index:1000;
}
.logo1 {
position:relative;
display:inline-block;
float:left;
background:url('/images/logo_footer.png') center center no-repeat #fff;
background-size:70%;
margin-top: 0;
padding:0;
width: 17.15%;
max-width: 240px;
min-height:53px;
}
.shapka_menu_button {
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight:700 !important;
color:#fff !important;
vertical-align:middle !important;
margin: 0 0 0 20px !important;
padding: 5px 10px !important;
border-radius:4px !important;
border: solid 1px #fff !important;
cursor:pointer !important;
text-decoration: none !important;
}
.up_menu_bar {
position:relative;
background-color:rgba(16,101,1,0.9);
min-height: 53px;
}
.up_menu_bar1 {
position:relative;
background-color:#111111;
min-height: 53px;
}
.up_menu {
position:relative;
display: inline-block;
width: 72%;
float:right;
text-align:right;
color:#e2e7ec;
font:16px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin-top:14px;
margin-right:1%;
}
.up_menu A {
display:inline-block;
margin: 0 0 0 30px;
color:#e2e7ec;
text-decoration:underline;
vertical-align:middle;
}
.up_menu A:hover {
color:#b4c4d4;
text-decoration:none;
}
#shapka_menu_trigger {
display:none;
}

/* SLIDER */
#slider_wrapper {
background-color:rgba(255,255,255,1.0);
position: fixed;
max-height: 300px;
z-index:0;
padding: 0 0;
margin-bottom: 0;
width:100%;
}
#slider_outer {
position: relative;
margin: 0 0;
min-width: 300px;
max-width: 100%;
max-height: 300px;
}
#slider {
position: relative;
display:block;
width: 100%;
height:100%;
border-radius: 0;
}
.slide_link {
width: 100%;
height: 100%;
position: relative;
}

/* ------------------------------------------------------------------------------------------- */

/* ------- TECH MENU ------------------------------------------------------------------------------------ */
.float_bar_under_hr {
height: 5px;
width: 100%;
background-color:#3cab35;
position:relative;
display:block;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}
#float_shapka_menu_wrapper {
display: block;
position: fixed;
top: 0;
left: 0;
background-color:rgba(60,171,53,0.96);
min-height: 50px;
width: 100%;
z-index: 900;
}
#float_shapka_menu {
max-width: 1400px;
margin: 0 auto;
min-height: 50px;
position: relative;
z-index: 1000;
}
.up_menu_hidden {
display:none !important;
/*    transform: translateY(-100px); */
    opacity: 0;
/*    transition: all 0.9s; */
}
.up_menu_fixed {
display:block !important;
    position: fixed;
    opacity: 0.95;
/*    transform: translateY(0); */
/*    transition: all 0.9s; */
}
#mainpage_shapka_menu_wrapper_wrapper {
  position: relative;
  width: 100%;
  z-index: 1800;
}
#mainpage_shapka_menu_wrapper {
position: relative;
background-color:#3cab35;
min-height: 50px;
width: 100%;
z-index: 1800;
}
#mainpage_shapka_menu {
max-width: 1400px;
margin: 0 auto;
min-height: 50px;
position: relative;
z-index: 2000;
}
.tech_menu_city {
display:inline-block;
float: right;
border-radius: 0;
background-color:#10650b;
color:#fff;
padding: 1px 20px 12px 20px;
font:24px/32px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
cursor:pointer;
}
.tech_menu_city IMG {
vertical-align: middle;
}
.tech_menu_city SPAN {
vertical-align: middle;
color:#fff;
font:24px/34px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 300;
margin-left: 15px;
transition: 0.5s;
}
.tech_menu_city SPAN:hover {
color:#7eff76;
}
.tech_menu_cabinet_block {
float:left;
position:relative;
display:inline-block;
background-color:#10650b;
height:50px;
line-height:50px;
padding-left: 10px;
padding-right: 0;
border-radius: 0;
}
.tech_menu_cabinet_block_auth {
float:right;
position:relative;
display:inline-block;
background-color:#095105;
height:50px;
line-height:50px;
padding-left: 10px;
padding-right: 10px;
border-radius: 0;
}
.tech_menu_cabinet_block IMG {
vertical-align: middle;
margin: 0 5px;
}
.tech_menu_cabinet_block_auth IMG {
vertical-align: middle;
margin: 0 5px;
}
.tech_menu_cabinet_block SPAN, .tech_menu_cabinet_block_auth SPAN {
font:15px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
vertical-align: middle;
}
.tech_menu_cabinet_block SPAN A, .tech_menu_cabinet_block_auth SPAN A {
color:#fff;
text-decoration: underline;
}
.tech_menu_cabinet_block SPAN A:hover, .tech_menu_cabinet_block_auth SPAN A:hover {
color:#fff;
text-decoration: none;
}
.tech_menu_cabinet_block A, .tech_menu_cabinet_block_auth A {
color:#fff;
text-decoration: underline;
}
.tech_menu_cabinet_block A:hover, .tech_menu_cabinet_block_auth A:hover {
color:#fff;
text-decoration: none;
}
.tech_menu_vr {
display:inline-block;
vertical-align: middle;
height: 50px;
width:1px;
margin: 0 10px;
background:url('/images/tech_menu_vr.png') left top no-repeat;
}
.tech_menu_vr_0 {
display:inline-block;
vertical-align: middle;
height: 50px;
width:1px;
margin: 0;
}
.tech_menu_search_button {
float:left;
position:relative;
display:inline-block;
cursor:pointer;
margin-top: 5px;
margin-left: 20px;
}
.tech_menu_search_button SPAN {
vertical-align:middle;
display:inline-block;
background-color:#fff;
border-radius: 4px;
font:16px/28px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#666;
padding: 5px 10px;
font-style:italic;
text-align: left;
width: 200px;
}
.tech_menu_search_button IMG {
vertical-align:middle;
margin-left:10px;
}
.tech_menu_notification_counter {
display:inline-block;
vertical-align: middle;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color:#a52222;
background-color:#ffe400;
border-radius: 4px;
padding: 2px 5px;
}
.notification_counter_unread_animation {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes blink {
  0% { background-color:#ffe400; }
  50% { background-color:#f00; color: #fff; }
  100% { background-color:#ffe400; }
}
@keyframes blink {
  0% { background-color:#ffe400; }
  50% { background-color:#f00; color: #fff; }
  100% { background-color:#ffe400; }
}
.unread_image_style {
  -webkit-animation: blink1 2s linear infinite;
  animation: blink1 2s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { opacity:1.0; }
  50% { opacity:0; }
  100% { opacity:1.0; }
}
@keyframes blink1 {
  0% { opacity:1.0; }
  50% { opacity:0; }
  100% { opacity:1.0; }
}
.tech_menu_favorite_counter {
display:inline-block;
vertical-align: middle;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color:#a52222;
background-color:#ffe400;
border-radius: 4px;
padding: 2px 5px;
margin: 0 10px 0 5px;
}
/* ------------------------------------------------------------------------------------------- */
/* ---ВИЗИТКИ--------------------------------------------------------------------------------- */
.vizitki_blocks_wrapper {
display:block;
position:relative;
border-radius: 16px;
border: 0px dotted #666;
background-color: rgba(255,255,255,0);
padding: 10px 0 20px 0;
font-size:0;
}
.s_vizitka {
position:relative;
display:inline-block;
width: 30%;
margin: 10px 1.2% 10px 1.2%;
background-color:#f6f6f6;
border-radius: 16px;
padding: 1px 1% 10px 1%;
}
.s_vizitka_title {
color:#10650b;
font:26px/28px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
text-align:left;
margin:0 0 10px 0;
height:61px;
overflow:hidden;
display:block;
display: -webkit-flex; 
display: flex; 
align-items: flex-end;
}
.s_vizitka_title A {
display: -webkit-inline-flex;
display: inline-flex; 
color:#10650b;
text-decoration:none;
}
.s_vizitka_greybar {
background-color:#fff;
margin: 2px 0;
height:3px;
}
.s_vizitka_text_block {
overflow: hidden;
margin-top:15px;
}
.s_vizitka_text_block A {
color:#369;
}
.s_vizitka_img {
mix-blend-mode: darken;
width: 100%;
height: 300px;
border-radius: 0;
border: solid 0px #999;
display: block;
position:relative;
margin: 0 0 0 0;
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.s_vizitka_breadcrumbs {
margin:0 0 10px 0;
color:#666666;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-style:italic;
}
.s_vizitka_breadcrumbs A {
color:#666666;
text-decoration:underline;
margin: 0 5px;
}
.s_vizitka_name {
color:#666;
font:16px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
text-align:left;
margin: 0 0 5px 0;
padding: 0;
}
.s_vizitka_name A {
color:#369;
text-decoration:none;
font-weight: 700;
}
.s_vizitka_price A {
color:#fff;
text-decoration: none !important;
}
.s_vizitka_price {
position:absolute;
bottom:0;
right:0;
border-radius: 16px 0 0 0;
font:24px/30px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color:#fff;
background-color:#10650b;
text-align:center;
padding: 5px 10px;
text-decoration: none !important;
}
.s_vizitka_price SPAN {
color:#fff;
font:24px/30px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
margin-left:5px;
}
.s_vizitka_text {
color:#666;
font:15px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
}
.s_vizitka_text A {
color:#369;
text-decoration:underline;
}
.s_vizitka_city {
padding: 0;
color:#666;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-style: italic;
margin: 0 0 5px 0;
}
.s_vizitka_city A {
color:#666;
text-decoration:underline;
font-style: italic;
}
.s_vizitka_date {
color:#999;
font:13px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
display:block;
position: absolute;
width: auto;
height:25px;
bottom: 30px;
left: 2%;
z-index:10;
}
.s_vizitka_phone {
z-index:20;
color:#369;
vertical-align: middle;
display:block;
position: absolute;
width: auto;
height:35px;
bottom: 25px;
right: 2%;
cursor:pointer;
}
.s_vizitka_phone_inner {
height:35px;
background:url('/images/icon_phone1.png') left top no-repeat;
padding-left: 40px;
background-size: contain !important;
}
.s_vizitka_phone span {
color:#369;
font:16px/35px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
vertical-align: middle;
border-bottom: dotted 1px #369;
}
.s_vizitka_phone span:hover {
color:#369;
border-bottom: dotted 1px #fff;
}
.s_vizitka_phone_showblock {
display:inline-block;
position:relative;
padding: 2px 10px;
border-radius: 4px;
font:24px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 700 !important;
}
.s_vizitka_status {
display:block;
position: absolute;
top: 10px;
left: 10px;
border-radius:6px;
padding: 3px 5px;
font:13px/15px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 400;
font-style: italic !important;
color:#fff;
text-align:center;
}

.s_vizitka_heart_off {
background:url('/images/icon_heart_off.png') left top no-repeat;
display:block;
position: absolute;
width: 39px;
height:34px;
top: 10px;
right: 2%;
cursor:pointer;
background-size:contain;
}
.s_vizitka_heart_on {
background:url('/images/icon_heart_on.png') left top no-repeat;
display:block;
position: absolute;
width: 39px;
height:34px;
top: 10px;
right: 2%;
cursor:pointer;
background-size:contain;
}
.s_vizitka_notes_off {
background:url('/images/icon_notes_off.png') left top no-repeat;
display:block;
position: absolute;
width: 39px;
height:34px;
top: 10px;
right: 55px;
cursor:pointer;
background-size:contain;
}
.s_vizitka_notes_on {
background:url('/images/icon_notes_on.png') left top no-repeat;
display:block;
position: absolute;
width: 39px;
height:34px;
top: 10px;
right: 55px;
cursor:pointer;
background-size:contain;
}
.s_vizitka_promo {
border-radius: 6px;
background-color:#ff6600;
}
.s_vizitka_promo .s_vizitka_phone {
color:#ff6000;
}
.s_vizitka_promo .s_vizitka_phone_inner {
background:url('/images/icon_phone_promo1.png') left top no-repeat;
padding-left: 40px;
background-size: contain !important;
}

.s_vizitka_promo .s_vizitka_phone span {
color:#ff6000;
border-bottom: dotted 1px #ff6000;
}
.s_vizitka_promo .s_vizitka_phone span:hover {
color:#fff;
border-bottom: dotted 1px #fff;
}
.s_vizitka_promo .s_vizitka_name {
color:#fff;
}
.s_vizitka_promo .s_vizitka_name A {
color:#fff;
}
.s_vizitka_promo .s_vizitka_title {
color:#fff;
}
.s_vizitka_promo .s_vizitka_title A {
color:#fff;
}
.s_vizitka_promo .s_vizitka_price {
color:#fff;
}
.s_vizitka_promo .s_vizitka_price A {
color:#fff;
}
.s_vizitka_promo .s_vizitka_text {
color:#fff;
}
.s_vizitka_promo .s_vizitka_breadcrumbs {
color:#fff;
}
.s_vizitka_promo .s_vizitka_breadcrumbs A {
color:#fff;
}
.s_vizitka_promo .s_vizitka_city {
color:#fff;
}
.s_vizitka_promo .s_vizitka_city A {
color:#fff;
}
.s_vizitka_promo .s_vizitka_greybar {
background-color:#fff;
}

.s_vizitka_deleted {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
.s_vizitka_unapproved {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.75;
}
.s_vizitka_moderator_block {
position: absolute;
right:0;
bottom: -20px;
height: 34px;
min-width: 30px;
background-color:#090;
border-radius: 8px 0 8px 8px;
text-align: center;
z-index:100;
padding: 0 5px;
}
.s_attention_text_block {
  position:absolute;
  bottom:-20px;
  left:10px;
  height:auto;
  width:auto;
}
.s_attention_text {
  display: inline-block;
  border-radius: 8px;
  border: solid 1px #fff;
  background-color: #000;
  color:#fff;
  padding: 5px 10px;
  margin: 0 1px;
  font:12px/12px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
  font-weight: 400;
}
.phone_confirmed_block {
display:inline-block;
height:22px;
padding: 0 3px;
color:#fff;
font:12px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
background-color:#090;
border-radius: 4px;
}
.phone_nonconfirmed_block {
display:inline-block;
height:22px;
padding: 0 3px;
color:#fff;
font:12px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
background-color:#f00;
border-radius: 4px;
}
.moder_icons_wrapper {
display:none;
}
.moder_icons {
cursor:pointer;
display:inline-block;
width: 30px;
height: 30px;
margin: 2px 2px;
background-size: contain !important;
}
.moder_hideshow_icon_blocks_icon {
background:url('/images/icon_menu.png') center center no-repeat;
}
.moder_edit_icon {
background:url('/images/moder_edit_icon.png') center center no-repeat;
}
.moder_delete_icon {
background:url('/images/moder_delete_icon.png') center center no-repeat;
}
.moder_look_icon {
background:url('/images/moder_look_icon.png') center center no-repeat;
}
.moder_show_icon {
background:url('/images/moder_show_icon.png') center center no-repeat;
}
.moder_move_icon {
background:url('/images/moder_move_icon.png') center center no-repeat;
}
.moder_copy_icon {
background:url('/images/moder_copy_icon.png') center center no-repeat;
}
.moder_change_user_icon {
background:url('/images/moder_change_user_icon.png') center center no-repeat;
}
.moder_up_icon {
background:url('/images/moder_up_icon.png') center center no-repeat;
}
.moder_undelete_icon {
background:url('/images/moder_undelete_icon.png') center center no-repeat;
}
.moder_approve_icon {
background:url('/images/moder_approve_icon.png') center center no-repeat;
}
.moder_unapprove_icon {
background:url('/images/moder_unapprove_icon.png') center center no-repeat;
}
.moder_vip_icon {
background:url('/images/moder_vip_icon.png') center center no-repeat;
}
.moder_unvip_icon {
background:url('/images/moder_unvip_icon.png') center center no-repeat;
}
.moder_phoneconfirm_icon {
background:url('/images/moder_phoneconfirm_icon.png') center center no-repeat;
}
.moder_dontup_icon_on {
background:url('/images/moder_dontup_icon_on.png') center center no-repeat;
}
.moder_dontup_icon_off {
background:url('/images/moder_dontup_icon_off.png') center center no-repeat;
}
.moder_dont_show_in_cat_icon_on {
background:url('/images/moder_dont_show_in_cat_icon_on.png') center center no-repeat;
}
.moder_dont_show_in_cat_icon_off {
background:url('/images/moder_dont_show_in_cat_icon_off.png') center center no-repeat;
}

/* ------------------------------------------------------------------------------------------- */
.l_vizitka_contacts_block {
display:block;
position: relative;
border-radius: 16px;
border: dashed 1px #999;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.19);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.19);
background-color:#fff;
padding: 20px 2% 30px 2%;
}
.l_vizitka_contacts_block H3 {
color:#369;
font:30px/34px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#000;
text-align: center;
}
.l_vizitka_phone {
z-index:20;
color:#369;
vertical-align: middle;
display:block;
position: relative;
width: auto;
cursor:pointer;
text-align: center;
font:30px/34px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
}
.l_vizitka_phone span {
color:#369;
font:30px/34px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
border-bottom: dotted 1px #369;
}
.l_vizitka_phone span:hover {
color:#369;
border-bottom: dotted 1px #fff;
}
.l_vizitka_date {
color:#999;
font:13px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
display:block;
position: relative;
width: auto;
height:25px;
text-align: right;
}
.cat_blocks_wrapper_white_bg {
display:block;
position:relative;
border-radius: 16px;
border: 1px dotted #666;
background-color: rgba(255,255,255,1);
padding: 90px 0 10px 0;
font-size:0;
}
.cat_blocks_wrapper_white_bg .cat_block {
vertical-align:top;
display:inline-block;
text-align:center;
font:15px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
width: 14.66%;
margin-bottom: 20px;
margin-left: 1%;
margin-right: 1%;
cursor:pointer;
color: #369;
}
.cat_blocks_wrapper_white_bg .cat_block_title {
display:block;
position:relative;
margin-top: 10px;
text-align:center;
font:17px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: inherit;
}
.cat_blocks_wrapper_white_bg .cat_block:hover {
color: #666;
text-decoration:none;
}
.cat_blocks_wrapper_white_bg .cat_icon_wrapper {
position:relative;
display:inline-block;
width:98px;
height:98px;
text-align:center;
border-radius: 49px;
background-color:#eaeaea;
border: 1px solid #fff;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 4px 10px 0px rgba(0, 0, 0, 0.3);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,234,234,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );
}
.cat_blocks_wrapper_white_bg .cat_icon_counter {
position:absolute;
bottom:0;
right:0;
padding: 1px 10px;
font:16px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:700;
color:#fff;
background-color: #393;
border-radius: 8px;
}
.cat_blocks_wrapper_white_bg .cat_icon {
position:relative;
display:block;
width:100%;
height:100%;
border-radius: 49px;
text-align:center;
background-position: center center; /* Положение фона */
background-repeat: no-repeat;
background-size: auto auto;
}
.show_all_vizitkas_link {
text-align: center;
display:block;
margin: 1px 0 5px 0;
color:#666;
font:22px/22px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:400;
}
.show_all_vizitkas_link span {
cursor:pointer;
color:#666;
border-bottom: dotted 1px #fff;
font:22px/22px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:400;
padding:0;
}
.show_all_vizitkas_link span:hover {
color:#000;
border-bottom: none;
font:22px/22px 'Roboto Condensed', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:400;
}
.show_all_vizitkas_link A {
text-decoration:none;
}
.all_user_vizitki {
padding-top: 1px;
margin-top: 1px;
border-radius:0;
}
/*
.all_user_vizitki .s_vizitka {
position:relative;
display:inline-block;
width: 47%;
margin: 10px 1.2% 20px 1.2%;
border: dotted 1px #666 !important;
background-color:#fff;
border-radius: 8px;
padding: 10px 1% 80px 1%;
}
.all_user_vizitki .s_vizitka_promo {
border: dotted 1px #ff6600 !important;
}
*/
/* ------------------------------------------------------------------------------------------- */
.razdel_top_title_bar {
display:block;
position:relative;
border-radius: 32px;
background-color:rgba(15,42,69,0.66);
color:#ffea00;
height:200px;
width:100%;
background-size: cover;
background-position: center center;
}
.razdel_top_title_bar SPAN {
display:block;
background-color: rgba(0, 0, 0, 0.45);
padding: 10px 2% 10px 20px;
border-radius: 16px 0 0 16px;
position: absolute;
text-align: right;
right: 0;
top: 80px;
z-index:30;
font:36px/38px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color:#ffea00;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);
}
.main_content_block {
border-radius: 16px;
background-color: #fff;
padding: 20px 1.5%;
}
.breadcrumbs {
font:16px/36px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color:#666666;
text-align:left;
margin: 0;
}
.breadcrumbs IMG {
vertical-align:middle;
}
.breadcrumbs A {
display:inline-block;
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
margin: 0 1px 0 0;
padding: 5px 5px;
color:#333333;
text-decoration: underline;
white-space: nowrap !important;
vertical-align: baseline;
}
.breadcrumbs A:hover {
text-decoration: none;
}
.breadcrumbs SPAN {
display:inline-block;
font:18px/18px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
margin: 0 1px 0 0;
padding: 5px 5px;
color:#666666;
font-weight: normal;
white-space: nowrap !important;
vertical-align: baseline;
}

.cabinet_button A {
color:#fff !important;
text-decoration:none;
}
.cabinet_button:hover A {
color:#eee !important;
}
.cabinet_button {
text-decoration:none;
background-color:#369;
color:#fff !important;
border-radius:8px;
padding: 5px 10px;
display:inline-block;
font:16px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
margin: 3px 3px;
}
.cabinet_button:hover {
color:#eee !important;
}
.cabinet_button span {
background-color:#fff !important;
color:#000;
padding: 1px 5px;
border-radius:3px;
}


.middle_banner_wrapper {
position:relative;
display:block;
width:100%;
min-height: 54px;
margin: 20px 0;
border-radius:16px;
background-color:rgba(255,255,255,0.1);
}

.middle_slider {
position:relative;
display:block;

}
.middle_slider_slide {
padding: 10px 10px;
border-radius:16px;
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 100;
margin: 0 !important;
border-radius: 24px;
background-size: contain !important;
background-image:none;
text-align:center;
}
.middle_slider_slide IMG {
border-radius:0;
}

.userpage_shop_banner {
display:block;
margin: 0 0 40px 0;
width:100%;
height:400px;
border-radius:0;
background-size:cover !important;
background-position-x: center;
background-position-y: center;
}
.userpage_shop_banner H1 {
font:32px/34px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
text-align:right;
margin:0 0 0 0;
padding: 20px 20px 20px 210px;
background-color:rgba(0,0,0,0.75);
color:#fff;
border-radius:0 0 0 0;
}
.userpage_shop_logo {
position: absolute;
bottom: -40px;
left:10px;
display:block;
border-radius:0;
width: 200px;
height: 200px;
border: solid 1px #fff;
background-size:cover !important;
background-position-x: center;
background-position-y: center;
}
.accordion_title {
display:block;
margin:8px 0 0 0;
padding: 10px 10px 10px 27px;
border-radius: 8px;
background:url('/images/icon_accordion.png') 10px center no-repeat #999999;
cursor:pointer;
color: #fff;
font:18px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:700;
}
.back_button {
display:none;
position:relative;
margin:8px 0 0 10px;
}
.back_button_inner {
display:inline-block;
position:relative;
padding: 10px 25px 10px 70px;
border-radius: 20px;
background:url('/images/icon_back.png') 10px center no-repeat #666666;
cursor:pointer;
color: #fff;
font:18px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:400;
}
.vizitka_page_title_block {
display:block;
position:relative;
background-color: #f8f8f8;
min-height:100px;
}
.big_hr {
display:block;
position:relative;
height:10px;
background-color: #d4d4d4;
margin: 10px 0;
}
.vizitka_page_breadcrumbs {
display:inline-block;
margin:10px 0 0 20px;
color:#333333;
font:18px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
vertical-align:middle;
}
.vizitka_page_breadcrumbs A {
color:#333333;
text-decoration:underline;
margin: 0 5px;
vertical-align:bottom;
}
.vizitka_page_title {
color:#fff;
font:48px/50px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.74);
padding: 0 10px;
}
.vizitka_page_title H1 {
color:#333;
font:48px/50px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
margin:0;
}
.vizitka_page_heart_off {
background:url('/images/icon_heart_off.png') left top no-repeat;
display:inline-block;
width: 39px;
height:34px;
cursor:pointer;
background-size:contain;
margin: 0 2px;
vertical-align:middle;
}
.vizitka_page_heart_on {
background:url('/images/icon_heart_on.png') left top no-repeat;
display:inline-block;
width: 39px;
height:34px;
cursor:pointer;
background-size:contain;
margin: 0 2px;
vertical-align:middle;
}
.vizitka_page_notes_off {
background:url('/images/icon_notes_off.png') left top no-repeat;
display:inline-block;
width: 39px;
height:34px;
cursor:pointer;
background-size:contain;
margin: 0 2px;
vertical-align:middle;
}
.vizitka_page_notes_on {
background:url('/images/icon_notes_on.png') left top no-repeat;
display:inline-block;
width: 39px;
height:34px;
cursor:pointer;
background-size:contain;
margin: 0 2px;
vertical-align:middle;
}
.vizitka_page_icons_block {
display:block;
position:absolute;
top:10px;
right: 10px;
text-align:right;
}
.vizitka_page_id_block {
display:inline-block;
margin: 0 2px;
color:#cccccc;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
background-color:#666666;
border-radius: 8px;
padding: 5px 10px;
vertical-align:middle;
}
.vizitka_page_left_column {

}
.vizitka_page_right_column {

}
.vizitka_page_img_outer {
display:block;
width:100%;
}
.vizitka_page_img {
display:block;
position:relative;
width:100%;
padding-bottom:75%; // Отношение высоты к ширине
}
.vizitka_page_img_inner {
 position:absolute;
 width:100%;
 height:100%;
background-size: contain !important;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
}
.vizitka_page_img_under {
display:block;
width:100%;
height: 3px;
background-color:#b7b7b7;
margin: 3px 0;
}
.vizitka_page_shop_block {
display:block;
width: 100%;
min-height: 20px;
position: relative;
margin: 0 0 20px 0;
border-bottom: solid 1px #b7b7b7;
padding: 10px 0;
}
.vizitka_page_shop_logo {
display:inline-block;
float:left;
width: 150px;
height: 150px;
margin-right: 20px;
background-size: contain !important;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
}
.vizitka_page_shop_name_block {
float:left;
display:inline-block;
overflow:hidden;
}
.vizitka_page_name {
display:inline-block;
color:#ff6000;
font:24px/26px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
margin: 10px 0 0 0;
}
.vizitka_page_name A {
color:#ff6000 !important;
text-decoration: none !important;
}
.vizitka_page_shop_name_button {
margin: 10px 0 0 0;
text-transform: uppercase;
display:inline-block;
background-color:#283338;
padding: 10px 20px;
color:#fff;
font:18px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
}
.vizitka_page_city {
display:inline-block;
color:#333333;
font:16px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin: 10px 0 0 0;
}
.vizitka_page_date {
display:inline-block;
color:#999;
font:13px/13px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin: 5px 0 0 0;
}
.vizitka_page_description_block {
display:block;
position:relative;
margin: 20px 0;
width: 100%;
}
.vizitka_page_description_tech_info {
color:#666666;
font:22px/30px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin: 5px 0;
}
.vizitka_page_description_text {
color:#666666;
font:18px/24px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 400;
margin: 20px 0;
}
.vizitka_page_description_block_hidden {
position:relative;
display:none;
}
.vizitka_page_address_buttons_block {
display:block;
position:relative;
text-align: center;
margin: 25px 0 15px 0;
}
.vizitka_page_address_button_1 {
display:inline-block;
position:relative;
text-transform: uppercase;
color:#fff;
font:18px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 400;
padding: 19px 25px;
background-color:#333333;
border-radius: 30px 0 0 30px;
cursor:pointer;
}
.vizitka_page_address_button_2 {
display:inline-block;
position:relative;
text-transform: uppercase;
color:#fff;
font:18px/22px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 400;
padding: 19px 25px;
background-color:#ff6600;
border-radius: 0 30px 30px 0;
cursor:pointer;
}
.vizitka_page_ajax_phone {
display:block;
position:relative;
text-align: center;
margin: 5px 0 25px 0;
}
.vizitka_page_carousel_block {
display:block;
position:relative;
width: 100%;
height: 112px;
padding: 0 60px;
margin: 25px 0;
}
.vizitka_page_carousel_block_arr_left {
cursor:pointer;
position:absolute;
background:url('/images/icon_carousel_left.png') left top no-repeat;
width: 50px;
height:50px;
top: 31px;
left: 0;
}
.vizitka_page_carousel_block_arr_right {
cursor:pointer;
position:absolute;
background:url('/images/icon_carousel_right.png') left top no-repeat;
width: 50px;
height:50px;
top: 31px;
right: 0;
}
.vizitka_page_carousel_block_inner {
display:block;
position:relative;
width: 100%;
height: 112px;
padding: 0;
margin:0;
overflow:hidden;
}
.vizitka_page_carousel_item {
display:inline-block;
height: 112px;
width: 150px;
background-size:cover !important;
background-position-x: center !important;
background-position-y: center !important;
background-repeat: no-repeat !important;
margin: 0 10px;
border-radius: 4px;
}

#userpage_goods_block { display:block; position: relative;}
#userpage_address_block { display:none; position: relative;}
#userpage_about_block { display:none; position: relative;}

.userpage_menu_item_block {
position: absolute;
bottom: -40px;
right:0;
display:block;
text-align: right;
width: 100%;
height: 45px;
padding: 0 0 0 210px;
}
.userpage_menu_item {
display:inline-block;
margin: 10px 15px 0 15px;
padding: 5px 0;
color: #333;
cursor:pointer;
font:20px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif !important;
font-weight: 700 !important;
border-bottom: dotted 1px #333;
}
.userpage_menu_item:hover {
border-bottom: dotted 1px #fff;
}
.userpage_menu_item_selected {
color:#fff;
background-color:#333;
border-radius:8px;
border-bottom: none !important;
padding: 5px 10px;
}
.userpage_menu_item_selected:hover {
border-bottom: none !important;
}

.tech_menu_filter {
text-align:center;
display:inline-block;
float: right;
border-radius: 0;
background-color:#369;
color:#fff;
padding: 2px 20px 12px 20px;
font:15px/34px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
cursor:pointer;
  -webkit-animation: floatFilterAnimation 2s linear infinite;
  animation: floatFilterAnimation 2s linear infinite;
}
.tech_menu_filter IMG {
display:inline-block;
vertical-align: bottom;
margin-bottom:-3px;
height: 30px !important;
width: auto;
}
.tech_menu_filter SPAN {
display:inline-block;
vertical-align: middle;
color:#fff;
font:15px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin-left: 5px;
margin-top:4px;
margin-bottom:0;
border-bottom: dotted 1px #fff;
transition: 0.5s;
}
.tech_menu_filter SPAN:hover {
border-bottom: dotted 1px #369;
}
.notification_counter_unread_animation {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes floatFilterAnimation {
  0% { background-color:#369; }
  50% { background-color:#036; color: #fff; }
  100% { background-color:#369; }
}
@keyframes floatFilterAnimation {
  0% { background-color:#369; }
  50% { background-color:#036; color: #fff; }
  100% { background-color:#369; }
}

.tech_menu_filter_active {
text-align:center;
display:inline-block;
float: right;
border-radius: 0;
background-color:#cc0000;
color:#fff;
padding: 2px 20px 12px 20px;
font:15px/34px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
cursor:pointer;
  -webkit-animation: floatFilterAnimation_active 2s linear infinite;
  animation: floatFilterAnimation_active 2s linear infinite;
}
.tech_menu_filter_active IMG {
display:inline-block;
vertical-align: bottom;
margin-bottom:-3px;
height: 30px !important;
width: auto;
}
.tech_menu_filter_active SPAN {
display:inline-block;
vertical-align: middle;
color:#fff;
font:15px/20px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
margin-left: 5px;
margin-top:4px;
margin-bottom:0;
border-bottom: dotted 1px #fff;
transition: 0.5s;
}
.tech_menu_filter_active SPAN:hover {
border-bottom: dotted 1px #cc0000;
}
@-webkit-keyframes floatFilterAnimation_active {
  0% { background-color:#cc0000; }
  50% { background-color:#990000; color: #fff; }
  100% { background-color:#cc0000; }
}
@keyframes floatFilterAnimation_active {
  0% { background-color:#cc0000; }
  50% { background-color:#990000; color: #fff; }
  100% { background-color:#cc0000; }
}


.filter_p_active {
padding: 5px 10px 10px 10px;
background-color:#ccffcc;
border-radius:8px;
}

/* MAINPAGE CAROUSEL BLOCK */
.carousel_title {
text-transform: uppercase;
display:block;
height:60px;
margin: 20px 0 0 0;
padding: 15px 0 15px 0;
font:36px/38px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:700;
color:#666666;
position:relative;
}
#photo_carousel {
display:block;
position: relative;
width: 100%;
height: 320px;
padding: 0;
margin: 0;
z-index: 900;
text-align: center;
}
.carousel_item {
margin: 0;
height: 240px;
width: 250px;
padding: 10px;
margin:0;
position:relative;
text-align: center;
z-index: 900;
font:14px/16px 'Roboto', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:700;
color:#cc6600;
}
.carousel_item A {
text-decoration: none;
color:#cc6600;
}
.carousel_image {
display:block;
width: 100%;
height: 220px;
margin: 0;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
border-radius:8px;
}

/* ------------------------------------------------------------------------------------------- */
.icon_counters {
text-align:center;
padding: 0 5px 15px 5px;
color:#999;
font:16px/18px 'PT Sans', Tahoma, Verdana, Helvetica, sans-serif;
font-weight:400;
}

#hidden_up_button {
position:fixed;
bottom:5px;
right:10px;
width:100px;
height:100px;
transition:0.5s;
opacity:0.5;
background:url('/images/hidden_up_button.png') center center no-repeat;
background-size: contain !important;
border-radius:50px;
cursor:pointer;
}
#hidden_up_button:hover {
opacity:0.9;
}
.up_button_fixed {
display:block !important;
}
.up_button_hidden {
display:none !important;
}
.blocked_by_admin {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(100,0,0,0.5);
z-index:10;
border-radius: 16px;
}

/* ------------------------------------------------------------------------------------------- */
.publish_your_button_new {
z-index:1000;
position: absolute;
top:0;
right:10px;
font:32px/32px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
background-color:#10650b;
text-align: center;
border-radius: 5px;
border:none;
text-transform: uppercase;
cursor:pointer;
height: auto;
padding: 10px 30px;
width: auto; 
transition:0.5s;
}
.publish_your_button_new .blines {
position:absolute;
inset: 0;
background-color:#10650b;
overflow:hidden;
border-radius: 5px;
z-index:0;
}
.publish_your_button_new .blines::before {
content:'';
position:absolute;
top:50%;
left:50%;
width:1100px;
height:360px;
background:linear-gradient(transparent, #10650b, #073c04, #ff0, #073c04, #10650b, transparent);
/*background:linear-gradient(to right, rgba(240,229,175,0) 0%, rgba(240,229,175,1) 20%, rgba(246,41,12,1) 51%, rgba(240,203,93,1) 52%, rgba(240,47,23,1) 71%, rgba(230,214,39,1) 80%, rgba(230,214,39,0) 100%);*/
animation: animateb 4s linear infinite;
animation-play-state: running;
}
.publish_your_button_new .blines::after {
content:'';
position:absolute;
inset: 1px;
background-color:#10650b;
filter: blur(5px);
border-radius: 5px;
}
@keyframes animateb {
0% { transform: translate(-50%, -50%) rotate(0deg);  }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.publish_your_button_new .bcontent {
position:relative;
width:100%;
text-align:center;
font:32px/32px 'Amatic SC', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #ff0;
z-index:10;
}
.publish_your_button_new:hover {
opacity:0.5;
}
.razdel_bottom_button_wrapper {
position:relative;
display:block;
width:100%;
margin: 10px 0;
text-align:center;
}
.razdel_bottom_button_wrapper .publish_your_button_new {
position: relative;
display:inline-block;
}
.carousel_bottom {
display:block;
width:100%;
position:relative;
height:52px;
text-align:center;
}
.carousel_bottom  .publish_your_button_new {
position: relative;
display:inline-block;
}

.show_lower_1000 {
display:none;
}
.hide_lower_1000 {
display:block;
}