/****************** VAR *******************/
:root {
	--color_main: #ffffff;
	--color_main_2: #ffffff;
	--button: #ffc756;
}
/****************** VAR - END *******************/

/****************** FONTS *******************/

/****************** FONTS - END *******************/

*{margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, 
nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	outline:none;
}
input, select, textarea, button {font-family: 'Gilroy';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{max-width: 100%; min-width: 100%;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}


/****************** GENERAL *******************/

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	font-size: 18px;
}

body {
	font-size: 16px;
	font-family: 'Gilroy';
	color: var(--text_color_1);
	background: #fff;
}
img:not(.img_flow) {max-width: 100%;height: auto !important;}
img[src=""] {visibility: hidden;}
iframe, video, object, embed {max-width: 100%;}

/*scrollbar*/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {
	background: transparent;
	transition: all 0.5s ease-in-out;
}
::-webkit-scrollbar-thumb {
	background: #e5a523;
	transition: all 0.5s ease-in-out;
}
.horisontal_noscroll {overflow: auto;}
.horisontal_noscroll::-webkit-scrollbar {width: 6px;height: 0px;}
.horisontal_noscroll::-webkit-scrollbar-track {background: transparent;}
.horisontal_noscroll::-webkit-scrollbar-thumb {background: #e5a523;}

/*scrollbar end*/

a {
	color: var(--text_color_1);
	transition: all 0.1s ease-in-out;
	text-decoration:none;
	user-select:none;
	cursor: pointer;
}

a:hover {text-decoration:none;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.font-bold {font-weight:bold;}

.clear {clear: both;}
.wrapper_block {width: 100%;}
.block {
	max-width: 1310px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}
.inline_block {display: inline-block;}

.ease_hover {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.required {color: #c90000;}

.form_result 		{}
.form_result>*		{margin-top: 15px;font-size:18px;}
.form_result>*		{margin-bottom: 15px;font-size:18px;}
.form_result_info	{}
.form_result_success{color:green;}
.form_result_error	{color:#e2002f;}

.alerts {
	position: fixed;
	right: 0px;
	top: 55px;
	z-index: 1000000;
	max-width: 80%;
}

.alert+.alert {margin-top: 10px;}

.alert a {color: #fff;}

.alert {
	font-size: 18px;
	padding: 10px 15px;
	padding-right: 55px;
	background: #f9b632;
	color: #352402;
	position: relative;
	border-radius: 5px;
	min-width: 150px;
}

.alert_close {
	background: #ffd585;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	border-radius: 5px 0px 0px 5px;
}

.input-field {margin-top:0rem;}
.input-field>label {color: #000;}
input:not([type]):not(.browser-default), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
	border-color:#000;
}
input:not([type]):not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #000;
    -webkit-box-shadow: 0 1px 0 0 #000;
    box-shadow: 0 1px 0 0 #000;
}
input:not([type]):not(.browser-default):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #000;
}
.input-field .prefix.active,.input-field .suffix.active{color:#000;}

.select-wrapper {margin:0px 0px 8px 0px;}

.select_2_simple {width:100%;}
.select_2_simple+.select2-container {width:100% !important;}

.select2-container--open {z-index:10000;}

.select2-container {margin: 0 0 8px 0;}
.select2-container--default .selection .select2-selection--single {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    
	border-radius:0px;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}



.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #212121 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    left: 50%;
    margin-left: -10px;
    margin-top: 5px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #212121 transparent transparent transparent;
    border-width: 6px 5px 0 5px;
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
	line-height: 3rem;
	padding-left: 0px;
}

.select2+label {
	position: absolute;
    top: -26px;
    font-size: .8rem;
}

.input-field .prefix ~ .select2 {
    margin-left: 3rem;
    width: 92% !important;
    width: calc(100% - 3rem) !important;
}

a.btn.btn-simple:link,		.btn.btn-simple,
a.btn.btn-simple:visited,	.btn.btn-simple:visited		{
	color:var(--button);
	border:2px solid var(--button);
	background:transparent;
	font-size:1.12rem;
	font-weight:bold;
	text-transform:uppercase;
	height:auto;
	line-height:135%;
	padding:15px 20px;
	box-shadow:none;
}
a.btn.btn-simple:hover,		.btn.btn-simple:hover		{background: var(--button);color:#fff;}
a.btn.btn-simple:active,	.btn.btn-simple:active		{}
a.btn.btn-simple.disabled,	.btn.btn-simple:disabled	{cursor:default;opacity: 0.5;}

a.btn.btn-block, .btn.btn-block {
	display:block;width:100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}


/****************** GENERAL - END *******************/

/****************** LOGIN *******************/

.login_page {}
.login_page_inner {
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
	align-items:center;
    position: relative;
    min-height: calc(100vh - 40px);
	margin:20px 15px;
}
.login_page_content {max-width:360px;margin:0px auto;}
.login_page_content_head {text-align:center;}
.login_page_link {
	font-weight:bold;
	color:#c4c4c4;
	text-transform:uppercase;
}
.login_page_link:hover {color:var(--button);}

/****************** LOGIN - END *******************/

/****************** CONTENT *******************/

#content_wrapper {}
#content {}

.content_inner {}
.content_left {
	
}
.content_left_inner {}
.content_left_main {
	background:url(../images/left_bg.jpg);
	padding: 15px 25px;
}
.content_left_logout {text-align: right;margin-bottom: 5px;}

.content_left_avatar {width: 70px;height: 70px;overflow: hidden;}
.content_left_avatar img {width: 100%;height: 100%;border-radius: 100%;}
.content_left_name {margin-top: 8px;color: #fff; font-size: 1.4em;font-weight: bold;}

.content_left_menu {line-height:130%;}
.content_left_menu ul {line-height:130%;}
.content_left_menu ul li {list-style: none;line-height:130%;}
.content_left_menu ul li a {
	line-height:130%;
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding: 15px 25px;
}
.content_left_menu ul li.current a,
.content_left_menu ul li a:hover {
	background: #faedd3;color: #e5a523;
}

.content_main {position: relative;min-height:calc(100vh);}
.content_main_:after {
	position: absolute;
	display: block;
	content: '';
	top: 0px;
	left: -35px;
	width: 1px;
	height: 100%;
	background: #ebebeb;
  	box-shadow: 0px 3px 4.85px 0.15px #ebebeb;
}
.content_main_inner {position: relative;padding-bottom:30px;}


.content_about {}
.content_about_img {padding: 25px 0px;}
.content_about_img img {}
.content_about_title {
	font-size: 1.9em;
	font-weight: 900;
	text-align: center;
	color: #555555;
	padding-bottom: 35px;
	line-height: 130%;
	background: url(../images/title_img.svg) center top 20px no-repeat transparent;
	padding-top: 50px;
}

.content_about_items {}
.content_about_item {padding-bottom: 40px;}
.content_about_item_inner {
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
	align-items: stretch;
}
.content_about_item_img {
	position: relative;
	width: 50%;
}
.content_about_item_img_inner {
	position: absolute;
	width: calc(100% - 20px);
	height: 100%;
	overflow: hidden;
}
.content_about_item_img img {
	width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.content_about_text {width: 50%;}
.content_about_text_inner {
	width: calc(100% - 20px);
	margin-left: 20px;
}
.content_about_item:nth-child(even) .content_about_item_inner {
	flex-direction: row-reverse;
}

.content_about_item:nth-child(even) .content_about_item_img_inner {margin-left: 20px;}
.content_about_item:nth-child(even) .content_about_text_inner {margin-left: 0px;margin-right: 20px;}

.content_about_text_button {margin-top: 20px;}

.content_text {
	font-size: 1.2em;
	text-align: justify;
}
.content_text h2 {
	font-size: 1.4em;
	font-weight: 900;
	margin-bottom: 15px;
}
.content_text p {
	margin-bottom: 15px;
}
.content_text>*:last-child {margin-bottom: 0px;}

.content_library_title {
	text-align: center;
	padding-bottom: 50px;
	font-size: 70px;
	font-weight: 900;
	text-transform: uppercase;
	background: url(../images/title_img.svg)  bottom 35px center no-repeat transparent;
}

.compositions_filter_letters {margin-bottom:15px;}
.compositions_filter_letters input:checked+label {color: #e5a523;}
.compositions_filter_letters label {
	font-weight:bold;
	font-size:1.5em;
	cursor:pointer;
	color:#000000;
	margin: 5px 5px;
}

.compositions_items {}
.compositions_item {
	margin-bottom: 20px;
	border: 1px solid #edeff3;
	box-shadow: 0px 5px 10px rgba(154, 160, 185, 0.05), 0px 15px 40px rgba(166, 173, 201, 0.2);
}

.compositions_item:hover{
	box-shadow: 0px 5px 10px rgb(0 0 0 / 15%), 0px 15px 40px rgb(104 133 232 / 0.05);
}

.compositions_item_name_block {
	padding: 15px 15px;
	padding-left: 95px;
	background: url(../images/composition_icon.png) center left 30px no-repeat transparent;
	cursor: pointer;
}
.compositions_item_name {font-size: 1.5em;font-weight: 700;line-height: 130%;}
.compositions_item_subname {font-size: 1.4em;font-weight: 500;line-height: 130%;}

.compositions_item_content {display: none;}
.compositions_item_files {display: table;width: 100%;}
.compositions_item_file {display: table-row;}
.compositions_item_file:nth-child(odd) {background: #f8f8f8;}
.compositions_item_file_cell:first-child {width: 160px;}
.compositions_item_file_cell+.compositions_item_file_cell {padding-left: 0px;}
.compositions_item_file_cell a:hover {color:#e5a523;}
.compositions_item_file_cell {
	display: table-cell;
	padding: 20px 20px;
	vertical-align: middle;
}
.compositions_item_file_label {
	color: #e5a523;
    padding: 3px 10px;
    background: rgba(231, 172, 62, 0.2);
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
}
.compositions_item_file_name_block {}
.compositions_item_file_download {display: inline-block;margin-right: 10px; width:100%;}
.compositions_item_file_name {font-weight: bold;font-size: 1.2em;display: inline;
word-break: break-word;overflow-wrap: break-word;
}
.compositions_item_file_copy {}
.compositions_item_no_files {
	text-align:center;
	margin:10px 15px 25px 15px;
	font-size:1.2em;
	font-weight:bold;
}
.compositions_item_text {padding:15px 15px;}

.library_form_filters 		{
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	align-items: stretch;
}
.library_form_filter 		{
	width:40%;
}
.library_form_filter_inner 	{}

.about_quotes		{
	background-image:url(../images/about_bottom_bg.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.about_quotes_items {padding:30px 30px;}
.about_quotes_item	{}
.about_quotes_point	{
	display:inline-block;
	max-width:300px;
	min-width:300px;
	background:rgba(255,255,255,0.6);
	padding:15px 15px;
}
.about_quotes_text_block {
	display:table;
	width:100%;
}
.about_quotes_text	{
	vertical-align:middle;
	text-align:center;
	font-weight:900;
	font-size:1.2em;
	height:200px;
	display:table-cell;
	vertical-align:middle;
}
.about_quotes_date	{
	text-align:center;
	font-size:1em;
}
.about_quotes_item:nth-child(even) {
	text-align:right;
}

/****************** CONTENT - END *******************/ 

/****************** PAGINATION *******************/

.pagination_block {}

.pagination {margin-top: 35px;}

.pagination ul {text-align: left;}
.pagination ul li {display: inline-block;height:auto;}
.pagination ul li strong,
.pagination ul li a {
	color: #e5a523;
	font-size: 30px;
	line-height: 50px;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	min-width: 50px;
	border-radius: 5px;
	font-weight: bold;
}
.pagination ul li strong {
	color: rgba(231, 172, 62, 0.5);
	background: rgba(231, 172, 62, 0.2);
}
.pagination ul li a:hover {
	color: #e5a523;
	background: rgba(231, 172, 62, 0.2);
}
.pagination ul li a:active {
	color: #e5a523;
	background: rgba(231, 172, 62, 0.5);
}

/****************** PAGINATION - END *******************/

@media screen and (min-width: 992px) {
	.content_left_ {
		position: sticky;
		top: 0;
		z-index: 2;
		float: left;
		width: 300px;
	}
	.content_left {
		transform:none;
		position: sticky;
		top: 0;
		z-index: 2;
		float: left;
		width: 300px;
		transform:none;
	}
	.content_main {margin-left: 335px;}
}
@media screen and (max-width: 991px) {
	
}
@media screen and (max-width: 767px) {
	.content_about_item_inner {display: block;}
	.content_about_item_img {
		position: relative;
		width: auto;
	}
	.content_about_item_img_inner {
		position: relative;
		width: auto;
		height: auto;
	}
	.content_about_text {width:auto;}
	.content_about_text_inner {width:auto;margin-left: 0px;margin-right: 0px;margin-top:20px;}
	.content_about_item:nth-child(even) .content_about_text_inner {margin-left: 0px;margin-right: 0px;}
	.content_about_item:nth-child(even) .content_about_item_img_inner {margin-left: 0px;}
	
	.library_form_filters 	{display: block;}
	.library_form_filter 	{width:auto;margin-bottom:20px;}
	
	.about_quotes {margin:0px -15px -30px -15px;}
	.about_quotes_item+.about_quotes_item {margin-top:30px;}
	.about_quotes_items {padding:0px;}
}
@media screen and (max-width: 640px) {
	.content_library_title {text-align: center;font-size: 40px;}
	.compositions_item_name {font-size: 1.1em;}
	.compositions_item_subname {font-size: 1em;}
	.compositions_item_file_label {font-size: 1em;}
	.compositions_item_file_name {font-size: 1em;}
}

/* T*/
#menu_mob_btn {
	position:fixed; 
	bottom: 15px; 
	right:25px;
	background:#e5a523;
}

#menu_mob_btn i {
    color:#000;
}
/* T END*/