/*
	© Centroarts 2018
	https://centroarts.com
*/

/* User */
.avatar { width: 100px; height: 100px; display: inline-block; vertical-align: top; image-rendering: optimizeQuality; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.avatar-sm { width: 40px !important; height: 40px !important; }
.avatar-md { width: 50px !important; height: 50px !important; }
.navbar-dark #auth > a { color: #fff; }
.navbar-dark #auth > a:hover { color: #dd127b; }
#auth > * { margin-left: .8rem; padding: .5rem; text-decoration: none !important; }
#auth > *:first-child { margin-left: 0; }
#auth > * > i { vertical-align: middle; }

/* Buttons */
.mag__moder-links { display: flex; list-style: none; padding: 0; margin: 4px 0 0 0; white-space: nowrap; }
.mag__moder-links li { display: inline-block; padding: 4px; vertical-align: middle; }
.mag__moder-check { margin-left: 1rem; }
.mag__moder-check .custom-control { padding-left: 0; }
.mag__moder-check .custom-control-label { width: 24px; height: 24px; display: inline-block; }
.mag__moder-check .custom-control-label::after,
.mag__moder-check .custom-control-label::before { left: 50%; top: 50%; margin: -.5rem 0 0 -.5rem; }

@media (max-width: 830px) {
	.mag__moder-check, .mag__moder-select { display: none !important; }
}

/* фото круглое */
.rounded > img { border-radius: 50%; max-height: 100%; max-width: 100%; }
.section-block { display: block; overflow: hidden; clear: both; }

/* Поле загрузки файла */
.form-item_file { position: relative; }
.form-item_file > label { padding: 10px 20px; margin-bottom: 0; display: flex; align-items: center; border: 1px dashed #d6d6d6; border-radius: 3px; }
.form-item_file > label > span.grey_text { margin-right: 20px; }
.form-item_file > label > .btn { margin-right: 20px; }
.form-item_file > label > i.grey_text { margin-left: 40px; font-style: normal; font-size: .8em; }
.form-item_file > input { position: absolute; left: 0; top: 0; height: .5px; width: .5px; }

.form-item_file > label.active { border-color: #c1c1c1; background-color: #f9f9f9; }
.form-item_file > label.active * { opacity: .2; }

/* Список файлов */
.uploader_filelist { list-style: none; padding: 0; margin: -8px -8px 20px 0; }
.uploader_filelist:after { clear: both; display: block; content: ""; }
.uploader_filelist .uploader_file { cursor: pointer; float: left; width: 90px; margin: 8px 8px 0 0; }
.uploader_file_thumb { position: relative; margin-bottom: 8px; }

.uploader_file_thumb > .file_img, 
.uploader_file_thumb > a > .file_img,
.uploader_file_thumb > a > .file_icon,
.uploader_file_thumb > .file_icon {
	width: 90px;
	height: 90px;
	padding-top: 0!important;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.file_icon { background-color: #2c3137; color: #fff; }
.file_icon > span { position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; line-height: 39px; text-align: center; font-size: 10px; margin: -23px 0 0 -23px; border-radius: 3px; border: 3px solid #fff; font-weight: bold; text-transform: uppercase; }

.uploader_file_thumb .del { position: absolute; right: 0; bottom: 0; width: 17px; height: 17px; line-height: 10px; border-radius: 4px; border: 0 none; padding: 0; background-color: rgba(0,0,0,0.4); color: #fff; }
.uploader_file_thumb .del i { display: block; line-height: 10px; }
.uploader_file_thumb .del i:before { font-size: 10px; line-height: 10px; vertical-align: top; }
.uploader_file:hover .uploader_file_thumb .del { background-color: #fff; color: inherit; border-radius: 4px 0 0 0; }
.uploader_file:hover .uploader_file_thumb .del:hover { color: #e63882; }

.uploader_file_text { position: relative; font-size: 11px; line-height: 1.5em; height: 3em; }
.uploader_file_text_in { position: absolute; left: 0; right: 0; text-align: center; }
.uploader_file_text_in > p { margin: 0 auto; display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.uploader_file_text_in > span { opacity: .6; }

.uploader_file:hover { position: relative; z-index: 2; }
.uploader_file:hover .uploader_file_text_in { padding: 4px; border-radius: 4px; margin-top: -4px; background-color: #ededed; }
.uploader_file:hover .uploader_file_text_in > p { white-space: normal; overflow: visible; }

.fi_docx { background-color: #3b6cb5;}
.fi_doc { background-color: #3b6cb5; }
.fi_psd { background-color: #02c5fd; }
.fi_pdf { background-color: #e42b38; }
.fi_ai { background-color: #ff761b; }
.fi_cdr { background-color: #66CCFF; }
.fi_eps { background-color: #999999; } 
.fi_tif { background-color: #666666; }
.fi_tiff { background-color: #666666; }
.fi_xlsx { background-color: #669966; }
.fi_xls { background-color: #669966; }
.fi_csv { background-color: #669966; }
.fi_db { background-color: #CC33CC; }
.fi_idd { background-color: #990066; }
.fi_ttf { background-color: #00CCFF; }
.fi_otf { background-color: #00CCFF; }
.fi_rar { background-color: #CC33CC; }
.fi_zip { background-color: #FFCC33; }
.fi_7z { background-color: #FFCC66; }
.fi_txt { background-color: #66CCFF; }	

/* Вопрос в кружочке */
.tip { display: inline-block; text-decoration: none !important; vertical-align: middle; margin: -.3em 0 0 .4em; border: 1px solid #d6d6d6; color: #e63882; border-radius: 50%; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 12px; font-weight: bold; }

/* --- Загрузчик превью --- */
.preview-wrapper { display: flex; position: relative; }
.preview-wrapper > .left-pane { position: relative; overflow: hidden; }
.preview-wrapper > .right-pane > div > a::after, .preview-wrapper > .left-pane { min-width: 120px; min-height: 120px; }
.preview-wrapper > .left-pane::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.1); z-index: 1; }
.preview-wrapper > .left-pane > img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); max-width: none !important; width: auto; min-width: 120px; height: 100%; }
.preview-wrapper > .right-pane { flex: 1 1 auto; }
.preview-wrapper > .right-pane > div > a { padding: 14px 0; display: block; font-weight: bold; text-transform: uppercase; }
.preview-wrapper > .right-pane > div > a::after { content: ""; position: absolute; left: 0; top: 0; margin: 2px; z-index: 3; }
.preview-wrapper > .right-pane > div > input { background-color: rgba(0,0,0,0.05); padding: 14px; width: 100%; }
div.buttonlist { display: inline-block; clear: none; width: 68%; }

.plpd_saveButton { clear: both;}

/* аддоны форм bootstrap и elementErrors */
.input-group { flex-wrap: wrap; }
.input-group > ul { list-style: none; min-width: 100%; clear: both; background: yellow; font-size: 0.8em; border-radius: 2px; padding: 2px; margin-bottom: 0px; }

/* --- Список статей --- */
.article_list { margin: -20px -10px 0 -10px; }
.article_list:after { clear: both; display: block; content: ""; }
.article_item { position: relative; float: left; width: 33.3333333%; padding: 0 10px; margin-top: 20px; }
.article_item img { max-width: 100%; display: block; }
.article_item_in > .cover { width: 100%; padding-top: 65%; height: 0; overflow: hidden; position: relative; }
.article_item_in > .cover:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; border: 1px solid rgba(0,0,0,0.06); }

.article_item_in { position: relative; overflow: hidden; }
.article_link { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }

.article_mask > .title { font-weight: bold; font-size: 1.15em; }
.article_mask > .text { margin-bottom: 0; }
.mag__moder-links-card { position: absolute; right: 0; top: 0; margin: 0; background-color: rgba(0,0,0,0.2); z-index: 3; }
.mag__moder-links-card > li { width: 32px; height: 32px; }
.mag__moder-links-card > li a { color: #fff !important; }
.mag__moder-links-card .mag__moder-check { margin-left: 0; }
.mag__moder-links-card .mag__moder-check .custom-control { width: 24px; height: 24px; }
.mag__moder-links-card .custom-control-label { border-radius: 4px; border: 1px solid rgba(255,255,255,0.2); }

@media only screen and (min-width: 601px) {
	.article_cont { margin: 1.5em 0; height: 4.5em; line-height: 1.5em; overflow: hidden; }
	.article_mask > .text { display: none; }

	.article_item:hover .article_mask { position: absolute; left: 0; top: 0; width: 100%; bottom: 0; padding: 8%; background-color: #e63882; color: #fff; }
	.article_item:hover .article_mask a { color: inherit; }
	.article_item:hover .article_mask > .title { margin-bottom: 1em; }
	.article_item:hover .article_mask > .text { display: block; }
}
@media only screen and (max-width: 890px) {
	.article_item { width: 50%; }
	.article_mask > .title { font-size: 1em; }
}
@media only screen and (max-width: 600px) {
	.article_list { margin-left: 0; margin-right: 0; }
	.article_item { float: none; width: auto; padding: 0; }
	.article_mask > .title { font-size: 1em; margin-bottom: .6em; }
	.article_cont { padding: 20px 0; }
}

.cover { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; image-rendering: -webkit-optimize-contrast; }

/* --- Просмотр статьи --- */
.aview > .text h1, .aview > .text h2,
.aview > .text h3, .aview > .text h4, .aview > .text h5,
.aview > .text .h1, .aview > .text .h2,
.aview > .text .h3, .aview > .text .h4, .aview > .text .h5 { margin: 1.5em 0 .5em 0; font-weight: bold; }
.aview h1, .aview .h1 { font-size: 1.6em; }

.aview h2, .aview .h2, .mce-content-body h2 { font-size: 1.5em; }
.aview h3, .aview .h3, .mce-content-body h3 { font-size: 1.2em; text-transform: uppercase; }
.aview h4, .aview .h4, .aview h5, .aview .h5, .mce-content-body h4, .mce-content-body h5 { font-size: .9em; text-transform: uppercase; }

.aview > .text img { max-width: 100%; }

.quote { color: #a6a6a6; padding-left: 30px; margin: 1.5rem 0; display: block; border-left: 2px solid #e63882; }
.quote:after { clear: both; display: block; content: ""; }
.quote .i__quote { float: left; margin: 2px 0 0 -40px; color: #e63882; }
.infoblock {
	background: #f8f8f8; position: relative; font-size: .9em; color: #a6a6a6; padding: 25px 30px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, .15); box-shadow: 0 1px 0 0 rgba(0,0,0, .15);
}
.infoblock:before, .infoblock:after { content: ""; position: absolute; left: 0; top: 0; }
.infoblock:before { width: 16px; height: 16px; background-color: #fff; }
.infoblock:before, .infoblock:after {
	width: 0; height: 0; border-color: transparent; border-style: solid;
	border-width: 0 0 16px 16px; border-bottom-color: #e63882;
}

.aview > .text .modal-carousel, .aview > .text ul, .quote, .infoblock, .mce-content-body ul { margin: 1.5rem 0; }
.aview > .text ul, .mce-content-body ul { list-style: none; padding: 0 0 0 30px; }
.aview > .text ul > li, .mce-content-body ul > li { margin: .3em 0; }
.aview > .text ul > li:before, .mce-content-body ul > li:before  { content: ""; background-color: #e63882; width: 14px; height: 2px; float: left; margin: .7em 0 0 -30px; }

.video_wide, .img_wide { margin: 0; padding-bottom: 20px;}
.img_wide img { max-width: 100%; vertical-align: top; }
.video_wide {
	height: 0; overflow: hidden; padding-bottom: 52.5%; padding-top: 30px; position: relative;
}
.video_wide iframe { height: 100%; width: 100%; left: 0; position: absolute; top: 0; }

/* --- Портфолио --- */
/* Список работ в портфолио */
.work_list { margin: -15px -15px 0 0; }
.work_list:after { clear: both; display: block; content: ""; }
.work_item {
	position: relative; float: left; width: 20%; padding: 0 15px 0 0; margin-top: 15px;
	-webkit-transform: scale(1, 1); transform: scale(1, 1);
}
.work_item:hover { z-index: 1; }
.work_item img { width: 100%; display: block; }

.work_item_in { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.work_item_in > .cover { width: 100%; padding-top: 100%; height: 0; overflow: hidden; position: relative; }
.work_item_in > .cover:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; border: 1px solid rgba(0,0,0,0.06); }

.work_link { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: 2; }

@media only screen and (min-width: 998px) {
	.work_item:hover .work_item_in {
		overflow: hidden; display: block;
		-webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out;
		-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12);
		-webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0, .25); box-shadow: 0 5px 25px 0 rgba(0,0,0, .25);
	}
	.work_mask {
		position: absolute; left: 0; top: 0; bottom: 0; opacity: 0;
		width: 100%; background-color: rgba(230,56,130, .75);
	}
	.work_mask:after, .work_mask:before {
		content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; background-color: #fff;
		-webkit-transform: translate(100%, 100%); transform: translate(100%, 100%);
		-webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out;
	}
	.work_mask:after { width: 60px; height: 2px; }
	.work_mask:before { height: 60px; width: 2px; }
	.work_item:hover .work_mask {
		opacity: 1; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out;
	}
	.work_item:hover .work_mask:after,
	.work_item:hover .work_mask:before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}

@media only screen and (max-width: 998px) {
	.work_item { width: 25%; }
}
@media only screen and (max-width: 600px) {
	.work_item { width: 50%; }
}

/* Фильтры в портфолио */
.filters fieldset { margin-right: -4px; }
.filters > form > fieldset { margin-bottom: 20px;}
.filters fieldset legend { font-weight: bold; display: block; margin-bottom: .6em; font-size: .85em; text-transform: uppercase; }
.filters fieldset label { float: left; padding-right: 4px; margin-bottom: 4px; }

.filters .filters_50 fieldset label { width: 50%; }
.filters .filters_25 fieldset label { width: 25%; }

@media only screen and (max-width: 600px) {
		.filters .filters_25 fieldset label { width: 50%; }
}

.filters fieldset input[type="radio"], .filters fieldset input[type="checkbox"] { display: none; }
.filters fieldset label:hover { color: #e63882; }
.filters fieldset input[type="radio"] + span, .filters fieldset input[type="checkbox"] + span {
	cursor: pointer; display: block; border-radius: 1px; border: 1px solid #e5e5e5; background-clip: padding-box;
	line-height: 1.25; padding: 0.5rem 0.75rem; border-radius: .5rem; margin-bottom: 0; text-align: center; font-size: 12px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.filters fieldset input[type="radio"]:checked + span, .filters fieldset input[type="checkbox"]:checked + span { background-color: #e63882; border-color: #e63882; color: #fff; }

/* Загрузить еще */
.load_more { text-align: center; }
	.load_more .btn { padding: 12px 30px; }

/* --- Login --- */
html.login__page { height: 100%; }
html.login__page body { height: 100%; }
.login__page body { background-color: #fff; padding: 0; margin: 0; }

.login__container { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.login__head { width: 100%; text-align: center; padding: calc(15px + 2vw); position: relative; }
.login__head::after { clear: both; display: block; content: ""; }
.login__head .float-left {
	text-decoration: none !important; position: absolute; left: 0; margin: 0 0 0 calc(15px + 2vw);
	-webkit-transition: opacity ease-in .2s;
	transition: opacity ease-in .2s;
}
.login__head .float-left i { vertical-align: middle; margin-top: -.2em; }
.login__head a.float-left:hover { opacity: .6; }

@media (max-width: 600px) {
	.login__head .float-left { display: none !important; }
}

.login__logo { width: 220px; display: inline-block; }
	.login__logo svg { fill: #dd127b; }

.login__form { padding: calc(15px + 2vw); }
.login__form > form { max-width: 380px; padding: 15px; margin: 0 auto; }
.login__form > form .form-group { margin-bottom: 0; position: relative; }
.login__form > form .form-control { position: relative; box-sizing: border-box; height: auto; padding: 12px 14px; font-size: 16px; }
.login__form > form .form-control:focus { z-index: 2; }
.login__form > form .input__name input { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.login__form > form .input__pass input { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

.login__form > form .form-group > input { background-color: transparent; padding-left: 50px; }
/*.login__form > form .form-group > i { position: absolute; left: 0; top: 50%; margin-top: -12px; margin-left: 14px; color: #dd127b; }*/
.login__form > form .form-group > i { position: absolute; left: 0; top: 32px; margin-left: 14px; color: #dd127b; }
.login__form > form .form-group > ul > li { width: 100%; clear: both;  }

.login__form_tools { margin: 15px 0; }
	@media (max-width: 360px) {
		.login__form_tools { flex-direction: column; }
		.login__form_tools > * { padding: .5rem 0; }
	}

.login__form_tools .checkbox > label { margin-bottom: 0; }
.captcha-control > input { width: 100%; clear: both; margin-top: 10px; }


/* SMS Popover */
.popover_sms { top: auto; text-align: center; bottom: 100%; left: 50%; max-width: none; width: 100%; margin-left: -50%; }
.popover_sms .arrow { left: 50%; margin-left: -5px; }

/* CF logo and gray logo */
 .cf_logo { 
 	background: no-repeat url("../images/cf_logo.png"); 
 	background-size: contain; 
 	height: 30px;
 }
 .mag_logo { fill:#e63882; }
 .graylogo { 
 	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
 }
.graylogo:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);	
}
.foto-image { max-width: 150px !important; max-height: 150px !important; }

.btn-gray {
    color: #212529;
    background-color: #f2f2f2;
    border-color: #f2f2f2; 
}

.btn-gray:focus, .btn-gray:hover { color: #212529; }

.ui-autocomplete {
    position:absolute;
    cursor:default;
    z-index:10001 !important
}
.ui-menu, ul.ui-menu-item{
    background: #fff !important;
    color: #999 !important;
    border-radius: 0px;
    border: 1px solid #454545;
    list-style: none !important;
}

.img_240px { max-width: 240px!important; }

/*@media only screen and (max-width: 1000px) {
	.preview_change_btn{ display:none!important; }
}*/


/* аддоны форм bootstrap и elementErrors */
.input-group { flex-wrap: wrap; }
.input-group > ul { 
	list-style: none;
    min-width: 100%;
    clear: both;
    background: yellow;
    font-size: 0.8em;
    border-radius: 2px;
    padding: 2px;
    margin-bottom: 0px;
}

/* Centroarts bootstrap fix */
.input-group-addon {
    /*padding: .375rem .75rem;*/
    padding: calc(var(--mg-fc-padding-y) - var(--bs-border-width)) calc(var(--mg-fc-padding-x) - var(--bs-border-width));
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius:.2rem;
}

.input-group-addon:not(:first-child){
	border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0	
}
.input-group-addon:not(:last-child) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0    
}

/* font-size 16px */
.font-size-16 { font-size: 16px; font-weight: 400;  }
.font-size-25 { font-style: normal; font-weight: 400; font-size: 25px; }
.font-size-18 { font-style: normal; font-weight: 500; font-size: 18px; }

/* Social icons */
.sc_invert { filter: invert(1) !important; }
.telegram_color { background: #0088cc; }
.facebook_color { background: #3b5998; }
.instagram_color { background: #FD1D1D; }
.linkedin_color { background: #0e76a8; }
.skype_color { background: #00aff0; }
.tiktok_color { background: #000; }
.youtube_color {background: #FF0000;}
.whatsapp_color { background: #43d854; }
.vk_color { background: #4c75a3; }

.soc_fg {fill:#231f20;}
.soc_fg_white {fill: #ffffff;}

.social_icons { vertical-align: middle; padding:0px; margin:0px; }
.social_icons > svg { background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
i.person:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/person.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.wallet:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/wallet.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.adres:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/adres.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.adres_1:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/adres-1.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.date:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/date.svg'); background-size: 24px 24px; width: 24px;	height: 24px; }
i.birthday:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/birthday.svg'); background-size: 24px 24px; width: 24px;	height: 24px; }
i.facebook:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/facebook.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.instagram:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/instagram.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.internet:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/internet.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.linkedin:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/linkedin.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.mail:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/mail.svg'); background-size: 24px 24px; width: 24px;	height: 24px; }
i.man:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/man.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.phone:after {	display: inline-block; content:' ';	background: no-repeat url('/images/social_icons/phone.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.skype:after {	display: inline-block; 	content:' '; background: no-repeat url('/images/social_icons/skype.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.telegram:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/telegram.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.vk:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/vk.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.whatsapp:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/WhatsApp.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.youtube:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/you-tube.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.tiktok:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/tiktok.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.twitter:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/twitter.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.clubhouse:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/clubhouse.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.gis:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/2gis.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.tenchat:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/tenchat.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.viber:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/viber.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
i.yandex_zen:after { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/yandex_zen.svg'); background-size: 24px 24px; width: 24px; height: 24px; }
/* icons for form labels */
.l_address { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/adres.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_address_1 { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/adres-1.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_date { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/date.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; }
.l_birthday { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/birthday.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; min-height:31px; background-position-y: center;}
.l_facebook { display: inline-block; content: ' '; background: no-repeat url('/images/social_icons/facebook.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_instagram { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/instagram.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_internet { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/internet.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_linkedin { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/linkedin.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_mail { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/mail.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_man { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/man.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_phone {	display: inline-block; content:' ';	background: no-repeat url('/images/social_icons/phone.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_skype {	display: inline-block; 	content:' '; background: no-repeat url('/images/social_icons/skype.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_telegram { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/telegram.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_vk { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/vk.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_whatsapp { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/WhatsApp.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_youtube { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/you-tube.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_tiktok { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/tiktok.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_twitter { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/twitter.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_clubhouse { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/clubhouse.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_gis { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/2gis.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_tenchat { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/tenchat.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_viber { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/viber.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}
.l_yandex_zen { display: inline-block; content:' '; background: no-repeat url('/images/social_icons/yandex_zen.svg'); background-size: auto; background-color: #e9ecef; background-position-x: left; padding-left: 20px; opacity: 0.8; background-position-y: center;}

/* Настройка размеров иконок */
.i__arrow_left2:before, .i__arrow_right2:before { font-size: 75px; }
.i__pp:before { font-size: 44px; }
.i__ca:before, .i__quote:before { font-size: 22px; }
.i__thin_cross:before, .i__thin_left:before, .i__thin_right:before { font-size: 20px; }
.i__soc_fb:before, .i__soc_in:before, .i__soc_tw:before, .i__soc_vk:before, .i__soc_yt:before,
.i__soc_sk:before, .i__soc_ml:before, .i__soc_tl:before, .i__soc_pn:before, .i__soc_gp:before { font-size: 18px; }
.i__plus2:before, .i__share:before, .i__close:before { font-size: 16px; }
.i__arrow_down:before, .i__arrow_up:before, .i__arrow_left:before,
.i__arrow_right:before { font-size: 12px; }