body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-width:100%;
min-height:100%;
}


.vkontakte_info_levo {
font-size: 15px;
font-weight: normal;
color: #cfcece;
text-align: left;
padding-left: 25px;
}

.pro_nas {
color:#3859b6;
font-size: 19px;
letter-spacing: 0px;
text-transform: none;
padding: 0px 0px 0px 20px;
font-weight: normal;
text-align: left;
}



/* кнопка на странице поиска вконтакте */
.button_poiska_vkontakte {
cursor: pointer;
text-align: left;
background-position: left;
border: 0px solid #3859b6;
height: 30px;
left: 0;
line-height: 12px;
background-color: #3859b6;
top: -1px;
font-size: 18px;
color: white;
box-shadow:0 0 30px #f3f2f2;
}

.button_poiska_vkontakte:hover {
cursor: pointer;
text-align: left;
background-position: left;
border: 0px solid #3859b6;
height: 30px;
left: 0;
line-height: 12px;
background-color: #b3b2b2;
top: -1px;
font-size: 18px;
color: white;
-webkit-transition: background 0.8s ease;
-moz-transition: background 0.8s ease;
transition: background 0.8s ease;
}

/* страница с данными вконтакте */
.vkontakte_pages{
min-width: 800px;
border-width:1px;
border-style:solid;
border-color:#E3E2E0;
background:#fdfdfd;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
-moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


/* стили шапки верх сайта */
.verh_sites {
width: 800px;
min-width: 100%;
height: 100px;
clear: both;
padding: 0 0px;
border-bottom: 1px solid #E3E2E0;
position: relative;
background: #fdfdfd;
font-size: 15px;
}


/* стили в самом верху сайта */
.sam_verh {
width: 800px;
min-width: 100%;
height: 30px;
clear: both;
padding: 0 0px;
border-bottom: 1px solid #E3E2E0;
background: #fbfafa;
font-size: 15px;
}

.sam_verh:hover {
width: 800px;
min-width: 100%;
height: 30px;
clear: both;
padding: 0 0px;
border-bottom: 1px solid #E3E2E0;
background: #fdfdfd;
font-size: 15px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
transition: background 1s ease;
}

.sam_verh .menu_samverh {
left: 0px;
margin-top: 0px;
font-size: 14px;
}
.sam_verh .menu_separator {
float: left;
width: 1px;
background-color: white;
border-left: 1px solid #E3E2E0;
height: 30px;
}

.sam_verh .menu_samverh .menu_item {
color: #b3b2b2;       /* цвет ссылки до наведении на нее курсора мыши */
text-decoration:none;
font-size: 15px;
float: left;
background-position: left;
line-height: 30px;
height: 30px;
background-repeat: no-repeat;
background-color: transparent;
padding: 0px 8px 0 8px;
margin-right: 0px;
}

.sam_verh .menu_samverh .menu_item:hover {
color: #3859b6;  /* цвет ссылки после наведении на нее курсора мыши */
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15) inset;
background-color: #fbfafa; 
height: 30px;
box-shadow:0 0 25px #e8e7e7;
-webkit-transition: background 0.8s ease;
-moz-transition: background 0.8s ease;
transition: background 0.8s ease;
}

.shirina_samverh {
min-width: 100%;
width: 800px;
margin: auto;
height: 100%;
position: relative;
margin-top: 0 !important;
}


/* стили низа сайта */
.niz_sites {
min-width: 100%;
width: 800px;
clear: both;
padding: 0 0px;
border-top: 1px solid #E3E2E0;
position: relative;
background: #fdfdfd;
color: #000;
font-size: 15px;
}

/* низ сайта внутри с правой стороны */
.niz_sites_vnytri {
color: #b3b2b2;
font-size: 15px
}
.niz_sites_vnytri a{
color: #b3b2b2;
text-decoration:none;
font-size: 15px
}
.niz_sites_vnytri a:hover{
color: #3859b6;
}



/* логотип сайта */
.logo_sites {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 24px;
text-align: center;
text-transform: uppercase;
text-rendering: optimizeLegibility;
color: #8a8888;
letter-spacing: .05em;
text-shadow: 
4px 4px 0px #f1f1f1,
5px 5px 0px rgba(227, 226, 224, 0.1);
}

.logo_sites:hover {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 24px;
text-align: center;
text-transform: uppercase;
text-rendering: optimizeLegibility;
color: #3859b6;
letter-spacing: .05em;
text-shadow: 
4px 4px 0px #f1f1f1,
5px 5px 0px rgba(227, 226, 224, 0.1);
}

.logo_sites a{
color: #8a8888;
text-decoration:none;
}

.logo_sites a:hover{
color: #3859b6;
}


/* логотип сайта низ */
.logo_sites_niz {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 16px;
text-align: center;
color: #3859b6;
letter-spacing: .05em;
}

.logo_sites_niz:hover {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 16px;
text-align: center;
color: #8a8888;
letter-spacing: .05em;
}

.social_verh {
padding-top: 3px;
}

.social_likes_sdvig {
padding-left: 10px;
}


/* поисковая строка вконтакте */
.poisk_vkontakte {
border: none;
font: 14px Tahoma, Arial, sans-serif;
width: 300px ! important;
height: 20px ! important;
position: relative;
color: #b3b2b2;
padding: 5px;
border: 1px solid #d0d0cf;
box-shadow:1px 2px 10px #cbc9c9;
background: #fdfeff; /* цвет самой формы */
outline: none;
}

/* поисковая строка адреса вконтакте при наведении*/
.poisk_vkontakte:focus{
box-shadow:1px 2px 20px #cbc9c9;
transition: all 0.3s ease 0s;
background: #fdfeff; /* цвет самой формы */
color: #b3b2b2;
}

input[class="poisk_vkontakte"]::-webkit-input-placeholder {
color: #b3b2b2;
} 
input[class="poisk_vkontakte"]::-moz-placeholder {
color: #b3b2b2;
}

















/* Вывод горизонтальной линии вверху каждого блока */
.line_block {
position: relative;
}
.line_block:before {
content: "";
position: absolute;
right: 0%;
width: 100%;
height: 1px;
background: #e2e2e2;
top: 50%;
margin-top: 0px;
}



h1{
color:#3859b6;
font-size: 19px;
line-height: 40px;
letter-spacing: 0px;
text-transform: none;
padding: 0px 0px 0px 20px;
font-weight: normal;
text-align: left;
}

h2{
color:#3859b6;
font-size: 18px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
padding-bottom: 0px;
font-weight: normal;
padding: 0px 0px 0px 20px;
text-align: left;
}

h3{
color:#3859b6;
font-size: 18px !important;
line-height: 0px;
letter-spacing: 0px;
text-transform: none;
padding: 40px 0px 0px 20px;
font-weight: normal;
text-align: left;
margin-bottom: -20px;
position: relative;
}

h4 {
background: #fff;
display: inline-block;
position: relative;
color:#b3b2b2;
font-size: 18px !important;
letter-spacing: 0;
text-transform: none;
font-weight: normal;
line-height: 24px;
padding-right: 10px;
}

h5{
color:#3859b6;
font-size: 18px !important;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
padding-bottom: 0px;
font-weight: normal;
/* убирает отступы со всех сторон заголовка */
margin-top: 10pt;
margin-bottom: -20pt;
padding-left: -10pt;
padding-right: -10pt;
}



/* вывод иконки онлайн пользователя */
.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%;
}


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

.foto_polzovatel_vkontakte {
padding: 0px 0px 0px 40px;
text-align: left;
}


.polzovatel_vkontakte_verh_blok{
overflow: hidden;
color:#4a4a4a;
font-size: 18px;
line-height: 24px;
min-height: 156px;
background: url("../images/hr.png") left bottom repeat-x;
padding: 10px 30px 10px;
}

.o_polzovatele_vkontakte {
margin-left: 20px;  /* отступ текста от фото вправо */
width: 100%;
vertical-align: top;
}

.o_polzovatele_vkontakte p{
color:#b3b2b2;
font-size: 16px;
line-height: 16px;
text-transform: none;
font-weight: normal;
padding: 0px 0px 0px 20px;
text-align: left;
}


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

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

.informaciya_pro_meniya_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}




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

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

.osnovnaya_informaciya_vkontakte_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}

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


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

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

.moi_personalnie_nastroiki_vkontakte_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}



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

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

.parametr_anketi_vkontakte_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}

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

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




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

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

.ychebnie_zavedeniya_polzovateliya_vkontakte_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}



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

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

.moe_semeinoe_polojenie_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}

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





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

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

.moi_hobbi_i_interesi_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}





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

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

.moi_akaynti_v_drygih_socium_block p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}

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





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

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

.moya_poziciya_v_jizni p{
color:#cfcece;
font-size: 16px;
line-height: 24px;
text-transform: none;
font-weight: normal;
margin-top: -20px;
position: relative;
}


.index_user p{
color:#cfcece;
font-size: 16px;
line-height: 18px;
text-transform: none;
font-weight: normal;
margin-top: 15px;
position: relative;
}

.index_user a{
text-decoration: none;
}

















/* вывод куки */
#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 {
height: 100px; /* высота нашего блока */
width: 300px; /* ширина нашего блока */
background: #fff; /* цвет фона, белый */
border: 1px solid #C1C1C1; /* размер и цвет границы блока */
overflow-x: hidden; /* прокрутка по горизонтали */
overflow-y: scroll; /* прокрутка по вертикали */
}



#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;
}