body{font-weight:normal;font-size:13px;font-family: Verdana; background-color:#ffffff;margin:0px auto;padding:0px;color:#202020;text-align:left;border: 1px solid lightgrey;margin: 0px auto; max-width:600px; min-width:320px;}

/*ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
} */

/* ins.adsbygoogle a {
    display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
    display: block;
} */

div[id*="yandex_rtb_R-A-1832376-3"] {margin: 10px 0px 10px 0px;}
div[id*="yandex_rtb_R-A-1832376-3_2"] {margin: 10px 0px 10px 0px;}
div[id*="yandex_rtb_R-A-1832376-3_verh"] {margin: 10px 10px 10px 10px;}
div[id*="yandex_rtb_R-A-1832376-3_niz"] {margin: 10px 10px 10px 10px;}

a:link,a:active,a:visited {
color: #2B587A;
text-decoration: none;
padding: 0px 0px;
margin: 0px 0px;
word-wrap: break-word; /* Перенос слов */}

a:hover{color: red;}

img
{
border: none;
max-width:100%;
}

h1 {margin: 5; padding: 5px; font-size: 19px; color: #000000; font-weight: bold !important;}
h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {margin: 0; padding-top: 20px; padding-bottom: 7px; font-size: 19px; color: #000000; display: block; font-weight: normal !important;}
h12, h13, h14, h15, h16, h17 {margin: 0; padding: 5px; font-size: 17px; color: #000000; display: block; font-weight: bold;}

/* Position child elements relative to this element */
.imdis {
    position: relative;
}

/* Create a pseudo element that uses padding-bottom to take up space */
.imdis::after {
    display: block;
    content: '';
    /* 16:9 aspect ratio */
    padding-bottom: 56.25%;
}

.border_radius_img, .circle-image {
    overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display:inline-block;
    width: 160px;
    height: 97px;
}

.circle-image-wide {
  width: 100%;
  height: 270px;                 /* твоя целевая высота */
  overflow: hidden;
  border-radius: 10px;
}

.circle-image-wide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.circle-image-top {
    overflow:hidden;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    display:inline-block;
    width: 100%;
}

/* Image is positioned absolutely relative to the parent element */
.imdis img {
    /* Image should match parent box size */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.subbutton_menu {
height:19px;
border-color:lightsteelblue lightsteelblue lightsteelblue lightsteelblue;
border-style:solid;
border-width:1px;
background:#FFFF99;
cursor:pointer;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.subbutton_menu:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;
border-width:1px;
background:lavender;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.button,.subbutton,.submit {
height:25px;
border-color:lightsteelblue lightsteelblue lightsteelblue lightsteelblue;
border-style:solid;
border-width:1px;
background:lavender;
cursor:pointer;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.button,.subbutton:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;
border-width:1px;
background:#FFFF99;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.button,.subbutton:focus {
background:lightsteelblue;
border-color:lightsteelblue lightsteelblue lightsteelblue lightsteelblue;
border-style:solid;
border-width:1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.button,.subbutton:active {
background:lightsteelblue;
border-color:#ddd #333 #333 #ddd;
border-style:solid;
border-width:1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.button_poisk {
height:36px;
border-color: grey;
border-style:solid;
border-width:1px;
background:#C8D6E8;
cursor:pointer;
-khtml-border-radius: 0.75em;
-moz-border-radius: 0.75em;
-webkit-border-radius: 0.75em;
border-radius: 0.75em;
}
.button_poisk:hover {
height:36px;
border-color:lightsteelblue lightsteelblue lightsteelblue lightsteelblue;
border-style:solid;
border-width:1px;
background:lavender;
cursor:pointer;
-khtml-border-radius: 0.75em;
-moz-border-radius: 0.75em;
-webkit-border-radius: 0.75em;
border-radius: 0.75em;
}

.search-i{margin:0;padding-left:1px;padding-right:3px;vertical-align:middle;width:99%}
.upban {padding: 2px; background:#C8D6E8 ;color:black;margin:0px;padding:1px;border-bottom:1px solid #CDD8E0;border-top:1px solid #CDD8E0; padding:2px}
.upban2 {background:#f5deb3 ;border:0px solid tan;color:black;margin:0px;padding: 3px 3px 4px 5px;}
.rowup3 {background-color: #EBEBEB; border-top:1px solid #CDD8E0;border-bottom: 1px solid #eeeeee;  padding: 0px;}
.rowup_green a {color: #108210}
.upban a {color: #006699;font-weight:bold}
.row_hard  {background-color: #D4D6D4; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding: 2px;}

p.rowup2{padding-top: 0px; background:white;border-top:0px solid #CDD8E0;padding:0px;border-bottom:0px solid #eeeeee; padding:0px;}
p.rowup7{padding-top: 0px; background:white;border-top:0px solid #CDD8E0;padding:0px;border-bottom:0px solid #eeeeee; padding:0px;}
div.row2{padding:2px;background-color:#e1e1e1}
.row1 {padding: 0px; background:f5f5f5;border-top:0px solid #99ccff;border-bottom:0px solid #AFCDDC}
.hidden {color: black; background: #ffffff; border: 0px;font-size:normal;border-bottom:0px solid #CDD8E0;border-top:0px solid #C8D6E8;text-align: center;padding:3px}
.hidden{-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50); border: 0px dashed #000000;}
.hidden:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100); border: 0px solid #000000;}
.rowup2 {padding-top: 3px; background:white;border-top:0px solid #CDD8E0;padding:3px;border-bottom:1px solid #eeeeee; padding:3px;}
.rowup7 {padding-top: 3px; background:white;border-top:0px solid #CDD8E0;padding:3px;border-bottom:1px solid #eeeeee; padding:3px;}
.rowup2_0px2 {padding-top: 0px; background:white;border-top:0px solid #CDD8E0;padding:0px;border-bottom:1px solid #eeeeee; padding:0px;}
.rowup2_0px {padding-top: 0px; background:white;border-top:0px solid #CDD8E0;padding:0px;border-bottom:0px solid #eeeeee; padding:0px; position: relative;}
.rowup_yelow {padding: 1px; background-color:#f5f5f5;border-top:0px solid #CDD8E0;border-bottom:0px solid #eeeeee; padding:1px;}
.rowup_yellow {padding: 1px; background-color:#fff9d7;border-top:1px solid #fff9d7;border-bottom:1px solid #fff9d7; padding:1px;}
.rowup_green {padding: 1px; background-color:#ccffcc;border-top:1px solid #66ff33;border-bottom:1px solid #66ff33; padding:1px;}
.rowup_yelow a{color:#000;}
.rowup_yelow_octobird a{color:#2B587A;}
.rowup_yelow a:hover{color: #ff0000; position: relative; top: 1px;}
.rowup_txt { padding: 3px; border-right: 0px solid #eeeeee; font-size:11px; margin:0px; font-weight:normal; color: grey;}

span.nav a { text-align: center; width: 13%; padding: 10px; border-right: 1px solid #eeeeee; display: inline-block; }
span.nav1 a { text-align: center; width: 13%; padding: 10px; border-right: 0px solid #eeeeee; display: inline-block; }
span.nav3 a { text-align: center; padding: 9px; border-right: 0px solid #eeeeee; display: inline-block; }

div.centr {padding: 0px; padding:0px; text-align: center;}

span.links_span a{color: #2B587A;
text-decoration: none;
display: inline-block;
padding: 5px 4px;
border: 1px solid #eeeeee;
margin: 0px 1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
word-wrap: break-word; /* Перенос слов */}

div.links_span a{color: #2B587A;
text-decoration: none;
display: inline-block;
padding: 5px 4px;
border: 1px solid #eeeeee;
margin: 0px 1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
word-wrap: break-word; /* Перенос слов */}

span.links_touch a{color: #2B587A;
text-decoration: none;
display: block;
padding: 9px 7px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

span.links_touch a:hover{color : red; 
##position: relative; top: 1px;}

span.links_touch_main a{color: #2B587A;
text-decoration: none;
display: block;
padding: 7px 10px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

span.links_touch_main a:hover{color : red; 
##position: relative; top: 1px;
background : #e6f0f8 repeat-x top; }

span.links_touch_main_1 a{color: #2B587A;
text-decoration: none;
display: block;
padding: 7px 10px;
background-color:#e6f0f8;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

span.links_touch_main_small a{color: #2B587A;
text-decoration: none;
display: block;
padding: 3px 10px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}


//Новый дизайн

.mm_counter{font-style:normal;padding:2px 4px;margin-left:7px;background-color:#E1E7ED;border-radius:3px}
ul.main_menu_blue{background-color:#F2F2FD; margin: 0px 0px; padding: 0px 0px;}

.mm_counter_wide{font-style:normal;padding:2px 4px;margin-left:7px;background-color:#e6f0f8;border-radius:3px}
ul.main_menu_green{background-color:#F0FFF0; margin: 0px 0px; padding: 3px 3px;}

.mm_counter{font-style:normal;padding:2px 4px;margin-left:7px;background-color:#E1E7ED;border-radius:3px}
ul.main_menu_blue2{background-color:#FCFBFF; margin: 0px 0px; padding: 0px 0px;}

.mm_counter{font-style:normal;padding:2px 4px;margin-left:7px;background-color:#E1E7ED;border-radius:3px}
ul.main_menu_yellow{background-color:#FFF7F4; margin: 0px 0px; padding: 0px 0px;}

span.links_touch_main_blue a{color: #2B587A;
text-decoration: none;
display: block;
padding: 7px 10px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

span.links_touch_main_red a{color: #2B587A;
text-decoration: none;
display: block;
padding: 7px 10px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

span.links_touch_main_green a{color: #2B587A;
text-decoration: none;
display: block;
padding: 7px 10px;
border-bottom: 0px solid #B3C7D7;
margin: 0px 0px;}

//Новый дизайн

.mm_counter{font-style:normal;padding:2px 4px;margin-left:7px;background-color:#E1E7ED;border-radius:3px}
.mm_counter_wide{font-style:normal;padding:4px 7px;margin-left:7px;background-color:#e6f0f8;border-radius:3px}
ul.main_menu{background-color:#fff; margin: 0px 0px; padding: 0px 0px;}
ul.main_menu_2{background-color:#eeeeee; margin: 0px; padding: 0px;}


.links a{color: #2B587A;
text-decoration: none;
display: inline-block;
padding: 3px 4px;
border: 1px solid #B3C7D7;
margin: 1px 3px;
background: #EEF7FF;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.links2 a{color: #2B587A;
text-decoration: none;
display: inline-block;
padding: 3px 4px;
border: 1px solid #B3C7D7;
margin: 1px 3px;
background: #EEF7FF;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.links3 a{color: #2B587A;
text-decoration: none;
display: inline-block;
padding: 3px 5px;
border: 1px solid #B3C7D7;
margin: 0px 1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.links4 a{color: #006699;
text-decoration: none;
display: inline-block;
padding: 3px 4px;
border: 1px solid #B3C7D7;
margin: 0px 1px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.rowup_black {padding: 2px; background:black;border-top:0px solid #99ccff;border-bottom:0px solid #AFCDDC}
.rowup_black a{color:#000;}
.rowup_black a:hover{color: #ff0000; position: relative; top: 1px;}

@media screen and (max-device-width: 600px) {
  .forDesktopOnly {display: none;}
}


.rowup {padding: 0px; background:lavender;border-top:1px solid #CDD8E0; border-bottom:1px solid #CDD8E0; padding:0px}
.rowup_razdelitel {padding: 1px; background:lavender;border-top:1px solid #CDD8E0; border-bottom:1px solid #CDD8E0; padding:1px}
.rowup_razdelitel_cloud {padding: 5px; background:#F1F1F1; border-top:1px solid #F0F0F0;}
.links {padding: 2px; background:#ffffff; border-top:0px solid #CDD8E0; border-bottom:0px solid #eeeeee; padding:5px; text-align: center;}
.rek {background:#f0fff0 ;border:0px solid tan;color:black;margin:0px;padding:1px;}
.end {color: dark; background: lightsteelblue; border: 0px;font-size:normal;border-bottom:1px solid #CDD8E0;border-top:1px solid lightsteelblue;}
.end a {color: blue;}

div.rowup2 {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:1px solid #eeeeee; padding:3px;}
div.rowup7 {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:1px solid #eeeeee; padding:3px;}
div.rowup2_0px2 {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:1px solid #eeeeee; padding:0px;}
div.rowup2_0px {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px solid #eeeeee; padding:0px; position: relative;}
div.rowup_green {padding-top: 3px; background:#EBFEEE;border-top:0px solid #CDD8E0;padding:3px;border-bottom:1px solid #CDD8E0; padding:3px;}
div.rowup_white {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px solid #eeeeee; padding:3px;}
div.rowup_yelow_advmaker {padding: 1px; background-color:#fff9d7; height: 130px; width: 597px; overflow: hidden;}
div.rowup_yelow_octobird {padding: 0px; background-color:#f5f5f5; font-size:10px;}

td.rowup2 {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:1px solid #eeeeee; padding:3px;}
td.rowup7 {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:1px solid #eeeeee; padding:3px;}
td.rowup2_0px {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-left:0px solid #eeeeee;border-bottom:0px solid #eeeeee; padding:0px; position: relative;}
td.poisk {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px solid #eeeeee; padding:3px; width: 100%;}
td.poisk_knopka {padding: 3px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px solid #eeeeee; padding:3px; width: 100%;}
td.rowup2_table_small {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; width: 147px; text-align:left; vertical-align:top; border-right:0px solid white; border-left:0px solid white}
td.rowup2_table_small_200px {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; width: 230px; text-align:left; vertical-align:top; border-right:0px solid white; border-left:0px solid white}

//Файлообменник
td.rowup2_table_small_0px {overflow:visible; padding: 0px; background:white; border-top:0px solid #CDD8E0; border-bottom:0px dotted #95b2f4; padding:0px; width: 0px; text-align:left; vertical-align:top; border-right:0px solid white; border-left:0px solid white; word-wrap: break-word; /* Перенос слов */}
td.rowup2_table_small_1px {overflow:visible; padding: 3px; background:white; border-top:0px solid #CDD8E0; border-bottom:0px dotted #95b2f4; padding:3px; width: 100%; text-align:left; vertical-align:top; border-right:0px solid white; border-left:0px solid white; word-wrap: break-word; /* Перенос слов */}
//Файлообменник

td.rowup2_table_big {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; text-align:left;}
td.rowup2_table_vk {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; width: 400px; text-align:left;}

td.rowup2_table_2 {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; text-align:left; vertical-align:top; border-right:0px solid white; border-left:0px solid white}
td.rowup2_table_2_2 {padding: 0px; background:white;border-top:0px solid #CDD8E0;border-bottom:0px dotted #95b2f4; padding:0px; text-align:left; border-right:0px solid white; border-left:0px solid white}

td.catSides  {background:#ffffff ;color:black;margin:0px;padding:1px;border-bottom:1px solid #ffffff;border-top:1px solid #ffffff;padding:5px; border-right:1px solid #C8D6E8; border-left:1px solid #ffffff}
td.catSides_logo  {background:#ffffff ;color:black;margin:0px;padding:1px;padding:10px; border-left:1px solid #ffffff}
td.catSides_logo2  {background:#ffffff;color:black;margin:0px;padding:1px;padding:5px; width: 37px;}
td.catSides_logo3  {background:#ffffff; color:black; margin:0px; padding:1px; padding:5px; width: 37px;}
td.catSides_logo4  {background:#ffffff ;color:black;margin:0px;padding:1px; padding:5px; width: 7px;}
td.rowup_yelow  {padding: 1px; background-color:#f5f5f5; border-top:0px solid #99ccff;border-bottom:0px dotted #95b2f4; padding:1px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; font-size:10px;}
td.rowup_yelow_200px  {padding: 0px; background-color:#f5f5f5; border-top:0px solid #99ccff;border-bottom:0px dotted #95b2f4; border-left:0px; border-right:0px; padding:0px; width:190px}
td.rowup_200px  {padding: 0px; background:white; border-top:0px solid #99ccff; width: 180px; border-bottom:0px dotted #95b2f4; border-left:0px; border-right:0px; padding:0px}
td.rowup_240px  {padding: 0px; background: #ffffff; border-top:0px solid #99ccff; width: 240px; border-bottom:0px dotted #95b2f4; border-left:0px; border-right:0px; padding:0px}
td.rowup_1  {padding: 5px; background:lavender;border-top:0px solid #CDD8E0; border-bottom:0px solid #eeeeee; padding:5px; width:100%}
td.rowup  {padding: 5px; background:lavender;border-top:0px solid #CDD8E0; border-bottom:0px solid #95b2f4; padding:5px; border-right:1px solid lavender; border-left:1px solid lavender}
td.rowup_upban  { background-color: #f5deb3;border-bottom:0px solid #f5deb3; padding:3px;}
td.row1  { background-color: #ffffff; border-bottom: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1;}
td.row_easy  { background-color: #ffffff; border-bottom: 0px solid #EBEBEB; border-left: 0px solid #EBEBEB; border-right: 0px solid #EBEBEB; padding: 0px;}
td.rowup {padding: 3px; background:lavender;border-top:0px solid #99ccff; border-bottom:0px solid #95b2f4; padding:3px; border-right:0px solid lavender; border-left:0px solid lavender}
td.row_hard  {background-color: #ffffff; border-bottom: 0px solid #e1e1e1; border-left: 0px solid #EBEBEB; border-right: 0px solid #EBEBEB; padding: 0px;}
td.end {}
td.end a {color: blue;}
td.rowup_yelow a {color: blue; font-weight:bold}

.forumline  {font-size: none; background-color: #999999;}
.genmed { font-size : 11px; }
.cattitle  {color: #494949;font-weight: bold;font-size: 14px;}
a.cattitle  {color: #000000; text-decoration: none; }
a.mainmenu  {color: #333333; text-decoration: none; font-weight: bold;}
a.buttom  {color: 004700; border: 1px solid #FFBF40; background: #FFBF40; padding: 0px 2px 0px; line-height: 1.5;}

input.button_form {
    color: #064a92;
    background-color: #D2F0FF;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 1px;
    padding: 0px 4px 0px 4px;
    width: auto;}
    
    
/* Верхнее меню */
/* nav */
.nav {
	margin: 3px 0;
}
.nav ul {
	margin: 0;
	padding: 1;
}
.nav li {
	margin: 0 3px 3px 0;
	padding: 1;
	list-style: none;
	/*display: inline-block;*/
	background-color:#fff;
	*display:inline; /* ie7 */
}
.nav a {
	padding: 3px 3px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #C8D6E8;
	color: #C8D6E8;
	border-radius: 0px;
	text-align: right;
	text-decoration: none;
  display: block;
  padding: 7px 10px;
}

/* right nav */
.nav.right ul {
	text-align: right;
}
	.nav {
		position: relative;
		min-height: 35px;
		z-index: 99999;
	}	
	.nav ul {
		width: 200px;
		padding: 1px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 0px #aaa;
		background: #C8D6E8 url(/pictures/menu1.png) no-repeat 10px 11px;
		border-radius: 0px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
		
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		/*display: block;*/
		padding: 5px 5px 5px 3px;
		text-align: left;
	}
	.nav .current a {
		background: #C8D6E8;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	/*.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;*/

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}
	
}
/* Верхнее меню */



/* Всплывающее окно */

* {
box-sizing: border-box;
}

/* Всплывающее окно 
* при загрузке сайта            
*/
/* базовый контейнер, фон затемнения*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
/* модальный блок */
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 90%;
    text-align: center;
    min-width: 300px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* заголовки в модальном блоке */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    font-weight: 300;
    line-height: 1.3;
    color: #009032;
    text-shadow: 1px 2px 4px #ddd;
}
/* кнопка закрытия */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}

/* Всплывающее окно */