@import url(reset.css);
@import url(bootstrap.css);

html, body
{
	height: 100%;	
}

body
{
	font: 16px/1.3em 'PT Sans', sans-serif;
    
	color: #333;
	background: #fff;
	/*background: #e9e9e9;*/
    
    min-width: 1200px;
	/*overflow-y: auto !important;*/
}

.clearfix {float: none; clear: both;}
.nowrap {}


[draggable] {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.add-nav
{
    font-size: 11px;
    
    float: right;
    
    margin: 5px 0 0;
}

.add-nav__item
{
    display: inline-block;
    
    padding: 0 10px;
}
.blocks {text-align: justify;}
.block
{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;

	text-align: left;
    margin: 0 0 12px;
    width: 235px;
    
    background: #fff;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

.block > *:first-child,
.block > *:first-child > *:first-child
{
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.block > *:last-child
{
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.block_theme_1
{
    text-align: center;
}

.block_theme_1 img
{
    display: block;
}

.block_theme_simple
{
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.block__icons
{
    font-size: 12px;
    
    padding: 0 10px 10px;
    
    color: #999;
}

.block__icon
{
    line-height: 13px;
    
    display: inline-block;
    
    margin: 0 5px 0 0;
    
    background: url(/i/block__icons.png) no-repeat;
    cursor: pointer;
}

.block__icon_type_bookmark
{
    padding-left: 15px;
    
    background-position: 0 0;
}

.block__icon_type_bookmark:hover
{
    background-position: -23px -19px;
}

.block__icon_type_like
{
    padding-left: 18px;
    
    background-position: -50px -39px;
}

.block__icon_type_like:hover
{
    background-position: -72px -63px;
}

.block__img
{
    position: relative;
    
    overflow: hidden;
}

.block__img img
{
    display: block;
}

.block__img-bg
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    opacity: 0;
    visibility: hidden;
    
    background: #000;
    
    transition: opacity .2s ease;
}

.block__img:hover .block__img-bg
{
    opacity: .2;
    visibility: visible;
}

.block__link
{
    font-size: 11px;
    font-weight: 700;
    line-height: 25px;
    
    position: absolute;
    top: 10px;
    
    height: 25px;
    padding-left: 6px;
    padding-right: 6px;
    
    background-color: #fff;
    background-image: url(/i/block__link.png);
    background-repeat: no-repeat;
    border: solid 1px #999;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    
    opacity: 0;
    visibility: hidden;
    
    transition: opacity .2s ease;
}

.block__img:hover .block__link
{
    opacity: 1;
    visibility: visible;
}

.block__link_type_diary
{
    left: 8px;
    
    padding-left: 23px;
    padding-right: 8px;
    
    background-position: -22px -30px;
}

.block__link_type_diary:hover
{
    background-position: 4px 4px;
}

.block__link_type_like
{
    right: 10px;
    
    padding-left: 20px;
    
    background-position: -117px -130px;
}

.block__link_type_like:hover
{
    background-position: -151px -167px;
}

.block__link_type_share
{
    right: 50px;
    
    padding-left: 30px;
    padding-right: 8px;
    
    background-position: -52px -65px;
}

.block__link_type_share:hover
{
    background-position: -85px -95px;
}

.block__title
{
    font-size: 14px;
    font-weight: 700;
    
    padding: 10px 10px 5px;
    
    border-top: solid 1px #d9d9d9;
    color: #972a8c;
}

.block__title a
{
    text-decoration: none;
}

.block__title a:hover
{
    text-decoration: underline;
}

.block__user
{
    min-height: 33px;
    font-size: 12px;
    line-height: 1.4em;
    
    position: relative;
    
    padding: 10px 15px 10px 55px;
    
    background-color: #fff;
    border-top: solid 1px #d9d9d9;
    color: #666;
    cursor: pointer;
    
    transition: background-color .2s ease;
}

.block__user:hover
{
    /*background-color: #f2f2f2;*/
    cursor: default;
}

.block__user-avatar
{
    position: absolute;
    top: 10px;
    left: 10px;
}

.block__user-avatar img
{
    position: relative;
    
    border-radius: 50%;
}

.block__user-badges
{
    position: absolute;
    top: -27px;
    left: -8px;
    
    height: 70px;
    width: 70px;
    
    opacity: 0;
    visibility: hidden;
    
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 2px 2px rgba(0, 0, 0, .2);
    
    transition: opacity .2s ease;
}

/*.block__user-avatar:hover .block__user-badges
{
    opacity: 1;
    visibility: visible;
}*/

.block__user-badge
{
    position: absolute;
    
    height: 24px;
    width: 24px;
    
    background: url(/i/block__user-badges.png) no-repeat;
}

.block__user-badge_type_1
{
    background-position: 0 0;
}

.block__user-badge_type_2
{
    background-position: -30px -32px;
}

.block__user-badge_type_3
{
    background-position: -67px -67px;
}

.block__user-badge_pos_1
{
    top: 2px;
    left: 25px;
    
    width: 20px;
}

.block__user-badge_pos_2
{
    top: 18px;
    left: 43px;
}

.block__user-badge_pos_3
{
    top: 44px;
    left: 40px;
    
    width: 20px;
}

.block__user-desc
{
    font-weight: 700;
}

.block_marked_yes
{
	border: solid 2px #972a8c;
}

.block_marked_yes .block__user
{
	padding-right: 55px;
	
	background-image: url(/i/block_marked_yes.png);
	background-repeat: no-repeat;
	background-position: 100% 15px;
}

.block_type_exclusive.block_type_article .block__img:before
{
	position: absolute;
	right: 0;
	top: 0;
	
	height: 99px;
	width: 81px;
	
	content: '';
	background: url(/i/block_type_exclusive.png);
}

.block_type_exclusive .block__img:before { background: none; }

.block_type_exclusive .block__user { background: #972a8c url("/i/post_cur.png") no-repeat 184px 12px; color: #fff; }
.block_type_exclusive.block_type_article .block__user { background: inherit; color: inherit;}

.block-contest
{
    padding: 15px 12px 20px;
    

    background: #a6359a url(/i/contest.png) no-repeat left top;



    color: #fff;
    text-align: center;
}

.block-contest__title
{
    font-size: 17px;
    line-height: 1.6em;
    
    height: 310px;
    
    text-transform: uppercase;
}

.block-survey
{
    padding: 25px 12px 20px;
    background: #9f3093 url(/i/block-survey.jpg) no-repeat 0 0;
    color: #fff;
    text-align: center;
}

.block-survey__label
{
    display: block;
    vertical-align: middle;
    
    margin: 0 0 0 20px;
}

.block-survey__row
{
    font-size: 18px;
    font-weight: 400;
    
    margin: 0 35px 30px;
    
    text-align: left;
}

.block-survey__row input[type="radio"] {float: left; margin: 3px 0 0 0;}

.block-survey__title
{
    font-size: 17px;
    
    margin: 0 0 30px;
    
    text-transform: uppercase;
}

.block-survey .button
{
    margin-top: 10px;
}

.block-result {background: url("/i/block-result_bg.jpg") no-repeat 0 0; position: relative;}
.block-result__title {background: #c741bc url("/i/block-result_bg_top.jpg") no-repeat left bottom; font-size: 18px; line-height: 18px; color: #fff; font-weight: bold; text-align: center; padding: 15px 5px 22px;}
.block-result__table {width: 214px; margin: 0 auto; color: #333333; font-size: 14px; line-height: 16px;}
.block-result__table td {vertical-align: middle;}
.block-result__prc {font-size: 20px; line-height: 48px; color: #b324a4; font-weight: bold; text-align: right;}
.block-result__hr {height: 1px; background: #dfdfdf; border-bottom: 1px solid #fff;}


.block--emptycontent {font-size: 0; padding: 0;}
.block--emptycontent:before {
    display: inline-block;
    vertical-align: middle;
    min-height: 315px;
    width: 1px;
    margin: 0 0 0 -1px;
    content: '';
}
.block__v_align_center {
    display: inline-block;
    vertical-align: middle;
}
.button
{
    font-family: Ubuntu;
    
    display: inline-block;
    vertical-align: middle;
    
    background: transparent;
    border: solid 1px #fff;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    
    transition: opacity .1s ease-in;
}

.button--right {float: right; margin: 0 0 0 10px;}

.button:hover
{
    opacity: .8;
}

.button_size_xxs
{
    font-size: 11px;
    line-height: 18px;
    
    height: 18px;
    padding: 0 15px;
    
    border-radius: 4px;
}

.button_size_xl
{
    font-size: 16px;
    line-height: 37px;
    
    height: 37px;
    padding: 0 30px;
    
    border-radius: 3px !important;
    border-width: 2px;
}

button.button_size_xl
{
    line-height: 33px;
}

.carousel_theme_banners
{
    margin: 0 0 15px;
    border-top: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.carousel_theme_banners .carousel__close
{
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 3;
    
    line-height: 20px;
    
    height: 20px;
    width: 20px;
    
    background: #fff;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .05);
    color: #abadb0;
    cursor: pointer;
    text-align: center;
}

.carousel_theme_banners .carousel__close:hover
{
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1);
}

.carousel_theme_banners .item__i
{
	position: relative;
	right: 50%;
	
	display: block;
	
	text-align: center;
}

.carousel_theme_banners .item__i--3,
.carousel_theme_banners .item__i--2
{
    display: none;
}

.carousel_theme_banners .item__img
{
	position: relative;
	
    margin-right: -100%;
	
    display: inline-block;
	vertical-align: top;
}

.carousel_theme_banners .item__left-bg,
.carousel_theme_banners .item__right-bg
{
    position: absolute;
    top: 0;
    bottom: 0;
    
    width: 50%;
    
    background-position: 0 0;
    background-repeat: repeat-x;
}

.carousel_theme_banners .item__left-bg
{
    left: 50%;
}

.carousel_theme_banners .item__right-bg
{
    right: -50%;
}

.carousel_theme_banners .item_theme_1 { background: #b8d7ef; }
.carousel_theme_banners .item_theme_2 { background: #b8d7ef; }
.carousel_theme_banners .item_theme_2 .item__right-bg { background: #b6d7f0 ; }
.carousel_theme_banners .item_theme_2 .item__left-bg { background: #b6d7f0; }

.carousel_theme_banners .item_theme_3 { background: #ebe9e7; }
.carousel_theme_banners .item_theme_3 .item__right-bg { background: #f3edc6; }
.carousel_theme_banners .item_theme_3 .item__left-bg { background: #f6d7dc; }


.carousel_theme_banners .item_theme_4 { background: #0b0b0b url("/i/b/b2_bg_new.png") repeat left top; }

.carousel_theme_banners .item_theme_5 .item__right-bg { background: #771945; }
.carousel_theme_banners .item_theme_5 .item__left-bg { background: #67173d; }




.carousel_theme_notes1 .carousel-indicators
{
    bottom: -30px;
}

.carousel_theme_notes1 .carousel-indicators li
{
    position: relative;
    
    border: solid 2px #972a8c;
}

.carousel_theme_notes1 .carousel-indicators .active
{
    background: transparent;
}

.carousel_theme_notes1 .carousel-indicators .active:before
{
    position: absolute;
    top: 50%;
    left: 50%;
    
    content: '';
    
    height: 6px;
    width: 6px;
    margin: -3px 0 0 -3px;
    
    background-color: #982c8c;
    border-radius: 50%;
}

.carousel_theme_notes2 .carousel-indicators
{
    bottom: -50px;
}

.carousel_theme_notes2 .carousel-indicators li
{
    position: relative;
    
    border: solid 2px #fff;
}

.carousel_theme_notes2 .carousel-indicators .active
{
    background: transparent;
}

.carousel_theme_notes2 .carousel-indicators .active:before
{
    position: absolute;
    top: 50%;
    left: 50%;
    
    content: '';
    
    height: 6px;
    width: 6px;
    margin: -3px 0 0 -3px;
    
    background-color: #fff;
    border-radius: 50%;
}

.content
{
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
    padding: 130px 0 40px;
}

.content__bg
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    background-repeat: repeat;
    background-position: 0 0;
}
.content__bg--diary {top: 530px;}
.content__bg--others {top: 500px;}

.content__i
{
    position: relative;
}

.dnd__drag
{
	cursor: move;
}

.dnd__drag_dragging_yes
{
	opacity: .5;
}

.dnd__drop_over_yes
{
	border-style: dashed !important;
	border-color: #b3b2b2 !important;
	box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}

.dnd__drop_over_yes .notes-pic
{
	display: none;
}

.edit-notes__checkbox
{
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .edit-notes__checkbox
    {
        height: 16px;
        width: 16px;
        
        margin: 0 10px 0 0;
        
        border: solid 1px #dadada;
        border-radius: 50%;
    }
    
    .edit-notes__checkbox:checked
    {
        border-color: #992f8f;
        background: url(/i/checkbox.png) no-repeat 50% 50%;
    }
}

.edit-notes__item
{
    position: relative;
    
    margin: 7px 0 0;
    padding: 15px;
    
    background: #fff;
    border-radius: 5px;
}

.edit-notes__pic
{
    line-height: 50px;
    
    display: inline-block;
    vertical-align: middle;
    
    height: 50px;
    width: 50px;
    margin-right: 15px;
    
    border: solid 2px #f3f3f3;
    border-radius: 50%;
    text-align: center;
}

.edit-notes__pic .notes-pic
{
    vertical-align: middle;
}

.edit-notes__text
{
    position: absolute;
    left: 120px;
    right: 20px;
    top: 50%;
    
    margin: -15px 0 0;
}

.edit-notes__input
{
    font-size: 14px;
    font-style: italic;
    
    width: 100%;
    
    background: transparent;
    border: 0;
    border-bottom: solid 1px #ececec;
    color: #333;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.edit-notes__item_type_done .edit-notes__input
{
    font-weight: 700;
    
    color: #972a8c;
}

.edit-pics
{
    padding: 0 0 20px;
}

.edit-pics__text
{
    font-size: 10px;
}

.edit-pics .notes-pic
{
    margin: 0 0 0 10px;
}

.edit-pics .notes-pic:first-child
{
    margin-left: 0;
}

.fnav
{
    margin: 5px 0 0;
}

.fnav__item
{
    font-size: 11px;
    
    position: relative;
    
    display: inline-block;
    
    padding: 0 10px 0 20px;
    
    background: url(/i/fnav.png) no-repeat 2px 5px;
    cursor: pointer;
}

.fnav__item:hover
{
    text-decoration: underline;
}

.fnav__trigger
{
    position: absolute;
    right: 0;
    top: 7px;
    
    height: 6px;
    width: 4px;
    
    background: url(/i/fnav.png) no-repeat -20px -16px;
    cursor: pointer;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    
    transition: all .2s ease;
}

.fnav_state_opened .fnav__trigger
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fnav2
{
    font-size: 0;
    line-height: 0;
    
    position: absolute;
    left: 180px;
    
    margin: 4px 0 0;
    
    visibility: hidden;
    opacity: 0;
    
    background: #fff;
    border: solid 1px #d9d9d9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    transition: opacity .2s ease;
}

.fnav_state_opened .fnav2
{
    opacity: 1;
    visibility: visible;
}

.fnav2__item
{
    font-size: 10px;
    line-height: 22px;
    
    display: inline-block;
    
    padding: 0 20px;
}

.fnav2__tail
{
    position: absolute;
    top: -6px;
    left: 70px;
    
    height: 10px;
    width: 10px;
    
    background: #fff;
    border-right: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer
{
    font: 300 11px Ubuntu, sans-serif;
    
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    
    min-width: 1200px;
    padding: 10px 0;
    
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    color: #972a8c;
}

.footer__left
{
    display: inline-block;
    
    padding: 0 0 0 20px;
    
    width: 60%;
}

.footer__nav-link
{
    margin: 0 30px 0 0;
	
	text-decoration: none;
}

.footer__right
{
    margin: 0 20px 0 0;
    
    float: right;
}

.header
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
    
    width: 100%;
    
    background: #f7f7f7;
    border-bottom: solid 1px #c6c6c6;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
}

.header__button {display: none;}

.logo
{
    position: absolute;
    left: 20px;
    top: 10px;
}

.logo__img--mobile {display: none;}

.main-nav
{   
    border-bottom: solid 1px #b3b3b3;
}

.main-nav__item
{
    font-size: 13px;
    line-height: 40px;
    
    display: inline-block;
    vertical-align: top;
    
    padding: 0 1%;
}
.main-nav__item--only_mobile {display: none;}

.main-nav__item--about {position: relative;}
.main-nav__item--about:after {  position: absolute;
    top: -7px;
    right: -19px;
    z-index: -1;
    height: 30px;
    width: 35px;
    margin-left: -10px;
    background: url(/i/icons.png) no-repeat -74px -23px;
    content: '';
}

.main-nav__left
{
    font-size: 0;
    line-height: 0;
    
    display: inline-block;
    vertical-align: middle;
    
    width: 90%;
}

.main-nav__right
{
	position: relative;
	
    display: inline-block;
    vertical-align: middle;
    
    margin: 0 0 0 -4px;
    width: 10%;
    
    text-align: right;
}

.main-nav__right .search__input
{
	position: absolute;
	right: 35px;

	color: transparent;
	margin: 2px 0 0;
	width: 40px;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-nav__right .search:hover .search__input,
.main-nav__right .search__input:focus
{
	width: 200px;
}

.modal-button
{
    font-size: 13px;
    line-height: 30px;
    
    padding: 0 15px;
    
    display: inline-block;
    
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 4px;
    color: #666;
    text-decoration: none;
    
    transition: background-color .2s ease;
}

.modal-button:hover
{
    background-color: #f2f2f2;
}

.modal-close
{
    position: absolute;
    right: -45px;
    top: 10px;
    
    height: 40px;
    width: 40px;
    
    background-color: transparent;
    background-image: url(/i/modal-close.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    cursor: pointer;
    
    transition: background-color .2s ease;

	transform: rotate(0);
	-webkit-transform: rotate(0);
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
}


.modal-close:hover
{
    background-color: rgba(255, 255, 255, .3);
	transform: rotate(180deg);
}

.modal-footer
{
    text-align: center;
}

.modal-header
{
    font-size: 18px;
    font-weight: 700;
    
    padding-top: 10px;
    padding-bottom: 10px;
    
    color: #972a8c;
    text-align: center;
    text-transform: uppercase;
}

.modal_theme_default .modal-content
{
    border-radius: 4px;
}

.modal_theme_default .modal-body
{
    padding: 15px 20px 10px;
}

.modal_theme_default .modal-body,
.modal_theme_default .modal-footer
{
    background: #f2f2f2;
}

.modal_theme_default .modal-footer
{
    padding-top: 0;
    
    border: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.modal_theme_default .modal-header
{
    border-bottom: solid 1px #d9d9d9;
}

.modal_theme_notes .modal-body
{
    padding: 0 0 45px;
}

.modal_theme_notes .modal-content
{
    background: transparent;
    border: 0;
    box-shadow: none;
}

.modal_theme_notes .modal-footer
{
    background: #f7eeb4;
    border: 0;
    border-radius: 5px;
}

.modal_theme_notes .modal-header
{
    background: #f7eeb4;
    border-radius: 5px;
}

.header .nav
{
    font-family: Ubuntu, sans-serif;
    
    position: relative;
    
    min-height: 96px;
    padding: 20px 110px 0 180px;
    
    color: #b83dac;
    text-transform: uppercase;
}

.header .nav a
{
    text-decoration: none;
}

.header .nav a:hover
{
    text-decoration: underline;
}

.notes-pic
{
    display: inline-block;
    
    height: 41px;
    width: 45px;
    
    background: url('/i/note/nootes_icons.png') no-repeat -100px -151px;
}
.all_notes { padding-left: 55px; color: #99248e;}
.notes_empty	{ display: block; text-decoration: none; text-align: center; font-style: italic; color: #333333; font-size: 16px; line-height: 22px;}
.notes_empty div {padding: 20px 0; }

.notes-pic_type_0
{
	background: url('/i/note/nootes_icons.png') no-repeat 0 -171px;
}


.notes-pic_type_1
{
    background-position: 0 0;
}

.notes-pic_type_2
{
    background-position: -55px 0;
}

.notes-pic_type_3
{
    background-position: -110px 0;
}

.notes-pic_type_4
{
    background-position: -165px 0;
}

.notes-pic_type_5
{
    background-position: -220px 0;
}

.notes-pic_type_6
{
    background-position: -275px 0;
}

.notes-pic_type_7
{
    background-position: -330px 0;
}

.notes-pic_type_8
{
    background-position: -380px 0;
}

.notes-pic_type_9
{
    background-position: -440px 0;
}

.notes-pic_type_10 { background-position: 0px -52px; }
.notes-pic_type_11 { background-position: -55px -52px; }
.notes-pic_type_12 { background-position: -110px -52px; }
.notes-pic_type_13 { background-position: -165px -52px; }
.notes-pic_type_14 { background-position: -220px -52px; }
.notes-pic_type_15 { background-position: -275px -52px; }
.notes-pic_type_16 { background-position: -330px -52px; }
.notes-pic_type_17 { background-position: -380px -52px; }
.notes-pic_type_18 { background-position: -434px -52px; }
.notes-pic_type_19 { background-position: 0px -104px; }
.notes-pic_type_20 { background-position: -55px -104px; }
.notes-pic_type_21 { background-position: -110px -104px; }
.notes-pic_type_22 { background-position: -165px -104px; }
.notes-pic_type_23 { background-position: -220px -104px; }
.notes-pic_type_24 { background-position: -275px -104px; }
.notes-pic_type_25 { background-position: -330px -104px; }
.notes-pic_type_26 { background-position: -380px -104px; }
.notes-pic_type_27 { background-position: -434px -104px; }



.page_theme_0 .content__bg { background: #eee;}


.page_theme_1 .content
{
    /*background-color: #e9e9e9;*/
}

.page_theme_1 .content__bg
{
    background-image: url(/i/pattern/pattern_1.png);
}

.page_theme_2 .content
{
    /*background-color: #e9e9e9;*/
}

.page_theme_2 .content__bg
{
	background-image: url(/i/pattern/pattern_2.png);
}

.page_theme_3 .content
{
    /*background-color: #e9e9e9;*/
}

.page_theme_3 .content__bg
{
	background-image: url(/i/pattern/pattern_3.png);
}

.page_theme_4 .content
{
    /*background-color: #e9e9e9;*/
}

.page_theme_4 .content__bg
{
	background-image: url(/i/pattern/pattern_4.jpg);
	/*position: fixed;*/
}

.page_theme_5 .content
{
    /*background-color: #7b2f4e;*/
}

.page_theme_5 .content__bg
{
	background-image: url(/i/pattern/pattern_5.png);
}

.page_theme_6 .content
{
    /*background-color: #c9e7fa;*/
    /*background: linear-gradient(to right, #d4edf9 0%, #c9e8fa 25%, #d2ddea 50%, #dee1e9 75%, #c3d8ea 100%);*/
}

.page_theme_6 .content__bg
{
    background-image: url(/i/theme6.png);
}

.page_theme_7 .content
{
    background-color: #222220;
    background: linear-gradient(to left, #222220 0%, #222220 20%, #707674 35%, #595b4e 50%, #393737 75%, #222 100%);
}

.page_theme_7 .content__bg
{
    background-image: url(/i/theme7.png);
}

.page_theme_8 .content
{
    background-color: #e8e1e5;
    background: linear-gradient(to right, #e5dcdf 0, #f4eeec 50%, #eee7e6 100%);
}

.page_theme_8 .content__bg
{
    background-image: url(/i/theme8.png);
}

.page_theme_9 .content
{
	background-color: #831f46;
	background: linear-gradient(to bottom, #922e61 0, #5c1929 100%);
}

.page_theme_9 .content__bg
{
	background-image: url(/i/theme5.png);
}
.page_theme_10 .content
{
	background-color: #f1f1f1;
}

.page_theme_10 .content__bg
{
	background-image: url(/i/theme_10.png);
}
.page_theme_11 .content
{
	background-color: #d1e8f9;
}

.page_theme_11 .content__bg
{
	background-image: url(/i/theme_11.png);
}
.page_theme_12 .content
{
	background-color: #21201c;
}

.page_theme_12 .content__bg
{
	background-image: url(/i/theme_12.png);
}

.page_theme_13 .content
{
	background-color: #d0edff;
}

.page_theme_13 .content__bg
{

	/*background: url(/i/bg_test.png) center top fixed;*/
	background-image: url(/i/theme6.png);
}
.page_theme_13 .content__bg .content__left-bg { background: url(/i/pattern_new1.png) left top; position: fixed; width: 192px; height: 2000px; }
.page_theme_13 .content__bg .content__right-bg { background: url(/i/pattern_new2.png) left top ; position: fixed; right:0; width: 192px; height: 2000px; }

.page_with_stripe .content
{
    padding-top: 160px;
}

.page--diary .content {background: none;}

.pink
{
    color: #972a8c;
}

.pmenu
{
    font-size: 14px;
    font-weight: 600;
    
    color: #666;
}

.pmenu__item
{
    padding: 15px 15px 15px 60px;
    
    background-color: #fff;
    background-image: url(/i/pmenu__item.png);
    background-repeat: no-repeat;
    border-top: solid 1px #d9d9d9;
    cursor: pointer;
    
    transition: background-color .2s ease;
}

.pmenu__item:first-child
{
    border-top: 0;
}

.pmenu__item:hover
{
    background-color: #f2f2f2;
}

.pmenu__item_type_button
{
    font-size: 13px;
    
    background-position: -180px 15px;
}

.pmenu__item_type_post
{
    background-position: -113px -30px;
}

.pmenu__item_type_album
{
    background-position: -47px -83px;
}

.pmenu__item_type_link
{
    background-position: 20px -130px;
}

.popover__content
{
    display: none;
}

.roll
 {
	 /*margin: 0 0 10px;*/

	 overflow: hidden;

	 background: #fff;
	 border-radius: 3px;
	 border: solid 1px #d9d9d9;
	 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
 }

.roll2
{
	margin: 0 0 10px;

	overflow: hidden;

	background: #fff;
	border-radius: 3px;
	border: solid 1px #d9d9d9;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
}

.roll__content
{
    display: none;
}

.roll_state_opened .roll__content,
.roll_state_opened .roll__footer
{
    display: block !important;
}

.roll__edit
{
    position: absolute;
    right: 40px;
    top: 50%;
    
    height: 20px;
    width: 20px;
    margin: -10px 0 0;
    
    background: url(/i/roll__edit.png) no-repeat 50% 50%;
}

.roll__edit:hover
{
	opacity: .6;
}

.roll__title
{
    font-weight: 700;
    
    position: relative;
    
    padding: 15px 30px 14px 15px;
    
    background-color: #fff;
    border-bottom: solid 1px #d9d9d9;
    color: #972a8c;
    cursor: pointer;
    
    transition: background-color .15s ease-in;
}

.roll__title:hover
{
    background-color: #f2f2f2;
}

.roll__trigger
{
    position: absolute;
    right: 12px;
    top: 50%;
    
    width: 14px;
    height: 14px;
    margin: -6px 0 0;
    
    background: url(/i/roll__trigger.png) no-repeat 50% 50%;
    
    transition: all .3s ease;
}

.roll_state_opened .roll__trigger
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.roll_theme_notes
{
	/*height: 260px;*/
    overflow: visible;
    
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.roll_theme_notes .roll__content
{
    background: #f6f2a1 url("/i/theme_notes_bg.png") no-repeat left top;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
}

.roll_theme_notes .roll__footer
{
    position: relative;
    
    display: none;
    
    height: 18px;
    margin: 0 18px 0 0;
    
    background-color: #f6f2a1;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
}

.roll__footer-i
{
    position: absolute;
    right: -18px;
    
    width: 0;
    height: 0;
    
    border-top: solid 9px #e1c668;
    border-left: solid 9px #e1c668;
    border-right: solid 9px transparent;
    border-bottom: solid 9px transparent;
}

.roll_theme_notes .roll__title
{
    background-color: #f6f2a1;
	border-bottom: none;
}

.search
{

    
    white-space: nowrap;
}

.search__button
{
    display: inline-block;
    vertical-align: middle;
    
    height: 35px;
    width: 35px;
    
    background: url(/i/search__button.png) no-repeat 50% 50%;
    border: 0;
    text-indent: -99999px;
}

.search__input
{
    display: inline-block;
    vertical-align: middle;
    
    padding: 0 10px;
    margin: 0;
    
    background-color: transparent;
    border: 0;
    outline: 0;
    line-height: 30px;
    transition: all .2s ease-in;
}

.search:hover .search__input,
.search__input:focus
{
	color: #b83dac;
    background-color: #fff;
}

.small-notes
{
    font-size: 14px;
    font-style: italic;
    
    padding: 30px 15px 10px;
    
    color: #333;
}

.small-notes .notes-pic
{
    margin-right: 10px;
    vertical-align: middle;
}

.small-notes .small-notes__item_type_done
{
    font-weight: 700;
    
    color: #972a8c;

}
.small-notes .notes-pic { float: left;}

.small-notes__item
{
    position: relative;
    
    padding: 0 0 10px;
	overflow: hidden;
}

.small-notes__text
{
    display: inline-block;
    vertical-align: middle;
    
    width: 150px;
}

.stripe
{
    font: 12px Ubuntu, sans-serif;
    
    padding: 4px 0;
    
    background: #ac3a9f;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    color: #fff;
    text-align: right;
}

.stripe a
{
    text-decoration: none;
}

.stripe a:hover .stripe__box-text
{
    text-decoration: underline;
}

.stripe__box
{
    color: #fff;
    display: inline-block;
    vertical-align: top;
    
    margin: 3px 20px 1px 0;
    padding: 0 0 0 20px;
    
    background: url(/i/stripe__box.png) no-repeat;
}

.stripe__box_theme_msg
{
    background-position: 2px 4px;
}

.stripe__box_theme_score
{
    background-position: -14px -17px;
}

.stripe__box_theme_prizes
{
    background: url("/i/8_marta/flower_small_icon.png") no-repeat left top;
}

.stripe__box_theme_badges
{
    background-position: -51px -62px;
}

.stripe__box-qnt
{
    font-size: 15px;
    font-weight: 700;
    
    display: inline-block;
    vertical-align: middle;
    
    margin: 0 0 0 5px;
}

.stripe__box-text
{
    display: inline-block;
    vertical-align: middle;
}

.theme-preview__item
{
    position: relative;
    background-position: 0 0;
    background-repeat: repeat;
    cursor: pointer;

    display: inline-block;
    font-size: 14px;
    width: 135px;
    height: 32px; line-height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
}
.modal-body .theme-preview_type_rect .theme-preview__item {
	width: 100%; height: 50px; line-height: 50px;
}

.theme-preview__remove
{
    position: absolute;
    right: 5px;
    top: 50%;
    
    width: 26px;
    height: 26px;
    margin: -13px 0 0;
    
    background-color: transparent;
    background-image: url(/i/theme-preview__remove.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    cursor: pointer;
    
    opacity: .5;
    
    transition: all .2s ease;
}

.theme-preview__remove:hover
{
    background-color: #fff;
    opacity: 1;
}

.theme-preview .theme-preview__item_theme_1
{
	background-image: url(/i/pattern/pattern_1.png);
	background-color: #e9e9e9;
	color: #ac3a9f;
}

.theme-preview .theme-preview__item_theme_2
{
	background-image: url(/i/pattern/pattern_2.png);
	color: #115175;
}

.theme-preview .theme-preview__item_theme_3
{
	background-image: url(/i/pattern/pattern_3.png);
	color: #787068;
}

.theme-preview .theme-preview__item_theme_4
{
	background-image: url(/i/pattern/pattern_4.jpg);
	color: #ffffff;
}

.theme-preview .theme-preview__item_theme_5
{
	background-image: url(/i/pattern/pattern_5.png);
	color: #bd69b3;
}

.theme-preview_type_rect .theme-preview__item
{
    margin: 0 14px 17px 0;
    height: 32px;
    border: 1px solid #bfbfbf;

}

.theme-preview_type_square
{
    font-size: 0;
    line-height: 0;
    
    text-align: center;
}

.theme-preview_type_square:after
{
    content: '';
    
    display: inline-block;
    width: 100%;
}

.theme-preview_type_square .theme-preview__item
{
    display: inline-block;
    vertical-align: top;
    
    margin: 0 10px 10px;
    height: 160px;
    width: 160px;
    
    border: solid 2px #d9d9d9;
    border-radius: 3px;
}

.theme-preview_type_square .theme-preview__item:hover
{
    border-color: #fff;
}

.toolbar
{
    position: fixed;
    bottom: 45px;
    right: 5px;
	z-index: 101;
    
    width: 46px;
}

.toolbar__item
{
	display: block;
    height: 50px;
    margin: 0 0 7px;
    
    background: url(/i/toolbar.png) no-repeat 0 0;
    cursor: pointer;
}

.toolbar__item_type_msg
{
    font: 600 20px/42px Ubuntu, sans-serif;
    
    height: 55px;
    
    color: #fff;
    text-align: center;
}

.toolbar__item_type_msg .toolbar__item-text
{
    width: 42px;
}

.toolbar__item_type_horoscope
{
    background-position: 0 -62px;
}

.toolbar__item_type_horoscope--active {background: url("/i/toolbar_horoscope_active.png") no-repeat 0 0;}

.toolbar__item_type_calendar
{
    background-position: 0 -111px;
}

.toolbar__item_type_add
{
    background-position: 0 -167px;
}

.toolbar__item_type_ask
{
    background-position: 0 -222px;
}

.toolbar__item_type_insta {
    background-position: 0 -277px;
}

.toolbar .popover
{
	left: -210px !important;
}

.user
{
    position: absolute;
    top: 15px;
    right: 0;
    
    height: 92px;
    width: 81px;
}

.user__avatar
{
    position: absolute;
    top: 13px;
    left: 8px;
    
    transition: opacity .1s ease-in;
}

.user:hover .user__avatar
{
    opacity: .9;
}

.user__bg
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    background: url(/i/user__bg.png) no-repeat 0 0;
}

.user-list
{
    font-size: 14px;
}

.user-list a
{
    text-decoration: none;
}

.user-list__avatar
{
    display: inline-block;
    vertical-align: top;
    
    margin: 0 8px 0 0;
    
    border-radius: 50%;
}

.user-list__item
{
    line-height: 1.3em;
    
    position: relative;
    
    padding: 10px 35px 0 10px;
    
    background-color: #fff;
    
    transition: background-color .15s ease-in;
}

.user-list__item:first-child
{
    padding-top: 15px;
}

.user-list__item:hover
{
    background-color: #f2f2f2;
}

.user-list__item:hover .user-list__remove
{
    opacity: .5;
}

.user-list__remove
{
    font-size: 16px;
    
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    
    width: 20px;
    
    background: url(/i/user-list__remove.png) no-repeat 50% 50%;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    
    transition: all .1s ease;
}

.user-list__item:hover .user-list__remove:hover
{
    opacity: 1;
}

.user-list__link
{
    font-size: 12px;
    
    position: relative;
    top: -14px;
    
    display: inline-block;
    
    margin: 0 0 0 43px;
    
    color: #972a8c;
}

.user-list__link:hover
{
    text-decoration: underline;
}

.user-list__user
{
    color: #666;
}

.user-list__user:hover .user-list__name
{
    text-decoration: underline;
}

.wrap
{
	margin: 0 auto;
	width: 980px;
}
.wrap--white {background: #ffffff; border: 1px solid #d9d9d9;}



@media screen and (min-width: 1260px)
{
    .header {min-width: 1200px;}
	.wrap
	{
		width: 1225px;
	}
}

@media screen and (min-width: 1585px)
{
    .wrap
    {
        width: 1472px;
    }
}

@media screen and (min-width: 1830px)
{
    .wrap
    {
        width: 1719px;
    }
}
@media screen and (min-width: 1000px)
{
    .page--search .main-nav__right {height: 36px; position: absolute; top: 125px; left: 20px; right: 10px; background: #fff; border: 1px solid #c6c6c6; width: auto; border-radius: 3px;}
    .page--search .content {padding-top: 200px;}
    .page--search .main-nav__right .search__input {width: 100%; left: 0; display: block; z-index: 1; color: #b83dac;}
    .page--search .main-nav__right .search__button {position: absolute; z-index: 2; right: 0; top: 0;}
    .page--search .header--compact .main-nav__right .search__button {top: 15px;}
    .page--search .main-nav__right .search:hover .search__input,
    .page--search .main-nav__right .search__input:focus {width: 100%;}
    .page--search .search:hover .search__input,
    .page--search .search__input:focus{background: none;}

/*HEADER--compact*/
    .header--compact {height: 93px;}
    .header--compact .nav {min-height: 0; padding: 0;}
    .header--compact .main-nav {border: none;}
    .header--compact .main-nav__right {background: none; border: none;}
    .header--compact .main-nav__right .search__input {width: 100%; position: static; background: #eeeeee; border: 1px solid #d9d9d9; border-radius: 3px;}
    .header--compact .main-nav__right .search:hover .search__input,
    .header--compact .main-nav__right .search__input:focus {width: 100%;}
    .header--compact .search {padding: 12px 0 0 0; position: relative;}
    .header--compact .search:hover .search__input,
    .header--compact .search__input:focus { color: #b83dac; background-color: #fff; }
    .header--compact .search__button {position: absolute; right: 0; top: 13px; display: block;}
    .header--compact .stripe {}
    .header--compact .fnav {display: none;}
    .header--compact .user {width: 32px; height: 37px;}
    .header--compact .user__bg {background: url(/i/user__bg-small.png) no-repeat 0 0;}
    .header--compact .user__avatar {top: 4px; left: 1px; width: 25px; height: auto;}

    .header--compact .add-nav {display: none;}
    .header--compact .logo {display: block; top: 0;}
    .header--compact .logo img {display: none;}
    .header--compact .logo .logo__img--mobile {display: block; height: 60px; width: auto;}
    /*.nav {position: fixed; width: 100%; height: 100%; padding: 0; left: 0; top: 0;}*/
    .header--compact .main-nav__left {position: fixed; display: none; width: 100%; height: 100%; padding: 0; left: 0; top: 78px;}
    .header--compact .main-nav__item {display: block; padding: 0; font-size: 28px; color: #ffffff; background: #b83cac; border-bottom: 1px solid #9e1190; text-align: center;}
    .header--compact .main-nav__item a {display: block; }
    .header--compact .main-nav__right {margin: 0 50px 0 85px; padding: 0; width: auto; display: block; position: static;}
}
/*mobile*/
@media screen and (max-width: 1260px)
{
    body {min-width: 460px;}
    .wrap{ width: 978px;}

}

@media screen and (max-width: 1000px)
{
    .carousel_theme_banners .item__i {display: none;}
    .carousel_theme_banners .item__i--3 {display: block;}

    .column--width1000 {width: 500px;}

	.wrap{ width: 730px;}

    .logo img {width: 90px;}
    .header .nav {padding: 20px 90px 0 130px;}
    .main-nav__item {line-height: 28px;}



    .header {height: 78px;}
    .header .wrap {width: 100%;}
    .header__button {display: block; position: absolute; right: 26px; top: 22px; }
    .main-nav__right .search__input {width: 100%; position: static; background: #eeeeee; border: 1px solid #d9d9d9; border-radius: 3px;}
    .main-nav__right .search:hover .search__input,
    .main-nav__right .search__input:focus {width: 100%;}
    .search {padding: 20px 0 0 0;}
    .search:hover .search__input,
    .search__input:focus { color: #b83dac; background-color: #fff; }
    .search__button {position: absolute; right: 0; top: 20px; display: block;}
    .stripe {display: none;}
    .fnav {display: none;}
    .user {display: none;}
    .add-nav {display: none;}
    .logo {display: block; top: 0;}
    .logo img {display: none;}
    .logo .logo__img--mobile {display: block; height: 78px; width: auto;}
    /*.nav {position: fixed; width: 100%; height: 100%; padding: 0; left: 0; top: 0;}*/
    .main-nav__left {position: fixed; display: none; width: 100%; height: 100%; padding: 0; left: 0; top: 78px;}
    .main-nav__item {display: block; padding: 0; font-size: 28px; color: #ffffff; background: #b83cac; border-bottom: 1px solid #9e1190; text-align: center;}
    .main-nav__item a {display: block; }
    .main-nav__right {margin: 0 96px 0 100px; padding: 0; width: auto; display: block;}

    .main-nav__left--open_mobile {display: block;}


    .main-nav {border: none;}
    .header .nav {padding: 0; min-height: 0;}
}

@media screen and (max-width: 750px)
{
    .carousel_theme_banners .item__i--3 {display: none;}
    .carousel_theme_banners .item__i--2 {display: block;}

    .column--width1000 {width: 100%;}
    .content--lk {width: 100% !important; }
	.page_with_stripe .content { padding-top: 100px;}
	.wrap{ width: 484px;}




    /*.toolbar {display: none;}*/
	.footer { display: none;}
}


@media screen and (max-width: 600px)
{
    /*.carousel_theme_banners {display: none;}*/

}



/*BLOCK: checkbox - кастомные checkbox*/
.checkbox {
    vertical-align: top;
    display: inline-block;
    width: 90px;
    height: 30px;
    margin: 0 20px 0 0;
    cursor: pointer;
    background: #f0f0f0 url("/i/checkbox__bg.png") no-repeat 0 -2px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.5);
    transition: background .5s;
}
.checkbox--active {
    background-color: #ac3a9f;
}

.checkbox:before {
    content: '';
    position: relative;
    display: block;
    width: 41px;
    height: 26px;
    background: #fff;
    margin: 2px;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    transition: all .5s;
}
.checkbox--active:before {
    left: 45px;
}

.checkbox__input {
    float:left;
    width:1px;
    height:1px;
    margin: 0 0 0 -5000px !important;
}

.checkbox--active:before {
    display: block;
}

/*radio*/

.radio {
    vertical-align: sub ;
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    margin: 0 10px 0 0;
    background: none;
}
.radio--radio {
    border-radius: 10px;
}
.radio:before {
    content: '';
    display: none;
    position: relative;
    width: 10px;
    height: 10px;
    background: #d3d3d3;
    border-radius: 3px;
    margin: 2px auto 0;
}
.radio--radio:before {
    border-radius: 10px;
}

.radio--active {
    background: none;
}

.radio--active:before {
    display: block;
    left: 0;
}

/*BLOCK: modal - модальные окна*/
.modal p {margin: 0 0 20px 0;}
.modal__title {text-align: left; color: #333; text-transform: none; font-size: 24px; font-weight: bold; margin: 10px 0;}
.modal__hr {height: 1px; background: #ececec; margin: 0 0 15px 0; clear: both;}
.modal__hr--pink {background: #b73dab;}

.modal__buttons {text-align: center; clear: both;}
.modal__buttons .button2 {padding: 4px 20px; font-weight: bold;}
.modal__link {color: #b73dab; font-size: 14px;}
.modal__link--l {float: left;}
.modal__link--r {float: right;}

.social {margin: 0 0 15px 0; font-size: 0; text-align: center;}
.social__item {display: inline-block; width: 36px; height: 36px; margin: 0 15px; background: url("/i/social.jpg") no-repeat 0 0;}
.social__item--vk {}
.social__item--fb {background-position: -70px 0;}
.social__item--ok {background-position: right 0;}
.social__item--ig {background: url("/i/instagram.png") no-repeat left top; }


.select {position: relative; float: left; margin: 0 12px 0 0; font-weight: bold; font-size: 14px; z-index: 1; }
.select--wide {float: none;}
.select__select:after {content: ''; display: block; position: absolute; right: 10px; top: 13px; width: 0; height: 0; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.select:last-child {margin: 0;}
.select__items {display: none; position: absolute; width: 80px; border: 1px solid #dfdfdf; background: inherit; border-top: none; top: 30px; left: -1px;}
.select__item {display: block; line-height: 20px; color: #333; text-decoration: none; font-weight: normal;}
.select__item:hover {font-weight: bold;}


.button3 {display: inline-block; height: 32px; line-height: 32px; font-size: 14px; color: #ffffff; border-radius: 3px; background: url("/i/button3.jpg") repeat-x 0 0; text-decoration: none; padding: 0 15px; border: none;}
.button3--disable {opacity: .2;}

.button4 {display: inline-block; height: 32px; line-height: 32px; font-size: 14px; color: #ffffff; border-radius: 3px; background: url("/i/button3.jpg") repeat-x 0 0; text-decoration: none; padding: 0 15px; border: none;}
.button4:hover {opacity: .8;}
.button4--disable {opacity: .2;}

/*message*/
.modal--width480 .modal-content {width: 480px; margin: 0 auto;}
.modal--width600 .modal-content {width: 630px; margin: 0 auto;}

.form {}
.form__item {padding: 0 0 18px; line-height: 30px;}
.form__item:last-child {padding: 0;}

.form__item--padding0 {padding: 0;}
.form__item--half {width: 50%; float: left;}
.form__item--quarter {width: 2}
.form__label {font-size: 16px; line-height: 30px; font-weight: bold; color: #333;}
.form__sublabel {color: #bfbfbf; font-size: 12px; line-height: 0; display: block;}


.form__input {width: 308px; height: 30px; background: #f0f0f0; border: 1px solid #dfdfdf; border-radius: 3px; float: right; line-height: 30px;}
.form__input--short {width: 270px;}
.form__input--high {height: auto;}

.form__input textarea {border: none; width: 100%; display: block; height: 100px; line-height: 18px; font-size: inherit; box-sizing: border-box; padding: 0 10px; background: none; resize: none;}
.form__input input[type='text'],
.form__input input[type='password'] {border: none; width: 100%; display: block; height: 30px; line-height: 30px; font-size: inherit; box-sizing: border-box; padding: 0 10px; background: none;}
.form__input input[type='radio'] {margin: 0 10px 0;}
.form__input input[type='radio']:first-child {margin: 0 10px 0 0;}

.form__item > input[type='radio'] {margin: 0 10px 0;}

.form__input--clear {background: none; border-color: transparent;}
.form__checkbox {margin: 0 0 15px 0; font-size: 14px;}
.form__checkbox--center {text-align: center;}
.form__checkbox--left input {float: left;}
.form__checkbox--left label {display: block; margin: 0 0 0 30px;}
.form__description {font-size: 14px;}

.form__rules {background: #f0f0f0; border: 1px solid #dedede; border-radius: 3px; padding: 10px; font-size: 12px; line-height: 14px; color: #666666; margin: 15px 0; overflow-y: scroll; height: 100px;}

.modal .bx-wrapper {width: 165px; position: relative; padding-bottom: 20px;}
.form__carousel {width: 165px;}
.form__carousel li {width: 163px; display: block; height: 118px; border: 1px solid #dedede; background: #f0f0f0;}
.add__new_album {display: none;}

.bx-prev {position: absolute; left: -72px; top: 50px; display: block; text-indent: -9999px; width: 48px; height: 45px; background: url("/i/carousel_left_btn.png") no-repeat 0 0;}
.bx-next {position: absolute; right: -72px; top: 50px; display: block; text-indent: -9999px; width: 48px; height: 45px; background: url("/i/carousel_right_btn.png") no-repeat 0 0;}

.form__input.input_has-error_yes {margin-bottom: 18px; border-color: #f00;}
.form__input--clear.input_has-error_yes {border-color: transparent;}
.form__checkbox.input_has-error_yes .form__msg {margin: 0 0 0 30px;}


.form__msg {clear: both; white-space: normal;}
.form__msg_type_error {font-size: 10px; color: #f00; line-height: 18px;}

#registration2 .form__msg_type_error {
	width: 200px;
	position: relative;
	top: 20px;
}


.ico {display: inline-block; margin: 0 25px 0 0;}
.ico--vk {}
.ico--gmail {margin: 0 20px 0 0;}
.ico--fb {}
.ico--mail {}
.ico--ok {}
.ico--ya {}

.ico--sprite_1 {vertical-align: middle; margin: 0; background: url("/images/icons1.jpg") no-repeat 0 0; height: 51px;}
.ico--style     {width: 83px;  background-position: 0 0;}
.ico--kiss      {width: 89px;  background-position: -103px 0;}
.ico--esse      {width: 90px; background-position: -224px 0;}
.ico--glamour   {width: 85px;  background-position: -350px 0;}
.ico--next      {width: 83px;  background-position: 0 -58px;}
.ico--bond      {width: 89px;  background-position: -103px -58px;}
.ico--muratti   {width: 90px; background-position: -224px -58px;}
.ico--ld        {width: 85px;  background-position: -350px -58px;}
.ico--winston   {width: 83px;  background-position: 0 -116px;}
.ico--lm        {width: 89px;  background-position: -103px -116px;}
.ico--chester   {width: 90px; background-position: -224px -116px;}
.ico--pall      {width: 85px;  background-position: -350px -116px;}
.ico--ro        {width: 83px;  background-position: 0 -182px;}
.ico--eve       {width: 89px;  background-position: -103px -182px;}
.ico--yava      {width: 90px;  background-position: -224px -182px;}
.ico--other     {width: 85px;  background-position: -350px -182px;}

.ico--sprite_2  {width: 116px; vertical-align: middle; margin: 0; background: url("/images/icons2.jpg") no-repeat 0 0;}
.ico--romance   {height: 88px; background-position: 0 0;}
.ico--concept   {height: 88px; background-position: 0 -230px;}
.ico--diamond   {height: 88px; background-position: 0 -114px;}
.ico--miniature {height: 95px; background-position: 0 bottom;}


.table {width: 100%; font-size: 14px;}
.table--center {}
.table--center td {vertical-align: middle; white-space: nowrap; padding: 0 0 10px 0;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select__control {
        height: 30px;
        width: 100%;
        border: 1px solid #dfdfdf;
        background: #f0f0f0;
        display: inline-block;
        /*background-image: url(../i/select.png);*/
        background-repeat: no-repeat;
        background-position: 100% 0;
        border-radius: 3px;
        min-width: 70px;
    }
}



/*BLOCK: ABOUT*/
.about_wrapper {position: absolute; min-height: 700px; min-width: 480px; z-index: 1; left: 0; top: 146px; bottom: 32px; width: 100%; background: #ccc; overflow-x: hidden;}
.about_wrapper--detail {min-height: 550px;}
.about {color: #ffffff; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}



.about__logo {position: absolute; left: 6.78%; z-index: 100; top: 15.38%; width: 147px; height: 96px; background: url("/images/about_logo.png") no-repeat 0 0;}
.about__description {height: 96px; position: absolute; left: 6.78%; z-index: 100; top: 15.38%; padding: 0 0 0 163px; font-size: 18px; font-style: italic; line-height: 100px;}
.about__text {position: absolute; left: 6.78%; z-index: 100; top: 15.38%; padding: 80px 0 0 178px; font-size: 18px; width: 70%;}
.about__text__title {font-weight: bold; margin: 0 0 5px;}

.about__buttons {position: absolute; z-index: 3; bottom:  12.7%; width: 100%; text-align: center;}
.about__button {display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 2px solid #fff; color: #fff; font-weight: bold; text-decoration: none; border-radius: 20px;}
.about__button:hover {background: #ffffff; color: #333333;}
.about__button--mobile {opacity: 0; display: block; z-index: 100; width: 100%; height: 100%; left: 0; top: 0; position: absolute; padding: 0; border: 0;}

.about__item {position: absolute; width: 25%; top: 0; bottom: 0; z-index: 1; overflow: hidden;}
.about__item__wrapper {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.about__item__bg {position: absolute; opacity: 1; width: 100%; top: 0; z-index: 2; height: 100%; transition: opacity 2s; transition-delay: .5s; background-repeat: no-repeat; background-position: center center; box-sizing:  border-box;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.about__item__bg2 {position: absolute;  width: 100%; top: 0; z-index: 1; height: 100%; left: 0; background: #000; opacity: .35;}
.about__item__video {position: absolute; height: auto; left: 50%; top: -25px; z-index: 0; min-width: 480px;}


.about__pack {width: 231px; opacity: 1; z-index: 3; transition: all 1s; height: 248px; position: absolute; top: 45%; margin: 10px 0 0 -115px; left: 50%;}
.about__item__logo {position: absolute; z-index: 3; left: 15%; top: 40%; opacity: 0; transition: 2s;}
.about__item__text {position: absolute; z-index: 3; transition: all 1s; width: 100%; left: 0; bottom: 10.7%; opacity: 0; box-sizing: border-box; font-size: 16px; line-height: 20px; font-weight: bold;}
.about__item__text div {margin: 0 570px 0 15%; border: 2px solid #ffffff; padding: 20px;}
.about__image {position: absolute; z-index: 3; display: block; opacity: 0; transition: all 1s;}


.about__item--A {left: 0;}
.about__item--A .about__item__bg {background-image: url("/images/about_concepte.jpg");}
/*.about__item--A .about__pack {}*/
.about__item--A .about__image {/*width: 15.64%; *//*right: 16.14%;*/ right: 230px; bottom: 10.7%;}

.about__item--B {left: 25%;}
.about__item--B .about__item__bg {background-image: url("/images/about_romance.jpg");}
/*.about__item--B .about__pack {width: 231px; height: 248px;}*/
.about__item--B .about__image {/*width: 23.57%; *//*right: 14%;*/ right: 180px; bottom: 10.7%;}
.about__item--B .about__item__text div {margin-right: 550px;}

.about__item--C {left: 50%;}
.about__item--C .about__item__bg {background-image: url("/images/about_diamond.jpg");}
/*.about__item--C .about__pack {width: 231px; height: 248px;}*/
.about__item--C .about__image {/*width: 18.57%; *//*right: 17.28%;*/right: 210px; bottom: 10.45%;}

.about__item--D {left: 75%;}
.about__item--D .about__item__bg {background-image: url("/images/about_miniature.jpg");}
/*.about__item--D .about__pack {width: 231px; height: 248px;}*/
.about__item--D .about__image {/*width: 28.92%; *//*right: 9.28%;*/ right: 150px; bottom: 10.7%;}
.about__item--D .about__item__text div {margin-right: 590px;}

.about__hide_on_detail {transition: opacity .3s;}

.about--detail .about__hide_on_detail {opacity: 0;}

.about--typeA .about__item {width: 100%;}
.about--typeA .about__item--A {left: 0; z-index: 100;}
.about--typeA .about__item--A .about__item__bg {opacity: 0;}
.about--typeA .about__item--A .about__item__text {opacity: 1;}
.about--typeA .about__item--B {left: 100%; z-index: 60;}
.about--typeA .about__item--C {left: 100%; z-index: 60;}
.about--typeA .about__item--D {left: -100%; z-index: 50;}

.about--typeB .about__item {width: 100%;}
.about--typeB .about__item--A {left: -100%;}
.about--typeB .about__item--B {left: 0; z-index: 100;}
.about--typeB .about__item--B .about__item__bg {opacity: 0;}
.about--typeB .about__item--B .about__item__text {opacity: 1;}
.about--typeB .about__item--C {left: 100%;}
.about--typeB .about__item--D {left: 100%;}

.about--typeC .about__item {width: 100%;}
.about--typeC .about__item--A {left: -100%;}
.about--typeC .about__item--B {left: -100%;}
.about--typeC .about__item--C {left: 0; z-index: 100;}
.about--typeC .about__item--C .about__item__bg {opacity: 0;}
.about--typeC .about__item--C .about__item__text {opacity: 1;}
.about--typeC .about__item--D {left: 100%;}

.about--typeD .about__item {width: 100%;}
.about--typeD .about__item--A {left: 100%; z-index: 50;}
.about--typeD .about__item--B {left: 100%; z-index: 60;}
.about--typeD .about__item--C {left: -100%; z-index: 60;}
.about--typeD .about__item--D {left: 0; z-index: 100;}
.about--typeD .about__item--D .about__item__bg {opacity: 0;}
.about--typeD .about__item--D .about__item__text {opacity: 1;}




.about__controls {}
.about__control { position: absolute; display: block; display: none; z-index: 1000;}
.about__control--arrow {width: 50px; height: 50px; top: 50%; margin: 28px 0 0 0;}
.about__control--left {left: 5.7%; background: url("/images/about_arrow_left.png") no-repeat 0 0;}
.about__control--right {right: 5.7%; background: url("/images/about_arrow_right.png") no-repeat 0 0;}
.about__control--top {width: 90px; height: 70px; top: 30px; left: 50%; margin: 0 0 0 -45px; background: url("/images/about__close_detail.png") no-repeat 0 0;}
.about__control--disable {opacity: .5; cursor: default;}

.about--detail .about__item__logo {opacity: 1;}
/*.about--detail .about__item__text {opacity: 1;}*/
.about--detail .about__button {display: none;}
.about--detail .about__pack {opacity: 0;}
.about--detail .about__image {opacity: 1;}

/*.about__item--active .about__item__logo {opacity: 1;}
.about__item--active .about__item__text {opacity: 1;}
.about__item--active .about__button {display: none;}
.about__item--active .about__pack {opacity: 0;}
.about__item--active .about__image {opacity: 1;}*/

.about__item {transition: all 1s;}

.about__item:hover .about__item__bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.about__item__bg {
    transition: all 1s;
}

.about__item:hover .about__button {
    background: #ffffff; color: #333333;
}




@media screen and (max-height: 930px)  {
    /*.about__pack {margin-top: -80px;}*/
    .about__logo {top: 50px;}
    .about__text {top: 50px;}
    .about__description {top: 50px;}
    .about__buttons {bottom: 50px;}
    .about__item__logo {top: 25%;}
}

@media screen and (max-width: 1000px) {
    .about__item__logo { margin: 110px 0 0 0; top: 0; left: 0;}
    .about__item__logo img {margin: 0 auto; display: block;}
    .about__item__text {left: 20px; width: auto; right: 20px; bottom: 30px; top: auto; font-size: 14px;}
    .about__item__text div {margin: 0 !important; padding: 10px;}
    .about__image {}

    .about__item--A .about__image {width: auto; left: 50%; top: 50%; margin: -66px 0 0 -90px;}
    .about__item--B .about__image {width: auto; left: 50%; top: 50%; margin: -180px 0 0 -165px;}
    .about__item--C .about__image {width: auto; left: 50%; top: 50%; margin: -150px 0 0 -109px;}
    .about__item--D .about__image {width: auto; left: 50%; top: 50%; margin: -100px 0 0 -202px;}


    .about_wrapper {min-height: 0;}
    .about {min-height: 800px;}
    .about__item__logo {width: 100%;}
    .about__item__logo img {margin: 0 auto; display: block;}
    .about_wrapper {}
    .about {position: absolute; width: 100%; height: 100%;}
    .about__item {width: 50%; top: 0;  bottom: 50%; height: 50%;}
    .about__item--A {padding: 300px 0 0 0;}
    .about__item--B {left: 50%; padding: 300px 0 0 0;}
    .about__item--C {top: 50%; left: 0; margin: 300px 0 0 0;}
    .about__item--D {left: 50%; top: 50%; margin: 300px 0 0 0;}
    .about__item--C .about__pack,
    .about__item--D .about__pack {width: auto; position: relative; left: auto; top: auto; right: auto; bottom: auto; display: block; margin: 25px auto 0;}
    .about__item--A .about__pack,
    .about__item--B .about__pack {bottom: 50px;}

    .about__buttons {bottom: 20px;}

    .about__logo {position: relative; left: auto; top: auto; margin: 20px 0 0 20px; float: left; padding: 0 20px 0 0;}
    .about__text {width: auto; position: relative; top: auto; left: auto; padding: 0 20px;}
    .about__description {position: relative; left: auto; top: auto; line-height: 20px; padding: 20px 0 0 0; display: table-cell; vertical-align: middle; margin: 0 0 0 170px;}

    .about--detail .about__item { padding: 0; margin: 0; top: 0; min-width: 480px;}
    .about--typeA .about__item {width: 100%; height: 100%;}
    .about--typeB .about__item {width: 100%; height: 100%; padding: 0;}
    .about--typeC .about__item {width: 100%; height: 100%; top: 0; margin: 0;}
    .about--typeD .about__item {width: 100%; height: 100%; top: 0; margin: 0;}
    .about__control--top {top: 20px;}

	.chuse { display: none;}
}

@media screen and (min-width: 1680px) {
    .about__item__wrapper {width: 1680px; left: 50%; margin: 0 0 0 -840px;}
    .about__control--left {left: 50%; margin: 0 0 0 -840px;}
    .about__control--right {right: 50%; margin: 0 -840px 0 0;}
}

@media screen and (max-height: 900px) and  (min-width: 1000px){
    .about__logo {top: 20px;}
    .about__text {top: 20px;}
    .about__description {top: 20px;}
    .about__pack {top: 35%;}
    .about__buttons {bottom: 50px;}
    .about_wrapper {min-height: 550px;}
}






/* Article */

.article
{
	font-size: 17px;
	line-height: 1.4em;
	color: #333;
	margin-left: 0;
	position: relative;
}

.article__block_type_image
{
	/*min-height: 300px;*/
	margin: 0 0 50px 0;
}


.article__block_type_image img
{
	width: 100% !important;
    height: auto !important;
	vertical-align: top;
}

.article__block
{
	position: relative;
}
.article__block_type_image .article__block-titles
{
	position: absolute;
	top: 40%;

	width: 100%;

	color: #fff;
	text-align: center;
}

.article__block_type_image .article__block-h_type_1
{
	font: 50px/1.3em Georgia, serif;
}

.article__block_type_image .article__block-h_type_2
{
	font-size: 30px;
	line-height: 1.2em;

	padding: 0 20%;
	margin: 30px 0 0;
}

.article__block_type_image .article__block-h_type_3
{
	font: 32px Georgia, serif;

	position: absolute;
	left: 25px;
	bottom: 25px;

	padding: 12px 20px;

	background: rgba(0, 0, 0, .3);
	color: #fff;
}

blockquote {
	font: 22px/1.3em 'GillSans', sans-serif;
	padding: 25px 0 50px 50px;
	background: url(/editor/i/blockquote.png) no-repeat 0 0;
	color: #000;
}

.article strong {font-weight: bold;}
.article h2 {
	font: 32px Georgia, serif;
	color: #b83dac;
}
.article h3 {
	font: 24px Georgia, serif;
	color: #b83dac;
}
.article h4 {
	font: 20px Georgia, serif;
	color: #b83dac;
}
.article h5 {
	font: 18px Georgia, serif;
	color: #b83dac;
}
.article h6 {
	font: 16px Georgia, serif;
	color: #b83dac;
}

.carousel  h2,
.carousel  h3,
.carousel  h4,
.carousel  h5,
.carousel  h6 { color: #fff; }



.article__block_type_text
{
	margin: 0 75px 35px 70px;
}

.article .carousel
{
	position: relative;
	margin: 60px 0 0 0;
}

.article .carousel .item img
{
	vertical-align: top;

	width: 100%;
}

.article .carousel-control
{
	position: static;

	background: transparent;
	text-shadow: none;
}

.article .carousel-control .icon-prev,
.article .carousel-control .icon-next,
.article .carousel-control .glyphicon-chevron-left,
.article .carousel-control .glyphicon-chevron-right,
.article .carousel-control .sr-only
{
	display: none;
}

.article .carousel-control
{
	height: 44px;
	width: 44px;

	display: inline-block;

	opacity: 1;

	background: url(/editor/i/article-carousel.png) no-repeat;
}

.article .carousel-control.left
{
	background-position: 0 0;

}

.article .carousel-control.left:hover
{
	background-position: 0 -44px;
}

.article .carousel-control.right
{
	margin-left: 80px;
	background-position: -44px 0;

}

.article .carousel-control.right:hover
{
	background-position: -44px -44px;
}

.article .carousel-caption
{
	font: 30px Georgia, serif;

	position: absolute;
	left: 25px;
	right: auto;
	bottom: 25px;

	padding: 12px 20px;

	background: rgba(0, 0, 0, .3);
	color: #fff;
}

.article .carousel-caption h3
{
	font-size: inherit;
	font-weight: 400;

	padding: 0;
	margin: 0;
}

.article .carousel_caption
{
	display: none;
}

.article .carousel-inner
{
	margin-bottom: 10px;
}

.article .carousel-indicators
{
	font: 25px 'PT Sans', sans-serif;

	bottom: 40px;
	left: 70px;

	width: auto;
	margin: 0;

	display: block;
	text-align: left;
	counter-reset: section section2;
	color: #8c8c8c;
	white-space: nowrap;
}

.article .carousel-indicators li
{
	content: '';
	position: absolute;

	height: auto;
	width: auto;

	border: 0;
	background: transparent;
	text-indent: 0;
}

.article .carousel-indicators li:before
{
	display: inline-block;
	vertical-align: top;

	color: inherit;
	counter-increment: section;
	content: ' ';
}

.article .carousel-indicators li.active { padding: 0 0px 0 0px;}
.article .carousel-indicators li.active:before
{

	content: counters(section, '.') '/';
}

.article .carousel-indicators li:after
{
	display: inline-block;

	vertical-align: top;

	width: 0;
	overflow: hidden;

	color: inherit;
	counter-increment: section2;
	content: counters(section2, '.');
}

.article .carousel-indicators li:last-child:after
{
	margin: -1px 0 0 15px;
	width: auto;
}

.article .carousel-indicators li.active:after
{
	margin: 0 0 0 -6px;
}
.article ol,.article ul { margin-left: 40px; margin-bottom: 15px;}
.article ul li { list-style: disc; }

.article_main_block {background: #000;}
.article_main_block img {opacity: .6;}



/*BLOCK: COLUMN - Колонка с контентом*/
.column {background: #ffffff; border: 1px solid #d9d9d9; border-radius: 5px; font-size: 14px; line-height: 16px; margin: 0 0 10px 0;}
.column--pink {background: #ab4ba0; color: #ffffff;}
.column--pink .form__label {color: #ffffff;}

.column--width500 {width: 500px;}
.column--width750 {width: 750px;}
.column--width1000 {width: 1000px;}
.column--right {float: right;}
.column--left {float: left;}
.column--gray {background: #dfdfdf; box-shadow: 0 1px 3px #b4b4b4;}

.column__header {padding: 15px 20px 5px; border-bottom: 1px solid #d9d9d9;}
.column__body {padding: 15px 20px;}

.column__title {font-weight: bold; margin: 0 0 10px 0;}
.column__title--A {font-size: 24px; line-height: 26px; color: #333333;}
.column__title--B {font-size: 14px; line-height: 16px; color: #666666;}
.column__title--C {font-size: 16px; line-height: 18px; color: #333333;}

.column__hr {height: 1px; background: #d9d9d9; margin: 10px 0;}






/*
BLOCK: FAQ
*/
.faq {}
.faq__item {}
.faq__q {margin: 0 0 15px 0; color: #ac3a9f; font-size: 16px; line-height: 20px; font-weight: bold; display: block; text-decoration: none; cursor: pointer;}
.faq__q span {border-bottom: 1px dashed #ac3a9f;}
.faq__q:hover span {border-bottom-color: transparent;}
.faq__q--open span {border-bottom-color: transparent;}
.faq__a {display: none; padding: 0 0 15px 0;}
.faq p {margin: 0 0 10px 0;}
.faq p:last-child {margin: 0;}





/*
BLOCK: POLL
*/

.poll_start__count 		{ position:absolute; top:125px; left:515px;}
.poll_start__count div  { font-size:65px; color:#b83dac; display:inline-block; font-weight:normal; line-height:65px; height:65px; overflow:hidden; text-align:center; width:42px; padding:0 4px 0 0; }


.relative 				{ position:relative;}
.poll_start 			{ position: absolute; width:965px; height:400px; background:url("../i/reser_start_bg.png") no-repeat top right; }
.poll_start__title		{ font-size:33px; line-height:40px; color:#972a8c; text-align:center; position:absolute; width:630px; top:0; right:0; text-transform:uppercase;}
.poll_start__text1		{ font-size:14px; line-height:30px; color:#b83dac; text-align:center; position:absolute; width:600px; top:210px; right:0; text-transform:uppercase;}
/*.poll_start__start 		{ display:block; position:absolute; width:242px; height:76px; top:295px; right:185px; background:url("../i/poll_start.png") no-repeat left top; }*/
/*.poll_start__start:hover { background:url("../i/poll_start_hover.png") no-repeat left top; }*/

/*.poll 					{ margin-left:70px; position:relative; overflow:hidden; height:420px;}*/
.poll__item 			{ position:static; min-height: 200px;}
.poll__header 			{ min-height:75px; padding-bottom:20px; }
.poll__q_num 			{ width:90px; border-right:1px solid #dcdcdc; text-align:center; display:block; float:left; font-size:35px; line-height:74px; color:#b83dac;}
.poll__title 			{ font-size:16px; line-height:18px; color:#972a8c; text-transform:uppercase; margin:0 370px 0 100px;  padding-top:10px; }

.poll_img 				{ position:absolute; top:50px; right:160px; }
.poll_q 				{ margin: 0 20%; }
.poll .form__row 		{  }
.poll label 			{  }
.poll .radio 			{ float:left; display:block; margin:0; padding:0; }
.poll .radio input 		{  }
.poll .label__hint 		{ margin:0 370px 0 30px; display:block; }

.addRepost__label 		{ cursor: pointer; }
.addRepost__label:hover	{ color: #972a8c; }
.nav__item_state_current { color: #737373;}

.addRepost__label:checked img { border: 1px solid red; }

.album-edit__checkbox
{
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;

	position: relative;

	display: inline-block;

	margin: 0 16px 0 0;
	width: 90px;

	background: #ac3a9f;
	border-radius: 5px;
	box-shadow: inset 0 0 3px 4px rgba(0, 0, 0, .15);
	color: #fff;

	-ms-user-select: none;
	user-select: none;
}

.album-edit__checkbox-control
{
	position: absolute;

	opacity: 0;
}

.album-edit__checkbox-text-left,
.album-edit__checkbox-text-right
{
	display: inline-block;

	width: 50%;

	text-align: center;
}

.album-edit__checkbox-text-right
{
	margin-left: -4px;
}

.album-edit__checkbox-label
{
	font-size: 14px;
}

.album-edit__checkbox-slider
{
	position: absolute;
	top: 3px;
	left: 0;

	height: 26px;
	width: 40px;
	margin: 0 3px;

	background: #fff;
	border-radius: 4px;

	content: '';
}

.album-edit__checkbox-control:checked ~ .album-edit__checkbox-slider
{
	left: auto;
	right: 0;
}

.album-edit__input,
.album-edit__textarea,
.album-edit__select
{
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;

	display: inline-block;
	vertical-align: top;

	margin: 0;
	padding: 5px 5px 0;
	width: 300px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background: #f0f0f0;
	border: solid 1px #e0e0e0;
	border-radius: 4px;
}

.album-edit__textarea
{
	height: 95px;
	padding-top: 5px;

	resize: none;
}

.album-edit__label
{
	font-size: 16px;
	font-weight: 700;

	padding: 5px 20px 0 0;
	width: 120px;

	display: inline-block;
	vertical-align: top;
}

.album-edit__row
{
	padding: 20px 0;

	border-top: solid 1px #ececec;
}

.album-edit__row:first-child
{
	border-top: 0;
}

.modal-footer__left
{
	float: left;
}

.modal-footer__right
{
	float: right;
}

.modal_theme_badge .modal-content
{
	box-shadow: none;
}

.modal_theme_badge .modal-dialog
{
	width: 510px;
}

.modal_theme_badge .modal-header
{
	font-size: 24px;

	padding: 12px 25px;

	color: #333;
	text-align: left;
	text-transform: none;
}

.modal_theme_badge .modal-close
{
	/*right: -20px;
	top: -15px;

	height: 16px;
	width: 16px;

	background-image: url(/i/modal-close_theme_badge.png);*/
}

.modal_theme_edit-album .button3,
#addPost .button3
{
	margin-left: 15px;
}

.modal_theme_edit-album .button3:first-child
{
	margin-left: 0;
}

.modal_theme_edit-album .modal-body
{
	padding: 0 30px;
}

.modal_theme_edit-album .modal-close
{
	/*right: 20px;
	top: 25px;

	height: 16px;
	width: 16px;

	background-image: url(/i/modal-close_theme_album-edit.png);*/
}

.modal_theme_edit-album .modal-content
{
	box-shadow: none;
}

.modal_theme_edit-album .modal-dialog
{
	width: 510px;
}

.modal_theme_edit-album .modal-header
{
	font-size: 24px;

	padding: 15px 60px 15px 30px;

	color: #333;
	text-align: left;
	text-transform: none;
}

.button3
{
	/*font-size: 14px;*/
	/*line-height: 22px;*/

	/*display: inline-block;*/
	/*vertical-align: middle;*/

	/*min-height: 22px;*/
	/*padding: 4px 15px;*/

	background: #fff;
	border: solid 1px #999;
	border-radius: 3px;
	color: #666;
	cursor: pointer;
	/*text-align: center;*/
	/*text-decoration: none;*/

	transition: border-color .2s ease;
}

.button3:hover
{
	border-color: #5f5e5e;
}

.button3_type_dismiss
{
	background-color: rgba(255, 255, 255, .7);
	border-color: transparent !important;
}

.button3_type_submit
{
	background: #ab399e;
	background: linear-gradient(to bottom, #ab399e, #841677);
	border-color: transparent !important;
	color: #fff;
	line-height: 22px;
}
.form_capcha { float: right; padding: 10px 0 0 0; line-height: 18px; width: 310px; }
.form_capcha img { display: block;}
.reload_captcha { font-size: 12px; line-height: 14px; cursor: pointer; border-bottom: dashed 1px #333;}
.reload_captcha:hover { border-bottom: none; }
.form__item .form__label_capcha { line-height: 18px; display: block;}

.addRepost__label {display: block; line-height: 34px; margin: 0 0 14px 0;}
.addRepost__label img {float: left; margin: 0 10px 0 0; border: 1px solid transparent; border-radius: 4px;}
.addRepost__label--active img {border-color: #f00;}
.addRepost__label input {margin: 0 0 0 -4000px!important; float: left;}



#image-popup .modal-content{ width: 500px;}
#image-popup .social { padding-top: 20px;}

/*
#res_next .res_text_1 	{ text-align: center; color: #a72b9a; margin-bottom: 20px; }
#res_next .res_text_2 	{ text-align: center; margin-bottom: 10px;}
#res_next .res_text_2 span { color: #a72b9a;}
#res_next .res_text_3 	{ text-align: center; position: relative; top: -10px;}
#res_next .res_text_3 a	{ font-size: 12px; color: #a72b9a; text-decoration: underline; }
#res_next .res_text_3 a:hover	{ text-decoration:none;}
#res_next .but 		 	{ background: url("/i/res_but_next.png") no-repeat center top; height: 87px; position: relative; }
#res_next .but a 		{ display: block; position: absolute; top: 0; left: 100px; height: 60px; width: 200px; }
*/





/*
BLOCK: MODAL--QUIZ - модальное окно с исследованием.
*/
.text_align_left {text-align: left;}

.modal--quiz .modal-body--center {text-align: center;}

.modal--quiz .modal-dialog {width: 1160px; height: 729px;}
.modal--quiz .modal-content {width: 1160px; height: 729px; background: url("/i/modal_quiz_bg.jpg") no-repeat 0 0;}
.modal--quiz__title {font-size: 35px; line-height: 36px; color: #b83cac; }
.modal--quiz__title2 {font-size: 26px; line-height: 30px; color: #383838; text-transform: uppercase; font-weight: bold;}
.modal--quiz__subtitle {font-size: 22px; line-height: 24px; color: #383838; font-weight: bold; margin: 50px 0 0 0;}
.modal--quiz__text {font-size: 30px; line-height: 32px; color: #383838; margin: 40px 0 0 0;}
.modal--quiz .modal-body {width: 730px; float: right; padding: 90px 0 0 0;}
.modal--quiz__icons {text-align: center; font-size: 0; line-height: 0; margin: 25px 0 0 0;}
.modal--quiz__ico {display: inline-block; width: 178px; padding: 94px 0 0 0; background: url("/i/modal_quiz__icons.png") no-repeat 0 0; font-size: 16px; line-height: 18px; color: #383838; vertical-align: top; font-weight: bold;}
.modal--quiz__ico--A {background-position: 53px 0;}
.modal--quiz__ico--B {background-position: -112px 0;}
.modal--quiz__ico--C {background-position: -287px 0;}
.modal--quiz__ico--D {background-position: -458px 0;}
.modal--quiz__btn {display: inline-block; padding: 0 25px; height: 58px; line-height: 58px; color: #fff; background: #b83cac; text-transform: uppercase; font-size: 24px; border-radius: 30px; text-decoration: none; margin: 65px 0 0 0;}
#res_next span.modal--quiz__btn { background-color: #ccc; display: none;}
.modal--quiz__btn--wide {width: 395px; padding: 0;}

.modal_quiz_form {font-size: 16px; color: #383838; margin: 12px 0 0 0;}
.block_with_400 {width: 400px; margin: 0 auto;}
.modal_quiz_form--B {color: #000; margin: 50px 0 0 0;}
.modal_quiz_form a {color: #b83cac;}

.modal--quiz .radio {background: #fff; border-radius: 0; border-color: #b83cac; position: relative; vertical-align: top; margin-top: 3px;}
.modal--quiz .radio--radio {width: 23px; height: 23px; background: url("/i/modal_quiz_radio.png") no-repeat bottom left; border: none;}
.modal--quiz .radio:before {position: absolute; width: 27px; height: 19px; background: url("/i/modal_quiz_checkbox.png") no-repeat 0 0; top: -10px; left: -1px;}
.modal--quiz .radio--radio.radio--active {background-position: 0 0;}
.modal--quiz .radio--radio.radio--active:before {display: none;}
.modal--quiz .form__rules {width: 500px; margin: 10px auto;}


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

    .modal--quiz .modal-dialog {width: 730px;}
    .modal--quiz .modal-content { width: 730px; background-position: right top;}
}

@media screen and (max-width: 770px) {
    .modal--quiz .modal-dialog {width: 450px; margin: 0 auto;}
    .modal--quiz .modal-content { width: 450px;}
    .modal--quiz .modal-body {width: auto; float: none; padding: 30px 0 0 0;}
    .modal--quiz__title {font-size: 30px;}
    .modal--quiz__text {font-size: 16px; line-height: 18px; margin: 20px 0 0 0;}
    .modal--quiz__btn {font-size: 18px;}

    .modal--quiz__title2 {font-size: 20px;}

    .modal--quiz .form__rules {width: auto; margin: 10px;}
}

/*
BLOCK: wordSplitting
*/
.word_splitting {position: relative;}
.word_splitting__items {position: absolute; left: 5px; top: 5px; height: 30px; line-height: 30px; background: #eeeeee; z-index: 100;}
.page--search .word_splitting__items {background: #fff; top: 4px;}

@media screen and (max-width: 1000px) {
    .page--search .word_splitting__items {background: #eeeeee; top: 5px;}
}

.word_splitting__item {display: inline-block; vertical-align: top; height: 24px; line-height: 24px; border: 1px solid #aa5ea1; padding: 0 32px 0 7px; background: #cc77c2; margin: 0 0 0 4px; border-radius: 4px; color: #fff; font-size: 14px; text-transform: none; position: relative;}
.word_splitting__item i {position: absolute; width: 20px; height: 24px; display: block; top: 0px; right: 1px; border-left: 1px solid rgba(255, 255, 255, .5); text-align: center; cursor: pointer;}

.modal__invite {padding: 0 0 20px 170px; background: url("/i/modal_invite.jpg") no-repeat 81px 2px;}
.modal__invite .form__input {width: 190px;}
.modal__invite .button2 {width: 190px; font-weight: bold; margin: 0; text-align: center; padding: 0;}
.modal__invite .form__input {float: none;}

.button-follow-diary, .button-follow-album {
	background: #ab399e !important;
	background: linear-gradient(to bottom, #ab399e, #841677) !important;
	border-color: transparent !important;
	color: #fff !important;
}

.about__no_sell { font-size: 13px; font-style: italic; padding-left: 30px; background: url("/i/about_academy/no_sell.png") no-repeat left top; line-height: 21px; }
.about--detail .about__no_sell_hide {display: none;}

#result11 img { width: 100%; }
#result12 img { width: 100%; }

/* instagramm */
#inst .modal-content {width: 554px;}
.inst_right 		{ background: url("/i/inst/inst_logo.png") no-repeat 13px top; padding-left: 160px; height: 130px; }
.inst_text			{ padding-top: 20px; padding-bottom: 10px; }
.inst_lent 		    { font-size: 0; line-height: 0; text-align: center;}
.inst_lent a 	    { margin: 2px; width: 165px; display: inline-block;}
.inst_lent img		{ display: block; width: 165px;}
.inst_more			{ padding: 10px; }
.inst_more_link		{ background: url("/i/inst/inst_more.png") no-repeat left top; display: block; margin: 0 auto; height: 96px; width: 96px; }


/* end instagramm */


/*mobile modals*/
::-webkit-input-placeholder {
    color: #f0f0f0;
}

:-moz-placeholder { /* Firefox 18- */
    color: #f0f0f0;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #f0f0f0;
}

:-ms-input-placeholder {
    color: #f0f0f0;
}

@media screen and (max-width: 1000px) {
    ::-webkit-input-placeholder {
        color: #8f8f8f;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: #8f8f8f;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
        color: #8f8f8f;
    }

    :-ms-input-placeholder {
        color: #8f8f8f;
    }

    .modal--width480 .modal-dialog {}
    .modal--width480 .modal-content {width: 100%; height: 100%; border-radius: 0;}
    .modal--width480 .modal-header {padding-top: 107px;}
    .modal--width480 .modal-header:before {content: ''; display: block; height: 102px; box-shadow: 0 0 5px #ccc; position: absolute; left: 0; right: 0; top: 0; background: #f7f7f7; }
    .modal--width480 .modal-close {background: url("/i/close_btn_small_screen.png"); top: 34px; right: 40px;}
    .modal--width480 .modal-body {padding: 15px 36px;}
    .modal--width480 .modal__title {text-align: center; font-size: 30px; line-height: 40px;}
    .modal--width480 .social__item {width: 82px; height: 82px; background: url("/i/social_small_screen.png");}
    .modal--width480 .social__item--vk {background-position: 0 0;}
    .modal--width480 .social__item--fb {background-position: -133px 0;}
    .modal--width480 .social__item--ok {background-position: -267px 0;}
    .modal--width480 .social__item--ig {background-position: -400px 0;}
    .modal--width480 .form__input {float: none; height: 82px; line-height: 82px; border: none; border-radius: 8px; width: auto; font-size: 30px;}
    .modal--width480 .form__input--high {height: auto;}
    .modal--width480 .form__input--clear {text-align: center;}
    .modal--width480 .modal__hr {background: none;}
    .modal--width480 .select {display: inline-block; float: none;}
    .modal--width480 select.select__control {height: 62px; min-width: 110px; border: 1px solid #dedede; font-size: 24px;}

    .modal--width480 .form__item--with_label_mob {position: relative; padding-top: 40px;}
    .modal--width480 .form__label {display: none;}
    .modal--width480 .form__label--show_on_mob {display: block; position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 30px; font-weight: normal;}

    .modal--width480 .form__input input[type='text'],
    .modal--width480 .form__input input[type='password'] {line-height: 82px; height: 82px;}
    .modal--width480 .button4 {height: 98px; background: #b83cac; padding: 0 50px; line-height: 98px; font-size: 34px; border-radius: 10px;}
    .modal--width480 .button3 {height: 98px; padding: 0 50px; line-height: 98px; font-size: 34px; border-radius: 10px;}
    .modal--width480 .button3_type_submit {height: 98px; background: #b83cac; padding: 0 50px; line-height: 98px; font-size: 34px; border-radius: 10px;}
    .modal--width480 input[type="checkbox"] {width: 30px; height: 30px; vertical-align: top; margin: 0 10px 0 0 !important;}
    .modal--width480 input[type="checkbox"].checkbox__input {width: 1px ; height: 1px; margin: 0 !important;}
    .modal--width480 input[type="checkbox"].custom_input2 {width: 30px ; height: 30px; margin: 0 10px 0 0!important;}
    .modal--width480 .radio--active:before {display: none;}
    .modal--width480 .form__input textarea {line-height: 32px; padding: 10px; height: 138px;}
    .modal--width480 .form__input--table {line-height: 32px; text-align: left;}
    .modal--width480 .form__input--table td {padding-bottom: 25px; font-size: 24px;}
    .modal--width480 .modal__buttons {font-size: 26px; line-height: 30px; padding-top: 40px;}
    .modal--width480 .form__checkbox {font-size: 26px; line-height: 30px;}
    .modal--width480 .modal__link  {font-size: 26px; line-height: 30px; float: none !important; display: block; margin: 40px 0;}
    .modal--width480 .input-type-checkbox {opacity: 0; width: 1px; margin: 0 !important;}
    .modal--width480 .input-type-checkbox + label   {display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: #e2e2e2; color: #8f8f8f;}
    .modal--width480 .input-type-checkbox:checked + label   {background: #b83cac; color: #fff;}
    /*.modal--width480 .modal__link:after  {content: ''; display: block; clear: both;}*/

    .modal--width480 .form__input--captcha {float: left;}
    .modal--width480 .form__input--captcha input {width: 175px;}
    .modal--width480 .form_capcha {width: auto; padding: 0;}
    .modal--width480 .captcha__img {height: 82px; border-radius: 5px;}
    .modal--width480 .form__rules {height: 214px; font-size: 18px; line-height: 20px;}
    .modal--width480 .form__sublabel {font-size: 24px; display: inline; line-height: inherit; text-transform: lowercase;}

    .modal--width480 .radio {width: auto; height: auto; vertical-align: middle; border: none;}
    .modal--width480 .addRepost__label {text-align: left;}

    .search {font-size: 24px;}
}

.article__text--with_image img {display: block; width: 100%;}

.article__text--with_image .post__user img { width: auto;}

.post__post {max-width: 1000px; margin: 0 auto;}

.post__lock {
    padding: 32px 0;
    border-top: 1px solid #d8d8d8;
    text-align: center;
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    font-weight: bold;
}
.post__lock_ico {
    display: inline-block;
    width: 27px;
    height: 18px;
    background: url("/i/article-ico-lock.jpg") no-repeat 0 0;
}

.bottom_fog {
    position: relative;
}
.bottom_fog:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 96px;
    background: url("/i/bottom_fog.png") repeat 0 0;
}


/* new_year_2015-2016 */
.new_year_2015_gift_wrapper { position: fixed; z-index: 1051; top: 0; right: 0; bottom: 0;}
.new_year_2015_gift { position: absolute; bottom: 100%; right: 60px; z-index: 1051; display: block; }

.theme_new_year_2016 .modal-dialog		{ width: 718px; }
.theme_new_year_2016 .modal-content		{ background: url("/i/new_year_2016/images/popup_bg.jpg") no-repeat right top; border-radius: 30px; height: 450px; }
.theme_new_year_2016 .modal-header		{ margin: 0 0 0 260px; padding: 60px 0 20px 0; }
.theme_new_year_2016 .modal-body		{ padding: 0 0 0 260px; }
.theme_new_year_2016 .new_year_2016_title	{ color: #b83cac; font-size: 40px; font-weight: normal; line-height:44px; text-align: center; text-transform: none; }
.theme_new_year_2016 .new_year_2016_text	{ padding: 0 10px; margin-bottom: 30px; text-align: center; font-size: 18px; line-height: 20px; color: #373737; }
.theme_new_year_2016 .new_year_2016_gifts	{ text-align: center; }
.theme_new_year_2016 .new_year_2016_gifts img { padding: 0 3px; vertical-align: middle; }
.new_year_2016_button						{ margin: 30px 0 10px 0; }
.new_year_2016_button a						{ display: block; text-align: center; background: url("/i/new_year_2016/images/button_bg.png") no-repeat left top; width: 247px; height: 43px; color: #fff; font-size: 16px; line-height: 43px; margin: 0 auto; text-decoration: none; }
.new_year_2016_button a:hover				{ opacity: 0.9; }
.new_year_2016_rules						{ text-align: center; }
.new_year_2016_rules a						{ color: #b83cac; font-size: 16px; line-height: 18px; }

/* 8_marta-2016 */
.marta_8_gift_wrapper { position: fixed; z-index: 1051; top: 0; right: 0; bottom: 0;}
.marta_8_gift { position: absolute; bottom: 100%; right: 60px; z-index: 1051; display: block; }

.theme_marta_8 .modal-dialog		{ width: 718px; }
.theme_marta_8 .modal-content		{ background: url("/i/8_marta/images/popup_bg.jpg") no-repeat right top; border-radius: 30px; height: 450px; }
.theme_marta_8 .modal-header		{ margin: 0 0 0 260px; padding: 60px 0 20px 0; border-bottom: none;  }
.theme_marta_8 .modal-body		{ padding: 0 0 0 260px; }
.theme_marta_8 .marta_8_title	{ color: #b83cac; font-size: 40px; font-weight: normal; line-height:44px; text-align: center; text-transform: none; }
.theme_marta_8 .marta_8_text	{ padding: 0 10px; margin-bottom: 30px; text-align: center; font-size: 18px; line-height: 20px; color: #373737; }
.theme_marta_8 .marta_8_gifts	{ text-align: center; }
.theme_marta_8 .marta_8_gifts img { padding: 0 3px; vertical-align: middle; }
.marta_8_button						{ margin: 30px 0 10px 0; }
.marta_8_button a						{ display: block; text-align: center; background: url("/i/8_marta/images/button_bg.png") no-repeat left top; width: 247px; height: 43px; color: #fff; font-size: 16px; line-height: 43px; margin: 0 auto; text-decoration: none; }
.marta_8_button a:hover				{ opacity: 0.9; }
.marta_8_rules						{ text-align: center; }
.marta_8_rules a						{ color: #b83cac; font-size: 16px; line-height: 18px; }


@media screen and (max-width: 750px)
{
	.theme_new_year_2016 .modal-header			{ margin: 0; }
	.theme_new_year_2016 .modal-body			{ padding: 0; }
	.theme_new_year_2016 .modal-dialog 			{ width: 500px;}
	.theme_new_year_2016 .modal-content			{ height: 450px; }
	.theme_new_year_2016 .modal-header			{ padding: 40px 0 20px 0; }
	.theme_new_year_2016 .new_year_2016_title	{ font-size: 40px; line-height: 44px; }
	.theme_new_year_2016 .new_year_2016_text	{ font-size: 20px; line-height: 22px; }
	.new_year_2016_gift1						{ width: 90px; }
	.new_year_2016_gift2						{ width: 147px; }
	.new_year_2016_gift3						{ width: 94px; }

    .theme_marta_8 .modal-header		{ margin: 0; }
    .theme_marta_8 .modal-body			{ padding: 0; }
    .theme_marta_8 .modal-dialog 		{ width: 500px;}
    .theme_marta_8 .modal-content		{ height: 450px; }
    .theme_marta_8 .modal-header		{ padding: 40px 0 20px 0; }
    .theme_marta_8 .marta_8_title	    { font-size: 40px; line-height: 44px; }
    .theme_marta_8 .marta_8_text	    { font-size: 20px; line-height: 22px; }
    .marta_8_gift1						{ width: 90px; }
    .marta_8_gift2						{ width: 147px; }
    .marta_8_gift2wa.marta_8_gift2		{ width: 90px; }
    .marta_8_gift3						{ width: 94px; }

}
/* end new_year_2015-2016 */

.message_span span								{ color: #b83cac; }
.modal_bottom_links 							{ font-size: 0.8em; margin-top: 15px; text-align: center }

.old__article p {
    margin: 0 0 15px 0;
}