/* css/part_default_vars.css */ 
:root {
    --font: Arial, Helvetica, sans-serif, Georgia;
    --fontSize: 14px;
    --textWhite: #ffffff;
    --textWhiteRgb: 255, 255, 255;
    --text: #414141;
    --textRgb: 65, 65, 65;
    --textRed: #ea3f2b;
    --textRedRgb: 234, 63, 43;
    --links: #0773c6;
    --linksRgb: 7, 115, 198;
    --linksHover: #ea3f2b;
    --linksHoverRgb: 234, 63, 43;
    --customFirst: #0773c6;
    --customFirstRgb: 7, 115, 198;
    --customSecond: #e2e0d6;
    --customSecondRgb: 226, 224, 214;
    --customGray: #f1f1f1;
    --customGrayRgb: 241, 241, 241;
    --textBg: #f1f1f1;
    --textBgRgb: 241, 241, 241;
    --customAlerts: #f98e3c;
    --customAlertsRgb: 249, 142, 60;
    --headerBg: #ffffff;
    --headerBgRgb: 255, 255, 255;
    --headerBgAlpha: 0.95;
    --bg: var(--customGray);
    --bgRgb: var(--customGrayRgb);
    --btnDefaultBg: #fcfcfc;
    --btnDefaultBgRgb: 252, 252, 252;
    --btnDefaultBgTop: #F6F6F6;
    --btnDefaultBgTopRgb: 246, 246, 246;
    --btnDefaultBgBottom: #DADADA;
    --btnDefaultBgBottomRgb: 218, 218, 218;
    --btnDefaultBgHover: #f8f8f8;
    --btnDefaultBgHoverRgb: 248, 248, 248;
    --btnDefaultBgHoverTop: #E6E6E6;
    --btnDefaultBgHoverTopRgb: 230, 230, 230;
    --btnDefaultBgHoverBottom: #CACACA;
    --btnDefaultBgHoverBottomRgb: 202, 202, 202;
    --btnDefaultText: #414141;
    --btnDefaultTextRgb: 65, 65, 65;
    --btnGreenBg: #359A13;
    --btnGreenBgRgb: 53, 154, 19;
    --btnGreenBgTop: #52DF23;
    --btnGreenBgTopRgb: 82, 223, 35;
    --btnGreenBgBottom: #359A13;
    --btnGreenBgBottomRgb: 53, 154, 19;
    --btnGreenBgHover: #258A03;
    --btnGreenBgHoverRgb: 37, 138, 3;
    --btnGreenBgHoverTop: #42CF13;
    --btnGreenBgHoverTopRgb: 66, 207, 19;
    --btnGreenBgHoverBottom: #258A03;
    --btnGreenBgHoverBottomRgb: 37, 138, 3;
    --btnGreenText: var(--textWhite);
    --btnGreenTextRgb: var(--textWhiteRgb);
    --btnBlueBg: #2793e6;
    --btnBlueBgRgb: 37, 147, 230;
    --btnBlueBgTop: #2793e6;
    --btnBlueBgTopRgb: 39, 147, 230;
    --btnBlueBgBottom: #0773c6;
    --btnBlueBgBottomRgb: 7, 115, 198;
    --btnBlueBgHover: #0773c6;
    --btnBlueBgHoverRgb: 7, 115, 198;
    --btnBlueBgHoverTop: #1783d6;
    --btnBlueBgHoverTopRgb: 23, 131, 214;
    --btnBlueBgHoverBottom: #0053a6;
    --btnBlueBgHoverBottomRgb: 0, 83, 166;
    --btnBlueText: var(--textWhite);
    --btnBlueTextRgb: var(--textWhiteRgb);
    --btnRedBg: #CF3E13;
    --btnRedBgRgb: 207, 62, 19;
    --btnRedBgTop: #CF6234;
    --btnRedBgTopRgb: 207, 98, 52;
    --btnRedBgBottom: #CF3E13;
    --btnRedBgBottomRgb: 207, 62, 19;
    --btnRedBgHover: #BF2E03;
    --btnRedBgHoverRgb: 191, 46, 3;
    --btnRedBgHoverTop: #BF5224;
    --btnRedBgHoverTopRgb: 191, 82, 36;
    --btnRedBgHoverBottom: #BF2E03;
    --btnRedBgHoverBottomRgb: 191, 46, 3;
    --btnRedText: var(--textWhite);
    --btnRedTextRgb: var(--textWhiteRgb);
    --iblockBg: #ffffff;
    --iblockBgRgb: 255, 255, 255;
    --iblockControlsBg: #efefef;
    --iblockControlsBgRgb: 239, 239, 239;
    --iblockHeaderBg: var(--customFirst);
    --iblockHeaderBgRgb: var(--customFirstRgb);
    --iblockHeaderText: var(--textWhite);
    --iblockHeaderTextRgb: var(--textWhiteRgb);
    --iblockHeaderFlagBg: #ffffff;
    --iblockHeaderFlagBgRgb: 255, 255, 255;
    --breadcrumbsBg: var(--textWhite);
    --breadcrumbsBgRgb: var(--textWhiteRgb);
    --breadcrumbsText: var(--customFirst);
    --breadcrumbsTextRgb: var(--customFirstRgb);
    --breadcrumbsHoverBg: var(--customFirst);
    --breadcrumbsHoverBgRgb: var(--customFirstRgb);
    --breadcrumbsHoverText: var(--textWhite);
    --breadcrumbsHoverTextRgb: var(--textWhiteRgb);
    --pagesBg: var(--textWhite);
    --pagesBgRgb: var(--textWhiteRgb);
    --pagesText: var(--customFirst);
    --pagesTextRgb: var(--customFirstRgb);
    --pagesHoverBg: var(--customFirst);
    --pagesHoverBgRgb: var(--customFirstRgb);
    --pagesHoverText: var(--textWhite);
    --pagesHoverTextRgb: var(--textWhiteRgb);
    --pagesActiveBg: var(--customFirst);
    --pagesActiveBgRgb: var(--customFirstRgb);
    --pagesActiveText: var(--textWhite);
    --pagesActiveTextRgb: var(--textWhiteRgb);
    --childLinksPxPaddingCont: 6px;
    --childLinksPxPaddingItem: 6px;
    --childLinksPxPaddingItemLeft: 2px; 
    --childLinksPxPaddingActiveItemLeft: 6px;
    --childLinksPxDefaultBorder: 0;
    --childLinksPxActiveBorder: 4px;
    --childLinksDefaultBorder: #d7d7d7;
    --childLinksDefaultBorderRgb: 215, 215, 215;
    --childLinksActiveBorder: var(--linksHover);
    --childLinksActiveBorderRgb: var(--linksHoverRgb);
    --childLinksDefaultBg: transparent;
    --childLinksDefaultBgRgba: 255, 255, 255, 0;
    --childLinksHoverBg: transparent;
    --childLinksHoverBgRgba: 255, 255, 255, 0;
    --childLinksActiveBg: var(--linksHover);
    --childLinksActiveBgRgb: var(--linksHoverRgb);
    --childLinksDefaultText: var(--links);
    --childLinksDefaultTextRgb: var(--linksRgb);
    --childLinksHoverText: var(--linksHover);
    --childLinksHoverTextRgb: var(--linksHoverRgb);
    --childLinksActiveText: var(--textWhite);
    --childLinksActiveTextRgb: var(--textWhiteRgb);
    --childLinksTextDecor: none; 
    --userOnline: #0ED50E;
    --userOnlineRgb: 14, 213, 14;
    --topMenuDefaultBg: transparent;
    --topMenuDefaultBgRgba: 255, 255, 255, 0;
    --topMenuDefaultText: #858587;
    --topMenuDefaultTextRgb: 133, 133, 135;
    --topMenuHoverBg: #858587;
    --topMenuHoverBgRgb: 133, 133, 135;
    --topMenuHoverText: var(--textWhite);
    --topMenuHoverTextRgb: var(--textWhiteRgb);
    --topMenuActiveBg: #858587;
    --topMenuActiveBgRgb: 133, 133, 135;
    --topMenuActiveText: var(--textWhite);
    --topMenuActiveTextRgb: var(--textWhiteRgb);
    --topMenuSubBg: #e6e6e6;
    --topMenuSubBgRgb: 230, 230, 230;
    --topMenuSubText:  var(--topMenuDefaultText);
    --topMenuSubTextRgb: var(--topMenuDefaultTextRgb);
    --progressBarTrack: var(--links);
    --progressBarTrackRgb: var(--linksRgb);
    --popupCloseBg: #0773C6;
    --popupCloseBgRgb: 7, 115, 198;
    --popupCloseText: var(--textWhite);
    --popupCloseTextRgb: var(--textWhiteRgb);
}

/* css/part_reset.css */ 
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus {
    outline: none;
}
:active {
    outline: none;
}
input, select {
    vertical-align: middle;
    border-radius: 0;
}
input[type="file"] {
    border: 2px solid #999;
    padding: 1px;
}
pre {
    color: #333;
    background-color: #eee;
    border-radius: 5px;
    padding: 10px;
}
/* css/part_basic.css */ 
body {
    font-family: var(--font);
    font-size: var(--fontSize);
    line-height: 18px;
    font-style: normal;
    color: var(--text);
    overflow-y: scroll;
    background-color: #fff;
}
a {
    color: var(--links);
    text-decoration: none;
}
a:hover {
    color: var(--linksHover);
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: bold;
}
h1 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
}
h2 {
    font-size: 22px;
    line-height: 25px;
}
h3 {
    font-size: 18px;
    line-height: 20px;
}
h4 {
    font-size: 16px;
    line-height: 20px;
}
h5, h6 {
    font-size: 14px;
    line-height: 18px;
}
p {
    margin-bottom: 5px;
}
b, strong {
    font-size: 100%;
    font-weight: bold;
}
small {
    font-size: 87%;
}
ol, ul {
    padding: 5px 0 0 13px;
    margin: 0 0 18px 13px;
}
ol li, ul li {
    margin: 0 0 8px 0;
}
blockquote {
    margin: 0 0 20px 25px;
    font-style: italic;
    color: #888;
    line-height: 19px;
}
input, select, textarea {
    background-color: #fff;
}
button, input, select, textarea {
    font-family: var(--font);
    font-size: var(--fontSize);;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e3e3e3;
    margin: 1.6em 0 1.7em 0;
    padding: 0;
}
/* css/part_body_colored.css */ 
body {
    background-color: var(--bg);
}
/* css/mjsa.css */ 
/*! mjsa.css - v1.1.4
* https://github.com/madeS/mjsa
* Copyright (c) 2013-2014 Andrei Bogarevich; Licensed MIT */

.mjsa_hints_container{ position: fixed; top: 0; left: 0; width: auto; z-index:300;}
.mjsa_hints_container .hintwrap{ display:none; clear:left;}
.mjsa_hints_container .mjsa_hint { position: relative; float:left; clear:left; margin: 8px; color: #333; font-weight: bold; font-size: 14px; padding: 6px 29px 6px 6px; border-radius: 3px;}
.mjsa_hints_container .mjsa_hint .close { cursor: pointer; position: absolute; top: 5px; right: 4px; padding: 2px;  }
.mjsa_hints_container .mjsa_hint .close:hover { color: #fff; text-shadow: 0px 0px 5px #000; } 
.mjsa_hints_container .mjsa_hint.mjsa_hint_success { background-color: #70ef9f; }
.mjsa_hints_container .mjsa_hint.mjsa_hint_error { background-color: #ef9e8a; }
.mjsa_hints_container .mjsa_hint.mjsa_hint_simple { 
	background-color: #c0d4f3; 
}
.m_incorrect {border: 1px solid #f33 !important;}
.m_disable_cont {position: relative}
.m_disable_layer {position:absolute; top: 0; left: 0; width:100%; height: 100%; display:none;}
.m_owhite{background-color: #fff; opacity: 0.5;}
.mjsa_ajax_shadow{position:fixed; width:100%; height:100%; top:0; left: 0; z-index:1000;  display:none;}
.mjsa_ajax_shadow .inner{ width:100%; height: 100%; background-color:#000; opacity:0.6;}
.tfc {position: relative; overflow: hidden;}
.tfi { width: 200%; height: 100%; display: block;}
span.tf{
   display:inline-block; position:absolute;
   right:0px; bottom:0px; width:20px; height:100%;
   background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
   background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
   background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
   background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
   background-image: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
}
.m_progressbar_container { width: 300px; }
.m_progressbar_container .progressbar{ width: 100%; height: 10px; border:none; border-bottom: 1px solid #000; }
.m_progressbar_container .progressbar .track{ height: 100%; width:0%; background-color: #000; }
.m_progressbar_container .counter_text{ margin-top: 5px; }
.m_progressbar_container .m_cancel{ float: right;  margin-top: 5px; }
.scoll_popup_container .popup_scroll_shadow {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6;}
.scoll_popup_container .popup_scroll_loading {display: none; position: fixed; top: 100px; left: 0; width: 100%; height: 100%;  text-align:center;}
.scoll_popup_container .popup_scroll{ display: none; left: 50%; position: fixed; padding: 0 0 20px; min-height:100px; }
.scoll_popup_container .popup_scroll_body{position: relative; line-height: normal; background:#fff; box-shadow: 0px 2px 20px 5px #414141; }
.scoll_popup_container .close_popup_scroll{ cursor:pointer; position: absolute; right: 3px; top: 3px; font-size:25px; }
/*! Hint.css - v0.1.0 - 2013-02-03
* https://github.com/chinchang/hint.css
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

.hint { position: relative; display: inline-block; }
.hint:before, .hint:after {
	position: absolute; opacity: 0; z-index: 1000; text-decoration: none;
	pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; 
}
.hint:hover:before, .hint:hover:after { opacity: 1; }
.hint:before {
	content: ''; position: absolute; z-index: 1001;
	background: transparent; border: 6px solid transparent;
}
.hint:after {
	content: attr(data-title); white-space: nowrap;
	background: #000; color: white;
	padding: 8px 10px; font-size: 12px; line-height: 12px;
	border-radius: 2px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
}
.hint:before { border-bottom-color: transparent;}
.hint:before { margin-top: -12px; margin-left:-7px }
.hint:after { margin-left: -18px; }
.hint:before, .hint:after { top: 100%; left: 50%; }
.hint:hover:before, .hint:hover:after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px); }
.hint.htop:before { border-top-color: #000;}
.hint.hbottom:before {border-bottom-color: #000;}
.hint.hleft:before {border-left-color: #000;}
.hint.hright:before {border-right-color: #000;}
.hint.htop:before {margin-top: 0px; margin-left: -7px;}
.hint.htop:after {margin-left: -18px; margin-top: -28px;}
.hint.htop:before, .hint.htop:after {top: 0%;left: 50%;}
.hint.htop.hlefted:after {margin-left: 0; margin-right: -18px;}
.hint.htop.hlefted:before, .hint.htop.hlefted:after {top: 0%;left: auto; right: 50%;}
.hint.htop:hover:before, .hint.htop:hover:after {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px);}
.hint.hbottom:before {margin-top: -12px;}
.hint.hbottom:after {margin-left: -18px;}
.hint.hbottom:before, .hint.hbottom:after {top: 100%;left: 50%;}
.hint.hbottom.hlefted:after {margin-left: 0; margin-right: -18px;}
.hint.hbottom.hlefted:before, .hint.hbottom.hlefted:after {top: 100%;left: auto; right: 50%;}
.hint.hbottom:hover:before, .hint.hbottom:hover:after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);}
.hint.hright:before {margin-left: -8px;margin-bottom: -6px; margin-top: auto;  }
.hint.hright:after {margin-bottom: -14px; margin-left: 3px; }
.hint.hright:before, .hint.hright:after {top:auto; left: 100%;bottom: 50%; }
.hint.hright:hover:before, .hint.hright:hover:after {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px); }
.hint.hleft:before {margin-right: -8px; margin-bottom: -6px; margin-top: auto; margin-left: auto; }
.hint.hleft:after {margin-bottom: -14px; margin-right: 3px; }
.hint.hleft:before, .hint.hleft:after {top: auto; left: auto; right: 100%; bottom: 50%; }
.hint.hleft:hover:before, .hint.hleft:hover:after {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px); }
.hint.herror:after {background-color: #b34e4d;text-shadow: 0 -1px 0px #5a2626; }
.hint.herror.hint.htop:before {border-top-color: #b34e4d; }
.hint.herror.hint.hbottom:before {border-bottom-color: #b34e4d; }
.hint.herror.hint.hleft:before {border-left-color: #b34e4d; }
.hint.herror.hint.hright:before {border-right-color: #b34e4d; }
.hint.hwarning:after {background-color: #c09854;text-shadow: 0 -1px 0px #6d5228; }
.hint.hwarning.hint.htop:before {border-top-color: #c09854; }
.hint.hwarning.hint.hbottom:before {border-bottom-color: #c09854; }
.hint.hwarning.hint.hleft:before {border-left-color: #c09854; }
.hint.hwarning.hint.hright:before {border-right-color: #c09854; }
.hint.hinfo:after {background-color: #3986ac;text-shadow: 0 -1px 0px #193c4c; }
.hint.hinfo.hint.htop:before {border-top-color: #3986ac; }
.hint.hinfo.hint.hbottom:before {border-bottom-color: #3986ac; }
.hint.hinfo.hint.hleft:before {border-left-color: #3986ac; }
.hint.hinfo.hint.hright:before {border-right-color: #3986ac; }
.hint.hsuccess:after {background-color: #458746;text-shadow: 0 -1px 0px #1a331a; }
.hint.hsuccess.hint.htop:before {border-top-color: #458746; }
.hint.hsuccess.hint.hbottom:before {border-bottom-color: #458746; }
.hint.hsuccess.hint.hleft:before {border-left-color: #458746; }
.hint.hsuccess.hint.hright:before {border-right-color: #458746; }
.hint.hperm:after, .hint.hperm:before {  opacity: 1; }
.hint.hperm.hint.htop:after, .hint.hperm.hint.htop:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px); }
.hint.hperm.hint.hbottom:after, .hint.hperm.hint.hbottom:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px); }
.hint.hperm.hint.hleft:after, .hint.hperm.hint.hleft:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px); }
.hint.hperm.hint.hright:after, .hint.hperm.hint.hright:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px); }

/* css/mjsa_bodyajax_loader.css */ 
.mjsa_ajax_shadow .mjsa_loader {
    position: absolute;
    top: 20px; 
    left: 50%;
    margin-left: -50px;
    margin-top: 0;
}
.cssload-loader {
    position: relative;
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    perspective: 780px;
}
.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
}
.cssload-inner.cssload-one {
    left: 0;
    top: 0;
    animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 5px solid rgb(0, 0, 0);
}
.cssload-inner.cssload-two {
    right: 0;
    top: 0;
    animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 5px solid rgb(0, 0, 0);
}
.cssload-inner.cssload-three {
    right: 0;
    bottom: 0;
    animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 5px solid rgb(0, 0, 0);
}
@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
/* css/part_helpers.css */ 
.likea {
    cursor: pointer;
}
a, .likea {
    color: var(--links);
}
a:hover, .likea:hover {
    color: var(--linksHover);
    text-decoration: underline;
}
.mjsa_hints_container .mjsa_hint {
    opacity: 0.9;
}
.noa {
    color: var(--text);
    text-decoration: none;
}
.noa:hover {
    color: var(--text);
    text-decoration: none;
}
.clearline {
    height: 0;
    clear: both;
}
.transition {
    transition: 0.5s;
}
.textovered {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.imgcentred {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.centered {
    text-align: center
}
.righted {
    text-align: right
}
.lefted {
    text-align: left
}
.hidden {
    display: none;
}
div.divinline {
    display: inline;
}
.inliner {
    display: inline-block;
    float: none;
}
.relative {
    position: relative;
}
.margintop {
    margin-top: 10px;
}
/* css/part_buttons.css */ 
.btn {
    min-height: 33px;
    font-weight: bold;
    line-height: 33px;
    display: inline-block;
    padding: 0 8px;
    box-sizing: border-box;
    background-color: var(--btnDefaultBg);
    color: var(--btnDefaultText);
    background-image: -webkit-linear-gradient(top, var(--btnDefaultBgTop) 0, var(--btnDefaultBgBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnDefaultBgTop) 0, var(--btnDefaultBgBottom) 100%);
    cursor: pointer;
}
.btn:focus {
    outline: 1px solid var(--links);
}
.btn:active {
    outline: 1px solid var(--linksHover);
}
.btn:hover {
    text-decoration: none;
    background-color: var(--btnDefaultBgHover);
    color: var(--text);
    background-image: -webkit-linear-gradient(top, var(--btnDefaultBgHoverTop) 0, var(--btnDefaultBgHoverBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnDefaultBgHoverTop) 0, var(--btnDefaultBgHoverBottom) 100%);
}
.btn.disable, .nobtn.disable {
    -webkit-animation: btndisable 0.5s ease-in-out 0s infinite normal;
    animation: btndisable 0.5s ease-in-out 0s infinite normal;
}
.btn span.icon {
    width: 30px;
}
@-webkit-keyframes btndisable {
    0% {
        box-shadow: 0 2px 1px var(--linksHover);
    }
    25% {
        box-shadow: 4px 0 1px var(--linksHover);
    }
    50% {
        box-shadow: 0 -2px 1px var(--linksHover);
    }
    75% {
        box-shadow: -4px 0 1px var(--linksHover);
    }
    100% {
        box-shadow: 0 2px 1px var(--linksHover);
    }
}
@keyframes btndisable {
    0% {
        box-shadow: 0 2px 1px var(--linksHover);
    }
    25% {
        box-shadow: 4px 0 1px var(--linksHover);
    }
    50% {
        box-shadow: 0 -2px 1px var(--linksHover);
    }
    75% {
        box-shadow: -4px 0 1px var(--linksHover);
    }
    100% {
        box-shadow: 0 2px 1px var(--linksHover);
    }
}
.btn.green {
    background-color: var(--btnGreenBg);
    color: var(--btnGreenText);
    background-image: -webkit-linear-gradient(top, var(--btnGreenBgTop) 0px, var(--btnGreenBgBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnGreenBgTop) 0px, var(--btnGreenBgBottom) 100%);
}
.btn.green:hover {
    background-color: var(--btnGreenBgHover);
    background-image: -webkit-linear-gradient(top, var(--btnGreenBgHoverTop)  0px, var(--btnGreenBgHoverBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnGreenBgHoverTop) 0px, var(--btnGreenBgHoverBottom) 100%);
}
.btn.blue {
    background-color: var(--btnBlueBg);
    color: var(--btnBlueText);
    background-image: -webkit-linear-gradient(top, var(--btnBlueBgTop) 0px, var(--btnBlueBgBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnBlueBgTop) 0px, var(--btnBlueBgBottom) 100%);
}
.btn.blue:hover {
    background-color: var(--btnBlueBgHover);
    background-image: -webkit-linear-gradient(top, var(--btnBlueBgHoverTop) 0px, var(--btnBlueBgHoverBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnBlueBgHoverTop) 0px, var(--btnBlueBgHoverBottom) 100%);
}
.btn.red {
    background-color: var(--btnRedBg);
    color: var(--btnRedText);
    background-image: -webkit-linear-gradient(top, var(--btnRedBgTop) 0px, var(--btnRedBgBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnRedBgTop) 0px, var(--btnRedBgBottom) 100%);
}
.btn.red:hover {
    background-color: var(--btnRedBgHover);
    background-image: -webkit-linear-gradient(top, var(--btnRedBgHoverTop) 0px, var(--btnRedBgHoverBottom) 100%);
    background-image: linear-gradient(to bottom, var(--btnRedBgHoverTop) 0px,var(--btnRedBgHoverBottom) 100%);
}
.btn.maxiusable {
    display: inline-block;
    border-radius: 7px;
    padding: 2px 23px;
    line-height: 36px;
    box-shadow: 0 3px 9px -2px #000;
}
.btn.maxiusable:hover {
}
.btn.maxiusable:active, .btn.maxiusable:focus {
}
/* css/part_styled_form.css */ 
.styled_form {
}
.styled_form h2 {
    text-align: center;
}
.styled_form .row {
    padding: 0 3px 6px;
    text-align: left;
}
.styled_form .row > span.divinline {
    line-height: 30px;
    display: inline-block;
}
.styled_form input.in,
.styled_form select.in,
.styled_form textarea.in {
    border: 1px solid #e3e3e3;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 0 0 8px;
}
.styled_form input.in[type="checkbox"] {
    height: 26px;
    padding: 0;
    width: 26px
}
.styled_form .in.ronly {
    background-color: #eee;
}
.styled_form .selecttwo {
    width: 100%;
}
.styled_form select.in.birthday {
    width: 60px;
}
.styled_form select.in.birthday.year {
    width: 80px;
}
.styled_form textarea.in {
    min-height: 90px;
    max-width: 60%;
    min-width: 60%;
    line-height: 18px;
}
.styled_form .btn {
    display: inline-block;
}
.styled_form .in_error {
    color: var(--textRed);
    margin-left: 37%;
}
.styled_form .in_error:not(:empty) {
    margin-bottom: 10px;
}
.styled_form .red {
    color: var(--textRed);
}
.styled_form .in_error.stepped {
    margin-left: 0;
}
.styled_form .row.tabled span.label {
    display: inline-block;
    width: 37%;
    min-height: 30px;
    line-height: 30px;
    text-align: right;
    padding: 0 8px 0 0;
    vertical-align: top;
    box-sizing: border-box;
}
.styled_form .row.tabled div.particular {
    display: inline-block;
    width: 60%;
    min-height: 30px;
    line-height: 30px;
    padding: 0 8px 0 0;
    vertical-align: top;
    box-sizing: border-box;
}
.styled_form .row.tabled input.particular,
.styled_form .row.tabled select.particular,
.styled_form .row.tabled textarea.particular {
    width: 60%;
}
.styled_form .row.stepped span.label {
    display: block;
    width: 100%;
    text-align: left;
    max-width: 100%;
    min-width: 100%;
}
.styled_form .row.stepped input.particular,
.styled_form .row.stepped select.particular,
.styled_form .row.stepped textarea.particular {
    display: block;
    width: 100%;
    text-align: left;
    max-width: 100%;
    min-width: 100%;
}
/* css/part_styled_form_app.css */ 
.auth_form .whatpass {
    margin-left: 20px;
}
.regauth_form_container {
    text-align: center;
}
.regauth_form_container h3 {
    margin-bottom: 10px;
}
.register_form, .auth_form {
    width: 390px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.popup_scroll .register_form, .popup_scroll .auth_form {
    width: 100%;
}
.popup_feedback {
    max-width: 500px;
}
/* css/part_iblock.css */ 
.iblock {
    display: block;
    box-shadow: 0 2px 5px 0 #ccc;
    background-color: var(--iblockBg);
}
.iblock.noshadow {
    box-shadow: none;
}
.iblock .bheader {
    display: block;
    background-color: var(--iblockHeaderBg);
    color: var(--iblockHeaderText);
    font-weight: bold;
    padding: 0 8px;
    line-height: 35px;
    height: 35px;
}
.iblock .bheader.alert {
    display: block;
    background-color: var(--customAlerts);
}
.iblock .bheader .flag {
    float: left;
    height: 29px;
    box-sizing: border-box;
    padding: 3px;
    background-color: var(--iblockHeaderFlagBg);
    margin: 3px 6px 0 0;
}
.iblock .bheader .flag img {
    max-height: 100%;
}
.iblock .bheader h1 {
    line-height: 35px;
}
.iblock .bheader a {
    color: var(--iblockHeaderText);
    text-decoration: none;
}
.iblock .padded {
    padding: 10px;
}
.iblock .padded_vertical {
    padding: 10px 0;
}
.iblock .control_btns {
    padding: 10px 8px 10px;
    background-color: var(--iblockControlsBg);
}
.iblock .control_btns p {
    margin-bottom: 0;
}
.iblock .control_btns .right_btns {
    float: right;
    text-align: right;
}
.iblock .control_btns .left_btns {
    float: left;
}
.left_container .iblock {
    margin-bottom: 20px;
}
.right_container .iblock {
    margin-bottom: 20px;
}
/* css/part_breadcrumbs.css */ 
.breadcrumbs {
    position: relative;
    margin: 0 0 15px 0;
    min-height: 28px;
    padding: 6px 0;
    line-height: 28px;
}
.breadcrumbs .crumb {
    color: var(--breadcrumbsText);
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: var(--breadcrumbsBg);
    height: 28px;
    line-height: 28px;
    margin-right: 18px;
    padding: 0 5px;
    box-shadow: 0 1px 5px 0 #a3a3a3;
}
.breadcrumbs a.crumb:hover {
    color: var(--breadcrumbsHoverText);
    background-color: var(--breadcrumbsHoverBg);
    text-decoration: none;
}
.breadcrumbs a.crumb:hover:before {
    border-top-color: var(--breadcrumbsHoverBg);
    border-bottom-color: var(--breadcrumbsHoverBg);
}
.breadcrumbs a.crumb:hover:after {
    border-left-color: var(--breadcrumbsHoverBg);
}
.breadcrumbs .crumb [class^="icon-"] {
    font-size: 20px;
    vertical-align: top;
    line-height: 28px;
}
.breadcrumbs .crumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid var(--breadcrumbsBg);
    border-bottom: 14px solid var(--breadcrumbsBg);
    border-left: 14px solid transparent;
    border-right: none;
}
.breadcrumbs .crumb.first:before {
    border-left: none;
}
.breadcrumbs .crumb:after {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid var(--breadcrumbsBg);
    border-right: none;
}
.after_breadcrumbs_line {
    clear: both;
    display: block;
}
/* css/part_pages.css */ 
.pages {
    display: block;
    clear: both;
}
.pages a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-color: var(--pagesBg);
    color: var(--pagesText);
    padding: 0 12px;
    font-weight: bold;
}
.pages a:hover, .pages a:active {
    text-decoration: none;
    background-color: var(--pagesHoverBg);
    color: var(--pagesHoverText);
}
.pages a.selected {
    background-color: var(--pagesActiveBg);
    color: var(--pagesActiveText);
}
.row .tipsy {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}

/* css/part_container.css */ 
.page_container {
    position: relative;
}
.page_container .center_container {
    margin: 0 225px 0 0;
}
.page_container .center_container.with_left {
    margin: 0 225px 0 225px;
}
.page_container .left_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 205px
}
.page_container .right_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 205px;
}
/* css/part_header.css */ 
.header {
    color: var(--text);
    position: relative;
    margin: 0 0 30px;
    padding: 0 0;
    width: 100%;
    min-height: 106px;
    z-index: 2;
}
.header .wrap {
    display: block;
    position: relative;
    width: 100%;
    background-color: rgba(var(--headerBgRgb), var(--headerBgAlpha) );
}
.header > .bg {
    display: none;
    height: 0;
}
.header .logo {
    padding: 5px 5px 10px 5px;
    text-align: center;
}
.header .logo img {
    max-width: 100%;
    max-height: 50px;
    vertical-align: top;
}
.header .btn.auth {
    margin: 0 0 0 30px;
}
.header .fline {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.header .sline {
    font-size: 14px;
}
.header.fixed .wrap {
    position: fixed;
    top: 0;
    left: 0;
}
.header.fixed > .bg {
    display: block;
    height: 0; 
}
.header.fixed .logo {
    height: 0;
    padding: 0;
    overflow: hidden;
}
.header .mobilemenu {
    display: none;
    margin: 0;
    width: 50px;
    height: 40px;
    padding: 5px 0;
}
.header .mobilemenu .inner {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}
.header.menu-active .mobilemenu .inner {
    color: #f00;
}
/* css/part_header_profile.css */ 
.header .profile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
}
.header .profile .popshow {
    position: relative;
}
.header .profile .popshow .bg {
    cursor: pointer;
}
.header .profile .pop_cont {
    display: none;
    text-align: left;
}
.header .profile .pop_cont .popshadow {
    z-index: 111;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.header .profile .pop_cont .arr {
    z-index: 113;
    width: 0;
    height: 0;
    position: absolute;
    top: 33px;
    right: 5px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.header .profile .pop_cont .popcontent {
    z-index: 112;
    position: absolute;
    width: 250px;
    min-height: 30px;
    max-height: 300px;
    top: 42px;
    right: 0px;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px #ccc;
    box-shadow: 0px 4px 20px 0px #414141;
    overflow-y: auto;
}
.header .profile .pop_cont .popcontent .popmenu {
}
.header .profile .pop_cont .popcontent .popmenu .item {
    display: block;
    padding: 8px 10px;
}
.header .profile .social_login {
    display: inline-block;
    width: 250px;
    height: 35px;
    margin: 8px 7px 0 0;
    text-align: right;
}
.header .profile .social_login a {
    vertical-align: middle;
}
.header .profile .profile_menu .pop_cont .popcontent {
    width: 140px;
}
.header .profile .profile_menu {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 3px 7px 0 0;
    text-align: right;
}
.header .profile .profile_menu .bg {
    width: 100%;
    height: 100%;
    position: relative;
}
.header .profile .profile_menu .bg img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.header .profile .profile_notifications {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 2px 7px 0 0;
}
.header .profile .profile_notifications .bg {
    width: 100%;
    height: 100%;
    position: relative;
}
.header .profile .profile_notifications .bg .cent {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    left: 0;
    top: 0;
}
.header .profile .profile_notifications .bg .cent.icon {
    z-index: 1;
    color: #999;
    font-size: 28px;
    left: -2px;
}
.header .profile .profile_notifications.active .bg .cent.icon {
    color: #f98e3c;
}
.header .profile .profile_notifications .bg .cent.counter {
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}
.notifications {
    padding: 10px 0;
}
.notifications .item {
    position: relative;
    height: 65px;
}
.notifications .item .notification_content {
    margin: 0 20px 0 50px;
    padding: 5px 0;
    font-size: 12px;
    max-height: 55px;
    overflow: hidden;
}
.notifications .item.new {
    background-color: #efefef;
}
.notifications .item.new .notification_content {
    font-weight: bold;
}
.notifications .item .pic {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 40px;
    width: 40px;
    overflow: hidden;
}
.notifications .item .pic img {
    width: 100%;
}
.notifications .item .remove {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}
/* css/part_footer.css */ 
.footer {
    clear: both;
    padding: 0 0 0;
    text-align: center;
    margin: 0 auto 0;
    background-color: transparent;
}
.footer a, .footer .likea {
}
.footer {
    margin: 20px 0 0;
    padding: 15px 15px 10px;
}
.footer .btn {
    color: var(--text);
    text-align: center;
}
.footer .contacts {
    text-align: left;
    font-size: 12px;
    color: #ccc
}
.footer .contacts .line {
    margin-bottom: 10px;
}
.footer .information {
    text-align: center;
    font-size: 12px;
    color: #ccc
}
.footer .information .line {
    margin-bottom: 10px;
}
.footer .support {
    text-align: left;
    font-size: 14px;
    color: #ccc
}
.footer .support .line {
    margin-bottom: 10px;
}
.footer .support .line .dev {
    position: relative;
    display: block;
    padding: 0 0 0 30px;
}
.footer .support .line .dev > span {
    position: absolute;
    top: 10px;
    left: 0;
}
.footer .support a, .footer .support .btn {
    width: 100%;
}
.footer .section {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 11px; 
    line-height: 15px;
}
.footer .section:first-child {
    border-left: none;
}
/* css/part_childlinks.css */ 
.child_links {
}
.child_links.items, .child_links .items {
    padding: var(--childLinksPxPaddingCont) 0;
}
.child_links .item {
    display: block;
    padding: var(--childLinksPxPaddingItem) var(--childLinksPxPaddingItem) var(--childLinksPxPaddingItem) var(--childLinksPxPaddingItemLeft);
    color: var(--childLinksDefaultText);
    border-left: var(--childLinksPxDefaultBorder) solid var(--childLinksDefaultBorder);
    text-align: left;
    background-color: var(--childLinksDefaultBg);
}
.child_links .item:hover, .child_links .item.active {
    color: var(--childLinksHoverText);
    border-left: var(--childLinksPxActiveBorder) solid var(--childLinksActiveBorder);
    padding-left: var(--childLinksPxPaddingActiveItemLeft);
    background-color: var(--childLinksHoverBg);
    text-decoration: var(--childLinksTextDecor);
}
.child_links .item.active {
    color: var(--childLinksActiveText);
    background-color: var(--childLinksActiveBg);
}
/* css/part_page_searcher.css */ 
.page_searcher_cont {
    margin-bottom: 40px;
}
.page_searcher {
    padding-right: 100px;
    position: relative;
    margin-bottom: 10px;
    height: 40px;
}
.page_searcher .page_searcher_input {
    box-sizing: border-box;
    padding: 8px 10px;
    width: 100%;
    height: 40px;
    line-height: 24px;
    font-size: 19px;
}
.page_searcher .page_searcher_submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    line-height: 40px;
    text-align: center;
}
/* css/part_imglinkblock.css */ 
.imglinkblock-item {
    position: relative;
    display: block;
    margin-bottom: 8px;
}
.imglinkblock-item .img_cont {
    width: 205px;
    height: 120px;
    overflow: hidden;
    position: relative;
    display: block;
}
.imglinkblock-item .img_inside {
    display: block;
    width: 235px;
    height: 235px;
    position: relative;
    margin-top: -55px;
    margin-left: -15px;
}
.imglinkblock-item .img_inside img {
    width: 205px;
    height: auto;
}
.imglinkblock-item .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.imglinkblock-item:hover .layer {
    background-color: rgba(0, 0, 0, 0.0);
}
.imglinkblock-item:hover .img_inside img {
    width: 100%;
    height: auto;
}
.imglinkblock-item .title_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 25px 5px 5px;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.7) 80%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.7) 80%);
}
.imglinkblock-item .title_inside {
    color: #fff;
}
.imglinkblock-item .videoplay {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    border-radius: 100%;
}
.imglinkblock-item .videoplay > span {
    font-size: 25px;
    line-height: 50px;
    color: #ccc;
}
.imglinkblock-item .btns {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    text-align: right;
}
.imglinkblock-item .btns > span {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 3px;
    margin-bottom: 8px;
}
.imglinkblock-item .btns > span.active {
    background-color: rgba(0, 127, 0, 1);
}
.imglinkblock-item .btns > span:hover {
    background-color: rgba(0, 0, 127, 0.6);
}
.center_media_previews {
    margin: 8px 0;
    text-align: center;
}
.center_media_previews .imglinkblock-item {
    margin: 0 4px 6px;
    display: inline-block;
}
.media_preview_simple {
    display: inline-block;
}
/* css/part_background_layer.css */ 
.backgroundlayer {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.backgroundlayer.braled {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.backgroundlayercontent {
    z-index: 1; 
    position: relative;
}
.backgroundlayer.braled.gradi {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.backgroundlayer.braled.gradi .gradi_inner {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: -moz-linear-gradient(top, rgba(var(--bg), 0), rgba(var(--bg), 1));
    background-image: -webkit-linear-gradient(top, rgba(var(--bg), 0), rgba(var(--bg), 1));
    background-image: -o-linear-gradient(top, rgba(var(--bg), 0), rgba(var(--bg), 1));
    background-image: -ms-linear-gradient(top, rgba(var(--bg), 0), rgba(var(--bg), 1));
    background-image: linear-gradient(top, rgba(var(--bg), 0), rgba(var(--bg), 1));
}

/* css/part_top_menu.css */ 
.topmenu {
    height: 50px;
    text-transform: uppercase;
    text-align: center;
}
.topmenu .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background-color: var(--topMenuDefaultBg);
    color: var(--topMenuDefaultText);
    font-size: 13px;
    text-decoration: none;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.topmenu .item:hover {
    background-color: var(--topMenuHoverBg);
    color: var(--topMenuHoverText);
}
.topmenu .item.active {
    background-color: var(--topMenuActiveBg);
    color: var(--topMenuActiveText);
}
.topmenu .subitems {
    display: none;
    width: 150px;
    position: absolute;
    top: 50px;
    left: 0;
    text-align: left;
    background-color: var(--topMenuSubBg);
    color: var(--topMenuSubText);
}
.topmenu .item:hover .subitems {
    display: block;
}
.topmenu .subitems .item {
    display: block;
    margin: 0 0;
    padding: 0 0 0 10px;
    height: 30px;
    line-height: 30px;
}
/* css/part_sortable_list.css */ 
.sortable-list {
    position: relative;
}
.sortable-list .sortable-item {
    position: relative;
}
.sortable-list .sortable-item.right .handle {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    cursor: move;
    text-align: center;
    line-height: 24px;
    background-color: #fff;
}
/* css/part_filter_tags.css */ 
.filter_tags {
    margin-bottom: 25px;
}
.filter_tags .item {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-color: #fefefe;
    box-shadow: 0 2px 5px 0 #ccc;
    padding: 0 6px;
}
.filter_tags .item .action {
    text-decoration: none;
}
/* css/part_profile_photos.css */ 
.profile_photos {
    margin-top: 15px;
}
.profile_photos .photo_preview_cont {
    display: inline-block;
    margin: 4px 4px 0 0;
    vertical-align: top;
    position: relative;
}
.profile_photos .photo_preview_cont.selected {
    box-shadow: 0 0 7px var(--customFirst);
    cursor: default;
}
.profile_photos .photo_preview {
    display: block;
    width: 78px;
    height: 78px;
    object-fit: cover;
}
.profile_photos .photo_preview_cont .btns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    gap: 2px;
    padding: 2px 0;
    background-color: rgba(0, 0, 0, .45);
}
.profile_photos .photo_preview_cont .btns .likea {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
    cursor: pointer;
}
.profile_photos .photo_preview_cont .btns .likea:hover {
    color: var(--customFirst);
}
.profile_photos .photo_preview_cont .btns .likea.active {
    color: #4caf50;
    cursor: default;
}
.user_view .big_image {
    position: relative;
}
.user_view .big_image .crop {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    width: 24px;
    text-align: center;
    background-color: rgba(0, 0, 0, .45);
    cursor: pointer;
}
.user_view .big_image .crop:hover {
    background-color: rgba(0, 0, 0, .75);
}

/* font/icons.css */ 
@font-face {
    font-family: "icons";
    src: url("font/icons.ttf?8bdbd0afacab9537339d9ecf27533ca7") format("truetype"),
url("font/icons.woff?8bdbd0afacab9537339d9ecf27533ca7") format("woff"),
url("font/icons.woff2?8bdbd0afacab9537339d9ecf27533ca7") format("woff2"),
url("font/icons.eot?8bdbd0afacab9537339d9ecf27533ca7#iefix") format("embedded-opentype");
}
.icon {
    display: inline-block;
    vertical-align: inherit;
    font-size: larger;
}
.icon:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    margin-right: .2em;
    margin-left: .2em;
    vertical-align: text-bottom;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .icon.icon-blankic-1979-folder:before {  content: "\f101"; }
 .icon.icon-broccolidry-cancel:before {  content: "\f102"; }
 .icon.icon-elusive-eye-off:before {  content: "\f103"; }
 .icon.icon-elusive-fire:before {  content: "\f104"; }
 .icon.icon-elusive-smiley:before {  content: "\f105"; }
 .icon.icon-elusive-tag:before {  content: "\f106"; }
 .icon.icon-elusive-volume:before {  content: "\f107"; }
 .icon.icon-entypo-plus-arrow-bold-down:before {  content: "\f108"; }
 .icon.icon-entypo-plus-arrow-bold-up:before {  content: "\f109"; }
 .icon.icon-entypo-plus-cw:before {  content: "\f10a"; }
 .icon.icon-entypo-plus-menu:before {  content: "\f10b"; }
 .icon.icon-entypo-plus-thumbs-down:before {  content: "\f10c"; }
 .icon.icon-entypo-plus-thumbs-up:before {  content: "\f10d"; }
 .icon.icon-font-awesome-address-book:before {  content: "\f10e"; }
 .icon.icon-font-awesome-bell:before {  content: "\f10f"; }
 .icon.icon-font-awesome-crop:before {  content: "\f110"; }
 .icon.icon-font-awesome-eye:before {  content: "\f111"; }
 .icon.icon-font-awesome-facebook:before {  content: "\f112"; }
 .icon.icon-font-awesome-film:before {  content: "\f113"; }
 .icon.icon-font-awesome-google:before {  content: "\f114"; }
 .icon.icon-font-awesome-home:before {  content: "\f115"; }
 .icon.icon-font-awesome-image:before {  content: "\f116"; }
 .icon.icon-font-awesome-instagram:before {  content: "\f117"; }
 .icon.icon-font-awesome-line-chart:before {  content: "\f118"; }
 .icon.icon-font-awesome-pencil:before {  content: "\f119"; }
 .icon.icon-font-awesome-play:before {  content: "\f11a"; }
 .icon.icon-font-awesome-twitter:before {  content: "\f11b"; }
 .icon.icon-font-awesome-user:before {  content: "\f11c"; }
 .icon.icon-font-awesome-video-camera:before {  content: "\f11d"; }
 .icon.icon-font-awesome-vk:before {  content: "\f11e"; }
 .icon.icon-howcons-document-edit:before {  content: "\f11f"; }
 .icon.icon-howcons-document1:before {  content: "\f120"; }
 .icon.icon-icomoon-free-cancel-circle:before {  content: "\f121"; }
 .icon.icon-mateial-icons-add:before {  content: "\f122"; }
 .icon.icon-mateial-icons-delete_forever:before {  content: "\f123"; }
 .icon.icon-mateial-icons-expand_less:before {  content: "\f124"; }
 .icon.icon-mateial-icons-expand_more:before {  content: "\f125"; }
 .icon.icon-modern-pictograms-wrench:before {  content: "\f126"; }
 .icon.icon-quotar-quote-left:before {  content: "\f127"; }
 .icon.icon-steadysets-camera:before {  content: "\f128"; }
 .icon.icon-websymbols-comment:before {  content: "\f129"; }
 .icon.icon-websymbols-ok:before {  content: "\f12a"; }
 .icon.icon-zocial-email:before {  content: "\f12b"; }
 .icon.icon-zondicons-cog:before {  content: "\f12c"; }

/* css/part_social_icons.css */ 
[class^="sik-"], [class*=" sik-"] {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 3px;
    opacity: 0.90;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}
[class^="sik-"]:hover, [class*=" sik-"]:hover {
    opacity: 1;
    color: #fff;
}
.sik-vk {
    background: #49739f;
}
.sik-ig {
    background: #966842;
}
.sik-ok {
    background: #eb722e;
}
.sik-fb {
    background: #3b5998;
}
.sik-tw {
    background: #00aced;
}
.sik-gl {
    background: #dd4c39;
}
[class^="sik-"].big, [class*=" sik-"].big {
    width: 45px;
    height: 45px;
    line-height: 45px;
}
[class^="sik-"].small, [class*=" sik-"].small {
    width: 28px;
    height: 28px;
    line-height: 28px
}
[class^="sik-"].translucent, [class*=" sik-"].translucent {
    opacity: 0.3;
}
[class^="sik-"].translucent:hover, [class*=" sik-"].translucent:hover {
    opacity: 1;
}
.sik-btn {
    width: auto;
    padding: 0 10px 0 5px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.sik-btn:hover {
    color: #fff;
}
/* css/part_text_fading.css */ 
span.tf.bg, span.tf.lightgray {
    background-image: -moz-linear-gradient(left, rgba(var(--textBgRgb), 0), rgba(var(--textBgRgb), 1));
    background-image: -webkit-linear-gradient(left, rgba(var(--textBgRgb), 0), rgba(var(--textBgRgb), 1));
    background-image: -o-linear-gradient(left, rgba(var(--textBgRgb), 0), rgba(var(--textBgRgb), 1));
    background-image: -ms-linear-gradient(left, rgba(var(--textBgRgb), 0), rgba(var(--textBgRgb), 1));
    background-image: linear-gradient(left, rgba(var(--textBgRgb), 0), rgba(var(--textBgRgb), 1));
}
span.tf.first, span.tf.fcolor {
    background-image: -moz-linear-gradient(left, rgba(var(--customFirstRgb), 0), rgba(var(--customFirstRgb), 1));
    background-image: -webkit-linear-gradient(left, rgba(var(--customFirstRgb), 0), rgba(var(--customFirstRgb), 1));
    background-image: -o-linear-gradient(left, rgba(var(--customFirstRgb), 0), rgba(var(--customFirstRgb), 1));
    background-image: -ms-linear-gradient(left, rgba(var(--customFirstRgb), 0), rgba(var(--customFirstRgb), 1));
    background-image: linear-gradient(left, rgba(var(--customFirstRgb), 0), rgba(var(--customFirstRgb), 1));
}
/* css/part_app_ready.css */ 
.scoll_popup_container .close_popup_scroll {
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: var(--popupCloseBg);
    color: var(--popupCloseText);
    border-radius: 14px;
    box-shadow: 0 3px 9px -2px #000;
    font-size: 18px;
}
body .scoll_popup_container.thepopup_nopadd .popup_scroll_content {
    padding: 0;
}
.progressbar {
    width: 100%;
    height: 15px;
    border: 1px solid #ccc;
    margin: 10px 0 0;
}
.progressbar .track {
    width: 0%;
    height: 15px;
    float: left;
    background-color: var(--progressBarTrack);
}
.m_progressbar_container {
    width: 100%;
}
.warning_line {
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    background-color: #fcc;
}
.user-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 15px 0;
    width: 112px;
    height: 132px;
    position: relative;
    text-align: left;
}
.user-item .preview {
    width: 100%;
    height: auto;
    display: block;
}
.user-item .online {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    display: block;
    background-color: var(--userOnline);
    border: 2px solid #fff;
    border-radius: 100%;
}
.user-item .name {
    display: block;
    width: 100%;
    height: 20px;
    max-height: 20px;
    line-height: 20px;
}
.user_list_mini .user-item {
    width: 53px;
    height: 69px;
    margin: 0 6px 10px 0;
}
.user_list_mini .user-item .name {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
}
.online span {
    display: inline-block;
    background-color: var(--userOnline);
    height: 10px;
    width: 10px;
    border-radius: 5px;
    margin: 0 12px 0 6px;
    vertical-align: baseline;
}
.message_holder {
    padding: 15px 15px;
    background-color: #eee;
}
.message_holder.error {
    background-color: #fee;
}
.message_holder.success {
    background-color: #efe;
}
.user_view {
    position: relative;
}
.user_view .action_btns {
}
.user_view .action_btns .btn {
    width: 100%;
    margin: 0 0 8px;
}
.user_view .action_btns .btnok {
    width: 100%;
    margin: 0 0 8px;
}
.user_view .big_image {
    width: 100%;
    min-height: 200px;
    margin-bottom: 5px;
    position: relative;
}
.user_view .big_image img {
    width: 100%;
    height: auto;
}
.user_view .big_image .imghider {
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px 0 0 0;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 80%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 80%);
}
.user_view .big_image .imghider .onlinestatus {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: bold;
}
.user_view .uinfoline {
    margin-bottom: 5px;
    text-align: center;
}
.user_view .status {
    position: relative;
    font-size: 18px;
    font-style: italic;
    font-family: Georgia;
}
.user_view .status .arr {
    position: absolute;
    top: 10px;
    right: -20px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #fff;
    z-index: 1;
}
.user_view .status .status_inner {
    margin: 0 0 0 0;
    min-height: 25px;
    background: #fff;
    padding: 10px;
    position: relative;
    z-index: 1;
}
.page_content {
    padding: 0 10px 10px;
    font-size: 16px;
    position: relative;
}
.page_content h1 {
    margin: 0 0 10px;
    font-size: 22px;
}
.page_edit {
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--iblockBg, #fff);
}
.pageprefooter {
    padding: 5px 0 0 5px;
}
.blog_preview {
    width: 100%;
    margin: 10px 10px 20px 0;
    background-color: #efefef;
    height: 150px;
    position: relative;
}
.blog_preview .leftpart {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}
.blog_preview .leftpart img {
    width: 100%;
    height: auto;
}
.blog_preview .rightpart {
    margin-left: 160px;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.blog_preview .rightpart .title {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 8px 0 10px;
}
.blog_preview .rightpart .short_content {
}
.blog_preview .rightpart .btns {
    position: absolute;
    background-color: #efefef;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
    box-sizing: border-box;
}
.media_preview_editable {
    display: block;
    position: relative;
    background-color: #fafafa;
}
.media_preview_editable > a {
    display: block;
    float: left;
    width: 205px;
}
.media_preview_editable .editable_place {
    margin-left: 220px;
}
.media_view {
    text-align: center;
    margin: 10px 0 15px;
}
.media_view .imglinkblock-item {
}
.media_view .preview {
    max-width: 100%;
    height: auto;
}
.media_view .description {
    font-style: italic;
}
.header .logo {
    display: block;
}
#body_cont {
    width: 100%;
    min-width: 1000px;
}
#container {
}
.centerwrap {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.centerwrap.stretch {
    width: auto;
    padding: 0 10px;
}
.centerwrap.stretch.e404 {
    padding: 0 0px;
    margin: 0 0;
}
.centerwrap.reduced {
    width: 750px;
}
/* css/part_app_ready_mobile.css */ 

@media screen and (max-width: 1050px) {
    #body_cont {
        min-width: 320px;
        width: auto;
    }
    .centerwrap {
        width: auto;
        margin: 0 20px;
        padding: 0 0;
    }
}
@media screen and (max-width: 720px) {
    .centerwrap {
        width: auto;
        margin: 0 10px;
        padding: 0 0;
    }
    .page_container .center_container {
        margin: 0 0 0 0;
    }
    .page_container .left_container, .page_container .right_container {
        position: relative;
        top: auto;
        left: auto;
        width: 50%;
        float: left;
    }
    .social_login .socbtn {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    .centerwrap {
        width: auto;
        margin: 0 5px;
        padding: 0 0;
    }
    .page_container .left_container, .page_container .right_container {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        float: none;
    }
    .register_form, .auth_form {
        width: 100%;
    }
    .header .logo {
        display: block;
        float: right;
        padding: 0;
        margin-right: 100px;
    }
    .header .logo img {
        max-width: 100%;
        vertical-align: top;
        height: 40px;
    }
    .header.fixed {
        min-height: 50px;
    }
    .header.fixed .logo {
        height: auto;
    }
    .header .mobilemenu {
        display: block;;
    }
    .topmenu {
        display: none;
    }
    .header.menu-active .topmenu {
        display: block;
    }
    .topmenu {
        height: auto;
        text-align: left;
    }
    .topmenu .item {
        display: block;
        width: 150px;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        margin: 0 0 0 0;
    }
    .topmenu .subitems {
        display: none;
        width: 160px;
        top: 0;
        left: 150px;
    }
}
/* plugins/jqueryui/jquery-ui.min.css */ 
/*! jQuery UI - v1.12.1 - 2016-10-24
* http://jqueryui.com
* Includes: sortable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-sortable-handle{-ms-touch-action:none;touch-action:none}
/* css/jquery.jcrop.min.css */ 

.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/* css/app.comments.css */ 

.comments {overflow: hidden;}
.comments .comment_add_form { margin: 5px 10px 0px 80px; padding:10px 0; position: relative; }
.comments .comment_add_form .guest_name { margin-bottom: 10px; }
.comments .comment_add_form img{ position: absolute; left:-70px; width: 60px; height: auto; }
.comments .comment_add_form textarea{ width: 100%; min-width: 100%; max-width: 100%; margin: 0 0 4px; min-height: 60px; height: auto; box-sizing: border-box; padding: 0 4px;}
.comments .comment_add_form .tipsy{ color: #ccc;}
.comments .comment { margin: 15px 0 15px;  }
.comments .comment.lvl0 { margin-left: 0; }
.comments .comment.lvl1 { margin-left: 3%; }
.comments .comment.lvl2 { margin-left: 6%; }
.comments .comment.lvl3 { margin-left: 9%; }
.comments .comment.lvl4 { margin-left: 12%; }
.comments .comment.lvl5 { margin-left: 14%; }
.comments .comment.lvl6 { margin-left: 16%; }
.comments .comment.lvl7 { margin-left: 18%; }
.comments .comment.lvl8 { margin-left: 20%; }
.comments .comment.lvl9 { margin-left: 22%; }
.comments .comment.lvl10 { margin-left: 24%; }
.comments .comment.lvl11 { margin-left: 25%; }
.comments .comment.lvl12 { margin-left: 26%; }
.comments .comment.lvl13 { margin-left: 27%; }
.comments .comment.lvl14 { margin-left: 28%; }
.comments .comment.lvl15 { margin-left: 29%; }
.comments .comment.lvl16 { margin-left: 30%; }
.comments .comment.lvl17 { margin-left: 31%; }
.comments .comment.lvl18 { margin-left: 32%; }
.comments .comment.lvl19 { margin-left: 33%; }
.comments .comment.lvl20 { margin-left: 34%; }
.comments .comment .comment_add_in { margin-left: 2%;}
.comments .comment .controls { display:inline-block; margin:0 0 0 10px; }
.comments .comment .controls > span { text-decoration: none; font-size: 14px;}
.comments .comment .message_cont{ margin: 0 100px 0 80px; position: relative; }
.comments .comment .message_cont img{ position: absolute; left:-70px; width: 60px; height: auto;  }
.comments .comment .message_cont .name{ font-weight: bold; margin-bottom: 4px; }
.comments .comment .message_cont .botton{ color: #999; font-size: 12px; margin-top: 3px; }
.comments .comment .message_cont .repled{ text-decoration: underline; cursor:pointer; }
.comment .btn_cont.thumbs { position:absolute; right: -100px; top: 5px; width: 78px; }
.comment .thumbs .btn{ height: 50px; line-height: 24px; font-size: 12px; padding: 0; width: 37px; padding-right: 2px; text-align: center;
	vertical-align:top; background: none; border-right: 1px solid transparent; border-bottom: 1px solid transparent; 
}
.comment .thumbs_hover:hover .thumbs .btn{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
	 background-image: -webkit-linear-gradient(top,#FAFAFA 0,#EAEAEA 100%); 
	 background-image: linear-gradient(to bottom, #FAFAFA 0px, #EAEAEA 100%);
}
.comment .thumbs_hover:hover .thumbs .btn:hover{
	background-image: -webkit-linear-gradient(top,#F6F6F6 0,#DADADA 100%);
	background-image: linear-gradient(to bottom, #F6F6F6 0px, #DADADA 100%);
}
.comment .thumbs .btn.thumbs_up{ border-radius: 5px 0 0 5px; color: #00b000; }
.comment .thumbs .btn.thumbs_down{ border-radius: 0px 5px 5px 0px; color: #b00000; }
.comment .thumbs .btn span{ display: block;}
@media screen and (max-width: 400px) { 
	.comments .comment .message_cont{ margin: 0 100px 0 15px; position: relative; }
	.comments .comment .message_cont img{ position: absolute; left:-13px; top: 4px; width: 10px; height: auto;  }
}
.comment { transition: background-color 0.4s; }
.comment.comment_pointed { background-color: #ddd; }

/* quotar.css */ 

:root {
    --font: Georgia, Arial, Helvetica, sans-serif;
    --bg: #e2e0d6;
    --bgRgb: 226, 224, 214;
    --customSecond: #f1f0e8;
    --customSecondRgb: 241, 240, 232;
}
body {
    background-color: #e2e0d6;
}
.header {
    min-height: 80px;
    margin: 0 0 15px;
}
.header .wrap {
    background-color: #0773c6;
    box-shadow: 0 1px 5px 0 #a3a3a3;
}
.header .profile .social_login {
    margin-top: 3px;
}
.header .logo {
    height: 40px;
    padding: 0;
    text-align: left;
}
.header .logo img {
    height: 70px;
    max-height: 70px;
}
.topmenu {
    height: 40px;
    text-align: center;
}
.topmenu .item {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-transform: none;
}
.topmenu .item:hover {
    background-color: transparent;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.topmenu .item.active {
    background-color: transparent;
    color: #fff;
    border-bottom: 4px solid #fff;
}
h1 {
    font-size: 30px;
    line-height: 36px;
    margin: 4px 0 22px;
    font-weight: normal;
    color: #3a3a35;
}
:root {
    --iblockBg: #f1f0e8;
}
.qobject {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.qobject {
    display: block;
    position: relative;
    background-color: #f1f0e8;
    box-shadow: 0 1px 5px 0 #a3a3a3;
    margin-bottom: 30px;
}
.qobject .qobject_main {
    display: block;
    position: relative;
    padding: 53px 8px 10px 55px;
    font-style: italic;
    font-size: 18px;
    line-height: 1.25;
}
.qobject.active {
    border-top: 4px solid #0773c6;
}
.qobject span.decor {
    position: absolute;
    top: -14px;
    left: -1px;
    display: block;
    color: #999;
    font-size: 30px;
    font-style: normal;
}
.qobject .notes {
    font-size: 12px;
    font-style: normal;
    margin-top: 20px;
    line-height: 12px;
    color: #777;
}
.qobject .notes .quote_theme > span[class*="icon-"] {
    margin-right: 4px;
    font-size: 11px;
}
.q_unactive {
    position: absolute;
    top: -15px;
    left: 50px;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color: #a3a3a3;
}
.qobject .statbar_quote {
    margin-top: 15px;
    height: 20px;
}
.qobject .fromdata {
    position: absolute;
    top: -10px;
    right: 70px;
    text-align: right;
    overflow: hidden;
}
.qobject .author {
    font-style: normal;
    position: absolute;
    top: -10px;
    right: 20px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: #fff;
}
.qobject .author .img_cont img {
    max-width: 30px;
    max-height: 30px;
    border-radius: 15px;
    opacity: .5;
}
.qobject .author:hover .img_cont img {
    opacity: 1;
}
.qobject .qobject_main .thumbs {
    font-style: normal;
    position: absolute;
    bottom: 5px;
    left: 2px;
    display: block;
    width: 45px;
    text-align: center;
}
.qobject .qobject_main .thumbs .up {
    color: #777;
    cursor: pointer;
}
.qobject .qobject_main .thumbs .up:hover,
.qobject .thumbs .up:focus,
.qobject .thumbs .up:active {
    color: #0773c6;
}
.qobject .comment_qobject {
    font-style: normal;
    position: absolute;
    bottom: 5px;
    left: 70px;
    display: block;
    width: 65px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
.qobject .comment_qobject .ballon {
    color: #777;
    font-size: 17px;
}
.qobject .comment_qobject .comments_counter {
    color: #777;
    margin-left: 4px;
}
.quote_meta {
    font-style: normal;
    margin-top: 10px;
    font-size: 13px;
    color: #a3a3a3;
}
.quote_meta a {
    margin-right: 12px;
}
.quote_notes {
    font-style: normal;
    margin-top: 8px;
    font-size: 13px;
    color: #888;
}
.quote_theme {
    margin-right: 10px;
}
.quotar_content {
    position: relative;
}
.catalog_item {
    padding: 8px 0;
    border-bottom: 1px solid #e2e0d6;
}
.catalog_item_note,
.catalog_item_count {
    color: #a3a3a3;
    margin-left: 8px;
    font-size: 13px;
}
.object_view {
    display: block;
    min-height: 270px;
    clear: both;
    position: relative;
    background-color: #f1f0e8;
    margin-bottom: 20px;
    box-shadow: 0 1px 5px 0 #a3a3a3;
    overflow: hidden;
}
.object_view .left_content {
    width: 200px;
    height: 100%;
    position: absolute;
}
.object_view .left_content .img_cont {
    width: 200px;
    min-height: 270px;
    height: 100%;
    overflow: hidden;
    background-color: #666;
}
.object_view .left_content .img_cont img {
    width: 200px;
    display: block;
}
.object_view .center_content {
    padding: 0 20px;
    margin: 0 200px;
}
.object_view .right_content {
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
}
.object_view h1 {
    display: block;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 5px;
    padding: 13px 0 0;
}
.object_view .orig {
    background-color: transparent;
    padding: 4px 3px 4px 0;
    display: block;
}
.object_view .film_quot {
    background-color: #fff;
    padding: 8px;
    display: inline-block;
    position: relative;
    font-style: italic;
}
.object_view .film_quot > span[class*="icon-"] {
    position: absolute;
    top: -5px;
    left: -1px;
    display: block;
    color: #ccc;
}
.object_view .alist {
    padding: 3px 0;
}
.object_view .description {
    padding-top: 10px;
}
.child_links.items {
    padding: 6px 0;
}
.child_links .item {
    display: block;
    padding: 8px 8px 8px 12px;
    color: #0773c6;
    border-left: 0 solid #d7d7d7;
    text-align: left;
    background-color: transparent;
}
.child_links .item:hover,
.child_links .item.active {
    color: #ea3f2b;
    border-left: 4px solid #ea3f2b;
    padding-left: 8px;
    background-color: transparent;
}
.select2-search-choice-close {
    background: none;
    font-size: 15px;
    line-height: 13px;
    text-align: center;
    color: #999;
    text-decoration: none;
}
.select2-search-choice-close:before {
    content: "×";
}
.select2-search-choice-close:hover {
    color: #ea3f2b;
}
.select2-create {
    color: #a3a3a3;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 4px;
}
.quote_edit .in_error {
    color: #ea3f2b;
}
.quote_edit .in_error:not(:empty) {
    margin: 10px 0 0;
}
.quote_edit {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.quote_edit {
    padding: 15px;
    text-align: left;
    background: #f1f0e8;
    margin-bottom: 20px;
}
.quote_edit .title {
    font-size: larger;
    padding-bottom: 5px;
}
.quote_edit .title span {
    font-weight: bold;
}
.quote_edit .step {
    margin-top: 10px;
}
.quote_edit .red {
    color: #ea3f2b;
}
.quote_edit .input_head {
    display: block;
    margin-bottom: 3px;
}
.quote_edit textarea,
.quote_edit input {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0 6px;
    box-sizing: border-box;
}
.quote_edit textarea {
    font-style: italic;
    padding: 6px;
    font-size: 18px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
}
.quote_edit input {
    height: 25px;
    line-height: 25px;
}
.quote_edit .selecttwo,
.quote_edit .select2-container {
    width: 100%;
}
.quote_edit .title .language {
    width: auto;
    background-color: transparent;
    border: none;
    font-size: inherit;
}
.quote_edit .quote_form_signature {
    color: #a3a3a3;
    font-size: 14px;
}
.quote_edit .quote_similar_call {
    float: right;
    line-height: 40px;
}
.comment_add_form .m_form_submit {
    display: inline-block;
    border-radius: 7px;
    padding: 2px 23px;
    line-height: 36px;
    box-shadow: 0 3px 9px -2px #000;
}
.comment_add_form textarea {
    min-height: 70px;
}
.qobject .isnew {
    position: absolute;
    top: -15px;
    left: 50px;
    font-size: 20px;
    color: #ea7f2b;
}
.moderate_group {
    max-width: 720px;
    margin: 0 auto 34px;
    background-color: #f1f0e8;
    border: 1px solid #d6d4c8;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12);
}
.moderate_group .qobject {
    max-width: none;
    margin: 0 0 4px;
    box-shadow: none;
    border: 0;
    background: none;
}
.moderate_group .moderate_items,
.moderate_group .similar_quotes {
    max-width: none;
}
.moderate_group .similar_quotes {
    margin-bottom: 0;
}
.moderate_items,
.similar_quotes {
    max-width: 720px;
    margin: 0 auto;
}
.moderate_items {
    position: relative;
    padding: 4px 8px 8px 113px;
}
.moderate_items .btn {
    position: absolute;
    top: 4px;
    height: 30px;
    width: 45px;
    line-height: 30px;
    padding: 0;
    text-align: center;
}
.moderate_items .btn.green {
    left: 8px;
}
.moderate_items .btn.red {
    left: 61px;
}
.moderate_items .contentshower {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #ddd;
    border: 1px solid #d0cec2;
    font-size: 14px;
    line-height: 1.5;
    min-height: 30px;
    resize: vertical;
    overflow: auto;
}
.moderate_items .contentshower:focus {
    background-color: #fff;
    outline: none;
}
.similar_quotes {
    padding: 4px 8px 8px;
    margin-bottom: 18px;
}
.similar_quotes .similar_head {
    font-weight: bold;
}
.similar_quotes .similar_item {
    position: relative;
    margin: 5px 0 10px;
}
.similar_quotes .similar_text {
    margin: 0 65px 0 0;
}
.similar_quotes .similar_score {
    position: absolute;
    top: 0;
    right: 0;
}
.similar_quotes .similar_score.strong {
    font-weight: bold;
}
.addbtn {
    text-align: center;
    margin: 18px 0;
}
.child_links .item.active {
    color: #ea3f2b;
    border-left: 4px solid #ea3f2b;
    padding-left: 8px;
    background-color: #fff;
    display: block;
}
.qobject .fragment_cont {
    display: block;
    cursor: pointer;
    font-style: normal;
    font-size: 14px;
}
.qobject .fragment_cont .fragment_image_cont {
    float: left;
    position: relative;
    width: 40%;
    padding-right: 15px;
    color: #fff;
    box-sizing: border-box;
}
.qobject .fragment_cont .fragment_image_cont img {
    width: 100%;
    display: block;
}
.qobject .fragment_cont .fragment_image_cont .play {
    font-size: 40px;
    width: 55px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.imgcentred {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.qobject .fragment_cont .title {
    font-weight: bold;
}
.qobject .fragment_cont .quote_video_duration {
    position: absolute;
    right: 20px;
    bottom: 5px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 5px;
}
.quote_video {
    position: relative;
    max-width: 720px;
    margin: 0 0 12px;
    aspect-ratio: 16 / 9;
    background: #000;
}
.quote_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.catalog_subsections {
    margin-bottom: 18px;
}
.catalog_subsection {
    margin-right: 14px;
}
.pages {
    margin-top: 24px;
}
.object_years,
.object_original_name {
    color: #a3a3a3;
    margin-bottom: 6px;
}
.object_slogan {
    font-style: italic;
    color: #888;
    margin-bottom: 10px;
}
.object_description {
    margin-bottom: 16px;
}
.quotes_section h2 {
    margin: 18px 0 12px;
}
.breadcrumbs {
    float: left;
    margin: 0 30px 15px 0;
    padding: 3px 0;
}
.breadcrumbs .crumb {
    margin-bottom: 5px;
}
.page_container {
    position: relative;
}
.home_qobjects_cont .home_qobjects {
    position: relative;
    min-height: 300px;
    margin-top: 40px;
}
.home_qobjects_cont .home_qobjects .cont {
    margin: 0 0 0 100px;
}
.page_container .center_container {
    margin-right: 225px;
}
.page_container .right_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 205px;
}
.right_container .iblock {
    margin-bottom: 20px;
}
.child_links.items,
.child_links .items {
    padding: 6px 0;
}
.child_links .item {
    display: block;
    padding: 8px 8px 8px 12px;
    color: #0773c6;
    border-left: 0 solid #d7d7d7;
    text-align: left;
    background-color: transparent;
}
.child_links .item:hover,
.child_links .item.active {
    color: #ea3f2b;
    border-left: 4px solid #ea3f2b;
    padding-left: 8px;
    background-color: transparent;
}
.child_links .item.active {
    background-color: #fff;
}
.home_qobjects_cont .home_qobjects .reload {
    position: absolute;
    display: block;
    font-size: 40px;
    margin: 50px 5px;
    top: 0;
    left: 0;
    background-color: #0773c6;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    box-shadow: 0 3px 9px -2px #000;
}
.home_qobjects_cont .home_qobjects .reload:hover {
    background-color: #ea3f2b;
}
.home_qobjects_cont .home_qobjects .reload.bottom {
    top: auto;
    bottom: 0;
}
.qobject .fromdata > .inblock {
    display: inline-block;
    border-radius: 15px;
    background-color: #fff;
    margin: 0 6px 6px 0;
}
.object_hpreview {
    display: inline-block;
    width: 175px;
    height: 30px;
    position: relative;
    background-color: #fff;
    text-align: left;
    border-radius: 15px;
    vertical-align: bottom;
}
.object_hpreview .info {
    padding: 0 10px 0 47px;
    color: #414141;
    overflow: hidden;
    height: 30px;
    position: relative;
}
.object_hpreview .info .img {
    width: 27px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: 15px;
    background-color: #fff;
}
.object_hpreview .info .img img {
    width: 27px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0.5;
}
.object_hpreview .info .name_cont {
    display: block;
    height: 22px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 4px 0;
}
.object_hpreview .info .name {
    display: block;
    width: 200%;
    height: 18px;
    line-height: 22px;
    font-size: 14px;
    font-style: normal;
}
.object_hpreview:hover {
    text-decoration: none;
}
.object_hpreview:hover .info .name {
    color: #ea3f2b;
    text-decoration: none;
}
.object_hpreview:hover .hdec {
    color: #ea3f2b;
}
.object_hpreview:hover .info .img img {
    opacity: 1;
}
.object_hpreview .counters {
    display: block;
    position: absolute;
    right: -6px;
    bottom: -4px;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}
.object_hpreview .counters .counter {
    width: 18px;
    height: 18px;
    border-radius: 8px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background-color: #ccc;
    display: inline-block;
}
.object_hpreview:hover .counters .counter {
    background-color: #ea3f2b;
}
.object_hpreview .hdec {
    position: absolute;
    top: 4px;
    left: 1px;
    font-size: 16px;
    color: #ccc;
}
.other_objects {
    padding-top: 55px;
}
.objects_line_tab .tabs {
    text-align: left;
    padding: 0 0 0 30px;
}
.objects_line_tab .tabs .item {
    display: inline-block;
    background-color: #F1F0E8;
    position: relative;
    margin: 0 17px 0 0;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    vertical-align: bottom;
}
.objects_line_tab .tabs .item:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 30px solid #F1F0E8;
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    left: -30px;
}
.objects_line_tab .tabs .item:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 30px solid #F1F0E8;
    border-right: 30px solid transparent;
    position: absolute;
    top: 0;
    right: -30px;
}
.objects_line_tab .tabs .item.active {
    z-index: 1;
    background-color: #fff;
}
.objects_line_tab .tabs .item.active:before {
    border-bottom: 30px solid #fff;
}
.objects_line_tab .tabs .item.active:after {
    border-bottom: 30px solid #fff;
}
.objects_line_tab .tabs_content {
    background-color: #fff;
    padding: 12px 5px 5px;
    text-align: center;
    max-height: 178px;
    overflow: hidden;
}
.objects_line_tab .tabs_content .scroll_cont {
    overflow-x: scroll;
    height: 210px;
    width: 100%;
}
.objects_line_tab .tabs_content .item {
    min-width: 970px;
}
.objects_grid {
    text-align: center;
    font-size: 0;
}
.objects_grid .object_list_item {
    font-size: 14px;
}
.object_list_item {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    margin: 0 10px 15px 0;
}
.object_list_item.mini {
    width: 100px;
    vertical-align: top;
    margin: 0 4px 15px 0;
}
.object_preview {
    display: block;
    width: 140px;
    text-align: left;
}
.object_preview.mini {
    width: 100px;
}
.object_preview .img_cont {
    width: 140px;
    height: 187px;
    background-color: #666;
    overflow: hidden;
}
.object_preview .img_cont img {
    width: 140px;
    display: block;
}
.object_preview.mini .img_cont {
    width: 100px;
    height: 134px;
    overflow: hidden;
}
.object_preview.mini .img_cont img {
    width: 100px;
    display: block;
}
.object_preview .name {
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.object_preview .name_cont {
    display: block;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.object_preview .name_cont .name {
    display: block;
    width: 200%;
    height: 18px;
    line-height: 18px;
}
.object_preview:hover {
    text-decoration: none;
}
.object_preview:hover .name {
    text-decoration: underline;
}
.object_preview .counters {
    color: #fff;
    background-color: #414141;
    display: block;
    width: 100%;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
}
.object_preview .counters .counter {
    width: 42px;
    display: inline-block;
}
.qobject .edit {
    position: absolute;
    top: -3px;
    right: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}
.object_preview .counters .counter.popularity {
    font-size: 10px;
    cursor: pointer;
    width: auto;
}
@media screen and (max-width: 845px) {
    .page_container .center_container {
        margin-right: 0;
    }
    .page_container .right_container {
        position: relative;
        top: auto;
        right: auto;
        width: 50%;
        float: left;
    }
    .object_view .left_content,
    .object_view .left_content .img_cont,
    .object_view .left_content .img_cont img {
        width: 100px;
    }
    .object_view .left_content .img_cont {
        min-height: 134px;
    }
    .object_view .center_content {
        margin: 0 200px 0 100px;
    }
}
@media screen and (max-width: 780px) {
    .home_qobjects_cont .home_qobjects {
        margin: 40px 0 60px;
    }
    .object_view .center_content {
        margin: 0 0 0 100px;
        padding: 0 0 0 20px;
    }
    .object_view .right_content {
        width: auto;
        display: block;
        position: relative;
        top: auto;
        right: auto;
        clear: both;
        margin: 25px 0 0 100px;
        padding: 0 0 0 20px;
    }
}
@media screen and (max-width: 650px) {
    .home_qobjects_cont .home_qobjects .cont {
        margin: 0;
    }
    .home_qobjects_cont .home_qobjects .reload {
        display: none;
    }
    .home_qobjects_cont .home_qobjects .reload.bottom {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        margin: 10px auto 25px;
        font-size: 20px;
        width: 100px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        display: block;
    }
    .object_view .film_quot {
        max-width: 200px;
    }
    .object_view .add_info {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    .page_container .right_container {
        width: 100%;
        float: none;
    }
    .quote_video_still {
        max-width: none;
    }
    .objects_line_tab .tabs {
        padding: 0;
    }
    .objects_line_tab .tabs .item {
        margin: 0 3px 0 0;
        padding: 0 6px;
    }
    .objects_line_tab .tabs .item:before,
    .objects_line_tab .tabs .item:after,
    .objects_line_tab .tabs .item.active:before,
    .objects_line_tab .tabs .item.active:after {
        border: none;
    }
}
@media screen and (max-width: 400px) {
    .objects_line_tab .tabs .item {
        max-width: 130px;
        overflow: hidden;
    }
}
.iblock .bheader h1 {
    font-size: inherit;
    line-height: 35px;
    font-weight: bold;
    color: inherit;
    margin: 0;
}
.user_view .bheader h1 {
    font-size: 30px;
}
.dialogues_view .dialogue {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #ccc;
    padding: 5px 0 10px;
}
.dialogues_view .dialogue .talker_img {
    flex: 0 0 90px;
    width: 70px;
    padding: 0 20px 0 0;
    height: 70px;
}
.dialogues_view .dialogue .talker_img > img {
    width: 70px;
    height: auto;
}
.dialogues_view .dialogue .talker_info {
    flex: 0 0 220px;
    width: 200px;
    padding: 0 20px 0 0;
    height: 70px;
}
.dialogues_view .dialogue .talker_info .talker_name {
    display: block;
    font-weight: bold;
    color: #0773c6;
    font-size: 16px;
}
.dialogues_view .dialogue .talker_info .lastmessagetime {
    display: block;
}
.dialogues_view .dialogue .talker_info .newmessages {
    display: inline-block;
    padding: 5px 8px;
    background-color: #0773c6;
    color: #fff;
    margin-top: 6px;
}
.dialogues_view .dialogue .lastmessage {
    flex: 1 1 auto;
    position: relative;
    padding: 10px 20px 0 70px;
    min-height: 70px;
    box-sizing: border-box;
    text-decoration: none;
    color: #414141;
}
.dialogues_view .dialogue .lastmessage > img {
    position: absolute;
    width: 50px;
    left: 10px;
    top: 10px;
}
.dialogues_empty {
    text-align: center;
    padding: 50px;
}
.dialogue_view #dialogue_messages {
    min-height: 200px;
    padding-top: 40px;
}
.dialogue_view .message_content {
    margin-bottom: 10px;
}
.dialogue_view .message_content .profile_ava {
    width: 50px;
    float: left;
}
.dialogue_view .message_content .profile_ava > img {
    width: 50px;
    min-height: 50px;
}
.dialogue_view .message_content .message_time {
    width: 100px;
    float: right;
    text-align: right;
}
.dialogue_view .message_content .message_time .time {
    font-weight: bold;
}
.dialogue_view .message_content .message_text {
    margin: 0 100px 0 70px;
}
.dialogue_view .message_content .message_text .name {
    font-weight: bold;
    color: #0773c6;
    font-size: 16px;
    margin-bottom: 5px;
}
.dialogue_view .message_content.adm .message_text {
    background-color: #fcc;
    padding: 5px 8px;
}
.dialogue_view .show_more_container {
    text-align: center;
    height: 35px;
}
.dialogue_view .dialogue_empty {
    padding: 100px 0;
}
.dialogue_view .bottom_block {
    height: 10px;
}
.dialogue_view .message_workspace {
    position: sticky;
    bottom: 0;
    padding: 5px 12px 0;
    margin: 0 -12px;
    background: #fff;
    border-top: 1px solid #ccc;
}
.dialogue_view .message_workspace .profile_ava {
    display: block;
    float: left;
    width: 50px;
    padding: 0 20px 0 0;
}
.dialogue_view .message_workspace .profile_ava img {
    width: 50px;
    display: block;
}
.dialogue_view .message_workspace .interlocutor_profile {
    float: right;
    padding: 0 0 0 60px;
    width: 230px;
    position: relative;
    text-decoration: none;
    color: #414141;
}
.dialogue_view .message_workspace .interlocutor_profile > img {
    position: absolute;
    top: 0;
    left: 0;
}
.dialogue_view .message_workspace .interlocutor_profile .name {
    color: #0773c6;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}
.dialogue_view .message_workspace .message_writing {
    overflow: hidden;
    padding: 0 0 5px 20px;
}
.dialogue_view .message_workspace .message_writing .message {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    resize: none;
    padding: 5px;
    margin-bottom: 5px;
    height: 43px;
    min-height: 43px;
}
.user_quotes {
    margin-top: 50px;
}
.blog_list {
    margin-right: 225px;
}