body, ul {
margin: 0;
padding: 0
}

#body {
position: relative
}

article, footer, header, nav {
display: block
}



ul {
list-style: none
}

a {
color: #2a5885;
text-decoration: none;
outline: 0
}

html {
height: 100%;
font-size: 14px;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}

body {
color: #4b77a8;
background: #edeef0;
direction: ltr;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
line-height: 1.154;
min-width: 320px;
min-height: 100%
}

.facevkontakte {
float: left
}


.blok_content {
background: #fff;
margin-bottom: 12px;
-webkit-box-shadow: 0 0 0 1px #d8d8d8;
box-shadow: 0 0 0 1px #d8d8d8
}

#verh_stranica {
position: relative;
height: 43px;
background: #5F83AA;
z-index: 2
}


.home {
height: 25px;
padding: 9px 1px;
width: 102px;
}




.content_user {
padding: 10px
}



.logo_facevkontakte{
padding: 0px 10px;
font-size: 19px;
line-height: 24px;
font-weight: normal;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
text-align: center;
}

.logo_facevkontakte a{
color:#ffffff;
display: inline-block;
text-decoration: none;
}



/* форма поиска */



#poiskowaya_form_vk {
float: center;
display: inline-block;
position: relative;
}

#poiskowaya_form_vk input {
width: 165px;
float: left;
padding-left: 10px;
height: 31px;
overflow: hidden;
outline: none;
color: #4b77a8;
font-style: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
border: none;
font-size: 15px;
background: #ffffff;
}

#poiskowaya_form_vk button {
background: transparent;
height: 31px;
border: none;
position: absolute;
right: 10px;
color: #EF5A42;
cursor: pointer;
font-size: 18px;
}

/* иконка лупы в поиске */
.poisk_knopka {
display: inline-block;
cursor: pointer;
margin: 7px -7px 0px 0px;
width: 16px;
height: 16px;
background: url(../images/poisk_vkontakte_profile.png) no-repeat;
}


/* реклама слева под меню навигации */
.levo_ads {
left: 0;
position: absolute;
padding: 5px 0px 0px 0px; 
}






@media (min-width:740px) {

body {
background: #f8fafc
}

.blok_content {
border-radius: 1px;
margin-top: 8px;
margin-bottom: 0;
-webkit-box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
}

#verh_navigaciya_site, #verxyshka_saita {
width: 728px;
margin: 0 auto
}

#stranica_infa_polzovatel {
padding-top: 43px
}

#verh_stranica {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .11);
box-shadow: 0 0 4px rgba(0, 0, 0, .11);
position: absolute;
top: 0;
left: 0;
width: 100%
}

.pole_poiska_vkontakte {
padding: 5px 0px 0px 0px;
float: right
}

.link_domoi {
padding: 9px 1px
}

}






@media (max-width:899px) {

body {
background: #f8fafc
}


/* скрыть блок слева под меню навигации */
.levo_ads {
display: none
}




#menu_collapse {
cursor: pointer;
display: none;
background: rgba(26, 78, 134, .7);
border-radius: 50%;
width: 56px!important;
height: 56px;
position: fixed;
right: 16px;
bottom: -60px;
-webkit-transition: bottom .2s ease-in-out;
-o-transition: bottom .2s ease-in-out;
transition: bottom .2s ease-in-out
}

#menu_collapse.menu_collapse_active {
bottom: 16px
}

#menu_expand>div {
background-position: 0 -41px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 20px;
height: 14px
}

}


@media (max-width:740px) {
.pole_poiska_vkontakte {
padding: 5px 5px 0px 0px;
float: right
}
}


@media (min-width:900px) {

#menu_collapse {
display: none
}

#menu_collapse, #menu_expand {
bottom: 0;
position: absolute;
left: 0;
top: 0
}

#verh_navigaciya_site, #verxyshka_saita {
width: 900px
}

#stranica_infa_polzovatel {
padding-left: 172px;
position: relative
}

.link_domoi {
width: 159px
}


#menu_collapse {
cursor: pointer;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}

#menu_collapse.menu_collapse_active {
opacity: 1
}

#menu_expand {
width: 40px;
opacity: .5;
padding-top: 43px;
-webkit-transition: opacity .5s ease-in-out, background-color .1s ease-in-out;
-o-transition: opacity .5s ease-in-out, background-color .1s ease-in-out;
transition: opacity .5s ease-in-out, background-color .1s ease-in-out
}

#menu_collapse:hover>#menu_expand {
opacity: 1;
background-color: #dce2e8
}

#menu_expand>div {
background-position: -20px -40px;
margin: 10px 0 0 7px;
position: fixed;
width: 17px;
height: 17px;
vertical-align: top
}

}




@media (min-width:1220px) {

.blok_content {
margin-top: 12px
}


#verh_navigaciya_site, #verxyshka_saita {
width: 1220px
}

#stranica_infa_polzovatel, #footer_wrap {
padding-left: 176px
}

#stranica_infa_polzovatel {
padding-top: 39px
}

}























/* Разделительная полоска случайные пользователи */
.vk_line_user_index{
overflow: hidden;
color:#4a4a4a;
font-size: 18px;
line-height: 24px;
min-height: 30px;
background: url("../images/hr.png") left bottom repeat-x;
padding: 10px 30px 0px;
}


/* Случайные пользователи главная сайта */
/* скругление изображения на главной странице */
.round_photo_vkontakte_page_index {
height: auto; 
width: auto; 
max-width: 115px; 
max-height: 115px;
border-radius: 115px; /* Радиус скругления изображения */
box-shadow: 0 0 30px #dfdfdf; /* Параметры теней */
}

/* Фото и описание юзера на его странице */
.photo_user_vkontakte_index,
.about_user_vkontakte_index {
display: inline-block;
}
.about_user_vkontakte_index {
margin-left: 10px;  /* отступ текста от фото вправо */
width: 60%;
vertical-align: top;
}

.about_user_vkontakte_index p{
color:#a9a9a9;
font-size: 16px;
line-height: 18px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-top: 5pt;
margin-bottom: 15pt;
}

.user_vkontakte_index_link a{
text-decoration: none;
}

.user_vkontakte_index_link a:hover{
text-decoration: none;
}





/* Посещаемость сайта главная сайта */
.infoblok_vkontakte{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.infoblok_vkontakte_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.infoblok_vkontakte p{
color:#cfcece;
font-size: 13px;
line-height: 13px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* Аудитория сайта главная сайта */
.audience_site_vkontakte_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.audience_site_vkontakte p{
color:#cfcece;
font-size: 13px;
line-height: 13px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* Другая статистика сайта главная сайта */
.other_statistics_vkontakte_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.other_statistics_vkontakte p{
color:#cfcece;
font-size: 13px;
line-height: 13px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* Контакты с сайтом */
.contact_vkontakte{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 0px 10px;
margin-top: -7px;
}

.contact_vkontakte_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 80%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
}

.contact_vkontakte p{
color:#cfcece;
font-size: 13px;
line-height: 16px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* О нас */
.about_vkontakte{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 0px 10px;
margin-top: -7px;
}

.about_vkontakte_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 80%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
}

.about_vkontakte p{
color:#cfcece;
font-size: 13px;
line-height: 16px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* Верхний блок (заголовок) главная страница статистика сети vkontakte */
.vkontakte_top_index{
overflow: hidden;
color:#4a4a4a;
background: url("../images/hr.png") left bottom repeat-x;
padding: 20px 20px 0px;
margin-top: -10px;
}






h1{
color:#4b77a8;
font-size: 15px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
padding-bottom: 10px;
font-weight: normal;
margin-top: -6pt;
}

h2{
color:#4b77a8;
font-size: 15px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
padding-bottom: 0px;
font-weight: normal;
/* убирает отступы со всех сторон заголовка */
margin-top: 0pt;
margin-bottom: -10pt;
padding-left: -10pt;
padding-right: -10pt;
}

h3{
color:#4b77a8;
font-size: 15px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
padding: 10px 0px 0px 6px;
font-weight: normal;
}

h4 {
padding-right: 10px;
background: #fff;
display: inline-block;
position: relative;
color:#a9a9a9;
font-size: 13px !important;
line-height: 33px;
letter-spacing: 0;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-top: -9pt;
margin-bottom: -10pt;
padding-left: 0pt;
}


h5 {
padding-right: 10px;
background: #fff;
display: inline-block;
position: relative;
color:#4b77a8;
font-size: 13px !important;
line-height: 14px;
letter-spacing: 0;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-top: 8pt;
margin-bottom: -20pt;
padding-left: 0pt;
}

h6{
color:#4b77a8;
font-size: 15px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
padding: 10px 0px 0px 6px;
font-weight: normal;
margin-top: 0pt;
margin-bottom: 5pt;
padding-left: 15pt;
padding-right: 20pt;
}



/* Вывод горизонтальной линии вверху каждого блока */

.line_block {
position: relative;
}
 
.line_block:before {
content: "";
position: absolute;
right: 0%;
width: 100%;
height: 1px;
background: #e2e2e2;
top: 50%;
margin-top: 0px;
}



/* Фото и описание юзера на его странице */
.photo_user_vkontakte,
.about_user_vkontakte {
display: inline-block;
}
.about_user_vkontakte {
margin-left: 20px;  /* отступ текста от фото вправо */
width: 60%;
vertical-align: top;
}


.about_user_vkontakte p {
color:#a9a9a9;
font-size: 13px;
line-height: 20px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* Блок линия коментарии о пользователе */
.coment_vk_block {
background: url("../images/hr.png") left bottom repeat-x;
padding-top: 10px;
}
.coment_vk_block_niz {
padding-bottom: 100px;
}



/* Верхний блок пользователя вконтакте: фото и инициалы */
.user_vkontakte_top_block{
overflow: hidden;
color:#4a4a4a;
font-size: 18px;
line-height: 24px;
min-height: 156px;
background: url("../images/hr.png") left bottom repeat-x;
padding: 10px 20px 10px;
}

/* Закрывает вывод фото */
.line_horizontal{
overflow: hidden;
color:#4a4a4a;
font-size: 18px;
line-height: 24px;
min-height: 200px;
background: url("../images/hr.png") left bottom repeat-x;
padding: 10px 30px 10px;
}

/* Информация обо мне */
.information_about_me{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.information_about_me_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 0px;
}

.information_about_me_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}



/* Основная информация */
.basic_information{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.basic_information_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.basic_information_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* цвет ссылок */
.basic_information_block a{
color:#a9a9a9;
}
.basic_information_block a:hover{
color:#4b77a8;
}


/* Мои персональные настройки */
.my_personal_settings{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.my_personal_settings_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.my_personal_settings_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}


/* Параметры анкеты */
.profile_parameters{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.profile_parameters_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.profile_parameters_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* цвет ссылок */
.profile_parameters_block a{
color:#a9a9a9;
}
.profile_parameters_block a:hover{
color:#4b77a8;
}


/* Учебные заведения */
.educational_establishments{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.educational_establishments_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.educational_establishments_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* Семейное положение и семья */
.marital_status_and_family{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.marital_status_and_family_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.marital_status_and_family_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* цвет ссылок */
.marital_status_and_family_block a{
color:#a9a9a9;
}
.marital_status_and_family_block a:hover{
color:#4b77a8;
}



/* Мои увлечения и интересы */
.my_hobbies_and_interests{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.my_hobbies_and_interests_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.my_hobbies_and_interests_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* Мои аккаунты в других соцсетях */
.my_accounts_in_other_social_networks{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.my_accounts_in_other_social_networks_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.my_accounts_in_other_social_networks_block p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}

/* цвет ссылок */
.my_accounts_in_other_social_networks_block a{
color:#a9a9a9;
}
.my_accounts_in_other_social_networks_block a:hover{
color:#4b77a8;
}

/* Моя позиция */
.my_position{
clear: both;
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 10px;
}

.my_position_block{
vertical-align: top;
display:block;
float:left;
text-align: left;
width: 45%;      /* 45% в две колонки, а 27% в три колонки */
padding: 2%;
font-size: 10px;
}

.my_position p{
color:#cfcece;
font-size: 12px;
line-height: 12px;
text-transform: none;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
font-weight: normal;
margin-bottom: 10px; 
}





@media only screen and (max-width:720px){
.information_about_me_block{
display: block;
width: 96%;
}

.basic_information_block{
display: block;
width: 96%;
}

.my_personal_settings_block{
display: block;
width: 96%;
}

.profile_parameters_block{
display: block;
width: 96%;
}

.educational_establishments_block{
display: block;
width: 96%;
}

.marital_status_and_family_block{
display: block;
width: 96%;
}

.my_hobbies_and_interests_block{
display: block;
width: 96%;
}

.my_accounts_in_other_social_networks_block{
display: block;
width: 96%;
}

.my_position_block{
display: block;
width: 96%;
}

.infoblok_vkontakte_block{
display: block;
width: 96%;
}

.audience_site_vkontakte_block{
display: block;
width: 96%;
}

.other_statistics_vkontakte_block{
display: block;
width: 96%;
}

.contact_vkontakte_block{
display: block;
width: 96%;
}

.about_vkontakte_block{
display: block;
width: 96%;
}

.about_user_vkontakte {
display: block;
vertical-align: top;
width: 96%;
margin-left: 0px;
padding-top: 10px;
}

.about_user_vkontakte_index {
display: block;
vertical-align: top;
width: 96%;
margin-left: 0px;
padding-top: 5px;
margin-bottom: 15pt;
}

}







/* список ссылок на страницы всех друзей вконтакте */
.all_friends_list {
padding-left: 5px;
height: 150px; /* высота нашего блока */
width: 100px; /* ширина нашего блока */
background: #fff; /* цвет фона, белый */
border: 1px solid #e2e2e2; /* размер и цвет границы блока */
overflow-y: scroll; /* прокрутка по вертикали */
}







/* скругление изображения на странице пользователя */
.round_photo_vkontakte_page {
height: auto; 
width: auto; 
max-width: 110px; 
max-height: 110px;
border-radius: 110px; /* Радиус скругления изображения */
box-shadow: 0 0 30px #dfdfdf; /* Параметры теней */
}

/* вывод иконки онлайн пользователя */
.online_vk {
position: relative;
}

.online_vk:after {
bottom: 20%;
right: 20%;
border: 2px solid #fff;
height: 14px;
width: 14px;
content: '';
position: absolute;
background-color: #79b464;
border-radius: 50%;
}


/* задает зановес на 3 сек, при загрузки страницы пользователя */
#vkontakte_screen{
position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background: #fcfcfc;
z-index: 30;}


/* Реклама серидина, блок 1*/
.one_center_ads{
padding-top: 50px;
text-align: center;
}
/* Реклама серидина, блок 2*/
.two_center_ads{
text-align: center;
}






/* вывод куки */
#jquery-cookie-law-script * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
#jquery-cookie-law-script {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
display: none;
width: 100%;
border-color: #202226;
border-style: solid;
border-left: 0px;
border-width: 1px;
color: #E3E2E0;
font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px
}
#jquery-cookie-law-script.light {
color: #1a1a1a;
background: #fff;
border-color: rgba(223, 223, 223, .85)
}
#jquery-cookie-law-script.top {
top: 0;
bottom: auto;
border-top-width: 0;
border-bottom-width: 1px
}
#jquery-cookie-law-script.absolute {
position: absolute
}
#jquery-cookie-law-script a {
color: #5f83aa
}
#cookie-law-container-box {
background: rgba(32, 34, 38, .8)
}
#jquery-cookie-law-script.light #cookie-law-container-box {
background: #fbfafa
}
#cookie-law-container {
padding: 10px 20px
}
#cookie-law-message {
float: left;
text-align: justify;
color: #8a8888;
}
@media(max-width:767px) {
#jquery-cookie-law-script #cookie-law-message {
width: 65%
}
}
@media(max-width:480px) {
#jquery-cookie-law-script #cookie-law-message {
width: 100%
}
.aboutus {
padding: 50px 0px 0px 0px;
}
}
#jquery-cookie-law-script a.cookie-law-button {
padding: 4px 8px;
background-color: #5f83aa;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-webkit-transition: .25s;
-moz-transition: .25s;
transition: .25s
}
#jquery-cookie-law-script a.cookie-law-button:hover, #jquery-cookie-law-script a.cookie-law-button:focus {
box-shadow: 0 0 10px #cbc9c9;
background-color: #4c75a2;
color: #fff;
-webkit-transition: .25s;
-moz-transition: .25s;
transition: .25s
}
#jquery-cookie-law-script a#cookie-law-button-more {
margin-left: 10px;
background: #7b8a8b
}
#jquery-cookie-law-script a#cookie-law-button-more:hover, #jquery-cookie-law-script a#cookie-law-button-more:focus {
background: #697677
}
#jquery-cookie-law-script #cookie-law-more-info {
display: none;
text-align: justify
}
#jquery-cookie-law-script.light #cookie-law-more-info {
background: #fdfdfd;
border-top: 1px solid #E3E2E0
}
#jquery-cookie-law-script #cookie-law-info-container {
padding: 10px 20px
}
#jquery-cookie-law-script #cookie-law-more-text {
width: 85%;
color: #8a8888;
}
#jquery-cookie-law-script #cookie-law-more-text-close {
float: right;
padding: 1px 10px;
color: #fff;
text-decoration: none;
font-size: 15px
}
#jquery-cookie-law-script.light #cookie-law-more-text-close {
color: #4c75a2
}










#prokrutka-cookie-big {
height: 270px; /* высота нашего блока */
width: auto; /* ширина нашего блока */
background: #fff; /* цвет фона, белый */
border: 0px solid #C1C1C1; /* размер и цвет границы блока */
overflow-x: hidden; /* прокрутка по горизонтали */
overflow-y: scroll; /* прокрутка по вертикали */
}




.lb1 { margin: 2em;
}
[name ^= "highload"] { display: none;
}
[name ^= "highload"]+.lb1, [name ^= "highload"]+.lb1::before, [name ^= "highload"]+.lb1::after {
transition: all .3s;
}
[name ^= "highload"]+.lb1 {
display: inline-block;
position: relative;
width: 50px;
height: 22px;
border-radius: 22px;
cursor: pointer;
}
[name ^= "highload"]+.lb1::before {
display: block;
content: attr(data-offlabel);
position: absolute;
top: 0px;
right: 10px;
color: black;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
[name ^= "highload"]+.lb1::after {
border-radius: 50%;
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
background-color: white; }
[name ^= "highload"]:checked+.lb1::before {
content: attr(data-onlabel);
left: 12px;
right: auto;
color: #fff;
}
[name ^= "highload"]:checked+.lb1::after {
left: 32px;
background-color: #f7f7f7;
}
[name ^= "highload"]+.lb1 { background-color: #ccc;
}
[name ^= "highload"]:checked+.lb1 {
background-color: green;
}
[name ^= "highload"]:checked+.lb1::before {
color: #fff;
}