html {
	background:#fff;
	height:100%;
}
body {
	font-family:'PT Sans', serif;
	color:#263b68;
	outline:none;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
	float:left;
}
a:link {
	color:#4573e5;
	text-decoration:none;
	outline:none;
	transition:color 0.2s ease-in-out;
}
a:visited {
	color:#4573e5;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
	text-decoration-thickness:1px;
	outline:none;
}
a img {
	border:0;
}
* {
	-webkit-tap-highlight-color:transparent;
}
.hidden::-webkit-scrollbar {
  display:none;
}
.hidden {
  -ms-overflow-style:none;
  scrollbar-width:none;
}
h1 {
	width:100%;
	font-size:40px;
	line-height:50px;
	font-weight:400;
	margin:0;
	color:#263b68;
	padding:13px 0 4px 0;
	text-align:left;
	display:block;
	position:relative;
}
h2 {
	width:100%;
	font-size:30px;
	line-height:37px;
	font-weight:400;
	margin:-6px 0 0 0;
	color:#263b68;
	padding:1px 0 16px 0;
	text-align:left;
	display:block;
}
h3 {
	width:100%;
	font-size:20px;
	line-height:32px;
	font-weight:700;
	color:#263b68;
	padding:0;
	margin:0;
	display:block;
}
h4 {
	width:100%;
	font-size:24px;
	line-height:34px;
	font-weight:400;
	padding:0;
	margin:0;
	display:block;
}
h5 {
	width:calc(100% - 20px);
	font-size:20px;
	line-height:32px;
	font-weight:700;
	padding:6px 0 6px 29px;
	margin:26px 0 26px 20px;
	border-left:4px solid #4573e3;
	display:block;
	box-sizing:border-box;
}
.page-container {
	width:100%;
	min-height:100%;
	padding:64px 0 59px 0;
	position:relative;
	box-sizing:border-box;
	float:left;
}
.page-content {
	width:100%;
	padding:32px 0 51px 0;
	float:left;
}
.container {
	max-width:1050px;
	width:100%;
	margin:0 auto;
	padding:0 40px;
	box-sizing:border-box;
}
.content {
	width:100%;
	color:#263b68;
	font-size:20px;
	line-height:32px;
	position:relative;
	float:left;
}
.text .container {
	max-width:1200px;
	padding:0 40px 0 156px;
}
.text .content {
	max-width:730px;
	width:100%;
}
.text .content > ul {
	width:100%;
	list-style:outside;
	margin:0;
	padding:24px 0 0 40px;
	box-sizing:border-box;
}
.text .content > ol {
	width:100%;
	margin:0;
	padding:28px 0 0 40px;
	box-sizing:border-box;
}
.text .content > ul li {
	width:100%;
	margin:0;
	padding:8px 0 0 0;
}
.text .content > ol li {
	width:100%;
	margin:0;
	padding:4px 0;
}
.text .content > ul li strong a {
	margin-right:6px;
}
.more-text {
	background:#ffffde;
	position:relative;
}
.more-text .text-bttn {
	position:relative;
	color:#4573e5;
	display:inline-block;
	cursor:pointer;
}
.more-text .text-bttn:hover {
	text-decoration:underline;
}
.more-text .text-bttn-c {
	font-size:0;
	width:14px;
	height:14px;
	position:relative;
	top:4px;
	margin:0 2px 0 6px;
	cursor:pointer;
	display:inline-block;
}
.more-text .text-bttn-c:before {
	content:"";
	width:18px;
	height:2px;
	background:#4573e5;
  	transform:rotate(-45deg);
	position:absolute;
	top:6px;
	left:-2px;
	transition:background 0.2s ease-in-out;
}
.more-text .text-bttn-c:after {
	content:"";
	width:18px;
	height:2px;
	background:#4573e5;
  	transform:rotate(45deg);
	position:absolute;
	top:6px;
	left:-2px;
	transition:background 0.2s ease-in-out;
}
.more-text .text-bttn-c:hover:before, .more-text .text-bttn-c:hover:after {
	background:#263b68;
}
.more-text span {
	display:none;
}
.article-info {
	width:100%;
	font-size:14px;
	line-height:18px;
	padding:21px 0 0 0;
	margin-bottom:-5px;
	color:#677695;
}
.article-info span {
	display:inline-block;
	margin-right:12px;
}
.content-right {
	width:200px;
	float:right;
}
.content-right .oris-img {
	margin:41px auto 7px auto;
	max-width:200px;
}
.content .oris-img {
	display:none;
}
.oris .content .oris-img {
	display:block;
}
.full .container {
	max-width:1200px;
	padding:0 74px 0 156px;
}
.full .search {
	background:#fff;
	margin:36px 0 -7px 0;
}
.list {
	width:100%;
	list-style:none;
	margin:0;
	padding:42px 0 36px 0;
	float:left;
}
.list li {
	width:100%;
	font-size:18px;
	line-height:23px;
	margin:10px 0 11px 0;
	padding:0;
	float:left;
}
.list li:first-of-type {
	width:100%;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	color:#263b68;
	margin:0 0 23px 0;
	padding:0 0 7px 0;
	border-bottom:2px solid #dee1e8;
	float:left;
}
.list a.all-bttn {
	border:1px solid #4573e5;
	color:#4573e5;
	font-size:16px;
	line-height:24px;
	padding:2px 16px 3px 16px;
	box-sizing:border-box;
	border-radius:15px;
	margin-top:14px;
	display:inline-block;
	transition:background 0.2s ease-in-out;
}
.list a.all-bttn:hover {
	background:#edf1fc;
	text-decoration:none;
}
.nav-container {
	background:rgb(127,188,235);
	background:linear-gradient(45deg, rgba(127,188,235,1) 0%, rgba(150,158,235,1) 100%);
	box-shadow:0 4px 6px rgba(0,0,0,0.25);
	width:100%;
	height:64px;
	position:fixed;
	top:0;
	left:0;
	z-index:25;
	float:left;
}
.nav-content {
	width:100%;
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	position:relative;
	padding:0 40px 0 28px;
	box-sizing:border-box;
}
.nav-content > a {
	color:#fff;
	margin-top:18px;
	float:right;
}
.nav-content > a:hover {
	text-decoration:underline;
}
.nav-content > a#login, .menu-bttm a.login-bttn {
	color:#fff;
	background:#4573e5;
	border-radius:15px;
	padding:0 27px;
	margin:18px 30px 0 20px;
	transition:color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.nav-content > a#login:hover {
	color:#4573e5;
	background:#fff;
	text-decoration:none;
}
.login-icon {
	width:40px;
	height:40px;
	position:absolute;
	top:12px;
	right:102px;
	white-space:nowrap;
}
.login-icon span {
	width:40px;
	height:40px;
	position:relative;
	cursor:pointer;
}
.login-icon span img {
	width:100%;
	height:auto;
	border-radius:100%;
	position:relative;
	z-index:1;
}
.login-icon span:before {
	content:"";
	background:url(img/login.png) no-repeat top center #4572e5;
	background-size:40px 80px;
	width:40px;
	height:40px;
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	transition:opacity 0.2s ease-in-out;
}
.login-icon span:after {
	content:"";
	background:url(img/login.png) no-repeat bottom center #fff;
	background-size:40px 80px;
	width:40px;
	height:40px;
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
.login-icon span:hover:before {
	opacity:0;
}
.login-icon span:hover:after {
	opacity:1;
}
.login-menu {
	min-width:160px;
	font-size:16px;
	line-height:22px;
	background:#edf1fc;
	border-radius:9px;
	border:1px solid #fff;
	padding:13px 6px 5px 6px;
	position:absolute;
	top:46px;
	right:-15px;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	user-select:none;
	box-sizing:border-box;
	display:none;
}
.login-menu a {
	display:table;
	font-weight:700;
	padding:0 14px;
	box-sizing:border-box;
}
a.login-b {
	width:100%;
	background:url(img/login_icon.png) no-repeat left 14px center #f9fbfe;
	background-size:19px 18px;
	color:#283b65;
	font-weight:400;
	padding-left:30px;
	border-radius:8px;
	padding:9px 9px 9px 45px;
	margin-top:-7px;
	box-sizing:border-box;
	transition:background-color 0.2s ease-in-out;
}
a.login-b:hover {
	background-color:#dbe3fa;
	text-decoration:none;
}
a.logout-b {
	width:100%;
	background:url(img/logout_icon.png) no-repeat left 14px center #f9fbfe;
	background-size:19px 18px;
	color:#283b65;
	font-weight:400;
	padding-left:30px;
	border-radius:8px;
	padding:9px 9px 9px 45px;
	margin:11px 0 0 0;
	box-sizing:border-box;
	transition:background-color 0.2s ease-in-out;
}
a.logout-b:hover {
	background-color:#dbe3fa;
	text-decoration:none;
}
.login-menu .signup-bttn {
	font-weight:400;
	margin:11px 0 7px 0;
}
.profile-img {
	width:40px;
	height:40px;
	overflow:hidden;
	margin-right:29px;
	position:relative;
	top:-6px;
	float:right;
}
.profile-img img {
	width:40px;
	height:auto;
	border-radius:100%;
}
.search-top {
	cursor:pointer;
	position:absolute;
	top:13px;
	left:46.61%;
	color:#d8e3f7;
	font-family:'PT Sans', serif;
	font-size:16px;
	line-height:22px;
	padding:8px 19px 10px 49px;
	border-radius:20px;
	display:none;
	transition:background 0.2s ease-in-out, transform 0.25s ease-in-out;
}
.search-top:after {
	content:"";	
	background:url(img/search.png) no-repeat top left;
	background-size:20px 20px;
	width:20px;
	height:20px;
	position:absolute;
	top:11px;
	left:14px;
	filter:brightness(0) invert(1);
}
.search-top:hover {
	background:rgba(255,255,255,0.2);
}
a.logo {
	font-weight:700;
	color:#fff;
	font-size:22px;
	line-height:61px;
	text-transform:uppercase;
	background:url(img/logo.png) no-repeat top 3px left;
	background-size:70px 64px;
	padding:3px 0 0 79px;
	margin:0;
	user-select:none;
	position:relative;
	float:left;
}
a.logo:hover {
	text-decoration:none;
}
.lang-bttn {
	color:#fff;
	position:relative;
	margin-top:17px;
	float:right;
}
.lang-bttn span {
	background:url(img/user_arrow.png) no-repeat top right;
	background-size:13px 64px;
	font-size:14px;
	line-height:32px;
	white-space:nowrap;
	padding-right:16px;
	cursor:pointer;
	user-select:none;
	position:relative;
	float:left;
}
.lang-bttn span:hover {
	text-decoration:underline;
}
.lang-menu {
	width:25px;
	background:#edf1fc;
	border-radius:9px;
	border:1px solid #fff;
	padding:9px 13px 7px 13px;
	position:absolute;
	top:35px;
	left:50%;
	margin-left:-30px;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	display:none;
}
.lang-menu a {
	line-height:25px;
	display:block;
	color:#263b68;
}
.lang-menu a.current {
	font-weight:700;
}
.intro {
	text-align:center;
	background:#363d81;
	padding:53px 0 108px 0;
	box-sizing:border-box;
	position:relative;
}
.intro .content {
	height:559px;
	color:#fff;
	position:relative;
}
.intro .content > span {
	font-size:20px;
	line-height:32px;
	text-align:center;
	padding-bottom:6px;
	display:block;
}
.intro-bttn {
	text-align:center;
	margin:0 auto;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.intro-bttn > span {
	width:44px;
	height:24px;
	margin-left:-22px;
	position:absolute;
	left:50%;
	bottom:-46px;
	z-index:2;
	display:none;
}
.intro-bttn > span:before {
	content:"";
	width:20px;
	height:2px;
	background:#fff;
	position:absolute;
	top:11px;
	left:4px;
	transform:rotate(35deg);
}
.intro-bttn > span:after {
	content:"";
	width:20px;
	height:2px;
	background:#fff;
	position:absolute;
	top:11px;
	right:4px;
	transform:rotate(-35deg);
}
.intro-bttn .media-more {
	position:relative;
	top:0;
	left:0;
	display:inline-block;
	margin:0 12px;
	width:auto;
}
.intro-bg {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}
.intro-bg li {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.quotes {
	margin:0;
	padding:0;
	list-style:none;
	opacity:0;
}
.quotes > li {
	width:100%;
	height:397px;
	color:#fff;
	font-family:'Pacifico', cursive;
	font-weight:400;
	line-height:300%;
	text-shadow:0 2px 2px rgba(38,59,104,1);
	padding:45px 0 57px 0;
	text-align:center;
	position:absolute;
	transition:transform 1.2s ease-in-out, filter 1.2s ease-in-out;
}
.quote-bttn {
	font-family:'PT Sans', serif;
	background:none;
	font-size:18px;
	line-height:23px;
	font-weight:700;
	border:2px solid #fff;
	border-radius:25px;
	margin:0 12px;
	display:inline-table;
	padding:11px 30px 12px 30px;
	cursor:pointer;
	color:#fff;
	transition:background 0.2s ease-in-out;
}
.quote-bttn:hover {
	background:rgba(255,255,255,0.3);
	text-decoration:none;
}
a.share-bttn, .share-bttn {
	background:url(img/share.png) no-repeat center right 30px rgba(255,255,255,0.3);
	background-size:20px 20px;
	font-size:18px;
	line-height:23px;
	border-radius:25px;
	padding:13px 60px 14px 30px;
	color:#fff;
	transition:background 0.2s ease-in-out;
}
a.share-bttn:hover, .share-bttn:hover {
	background:url(img/share.png) no-repeat center right 30px rgba(255,255,255,0.5);
	background-size:20px 20px !important;
	text-decoration:none;
}
.search {
	width:100%;
	background:#f3f8fe;
	border:1px solid #d6d8df;
	box-shadow:0 2px 6px rgba(0,0,0,0.2);
	border-radius:30px;
	margin-top:-10px;
	position:relative;
	box-sizing:border-box;
}
.search button {
	background:url(img/search.png) no-repeat top 5px left 5px;
	background-size:20px 20px;
	width:26px;
	height:26px;
	border:0;
	cursor:pointer;
	position:absolute;
	left:17px;
	top:15px;
}
.search input {
	width:100%;
	padding:14px 225px 14px 38px;
	background:transparent;
	border:0;
	color:#263b68;
	font-family:'PT Sans', serif;
	font-size:18px;
	line-height:30px;
	outline:none;
	margin-left:19px;
	box-sizing:border-box;
}
.search input::placeholder {
	color:#7d89a4;
	opacity:1;
}
.search input:-ms-input-placeholder {
	color:#7d89a4;
}
.search input::-ms-input-placeholder {
	color:#7d89a4;
}
.search button:active {
	background:url(img/search.png) no-repeat top 6px left 6px;
	background-size:20px 20px;
}
.select {
	width:156px;
	user-select:none;
	position:absolute;
	white-space:nowrap;
	top:10px;
	right:30px;
	z-index:2;
}
.select .select-bttn {
	width:100%;
	max-width:540px;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	color:#263b68;
	padding:4px 19px;
	display:inline-block;
	border-left:2px solid #e5e6eb;
	outline:none;
	cursor:pointer;
	box-sizing:border-box;
    transition:border 0.2s ease-in-out;
}
.select .select-bttn span {
	background:url(img/select_arrow.png);
	background-size:14px 16px;
	background-position:top center;
	background-repeat:no-repeat;
	width:14px;
	height:8px;
	display:inline-block;
	margin-left:9px;
	position:relative;
	top:-1px;
}
.select-list {
	width:100%;
	min-width:184px;
	background:#edf1fc;
	font-size:16px;
	line-height:26px;
	border-radius:14px;
	color:#7d89a4;
	border:1px solid #fff;
	position:absolute;
	top:40px;
	left:0;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	display:none;
}
.select-list ul {
	width:100%;
	max-height:474px;
	overflow:auto;
	list-style:none;
	margin:0;
	padding:4px 0 2px 0;
	float:left;
}
.select-list ul li {
	width:100%;
	margin:0;
	padding:1px 4px 2px 4px;
	color:#263b68;
	box-sizing:border-box;
	transition:background 0.2s ease-in-out;
	float:left;
}
.select-list ul li label:hover, .selected-radio {
	background:#dbe3fa;
}
.select-list ul li label {
	width:100%;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	margin:0;
	border-radius:12px;
	padding:4px 16px 6px 16px;
	cursor:pointer;
	box-sizing:border-box;
	transition:background 0.2s ease-in-out, color 0.2s ease-in-out;
	float:left;
}
.select-list input {
	display:none;
}
.select-menu {
	position:relative;
	top:0;
	right:0;
	width:33.333333%;
	padding:0 0 0 13px !important;
	margin:-4px 0 15px 0;
	box-sizing:border-box;
	float:left;
}
.select-menu .select-bttn {
	width:auto;
	border:0;
	padding:0;
}
.select-menu .select-list {
	min-width:inherit;
	width:auto;
	margin-left:-8px;
	top:45px;
}
.select-menu .select-list ul {
	width:auto;
	min-width:254px;
	max-height:212px;
	padding:0 0 0 0;
	margin:4px 4px 4px 0;
}	
.select-menu .select-list ul li {
	width:100%;
	display:table;
	padding:0 0 3px 4px;
	float:none;
}
.select-menu .select-list ul li:last-child {
	padding-bottom:0;
}
.select-menu .select-list ul::-webkit-scrollbar {
	width:8px;
	border-radius:4px;
}
.select-menu .select-list ul::-webkit-scrollbar-track {
	border-radius:4px;
}
.select-menu .select-list ul::-webkit-scrollbar-thumb {
	background:#c4cdde;
	border-radius:4px;
}
.select-menu .select-list ul::-webkit-scrollbar-thumb:hover {
	background:#a7aebd;
}
.select-edit-b {
	position:absolute;
	top:1px;
	right:0;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
.select-menu:hover .select-edit-b {
	opacity:1;
}
.select-edit-b div {
	display:inline-block;
	cursor:pointer;
	opacity:0.5;
	transition:opacity 0.2s ease-in-out;
}
.select-edit-b div:hover {
	opacity:1;
}
.select-edit-b .select-edit {
	background:url(img/select_edit.png) no-repeat center;
	background-size:17px 17px;
	width:17px;
	height:17px;
}
.select-edit-b .select-delete {
	background:url(img/select_delete.png) no-repeat center;
	background-size:15px 17px;
	width:15px;
	height:17px;
	margin:0 13px;
}
.edit-box-list .edit-list-title-b {
	background:url(img/select_edit.png) no-repeat left center;
	background-size:17px 17px;
	padding-left:27px;
	font-size:16px;
	line-height:22px;
	margin:2px 0 24px 0;
}
.edit-box-list .select-delete {
	background:url(img/select_delete.png) no-repeat left center;
	background-size:15px 17px;
	padding-left:27px;
	font-size:16px;
	line-height:22px;
}
.edit-list-title {
	display:none;
}
.edit-list-title .focus-input:after {
	bottom:17px;
}
.edit-box {
	min-width:294px;
	background:#edf1fc;
	font-size:16px;
	line-height:26px;
	border-radius:14px;
	color:#263b68;
	border:1px solid #fff;
	position:absolute;
	top:32px;
	left:-8px;
	z-index:2;
	padding:18px 20px 21px 20px;
	box-sizing:border-box;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	overflow:hidden;
	display:none;
}
.edit-box input {
	width:100%;
	background:none;
	font-family:'PT Sans', serif;
	color:#263b68;
	font-size:16px;
	line-height:22px;
	padding:0;
	margin:0 0 20px 0;
	border:0;
	outline:none;
}
.edit-box label:after {
	content:"";
	width:0%;
	height:2px;
	position:absolute;
	bottom:1px;
	left:0;
	background:#4573e5;
	transition:width 0.3s ease-in-out;
	z-index:2;
}
.edit-box .close-list {
	color:#4573e5;
	float:right;
}
.edit-box a {
	opacity:0.5;
	pointer-events:none;
	transition:opacity 0.15s ease-in-out;
}
.profile-box .edit-box a {
	opacity:1 !important;
	pointer-events:auto !important;
}
.profile-box .edit-box a.edit-profile {
	background:url(img/select_edit.png) no-repeat left center;
	background-size:17px 17px;
	color:#263b68;
	border:0;
	padding:0 0 0 27px;
	margin:4px 0 11px 0;
	border-radius:0;
	font-size:16px;
	line-height:22px;
	float:left;
}
.profile-box .edit-box a.logout {
	background:url(img/logout_dark.png) no-repeat left center;
	background-size:20px 18px;
	color:#263b68;
	padding-left:27px;
	float:left;
}
.edit-box .close-list:hover {
	text-decoration:underline;
}
.edit-box input::placeholder {
	color:#7d89a4;
	opacity:1;
}
.edit-box input:-ms-input-placeholder {
	color:#7d89a4;
}
.edit-box input::-ms-input-placeholder {
	color:#7d89a4;
}
.edit-box-more {
	position:absolute;
	top:0;
	right:-4px;
	width:4px;
	height:26px;
	padding:6px;
	cursor:pointer;
	box-sizing:border-box;
	user-select:none;
	display:none;
}
.edit-box-more > span {
	position:absolute;
	top:0;
	right:0;
	width:12px;
	height:26px;
}
.edit-box-more > span > span {
	background:#263b68;
	position:absolute;
	left:4px;
	top:11px;
	width:4px;
	height:4px;
	border-radius:100%;
	transition:background 0.2s ease-in-out;
}
.edit-box-more > span:before {
	content:"";
	background:#263b68;
	position:absolute;
	top:4px;
	left:4px;
	width:4px;
	height:4px;
	border-radius:100%;
	transition:background 0.2s ease-in-out;
}
.edit-box-more > span:after {
	content:"";
	background:#263b68;
	position:absolute;
	left:4px;
	bottom:4px;
	width:4px;
	height:4px;
	border-radius:100%;
	transition:background 0.2s ease-in-out;
}
.edit-box-more > span:hover > span, .edit-box-more > span:hover:before, .edit-box-more > span:hover:after {
	background:#4573e5;
}
.edit-box-more .edit-box {
	top:32px;
	right:-3px;
	left:auto;
}
span.create-list-bttn {
	position:absolute;
	top:0;
	right:24px;
	width:18px;
	height:18px;
	padding:4px;
	z-index:2;
	cursor:pointer;
}
span.create-list-bttn:before {
	content:"";
	background:#263b68;
	width:2px;
	height:18px;
	position:absolute;
	top:4px;
	left:12px;
	border-radius:0;
	transition:background 0.2s ease-in-out;
}
span.create-list-bttn:after {
	content:"";
	background:#263b68;
	width:18px;
	height:2px;
	position:absolute;
	top:12px;
	left:4px;
	border-radius:0;
	transition:background 0.2s ease-in-out;
}
.create-list-bttn:hover:before, .create-list-bttn:hover:after {
	background:#4573e5;
}
.select-menu .create-list-bttn {
	display:none;
}
.close-edit-box {
}
.create-list {
	width:33.333333%;
	padding:0 0 0 45px;
	margin-top:-3px;
	position:relative;
	font-size:18px;
	line-height:32px;
	box-sizing:border-box;
	float:left;
}
.create-list:before {
	content:"";
	background:#263b68;
	width:2px;
	height:20px;
	position:absolute;
	top:6px;
	left:22px;
}
.create-list:after {
	content:"";
	background:#263b68;
	width:20px;
	height:2px;
	position:absolute;
	top:15px;
	left:13px;
}
.create-list input, .edit-list input {
	width:calc(100% - 104px);
	border:0;
	padding:0;
	margin:0;
	font-family:'PT Sans', serif;
	color:#263b68;
	font-size:18px;
	line-height:23px;
	outline:none;
}
.create-list input::placeholder, .edit-list input::placeholder {
	color:#7d89a4;
	opacity:1;
}
.create-list input:-ms-input-placeholder, .edit-list input:-ms-input-placeholder {
	color:#7d89a4;
}
.create-list input::-ms-input-placeholder, .edit-list input::-ms-input-placeholder {
	color:#7d89a4;
}
.edit-list {
	width:calc(100% - 13px);
	position:relative;
	display:none;
}
.edit-list input {
	width:100%;
	padding-right:60px !important;
	box-sizing:border-box;
}
.edit-list label {
	width:100%;
	position:relative;
	float:left;
}
.edit-list label:after {
	content:"";
	width:0%;
	height:2px;
	position:absolute;
	bottom:1px;
	left:0;
	background:#4573e5;
	transition:width 0.3s ease-in-out;
	z-index:2;
}
.edit-list .close-input {
	position:absolute;
	top:9px;
	right:0;
	z-index:2;
	opacity:1;
	pointer-events:auto;
}
.edit-list .edit-list-bttn {
	width:18px;
	height:18px;
	position:absolute;
	right:29px;
	top:7px;
	border-radius:100%;
	box-sizing:border-box;
	cursor:pointer;
	display:none;
}
.edit-list .edit-list-bttn:before {
	content:"";
	background:url(img/edit_list_bttn.png) no-repeat top -2px center;
	background-size:18px 36px;
	width:18px;
	height:18px;
	border-radius:100%;
	border:2px solid #4573e5;
	box-sizing:border-box;
	position:absolute;
	opacity:1;
	transition:opacity 0.2s ease-in-out;
}
.edit-list .edit-list-bttn:after {
	content:"";
	background:url(img/edit_list_bttn.png) no-repeat bottom 0 center #4573e5;
	background-size:18px 36px;
	width:18px;
	height:18px;
	position:absolute;
	opacity:0;
	border-radius:100%;
	transition:opacity 0.2s ease-in-out;
}
.edit-list .edit-list-bttn:hover:before {
	opacity:0;
}
.edit-list .edit-list-bttn:hover:after {
	opacity:1;
}
.create-list a {
	opacity:0;
	pointer-events:none;
	transition:opacity 0.15s ease-in-out;
}
.clear-input, .close-input {
	width:14px;
	height:14px;
	margin:0 0 -2px 8px;
	display:inline-block;
	position:relative;
	cursor:pointer;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.15s ease-in-out;
}
.clear-input:before, .close-input:before {
	content:"";
	width:18px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:6px;
	left:-2px;
	transition:background 0.2s ease-in-out;
}
.clear-input:after, .close-input:after {
	content:"";
	width:18px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:6px;
	left:-2px;
	transition:background 0.2s ease-in-out;
}
.clear-input:hover:before, .close-input:hover:before, .clear-input:hover:after, .close-input:hover:after {
	background:#263b68;
}
.cat-bttns {
	padding:50px 0 1px 0;
	margin:60px auto 0 auto;
	display:table;
}
.cat-bttns ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.cat-bttns ul li {
	width:33.333333%;
	margin:0;
	padding:0 40px;
	text-align:center;
	font-size:24px;
	color:#263b68;
	box-sizing:border-box;
	float:left;
}
.cat-bttns ul li a {
	color:#263b68;
	text-decoration:none;
	float:left;
}
.cat-bttns ul li a div {
	background:rgb(150,158,235);
	background:linear-gradient(0deg, rgba(150,158,235,1) 0%, rgba(127,188,235,1) 100%);
	width:122px;
	height:122px;
	border-radius:100%;
	border:1px solid #fff;
	margin:0 auto 27px auto;
	box-shadow:0 4px 6px rgba(0,0,0,0.3);
	position:relative;
	overflow:hidden;
}
.cat-bttns ul li a div:before {
	content:"";
	background:#4572e5;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
.cat-bttns ul li a:hover div:before {
	opacity:1;
}
.cat-bttns ul li a div.books-icon:after {
	content:"";
	background:url(img/books.png) no-repeat center;
	background-size:46px 48px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.cat-bttns ul li a div.articles-icon:after {
	content:"";
	background:url(img/articles.png) no-repeat center;
	background-size:46px 48px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.cat-bttns ul li a div.answers-icon:after {
	content:"";
	background:url(img/answers.png) no-repeat center;
	background-size:46px 48px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.oris {
	background:#f3f8fe;
	padding:72px 0 74px 0;
	box-sizing:border-box;
}
.oris .content {
	display:table;
}
.oris-text {
	font-family:'Open Sans', sans-serif;
	width:calc(100% - 200px);
	font-size:22px;
	line-height:34px;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding-right:9%;
}
.oris-img {
	text-align:center;
	line-height:22px;
	vertical-align:middle;
}
.oris-img img {
	width:100%;
	border-radius:100%;
	border:3px solid #8badeb;
	padding:8px;
	margin:4px 0 19px 0;
	box-sizing:border-box;
	float:left;
}
.more {
	background:#e5f2fb;
	text-align:center;
	padding:25px 0;
	margin-bottom:27px;
}
.more a {
	font-size:18px;
	line-height:23px;
	font-weight:700;
	border:2px solid #4572e5;
	border-radius:25px;
	padding:11px 30px 12px 30px;
	color:#4572e5;
	transition:color 0.2s ease-in-out, background 0.2s ease-in-out;
	display:inline-block;
}
.more a:hover {
	background:#4572e5;
	color:#fff;
	text-decoration:none;
}
.media {
	width:calc(100% + 26px);
	margin-left:-13px;
	padding:40px 0 0 0;
	float:left;
}
.media > ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	float:left;
}
.media > ul > li {
	width:33.333333%;
	margin:0;
	padding:16px 13px 9px 13px;
	box-sizing:border-box;
	float:left;
}
.media > ul > li > div {
	background:#ecf5fc;
	width:100%;
	height:100%;
	font-size:22px;
	line-height:28px;
	border-radius:14px;
	padding:25px 22px 51px 22px;
	box-sizing:border-box;
	position:relative;
	transition:box-shadow 0.2s ease-in-out;
	float:left;
}
.media > ul > li > div .media-info {
	width:100%;
	font-size:14px;
	line-height:18px;
	margin-bottom:2px;
	color:#677695;
	float:left;
}
.media > ul > li > div .media-info span {
	display:inline-block;
	margin-right:12px;
}
.media > ul > li > div .media-img {
	width:calc(100% + 44px);
	height:170px;
	position:relative;
	margin:-25px -22px 23px -22px;
	overflow:hidden;
	border-top-right-radius:14px;
	border-top-left-radius:14px;
	float:left;
}
.media > ul > li > div .media-img iframe, .media > ul > li > div .media-img img {
	width:100%;
	height:100%;
	position:absolute;
	object-fit:cover;
}
.video-bttn {
	cursor:pointer;
}
.video-bttn:before {
	content:"";
	background:rgba(0,0,0,0.6);
	position:absolute;
	width:60px;
	height:42px;
	top:50%;
	left:50%;
	margin:-21px 0 0 -30px;
	border-radius:8px;
	z-index:1;
	transition:background 0.2s ease-in-out;
}
.video-bttn:after {
	content:"";
	background:url(img/video_bttn.png) no-repeat center;
	background-size:22px 26px;
	width:22px;
	height:26px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-13px 0 0 -9px;
	opacity:0.8;
	z-index:2;
	transition:opacity 0.2s ease-in-out;
}
.video-bttn:hover:before {
	background:#4572e5;
}
.video-bttn:hover:after {
	opacity:1;
}
.media > ul > li > div > .media-descr {
	padding-right:20px;
	box-sizing:border-box;
}
.media > ul > li > div > .media-descr a {
	color:#263b68;
	text-decoration:none;
}
.media > ul > li > div > .media-descr a:hover {
	color:#4573e5;
}
.media > ul > li > div > .media-descr a:after {
	content:"";
	background:url(img/media_arrow.png) no-repeat center;
	background-size:18px 12px;
	position:relative;
	width:18px;
	height:12px;
	padding:6px 5px;
	display:inline-block;
	margin:0 -38px -5px 2px;
}
.media > ul > li > div > .media-descr a.media-link {
	font-size:14px;
	line-height:28px;
	color:#4573e5;
	position:absolute;
	bottom:8px;
	left:22px;
	z-index:1;
}
.media > ul > li > div > .media-descr a.media-link:hover {
	text-decoration:underline;
}
.media > ul > li > div > .media-descr a.media-link:after {
	display:none;
}
.media > ul > li.news {
	display:none;
}
.media > ul > li.news > div {
	background:#eaebff;
}
.video > ul > li > div {
	padding:26px 22px 35px 22px;
	background:#f4f5f7;	
}
.video > div, .audio > div, .articles > div {
	text-align:right;
	color:#7d89a4;
	font-size:14px;
	line-height:18px;
	padding-right:16px;
	margin:3px 0 -3px 0;
	box-sizing:border-box;
}
.audio > div {
	padding:0;
	margin:4px 0 -4px 0;
}
.articles > div {
	padding:0;
	margin:28px 0 0 0;
	position:relative;
	bottom:-4px;
}
.news-bttn {
	font-size:16px;
	line-height:22px;
	margin-top:18px;
	padding-right:60px;
	position:absolute;
	top:18px;
	right:0;
}
.news-bttn span {
	position:absolute;
	top:1px;
	right:0;
	width:40px;
	height:20px;
	border-radius:10px;
	background:#bec4d2;
	cursor:pointer;
	transition:background 0.2s ease-in-out;
}
.news-bttn span:after {
	content:"";
	background:#fff;
	width:16px;
	height:16px;
	position:absolute;
	top:2px;
	left:2px;
	border-radius:100%;
	transition:left 0.2s ease-in-out;
}
.news-bttn span.bttn-on {
	background:#4572e5;
}
.news-bttn span.bttn-on:after {
	left:auto;
	left:22px;
}
#top-arrow {
	background:#fff;
	width:50px;
	height:50px;
	position:fixed;
	bottom:50px;
	right:40px;
	display:none;
	overflow:hidden;
	border-radius:100%;
	z-index:400;
	box-shadow:0 2px 8px rgba(0,0,0,0.25);
}
#top-arrow:after {
	background:url(img/top_arrow.png) no-repeat center;
	background-size:50px 50px;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	opacity:0.6;
	z-index:1;
	transition:opacity 0.2s ease-in-out;
}
#top-arrow:hover:after {
	opacity:1;
}
.footer {
	position:absolute;
	bottom:0;
	background:#363d81;
	padding:18px 0;
	z-index:3;
}
.footer .content {
	color:#7fbceb;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	line-height:23px;
}
#menu-bttn {
	width:23px;
	height:15px;
	position:relative;
	top:15px;
	left:-38px;
	margin-right:-29px;
	padding:10px;
	cursor:pointer;
	display:none;
	float:left;
}
.home-nav #menu-bttn {
	display:block;
}
#menu-bttn div {
	background:#fff;
	width:23px;
	height:3px;
	position:absolute;
}
.menu-line-1 {
	top:10px;
}
.menu-line-2 {
	top:16px;
}
.menu-line-3 {
	top:22px;
}
#menu-left {
	position:fixed;
	width:240px;
	top:0;
	height:100%;
	left:-260px;
	padding-top:64px;
	box-sizing:border-box;
	background:#fff;
	box-shadow:8px 0 8px rgba(0,0,0,0.25);
	transition:left 0.2s ease-in-out;
	z-index:13;
}
#menu-left.show {
	left:0;
}
#menu-left ul {
	width:100%;
	height:calc(100% - 64px);
	overflow:auto;
	padding:17px 0 0 0;
	margin:0;
	box-sizing:border-box;
	list-style:none;
	float:left;
}
.menu-left-bttm {
	padding-bottom:121px !important;
}
#menu-left ul li {
	width:100%;
	padding:0 9px;
	margin:10px 0 0 0;
	box-sizing:border-box;
	float:left;
}
#menu-left ul li:last-of-type {
	padding-bottom:17px;
}
#menu-left ul li a {
	width:100%;
	font-size:16px;
	line-height:30px;
	position:relative;
	padding:11px 22px 9px 69px;
	color:#263b68;
	border-radius:15px;
	box-sizing:border-box;
	transition:none;
	float:left;
}
#menu-left ul li a:hover {
	color:#4573e5;
	text-decoration:none;
}
#menu-left ul li a.current {
	color:#4573e5;
	background:#f0f4fd;
	text-decoration:none;
}
#menu-left ul li a:before {
	content:"";
	position:absolute;
	top:12px;
	left:21px;
	opacity:1;
	width:24px;
	height:29px;
}
#menu-left ul li a:after {
	content:"";
	position:absolute;
	top:12px;
	left:21px;
	opacity:0;
	width:24px;
	height:29px;
}
#menu-left ul li a:hover:before, #menu-left ul li a.current:before {
	opacity:0;
}
#menu-left ul li a:hover:after, #menu-left ul li a.current:after {
	opacity:1;
}
a.home-bttn:before {
	content:"";
	background:url(img/home_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.home-bttn:after {
	content:"";
	background:url(img/home_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.books-bttn:before {
	content:"";
	background:url(img/books_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.books-bttn:after {
	content:"";
	background:url(img/books_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.articles-bttn:before {
	content:"";
	background:url(img/articles_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.articles-bttn:after {
	content:"";
	background:url(img/articles_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.answers-bttn:before {
	content:"";
	background:url(img/answers_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.answers-bttn:after {
	content:"";
	background:url(img/answers_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.dictionary-bttn:before {
	content:"";
	background:url(img/dictionary_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.dictionary-bttn:after {
	content:"";
	background:url(img/dictionary_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.author-bttn:before {
	content:"";
	background:url(img/author_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.author-bttn:after {
	content:"";
	background:url(img/author_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.ayfaar-people-bttn:before {
	content:"";
	background:url(img/ayfaar_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.ayfaar-people-bttn:after {
	content:"";
	background:url(img/ayfaar_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
a.resources-bttn:before {
	content:"";
	background:url(img/resources_icon.png) no-repeat top center;
	background-size:24px 58px;
}
a.resources-bttn:after {
	content:"";
	background:url(img/resources_icon.png) no-repeat bottom center;
	background-size:24px 58px;
}
.menu-bttm {
	width:100%;
	height:104px;
	background:#f4f5f7;
	margin-top:14px;
	display:none;
	float:left;
}
.menu-bttm-stick {
	position:absolute;
	bottom:56px;
	left:0;
}
.menu-bttm a.login-bttn {
	font-size:16px;
	border-radius:15px;
	padding:5px 13px;
	margin:17px 30px 4px 27px;
	display:table;
}
.menu-bttm .menu-lang-bttn {
	width:100%;
	padding:19px 0 12px 5px;
	box-sizing:border-box;
	float:left;
}
.menu-bttm .menu-lang-bttn a {
	font-size:14px;
	line-height:22px;
	margin-left:25px;
	color:#263b68;
	float:left;
}
.menu-bttm .menu-lang-bttn a.current {
	font-weight:700;
}
.menu-bttm .user-page {
	width:100%;
	padding:11px 0 0 27px;
	box-sizing:border-box;
	float:left;
}
.menu-bttm .user-page img {
	width:40px;
	height:40px;
	border-radius:100%;
	float:left;
}
.menu-bttm .user-page a {
	font-size:16px;
	font-weight:700;
}
.menu-bttm .user-page a span {
	background:url(img/media_arrow.png) no-repeat top 7px right;
	background-size:16px 10px;
	margin-top:9px;
	padding:0 21px 0 15px;
	box-sizing:border-box;
	display:table;
}
.menu {
	width:122px;
	position:fixed;
	top:64px;
	bottom:59px;
	overflow:hidden;
	left:0;
	z-index:2;
}
.menu:hover {
	overflow:auto;
}
.menu ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:21px 0 81px 0;
	float:left;
}
.menu ul li {
	width:100%;
	margin:0 0 2px 0;
	padding:0;
	float:left;
}
.menu ul li a {
	font-size:14px;
	line-height:15px;
	text-decoration:none;
	position:relative;
	padding:44px 0 14px 0;
	width:90px;
	color:#263b68;
	text-align:center;
	box-sizing:border-box;
	border-radius:16px;
	margin:0 0 0 9px;
	transition:background 0.2s ease-in-out;
	float:left;
}
.menu ul li a:hover {
	color:#4573e5;
}
.menu ul li a.current {
	color:#4573e5;
	background:#f0f4fd;
}
.menu ul li a:before {
	content:"";
	position:absolute;
	top:12px;
	left:0;
	right:0;
	margin:0 auto;
	opacity:1;
	width:24px;
	height:29px;
}
.menu ul li a:after {
	content:"";
	position:absolute;
	top:12px;
	left:0;
	right:0;
	margin:0 auto;
	opacity:0;
	width:24px;
	height:29px;
}
.menu ul li a:hover:before, .menu ul li a.current:before {
	opacity:0;
}
.menu ul li a:hover:after, .menu ul li a.current:after {
	opacity:1;
}
.nav {
	width:100%;
	color:#263b68;
	font-size:15px;
	line-height:20px;
	display:table;
}
.nav a {
	color:#4573e5;
	max-width:300px;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
}
.nav div {
	color:#263b68;
	max-width:300px;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
}
.nav span {
	font-size:16px;
	color:#3c4043;
	padding:0 9px;
	float:left;
}
.h1-cat {
	font-size:18px;
	line-height:22px;
	display:inline-block;
	padding-left:13px;
	box-sizing:border-box;
}
.h1-cat a {
	color:#7d89a4;
	background:#fff;
	border:1px solid #dee1e8;
	padding:1px 24px 3px 24px;
	border-radius:14px;
	margin-left:15px;
	text-decoration:none;
	transition:background 0.2s ease-in-out;
	float:left;
}
.h1-cat a:hover {
	background:#f2f3f6;
}
.h1-cat a.current {
	color:#fff;
	background:#263b68;
	border:1px solid #263b68;
	pointer-events:none;
}
a.h1-link {
	background:url(img/tooltip_arrow.png) no-repeat bottom 5px right 1px;
	background-size:15px 10px;
	font-size:16px;
	line-height:22px;
	padding-right:22px;
	margin-top:23px;
	float:right;
}
.link {
	font-size:16px;
	line-height:26px;
	color:#798aa5;
	font-weight:400;
	margin-left:21px;
	display:inline-block;
}
a.buy-bttn {
	font-size:16px;
	line-height:22px;
	border:1px solid #4573e5;
	color:#4573e5;
	border-radius:16px;
	padding:3px 19px 5px 19px;
	margin:41px 0 4px 0;
	box-sizing:border-box;
	display:table;
	cursor:pointer;
	transition:background 0.2s ease-in-out;
}
a.buy-bttn:hover {
	text-decoration:none;
	background:#edf1fc;
}
a.buy-bttn:last-child {
	margin-bottom:9px;
}
.divider {
	font-size:18px;
	color:#bec4d2;
	padding:0 10px;
	display:inline-block;
	font-weight:400;
}
a.more-link {
	font-size:16px;
	font-weight:700;
}
.pag-nav {
	margin-top:82px;
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:30px;
	float:left;
}
.pag-slider {
	background:#eaebf0;
	width:100%;
	height:6px;
	border-radius:3px;
	position:relative;
	margin-bottom:10px;
	float:left;
}
.pag-slider div {
	width:25%;
	height:6px;
	border-radius:3px;
	background:#939eb2;
	position:absolute;
	left:0;
}
.pag-slider div span {
	font-size:14px;
	color:#677695;
	width:100%;
	position:absolute;
	white-space:nowrap;
	top:-27px;
	left:0;
	right:0;
}
.pag-nav a.prev-nav {
	background:url(img/pag_nav.png) no-repeat left top;
	background-size:16px 60px;
	padding-left:23px;
	float:left;
}
.pag-nav a.next-nav {
	background:url(img/pag_nav.png) no-repeat right bottom;
	background-size:16px 60px;
	padding-right:23px;
	float:right;
}
.media-more {
	position:absolute;
	bottom:13px;
	right:0;
	text-align:left;
}
.media-more > span {
	width:92px;
	height:15px;
	position:relative;
	box-sizing:border-box;
	cursor:pointer;
	margin-right:13px;
	padding-right:31px;
	float:right;
}
.time {
	background:url(img/time.png) no-repeat;
	background-size:16px 16px;
	width:16px;
	height:16px;
	margin:0 0 6px 0;
	display:none;
	float:right;
}
.favorite {
	background:url(img/favorite.png) no-repeat;
	background-size:13px 16px;
	width:13px;
	height:16px;
	margin:0 0 6px 8px;
	display:none;
	float:right;
}
.heart {
	background:url(img/heart.png) no-repeat;
	background-size:17px 16px;
	width:17px;
	height:16px;
	margin:0 0 6px 7px;
	display:none;
	float:right;
}
.media-more > span > span {
	background:#263b68;
	position:absolute;
	top:5px;
	right:19px;
	border-radius:100%;
	width:5px;
	height:5px;
}
.media-more > span > span:before {
	content:"";
	background:#263b68;
	position:absolute;
	top:0;
	left:7px;
	border-radius:100%;
	width:5px;
	height:5px;
}
.media-more > span > span:after {
	content:"";
	background:#263b68;
	position:absolute;
	top:0;
	left:14px;
	border-radius:100%;
	width:5px;
	height:5px;
}
.media-more > span:hover > span, .media-more > span:hover > span:before, .media-more > span:hover > span:after {
	background:#4573e5;
}
.media-menu {
	max-width:206px;
	min-width:206px;
	background:#edf1fc;
	font-size:16px;
	line-height:26px;
	border-radius:14px;
	color:#263b68;
	border:1px solid #fff;
	position:absolute;
	bottom:-18px;
	right:43px;
	z-index:2;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	overflow:hidden;
	display:none;
}
.media-menu .media-menu-home {
	background:url(img/time_icon.png) no-repeat top 17px left 16px;
	background-size:20px 20px;
	padding:13px 20px 65px 48px;
	position:relative;
	width:100%;
	box-sizing:border-box;
	user-select:none;
}
.media-menu .media-menu-home > div, .media-menu .media-menu-home > span {
	cursor:pointer;
	transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.media-menu .media-menu-home span.current {
	font-weight:700;
	color:#263b68;
}
.media-menu .media-menu-home > span {
	color:#7d89a4;
	display:block;
}
.media-menu .media-menu-home span:hover {
	color:#263b68;
}
.media-col {
	width:100%;
	padding:8px 1px 0 0;
	box-sizing:border-box;
	display:none;
	float:left;
}
.media-col .create-list {
	width:calc(100% - 11px);
	margin:0 0 4px 6px;
	padding:0 0 0 40px;
	border-bottom:1px solid #d4d8e1;
	float:left;
}
.media-col .create-list:before {
	top:7px;
	left:20px;
}
.media-col .create-list:after {
	top:16px;
	left:11px;
}
.media-col .create-list input {
	background:none;
	width:100%;
	font-size:16px;
	line-height:20px;
	position:relative;
	z-index:1;
}
.media-col .create-list a {
	opacity:0.5 !important;
	pointer-events:none !important;
	font-size:16px;
	line-height:22px;
	margin:-9px 0 12px 0;
	float:left;
}
.media-col .create-list a.create-list-active {
	opacity:1 !important;
	pointer-events:auto !important;
}
.media-col .create-list-bttn {
	width:calc(100% - 11px);
	font-size:16px;
	line-height:24px;
	position:relative;
	box-sizing:border-box;
	padding:8px 5px 13px 37px;
	border-bottom:1px solid #d4d8e1;
	margin:0 auto 4px auto;
	cursor:pointer;
}
.media-col .create-list-bttn:before {
	content:"";
	background:#263b68;
	width:2px;
	height:20px;
	position:absolute;
	top:10px;
	left:16px;
}
.media-col .create-list-bttn:after {
	content:"";
	background:#263b68;
	width:20px;
	height:2px;
	position:absolute;
	top:19px;
	left:7px;
}
.media-col ul {
	width:calc(100% - 3px);
	max-height:160px;
	list-style:none;
	padding:0;
	margin:0 0 6px 0;
	overflow:auto;
	box-sizing:border-box;
	float:left;
}
.media-col ul::-webkit-scrollbar {
	width:8px;
	border-radius:4px;
}
.media-col ul::-webkit-scrollbar-track {
	border-radius:4px;
}
.media-col ul::-webkit-scrollbar-thumb {
	background:#c4cdde;
	border-radius:4px;
}
.media-col ul::-webkit-scrollbar-thumb:hover {
	background:#a7aebd;
}
.media-col ul li {
	width:100%;
	margin:0;
	padding:3px 16px;
	box-sizing:border-box;
	float:left;
}
.media-col ul li a {
	color:#263b68;
}
.media-menu .media-share {
	width:100%;
	position:relative;
	display:none;
}
.media-menu .media-sett {
	width:100%;
	position:relative;
	padding-bottom:49px;
}
.rate-more .media-sett {
	padding-bottom:0;
}
.media-menu .media-share a, .media-menu .media-sett > a {
	display:inline-block;
	color:#263b68;
}
.media-menu a.later {
	background:none;
	margin:12px 0 7px 18px;
	padding:4px 40px 4px 30px;
	box-sizing:border-box;
	line-height:19px;
	position:relative;
}
.media-menu a.later > span:last-child, .media-menu a.bookmark > span:last-child , .media-menu a.my-collection > span:last-child {
	display:none;
}
.media-menu a.later:after {
	content:"";
	background:url(img/time_icon.png) no-repeat center;
	background-size:20px 20px;
	width:20px;
	height:20px;
	position:absolute;
	top:4px;
	left:0;
	opacity:0.3;
}
.media-menu a.later-on:after {
	opacity:1;
}
.media-menu a.later.later-on > span:last-child {
	display:block;
}
.media-menu a.later.later-on > span:first-child {
	display:none;
}
.media-menu a.my-collection {
	margin:12px 0 7px 15px;
	padding:4px 50px 4px 33px;
	box-sizing:border-box;
	line-height:19px;
	position:relative;
}
.media-menu a.my-collection:after {
	content:"";
	background:url(img/my_collection.png) no-repeat center;
	background-size:22px 20px;
	width:22px;
	height:20px;
	position:absolute;
	top:4px;
	left:0;
	opacity:0.3;
}
.media-menu a.my-collection-on:after {
	opacity:1;
}
.media-menu a.my-collection.my-collection-on > span:last-child {
	display:block;
}
.media-menu a.my-collection.my-collection-on > span:first-child {
	display:none;
}
.media-menu a.bookmark {
	margin:12px 0 7px 18px;
	padding:4px 30px 4px 30px;
	box-sizing:border-box;
	line-height:19px;
	position:relative;
}
.media-menu a.bookmark:after {
	content:"";
	background:url(img/bookmark.png) no-repeat center;
	background-size:16px 21px;
	width:16px;
	height:21px;
	position:absolute;
	top:4px;
	left:0;
	opacity:0.3;
}
.media-menu a.bookmark-on:after {
	opacity:1;
}
.media-menu a.bookmark.bookmark-on > span:last-child {
	display:block;
}
.media-menu a.bookmark.bookmark-on > span:first-child {
	display:none;
}
.media-menu a.copy-link {
	background:url(img/copy.png) no-repeat top 3px left 1px;
	background-size:20px 22px;
	margin:6px 0 14px 18px;
	padding:4px 30px 4px 30px;
	box-sizing:border-box;
	line-height:19px;
}
.media-menu .media-share > ul {
	margin:0 13px 2px 13px;
	padding:10px 4px 11px 4px;
	list-style:none;
	box-sizing:border-box;
	border-bottom:1px solid #d4d8e1;
}
.media-menu .media-share > ul > li {
	margin:0;
	padding:3px 0 4px 0;
	color:#263b68;
}
.media-menu .media-share > ul > li a {
	color:#263b68;
}
.media-menu .media-share > ul > li span {
	width:26px;
	height:26px;
	margin:0 8px 0 0;
	display:block;
	float:left;
}
.media-menu .media-share > ul > li span img {
	width:100%;
	height:auto;
}
.media-i {
	background:#ffffbd;
	color:#263b68;
	line-height:23px;
	padding:14px 17px;
	box-sizing:border-box;
	-webkit-transition:wrap;
	-moz-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	display:none;
	align-items:center;
}
.media-i-bttn {
	background:#d4d8e1;
	position:absolute;
	top:15px;
	right:12px;
	width:22px;
	height:22px;
	color:#263b68;
	font-size:17px;
	line-height:22px;
	text-align:center;
	font-weight:700;
	border-radius:100%;
	cursor:pointer;
	user-select:none;
	transition:background 0.2s ease-in-out;
}
.media-i-bttn:hover {
	background:#fff;
}
.media-i .media-i-bttns {
	width:100%;
}
.media-i .media-i-bttns a {
	font-size:16px;
	line-height:20px;
	font-weight:700;
}
.media-i .media-i-bttns a.login-bttn {
	display:table;
	background:url(img/logout.png) no-repeat left center;
	background-size:20px 18px;
	padding-left:29px;
	margin-top:9px;
	box-sizing:border-box;
}
.media-i .media-i-bttns a.signup-bttn {
	display:table;
	margin:8px 0 -4px 0;
}
.media-close {
	width:12px;
	height:12px;
	position:absolute;
	top:3px;
	right:3px;
	padding:5px;
	cursor:pointer;
	z-index:2;
}
.media-close:before {
	content:"";
	width:18px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:10px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.media-close:after {
	content:"";
	width:18px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:10px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.media-close:hover:before, .media-close:hover:after {
	background:#263b68;
}
.media-menu .share {
	background:url(img/share_dark.png) no-repeat left 10px center #f9fbfe;
	background-size:20px 20px;
	line-height:26px;
	padding:6px 10px 8px 42px;
	position:absolute;
	bottom:5px;
	left:6px;
	right:6px;
	color:#263b68;
	border-radius:12px;
	box-sizing:border-box;
	cursor:pointer;
	transition:background 0.2s ease-in-out;
}
.media-menu .share:hover {
	background-color:#dae3fa;
}
.highlighted {
	background:#ecf5fc;
	border-radius:20px;
	padding:23px 30px 23px 30px;
	margin:41px 0 41px 0;
	box-sizing:border-box;
}
.form {
	width:100%;
	max-width:380px;
	margin:0 auto;
	text-align:center;
	font-size:17px;
	line-height:34px;
}
.form form > strong {
	font-size:21px;
	line-height:34px;
	text-align:center;
	color:#263b68;
	display:block;
}
.form a.forgot {
	font-size:12px;
	font-weight:700;
	color:#4573e5;
	text-transform:uppercase;
	position:relative;
	top:-11px;
}
.form .help {
	font-size:16px;
	color:#969696;
	margin:10px auto 0 auto;
	display:table;
}
.form label {
	width:100%;
	position:relative;
	float:left;
}
.form label:after, .edit-box label:after {
	content:"";
	width:0%;
	height:2px;
	position:absolute;
	bottom:8px;
	left:0;
	background:#4573e5;
	transition:width 0.3s ease-in-out;
	z-index:2;
}
.focus-input {
	width:100%;
	position:relative;
	display:table;
}
.focus-input:after {
	content:"";
	width:100% !important;
}
.form input {
	width:100%;
	font-family:'PT Sans', serif;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px solid #c8c8c8;
	font-size:19px;
	line-height:22px;
	padding:5px 0;
	margin:0;
	outline:none;
	float:left;
}
.form input::placeholder {
	color:#969696;
	opacity:1;
}
.form input:-ms-input-placeholder {
	color:#969696;
}
.form input::-ms-input-placeholder {
	color:#969696;
}
.form form {
	text-align:left;
}
.form form button {
	width:100%;
	font-family:'PT Sans', serif;
	font-size:17px;
	line-height:48px;
	background:#4573e5;
	color:#fff;
	margin:19px auto 0 auto;
	border-radius:25px;
	font-weight:700;
	border:0;
	cursor:pointer;
	transition:background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.form form button.signup[disabled], .form form button.login[disabled] {
	background:#eaebf0;
	color:#7d89a4;
}
.form form button.signup {
	background:#4573e5;
	color:#fff;
	margin:113px 0 -2px 0;
}
.form form button:focus {
	background:#4572e5 !important;
}
.form form button:hover {
	background:#395db3;
}
.soc {
	padding:0 0 32px 0;
	margin:-6px auto -19px auto;
	text-align:center;
	display:table;
}
.soc a {
	width:70px;
	color:#263b68;
	font-size:12px !important;
	line-height:16px;
	margin:0 3px 0 2px;
	border-radius:14px;
	padding:11px 0 7px 0;
	overflow:hidden;
	text-decoration:none;
	display:inline-block;
	transition:background 0.2s ease-in-out;
}
.soc a:hover {
	background:#eeeff3;
}
.soc a img {
	width:100%;
	max-width:40px;
	height:auto;
	display:block;
	margin:0 auto 6px auto;
}
.enter-content {
	width:100%;
	height:100%;
	background:rgb(69,115,229);
	background:radial-gradient(circle, rgba(69,115,229,1) 0%, rgba(54,61,128,1) 100%);
	box-sizing:border-box;
	padding:0;
  	align-items:center;
	position:fixed;
	z-index:500;
	overflow-y:auto;
	display:none;
}
.enter-form {
	background:#fff;
	border-radius:20px;
	padding:35px 40px 42px 40px;
	max-width:380px;
	display:table;
	position:relative;
	box-shadow:0 16px 20px rgba(0,0,0,0.5);
	color:#969696;
	box-sizing:border-box;
	transform:scale(0.85);
	opacity:0;
	transition:transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.enter-form input {
	margin:18px 0 8px 0;
}
input.incorrect {
	border-color:#c000ff;
}
.enter-form form input.incorrect::placeholder {
	color:#c000ff;
	opacity:1;
}
.enter-form form input.incorrect:-ms-input-placeholder {
	color:#c000ff;
}
.enter-form form input.incorrect::-ms-input-placeholder {
	color:#c000ff;
}
.enter-form a {
	text-transform:none;
	font-size:17px;
}
.close {
	width:18px;
	height:18px;
	position:absolute;
	top:11px;
	right:11px;
	padding:5px;
	cursor:pointer;
}
.close:before {
	content:"";
	width:24px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.close:after {
	content:"";
	width:24px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.close:hover:before, .close:hover:after {
	background:#263b68;
}
.audio {
	width:100%;
	padding-top:39px;
	float:left;
}
.audio > ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.audio > ul > li {
	background:#f4f5f7;
	width:100%;
	min-height:80px;
	margin:18px 0 8px 0;
	padding:11px 80px 18px 80px;
	font-size:22px;
	line-height:28px;
	border-radius:14px;
	box-sizing:border-box;
	position:relative;
	float:left;
}
.audio > ul > li > span {
	position:relative;
	z-index:1;
}
.audio > ul > li > span > div {
	display:block;
	font-size:14px;
	line-height:18px;
	color:#677695;
	padding-bottom:2px;
}
.audio > ul > li > span > div > span {
	display:inline-block;
	margin-right:12px;
}
.audio > ul > li > span > a.audio-more {
	font-size:14px;
	font-weight:700;
	margin-left:12px;
}
.audio .media-more {
	position:absolute;
	top:11px;
	bottom:auto;
	right:0;
}
.audio .media-menu {
	bottom:-18px;
	right:43px;
}
.close-article {
	width:28px;
	height:28px;
	position:fixed;
	top:78px;
	right:31px;
	padding:5px;
	cursor:pointer;
	z-index:4;
}
.close-article:before {
	content:"";
	width:38px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:18px;
	left:0;
	transition:background 0.2s ease-in-out;
}
.close-article:after {
	content:"";
	width:38px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:18px;
	left:0;
	transition:background 0.2s ease-in-out;
}
.close-article:hover:before, .close-article:hover:after {
	background:#263b68;
}
.article-page-content {
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:12;
	overflow:auto;
	display:none;
}
.article-page {
	width:100%;
	max-width:1050px;
	height:100%;
	padding:119px 40px 114px 40px;
	box-sizing:border-box;
	margin:0 auto;
	display:table;
	position:relative;
	z-index:2;
}
.article-page .content {
	font-size:18px;
	line-height:24px;
}
.article-page .content h1 {
	font-size:22px;
	line-height:28px;
	padding:7px 0 0 0;
}
.article-page .rate, .article-page .share-b-menu {
	margin-top:23px;
}
.article-page .article-b {
	padding-top:4px;
}
.article-page .article-b h3 {
	font-size:18px;
	line-height:24px;
}
.article-b a.article-link {
	position:relative;
}
.article-b a.article-link:after {
	content:"";
	background:url(img/article_arrow.png) no-repeat center;
	background-size:16px 10px;
	position:relative;
	width:16px;
	height:10px;
	padding:6px 5px;
	display:inline-block;
	margin:0 -16px -5px 3px;
}
.article-page .comments {
	max-width:inherit;
	padding-top:48px;
}
.iframe {
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top:56.25%;
}
.iframe iframe {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
}
.article-page .iframe {
	margin:25px 0 5px 0;
}
.player-sml {
	width:calc(100% - 40px);
	height:54px;
	position:relative;
	color:#677695;
	margin:-8px 0 10px 0;
	user-select:none;
}
.player-sml .icon {
	cursor:pointer;
	position:absolute;
	top:12px;
	left:-2px;
}
.player-sml .song-timer {
	position:absolute;
	top:0;
	left:38px;
	font-size:12px;
	line-height:16px;
	white-space:nowrap;
}
.player-sml .song-timer span {
	display:inline-block;
	padding:0 3px;
}
.player-sml .song-seek {
	background:#d9ebf9;
	position:absolute;
	width:100%;
	height:10px;
	border-radius:5px;
	top:22px;
	left:38px;
	cursor:pointer;
}
.player-sml .song-progress {
	position:absolute;
	width:0%;
	height:10px;
	padding-right:10px;
	box-sizing:border-box;
	border-radius:5px;
	top:22px;
	left:38px;
	cursor:pointer;
}
.player-sml .song-progress:after {
	content:"";
	background:#4572e5;
	border-radius:5px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10px;
}
.player-sml .song-progress:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:10px;
	background:#4572e5;
	z-index:1;
	border-radius:100%;
	pointer-events:none;
	transition:transform 0.15s ease-in-out;
}
.player-sml .song-progress:hover:before, .song-progress-hover:before {
	transform:scale(1.5);
}
.player-sml .fa-play {
	width:25px;
	height:29px;
}
.player-sml .fa-play:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat top center;
	background-size:25px 118px;
	width:25px;
	height:29px;
	opacity:1;
}
.player-sml .fa-play:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat top -29px center;
	background-size:25px 118px;
	width:25px;
	height:29px;
	opacity:0;
}
.player-sml .fa-play:hover:before {
	opacity:0;
}
.player-sml .fa-play:hover:after {
	opacity:1;
}
.player-sml .fa-pause {
	width:25px;
	height:30px;
}
.player-sml .fa-pause:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat top -58px center;
	background-size:25px 118px;
	width:25px;
	height:30px;
	opacity:1;
	transition:opacity 0.2s ease-in-out;
}
.player-sml .fa-pause:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat bottom center;
	background-size:25px 118px;
	width:25px;
	height:30px;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
.player-sml .fa-pause:hover:before {
	opacity:0;
}
.player-sml .fa-pause:hover:after {
	opacity:1;
}
.player {
	width:100%;
	height:100%;
	color:#677695;
	user-select:none;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
	overflow:hidden;
}
.player .icon {
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-16px;
	left:27px;
	transition:transform 0.2s ease-in-out;
}
.player .song-timer {
	position:absolute;
	bottom:7px;
	left:11px;
	font-size:12px;
	line-height:16px;
	white-space:nowrap;
	display:block !important;
}
.player .song-seek {
	position:absolute;
	width:100%;
	height:6px;
	bottom:0;
	left:0;
}
.player .song-progress {
	background:#4572e5;
	position:absolute;
	width:0%;
	height:6px;
	bottom:0;
	left:0;
	transition:background 0.2s ease-in-out;
}
.player .song-progress:hover {
	background:#395db3;
}
.fa-play {
	width:22px;
	height:26px;
}
.fa-play:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls.png) no-repeat top center;
	background-size:22px 104px;
	width:22px;
	height:26px;
	opacity:1;
}
.fa-play:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls.png) no-repeat top -26px center;
	background-size:22px 104px;
	width:22px;
	height:26px;
	opacity:0;
}
.fa-play:hover:before {
	opacity:0;
}
.fa-play:hover:after {
	opacity:1;
}
.player-box-sml {
	width:100%;
	height:29px;
	margin:17px 0 23px 0;
	position:relative;
}
.player-box-sml .song-seeks-sml {
	width:calc(100% - 40px);
	height:10px;
	background:#d9ebf9;
	border-radius:10px;
	position:absolute;
	top:10px;
	right:0;
}
.player-box-sml .song-seeks-sml:after {
	content:"";
	background:#4572e5;
	width:10px;
	height:10px;
	position:absolute;
	left:0;
	top:0;
	border-radius:100%;
}
.fa-play-sml {
	width:25px;
	height:29px;
}
.fa-play-sml:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat top center;
	background-size:25px 118px;
	width:25px;
	height:29px;
	opacity:1;
}
.fa-play-sml:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls_sml.png) no-repeat top -29px center;
	background-size:25px 118px;
	width:25px;
	height:29px;
	opacity:0;
}
.fa-play-sml:hover:before {
	opacity:0;
}
.fa-play-sml:hover:after {
	opacity:1;
}
.play-bttn {
	cursor:pointer;
	position:absolute;
	top:50%;
	left:27px;
	margin-top:-13px;
}
.play-bttn-sml {
	cursor:pointer;
	position:static;
	top:50%;
	left:27px;
	margin-top:-13px;
}
.player .fa-pause {
	width:22px;
	height:26px;
}
.player .fa-pause:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls.png) no-repeat top -52px center;
	background-size:22px 104px;
	width:22px;
	height:26px;
	opacity:1;
}
.player .fa-pause:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(img/controls.png) no-repeat bottom center;
	background-size:22px 104px;
	width:22px;
	height:26px;
	opacity:0;
}
.player .fa-pause:hover:before {
	opacity:0;
}
.player .fa-pause:hover:after {
	opacity:1;
}
.more-descr {
	font-size:18px;
	line-height:26px;
	background:#ffffbd;
	width:calc(100% - 80px);
	max-width:600px;
	padding:24px 30px 23px 30px;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:14px;
	z-index:100;
	box-sizing:border-box;
	box-shadow:0 8px 12px rgba(0,0,0,0.25);
	max-height:80%;
	overflow:auto;
	display:none;
}
.more-close {
	position:absolute;
	width:16px;
	height:16px;
	top:5px;
	right:5px;
	padding:5px;
	cursor:pointer;
}
.more-close:before {
	content:"";
	width:21px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.more-close:after {
	content:"";
	width:21px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.more-close:hover:before, .more-close:hover:after {
	background:#263b68;
}
a.more-close {
	font-size:14px;
	line-height:20px;
	font-weight:700;
	text-decoration:none;
	margin:14px 0 12px 0;
	padding:0;
	display:none;
}
.articles {
	width:100%;
	padding:11px 0 1px 0;
	float:left;
}
.articles-grid > div {
	margin-right:13px;
}
.articles > ul {
	width:100%;
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	float:left;
}
.articles > ul > li {
	width:100%;
	background:#f4f5f7;
	min-height:80px;
	margin:18px 0 8px 0;
	padding:12px 80px 19px 23px;
	font-size:22px;
	line-height:28px;
	border-radius:14px;
	box-sizing:border-box;
	position:relative;
	transition:box-shadow 0.2s ease-in-out;
	float:left;
}
.articles > ul > li > a {
	text-decoration:none;
	color:#263b68;
	position:relative;
}
.articles > ul > li > a:hover {
	color:#4573e5;
}
.articles > ul > li > div {
	display:block;
	font-size:14px;
	line-height:18px;
	color:#677695;
	padding-bottom:2px;
}
.articles > ul > li > div > span {
	display:inline-block;
	margin-right:12px;
}
.articles > ul > li > span > a.audio-more {
	font-size:14px;
	font-weight:700;
	margin-left:12px;
}
.articles .media-more {
	width:auto;
	position:absolute;
	top:11px;
	bottom:auto;
	left:auto;
	right:0;
}
.articles .media-menu {
	bottom:-18px;
	right:43px;
}
.articles-bttns {
	margin:-15px 0 0 42px;
	height:27px;
	border:1px solid #d4d8e1;
	border-radius:6px;
	overflow:hidden;
	float:right;
}
.articles-bttns div {
	width:31px;
	height:27px;
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
	float:left;
}
.articles-bttns div.current {
	background:#c7d5f7;
	transition:background 0.2s ease-in-out;
}
.articles-bttns div.grid-bttn:after {
	content:"";
	background:url(img/grid.png) no-repeat center;
	background-size:19px 13px;
	position:absolute;
	width:31px;
	height:27px;
	top:0;
	left:0;
	opacity:0.7;
	transition:opacity 0.2s ease-in-out;
}
.articles-bttns div.lines-bttn:after {
	content:"";
	background:url(img/lines.png) no-repeat center;
	background-size:19px 13px;
	position:absolute;
	width:31px;
	height:27px;
	top:0;
	left:0;
	opacity:0.7;
	transition:opacity 0.2s ease-in-out;
}
.articles-bttns div:hover:after {
	opacity:1;
}
.articles-grid {
	width:calc(100% + 26px);
	margin-left:-13px;
}
.articles-grid > ul {
	display:flex;
	-webkit-transition:wrap;
	-moz-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
}
.articles-grid > ul > li {
	width:calc(33.333334% - 26px);
	margin:18px 13px 8px 13px;
	padding:12px 22px 19px 23px;
	float:left;
}
.ayfaar-people {
	width:calc(100% + 26px);
	margin:0 0 -9px -13px;
	padding:10px 0 0 0;
	float:left;
}
.ayfaar-people > ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	-webkit-transition:wrap;
	-moz-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	float:left;
}
.ayfaar-people > ul > li {
	width:33.333333%;
	margin:0;
	padding:66px 13px 18px 13px;
	box-sizing:border-box;
	float:left;
}
.ayfaar-people > ul > li .people {
	background:#ecf5fc;
	width:100%;
	height:100%;
	font-size:16px;
	line-height:24px;
	border-radius:14px;
	padding:0 22px 12px 22px;
	box-sizing:border-box;
	position:relative;
	transition:box-shadow 0.2s ease-in-out, top 0.2s ease-in-out;
	float:left;
}
.ayfaar-people > ul > li .people img {
	background:#fff;
	width:100%;
	max-width:126px;
	border-radius:100%;
	border:3px solid #8badeb;
	padding:6px;
	margin:-40px 0 14px 4px;
	box-sizing:border-box;
	display:block;
}
.ayfaar-people > ul > li .people span {
	display:block;
	text-transform:uppercase;
	font-size:20px;
	line-height:26px;
	font-weight:700;
}
.ayfaar-people > ul > li .people div {
	padding-bottom:24px;
}
.ayfaar-people > ul > li .people a.more-link {
	margin-top:-11px;
	display:table;
}
.descr-content {
	width:100%;
	max-width:1030px;
	padding:0 74px 0 156px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	position:fixed;
	display:none;
	z-index:99;
	transform:scale(0.8);
	box-sizing:border-box;
	transition:transform 0.2s ease-in-out;
}
.descr {
	width:100%;
	max-height:80%;
	top:50%;
	transform:translate(0,-50%);
	font-size:18px;
	line-height:26px;
	background:#ecf5fc;
	padding:24px 30px 23px 25px;
	border-radius:14px;
	box-shadow:0 20px 15px rgba(0,0,0,0.35);
	border:1px solid #fff;
	box-sizing:border-box;
	position:relative;
	overflow:auto;
	float:left;
}
.ayfaar-people > ul > li .descr .people {
	background:none;
	width:245px;
	padding-left:0;
	float:left;
}
.descr .people-about {
	width:calc(100% - 257px);
	height:100%;
	min-height:100%;
	font-size:16px;
	line-height:24px;
	padding:7px 4px 12px 0;
	box-sizing:border-box;
	position:relative;
	overflow:auto;
	float:right;
}
.descr .people-about strong {
	font-size:17px;
	line-height:24px;
}
.descr .people img {
	min-width:200px;
	margin:0 0 14px 0 !important;
}
.drop-menu {
	width:100%;
	margin-bottom:-32px;
}
.drop-menu .drop-bttn {
	width:100%;
	color:#7d89a4;
	font-size:16px;
	padding:26px 0 30px 0;
}
.drop-menu .drop-bttn > div {
	font-size:28px;
	line-height:37px;
	color:#263b68;
	cursor:pointer;
	box-sizing:border-box;
	padding-right:29px;
	margin-right:22px;
	display:inline-block;
	position:relative;
	user-select:none;
}
.drop-menu .drop-bttn > div:after {
	content:"";
	background:url(img/drop_arrow.png) no-repeat center top;
	background-size:17px 18px;
	width:17px;
	height:9px;
	display:inline-block;
	margin:0 -17px 3px 0;
	position:relative;
	left:12px;
}
.drop-menu .drop-bttn > div.drop-arrow:after {
	background:url(img/drop_arrow.png) no-repeat center bottom;
	background-size:17px 18px;
}
.drop-menu .drop-content {
	width:100%;
	display:none;
	padding-bottom:77px;
}
.drop-menu:last-child .drop-content {
	padding-bottom:41px;
}
.load-more {
	font-size:16px;
	line-height:22px;
	font-weight:700;
	border:1px solid #4573e5;
	color:#4573e5;
	border-radius:14px;
	padding:1px 14px 3px 14px;
	margin-top:41px;
	box-sizing:border-box;
	display:table;
	cursor:pointer;
	transition:background 0.2s ease-in-out;
}
.load-more:hover {
	background:#edf1fc;
}
a.return {
	background:url(img/pag_nav.png) no-repeat top -2px left;
	background-size:16px 60px;
	font-size:16px;
	line-height:26px;
	font-weight:700;
	padding-left:21px;
	box-sizing:border-box;
	position:absolute;
	bottom:7px;
	right:0;
}
.return-sml {
	display:none;
}
.drop-content .articles {
	padding:0 0 24px 0;
}
.articles > ul {
	padding:0;
}
.drop-content .articles > ul > li {
	margin:0 0 26px 0;
}
.drop-content .video {
	margin-top:0;
	padding-top:0;
	padding-bottom:23px;
}
.drop-content .video > ul > li {
	padding-top:0;
	padding-bottom:27px;
}
.drop-content .audio {
	padding-top:0;
	padding-bottom:24px;
}
.drop-content .audio > ul > li {
	min-height:80px;
	margin:0 0 26px 0;
	padding:11px 80px 18px 80px;
}
a.logout {
	background:url(img/logout.png) no-repeat left center;
	background-size:20px 18px;
	color:#4573e5;
	font-size:16px;
	line-height:22px;
	padding-left:29px;
	margin-top:21px;
	box-sizing:border-box;
	margin-left:41px;
	float:right;
}
.profile {
	width:100%;
	padding:45px 0 9px 0;
	display:flex;
	float:left;
}
.profile button {
	background:#4572e5;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight:700;
	color:#fff;
	border:0;
	border-radius:15px;
	padding:8px 0 6px 0;
	box-sizing:border-box;
	margin-bottom:2px;
	cursor:pointer;
	transition:background 0.2s ease-in-out;
}
.profile button:hover {
	background:#263b68;
}
.profile .profile-descr {
	width:490px;
	float:left;
}
.profile .profile-image {
	width:200px;
	text-align:center;
	float:left;
}
.profile .profile-image .image {
	background:#fff;
	width:200px;
	height:200px;
	border-radius:100%;
	border:3px solid #8badeb;
	padding:8px;
	box-sizing:border-box;
	margin-bottom:32px;
}
.profile .profile-image img {
	width:100%;
	height:auto;
	border-radius:100%;
	float:left;
}
.profile .profile-info {
	font-size:16px;
	line-height:34px;
	white-space:nowrap;
	padding-right:7px;
	box-sizing:border-box;
	text-align:left;
	margin-top:-6px;
	float:right;
}
.profile .profile-info strong {
	margin:1px 0 -2px 0;
	display:block;
	padding-top:33px;
	box-sizing:border-box;
}
.profile .profile-info input {
	font-family:'PT Sans', serif;
	width:266px;
	font-size:16px;
	line-height:22px;
	padding:3px 12px;
	border-radius:15px;
	border:1px solid #fff;
	box-sizing:border-box;
	color:#263b68;
	display:block;
	margin:3px 0 0 -10px;
	outline:none;
	transition:border-color 0.2s ease-in-out;
}
.profile .profile-info input:focus {
	border-color:#7396eb;
	border-width:2px;
	padding:2px 11px;
}
.profile .profile-info input.date1 {
	padding-left:125px;
}
.profile .profile-info input.date1:focus {
	padding-left:124px;
}
.profile .profile-info input.date2 {
	padding-left:167px;
}
.profile .profile-info input.date2:focus {
	padding-left:166px;
}
.profile .profile-about textarea {
	font-family:'PT Sans', serif;
	width:100%;
	height:calc(100% - 33px);
	font-size:16px;
	line-height:22px;
	padding:0 12px 3px 12px;
	border:0;
	box-sizing:border-box;
	color:#263b68;
	resize:none;
	outline:none;
	transition:border-color 0.2s ease-in-out;
}
.profile .profile-about textarea:focus {
	border-color:#7396eb;
}
.profile .profile-about textarea::-webkit-scrollbar {
	width:6px;
	border-radius:3px;
	margin-right:20px;
}
.profile .profile-about textarea::-webkit-scrollbar-track {
	background:#eaebef;
	border-radius:3px;
}
.profile .profile-about textarea::-webkit-scrollbar-thumb {
	background:#939eb2;
	border-radius:3px;
}
.profile .profile-info label {
	position:relative;
	display:table;
}
.profile .profile-info label > span {
	line-height:22px;
	position:absolute;
	top:7px;
	left:2px;
	z-index:1;
}
.profile .profile-info input::placeholder {
	color:#263b68;
	opacity:0.5;
}
.profile .profile-info input:-ms-input-placeholder {
	color:#263b68;
	opacity:0.5;
}
.profile .profile-info input::-ms-input-placeholder {
	color:#263b68;
	opacity:0.5;
}
.profile-bg {
	max-width:200px;
	width:100%;
	text-align:center;
	padding-top:6px;
	font-size:14px;
	line-height:18px;
	float:left;
}
.profile-bg span {
	display:inline-block;
	width:34px;
	height:34px;
	border:4px solid #fff;
	border-radius:100%;
	cursor:pointer;
	margin:9px 3px 5px 3px;
	box-sizing:border-box;
}
.profile-bg span.current {
	border:4px solid #4572e5;
}
.profile-bg span input {
	width:0;
	height:0;
	opacity:0;
}
.edit-photo {
	width:100% !important;
	height:100%;
	position:relative;
}
.profile-left {
	max-width:200px;
	box-sizing:border-box;
	float:left;
}
.profile-bttns {
	width:100%;
	max-width:200px;
	position:absolute;
	bottom:0;
	left:0;
	box-sizing:border-box;
}
.profile-bttns a.return {
	background:url(img/pag_nav.png) no-repeat top -2px left 15px;
	background-size:16px 60px;
	position:static;
	font-size:16px;
	line-height:26px;
	margin-bottom:5px;
	padding:0 0 0 36px;
	display:table;
}
.profile-bttns a.return:hover {
	color:#4573e5;
	text-decoration:underline;
}
.profile-bttns a.cancel-bttn {
	font-weight:bold;
	border:2px solid #4572e5;
	border-radius:15px;
	font-size:14px;
	line-height:26px !important;
	box-sizing:border-box;
	display:block;
	margin-top:2px;
	transition:border-color 0.2s ease-in-out, color 0.2s ease-in-out, background 0.2s ease-in-out !important;
}
.profile-bttns a.cancel-bttn:hover {
	border-color:#263b68;
	color:#263b68;
	background:#fff;
}
.edit-photo label div {
	position:relative;
}
.edit-photo label div:after {
	content:"";
	background:url(img/photo.png) no-repeat center #fff;
	background-size:22px 19px;
	position:absolute;
	right:30px;
	bottom:22px;
	width:36px;
	height:36px;
	border-radius:100%;
	cursor:pointer;
	pointer-events:none;
}
.edit-photo label {
	cursor:pointer;
}
.edit-photo a {
	color:#4573e5;
	font-size:14px;
	line-height:24px;
	font-weight:700;
	text-decoration:none;
	transition:color 0.2s ease-in-out;
}
.edit-photo a:hover {
	color:#263b68;
}
.profile .profile-info > div {
	text-transform:uppercase;
	font-weight:700;
	font-size:18px;
	line-height:34px;
}
.profile .profile-about {
	font-size:16px;
	line-height:24px;
	overflow:auto;
	margin-top:-2px;
	width:calc(100% - 500px);
	box-sizing:border-box;
	padding-right:25px;
	margin-left:10px;
	float:right;
}
.profile .edit-about {
	background:#fff;
	width:calc(100% - 500px);
	overflow:visible;
	border-radius:15px;
	border:2px solid #fff;
	padding-right:8px;
	padding-bottom:4px;
	box-sizing:border-box;
	transition:border 0.2s ease-in-out;
}
.active-textarea {
	border:2px solid #7396eb !important;
}
.profile .edit-about > strong {
	display:block;
	margin:1px 0;
	padding-left:12px;
	box-sizing:border-box;
}
.profile .profile-about > strong {
	font-size:17px;
	line-height:24px;
}
.profile .profile-about::-webkit-scrollbar {
	width:6px;
	border-radius:3px;
}
.profile .profile-about::-webkit-scrollbar-track {
	background:#eaebef;
	border-radius:3px;
}
.profile .profile-about::-webkit-scrollbar-thumb {
	background:#939eb2;
	border-radius:3px;
}
a.edit-profile {
	background:url(img/edit.png) no-repeat center left 11px;
	background-size:14px 14px;
	font-size:14px;
	line-height:24px;
	border:1px solid #4573e5;
	color:#4573e5;
	border-radius:16px;
	padding:3px 19px 3px 37px;
	margin:22px 45px 0 0;
	box-sizing:border-box;
	text-decoration:none;
	transition:background-color 0.2s ease-in-out;
}
a.edit-profile:hover {
	background-color:#fff;
}
.profile-box {
	width:100%;
	margin-top:36px;
	padding:10px 30px;
	border-radius:15px;
	position:relative;
	box-sizing:border-box;
	float:left;
}
.profile-box .edit-box-more {
	top:13px;
	right:16px;
}
.profile-box .profile-box-img {
	background:#fff;
	width:72px;
	height:72px;
	padding:4px;
	overflow:hidden;
	border-radius:100%;
	border:2px solid #8badeb;
	box-sizing:border-box;
	margin-right:20px;
	float:left;
}
.profile-box .profile-box-img img {
	width:100%;
	height:auto;
}
.profile-box strong {
	font-size:20px;
	line-height:30px;
	margin-top:12px;
	display:inline-block;
}
.profile-box .profile-box-info {
	float:left;
}
.profile-box .profile-box-info > span {
	color:#677695;
	font-size:14px;
	line-height:20px;
	float:left;
}
.profile-box .profile-box-info > span > span {
	color:#263b68;
	padding-left:8px;
}
.profile-box .profile-box-links {
	text-align:right;
	box-sizing:border-box;
	float:right;
}
.profile-box .profile-box-links a {
	display:inline-block;
	float:none;
}
.profile-box a.logout {
	margin:26px 0 0 0;
}
.tabs {
	width:100%;
	padding-top:50px;
	float:left;
}
.tabs .tabs-bttns {
	width:100%;
	overflow:auto;
	box-sizing:border-box;
}
.tabs .tabs-bttns > div {
	width:100%;
	min-width:800px;
	display:table;
}
.tabs .tabs-bttn {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #bec4d2;
	font-size:20px;
	line-height:28px;
	cursor:pointer;
	text-align:center;
	color:#7d89a4;
	padding:11px 0 10px 0;
	margin-bottom:-1px;
	position:relative;
	z-index:1;
	user-select:none;
	display:table-cell;
	transition:color 0.2s ease-in-out;
}
.tabs .tabs-bttn:hover {
	color:#263b68;
}
.tabs .tabs-bttn.current {
	color:#263b68;
	border-top:1px solid #bec4d2;
	border-left:1px solid #bec4d2;
	border-right:1px solid #bec4d2;
	border-bottom:1px solid #fff;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}
.tabs .tabs-bttn span {
	display:inline-block;
	width:22px;
	height:21px;
	margin:0 8px -5px 0;
	opacity:0.3;
	transition:opacity 0.2s ease-in-out;
}
.tabs .tabs-bttn.current span {
	opacity:1;
}
.tabs .tabs-bttn:hover span {
	opacity:1;
}
.tabs .tabs-bttn .new-material {
	background:url(img/new_material.png) no-repeat top center;
	background-size:20px 21px;
}
.tabs .tabs-bttn .later-list {
	background:url(img/time_icon.png) no-repeat top center;
	background-size:20px 20px;
	margin-right:10px;
}
.tabs .tabs-bttn .favorites {
	background:url(img/bookmark.png) no-repeat top center;
	background-size:16px 21px;
}
.tabs .tabs-bttn .collection {
	background:url(img/my_collection.png) no-repeat top center;
	background-size:22px 20px;
	margin-right:11px;
}
.tabs .tabs-content {
	width:100%;
	display:none;
	float:left;
}
a.back {
	position:absolute;
	width:16px;
	height:16px;
	top:-22px;
	right:-4px;
	left:auto;
	padding:5px;
	cursor:pointer;
	z-index:2;
	display:none;
}
a.back:before {
	content:"";
	width:21px;
	height:2px;
	background:#939db3;
	transform:rotate(-45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
a.back:after {
	content:"";
	width:21px;
	height:2px;
	background:#939db3;
	transform:rotate(45deg);
	position:absolute;
	top:13px;
	left:2px;
	opacity:1;
	transition:background 0.2s ease-in-out;
}
a.intereactive-bttn {
	width:100%;
	background:#4572e5;
	color:#fff;
	font-weight:700;
	font-size:20px;
	line-height:32px;
	margin:71px 0 -11px 0;
	padding:14px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	border-radius:30px;
	transition:background 0.2s ease-in-out;
}
a.intereactive-bttn:hover {
	background:#395db3;
	text-decoration:none;
}
.article-bttns {
	width:100%;
	padding:11px 190px 8px 0;
	display:table;
	position:relative;
	box-sizing:border-box;
}
.article-bttns .share-b-menu {
	position:absolute;
	right:0;
	top:11px;
}
.rate {
	width:100%;
	max-width:540px;
	min-height:46px;
	background:#f2f3f7;
	border-radius:23px;
	padding:5px 0 4px 0;
	box-sizing:border-box;
	position:relative;
	margin-top:60px;
	text-align:center;
	float:left;
}
.rate-b {
	width:calc(100% - 208px);
	max-width:calc(730px - 208px);
	font-size:14px;
	line-height:17px;
	position:absolute;
	left:18px;
	bottom:12px;
	text-align:center;
}
.rate-b div {
	font-size:16px;
	line-height:20px;
	display:inline-block;
	margin:0 12px;
	cursor:pointer;
	color:#4573e5;
	user-select:none;
}
.rate-b div:hover {
	text-decoration:underline;
	transition:none;
}
.rate-b div.current {
	font-weight:700;
	color:#263b68;
}
.rate-more {
	width:22px !important;
	height:22px;
	position:absolute;
	left:15px;
	bottom:12px;
	text-align:left;
	z-index:2;
}
.rate-more .media-menu {
	top:-17px;
	left:32px;
	bottom:auto;
}
.rate-more .media-menu a {
	position:relative;
}
.media-menu .media-sett a:before {
	content:"";
	width:194px;
	height:1px;
	background:#d4d8e1;
	position:absolute;
	left:-12px;
	bottom:-10px;
}
.media-menu .media-sett a:last-of-type:before {
	display:none;
}
.rate-more > span {
	width:97px;
	height:22px;
	padding:0 0 0 36px;
	box-sizing:border-box;
	position:absolute;
	user-select:none;
}
.rate-more > span > i {
	float:left;
}
.rate-more .time {
	margin:3px 6px 6px 0;
}
.rate-more .favorite {
	margin:3px 6px 6px 0;
}
.rate-more .heart {
	margin:3px 0 6px 0;
}
.rate-more > span:before {
	content:"";
	width:2px;
	height:22px;
	background:#263b68;
	position:absolute;
	top:0;
	left:10px;
	transition:background 0.2s ease-in-out;
}
.rate-more > span:after {
	content:"";
	width:22px;
	height:2px;
	background:#263b68;
	position:absolute;
	top:10px;
	left:0;
	transition:background 0.2s ease-in-out;
}
.rate-more > span:hover:before, .rate-more > span:hover:after {
	background:#4573e5;
}
.rate-menu {
	max-width:206px;
	min-width:206px;
	background:#edf1fc;
	font-size:16px;
	line-height:26px;
	border-radius:14px;
	color:#263b68;
	border:1px solid #fff;
	position:absolute;
	bottom:-18px;
	right:43px;
	z-index:2;
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	overflow:hidden;
}
.rate-inactive {
	pointer-events:none;
}
.viewed {
	background:url(img/viewed.png) no-repeat center left;
	background-size:19px 12px;
	width:82px;
	text-align:center;
	font-size:16px;
	line-height:46px;
	padding-left:13px;
	color:#263b68;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	z-index:1;
}
.article-b {
	width:100%;
	color:#bec4d2;
	display:table;
	margin:-1px 0 1px 0;
}
.comments {
	font-size:20px;
	line-height:32px;
	width:100%;
	max-width:730px;
	padding-top:61px;
	margin-bottom:-34px;
	float:left;
}
.add-comment form {
	width:100%;
	position:relative;
	float:left;
}
.add-comment {
	width:100%;
	margin-top:13px;
	float:left;
}
.add-comment input {
	width:100%;
	font-family:'PT Sans', serif;
	font-size:16px;
	line-height:26px;
	padding:14px 68px 17px 62px;
	color:#263b68;
	border:1px solid #dfe2e9;
	border-radius:30px;
	outline:none;
	box-sizing:border-box;
	transition:border-color 0.2s ease-in-out;
}
.add-comment input::placeholder {
	color:#263b68;
	opacity:0.6;
}
.add-comment input:-ms-input-placeholder {
	color:#263b68;
	opacity:0.6;
}
.add-comment input::-ms-input-placeholder {
	color:#263b68;
	opacity:0.6;
}
.add-comment input:focus {
	border:2px solid #7396eb;
	padding:13px 67px 16px 61px;
}
.add-comment button {
	background:url(img/add_comment.png) no-repeat center;
	background-size:25px 24px;
	width:25px;
	height:24px;
	opacity:0;
	position:absolute;
	top:18px;
	right:21px;
	border:0;
	cursor:pointer;
	pointer-events:none;
	transition:opacity 0.15s ease-in-out;
}
.add-comment button:active {
	top:19px;
	right:20px;
}
.add-comment img {
	position:absolute;
	top:14px;
	left:13px;
	width:32px;
	height:32px;
	border-radius:100%;
}
.comments-list .add-comment {
	padding:11px 0 9px 0;
	margin:0;
	display:none;
}
.comments-list .add-comment input {
	padding-left:28px;
}
.comments-list .add-comment input:focus {
	padding-left:27px;
}
.comments-list {
	width:100%;
	padding:35px 0 13px 0;
	float:left;
}
.comments-list ul {
	width:100%;
	list-style:none !important;
	margin:0;
	padding:0 !important;
	box-sizing:border-box;
	float:left;
}
.comments-list ul li {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
.comments-list ul li ul {
	padding-left:52px !important;
}
.comments-list > ul > li > ul {
	margin-bottom:-5px !important;
}
.c-content {
	width:100%;
	padding:11px 0 11px 52px;
	margin-bottom:10px;
	position:relative;
	box-sizing:border-box;
	float:left;
}
.comments-list ul li ul li .c-content {
	margin-top:-15px;	
}
.comments-list ul li img {
	width:40px;
	height:40px;
	position:absolute;
	top:17px;
	left:0;
	border-radius:100%;
}
.c-top {
	width:100%;
	font-size:14px;
	line-height:18px;
	float:left;
}
.c-top a {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	margin-right:12px;
}
.c-top span {
	font-size:14px;
	line-height:24px;
	color:#7d89a4;
	word-spacing:7px;
}
.c-text {
	width:100%;
	font-size:16px;
	line-height:22px;
	padding-top:4px;
	margin-bottom:-6px;
	float:left;
}
.c-reply {
	color:#4573e5;
	font-size:14px;
	line-height:22px;
	cursor:pointer;
	display:inline-block;
	margin-top:7px;
	user-select:none;
}
.c-reply:hover {
	text-decoration:underline;
}
.c-like {
	margin-left:11px;
	font-size:14px;
	line-height:22px;
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	user-select:none;
}
.c-like > div {
	position:relative;
	width:13px;
	height:22px;
	cursor:pointer;
	float:left;
}
.c-like > span {
	padding-left:4px;
}
.c-like > div:after {
	content:"";
	background:url(img/like.png) no-repeat top center;
	background-size:13px 66px;
	width:13px;
	height:22px;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	transition:opacity 0.2s ease-in-out;
}
.c-like > div:before {
	content:"";
	background:url(img/like.png) no-repeat center;
	background-size:13px 66px;
	width:13px;
	height:22px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
.c-like > div:hover:after {
	opacity:0;
}
.c-like > div:hover:before {
	opacity:1;
}
.c-liked > div {
	background:url(img/like.png) no-repeat bottom left;
	background-size:13px 66px;
}
.c-liked > div:after, .c-liked > div:before {
	display:none;
}
.share-b-menu {
	position:relative;
	top:0;
	left:auto;
	width:auto;
	margin-top:60px;
	float:right;
}
.share-b-menu .media-share, .share-intro {
	display:block !important;
}
a.share-b, .share-b {
	background:url(img/share_icon.png) no-repeat center left 16px #fff;
	background-size:20px 20px;
	font-size:16px;
	line-height:24px;
	border-radius:23px;
	padding:10px 27px 10px 52px;
	color:#4572e5;
	border:1px solid #4572e5;
	box-sizing:border-box;
	float:right;
	transition:background 0.2s ease-in-out;
}
a.share-b:hover, .share-b:hover {
	background:url(img/share_icon.png) no-repeat center left 16px #edf1fc;
	background-size:20px 20px;
	text-decoration:none;
}
.drop-b {
	padding-left:23px;
	box-sizing:border-box;
}
.drop-b > div {
	background-image:url(img/book_arrow.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:14px 64px;
	font-weight:700;
	display:inline-block;
	color:#4573e5;
	cursor:pointer;
	box-sizing:border-box;
	user-select:none;
	padding-left:23px;
	margin-left:-23px;
}
.drop-b > div:hover {
	text-decoration:underline;
	text-decoration-thickness:1px;
}
.drop-c {
	padding:0 0 0 47px;
	box-sizing:border-box;
	display:none;
}
.drop-c:last-child {
	margin-bottom:-32px;
}
.tooltip-content {
	position:relative;
	z-index:2;
	box-sizing:border-box;
	display:inline;
}
.tooltip-content a {
	text-decoration:underline;
	text-decoration-thickness:1px;
	color:#263b68;
	position:relative;
}
.tooltip-content:hover a {
	color:#4573e5;
	z-index:10;
}
.tooltip-c {
	position:absolute;
	top:26px;
	left:50%;
	transform:translate(-50%, 0);
	height:0;
	overflow:hidden;
	opacity:0;
	box-sizing:border-box;
	transition:opacity 0.15s ease-in-out;
}
.tooltip-content:hover {
	z-index:10;
}
.tooltip-content:hover .tooltip-c {
	padding:0 22px 22px 22px;
}
.tooltip-c:after {
	content:"";
	background:#ffffbd;
	position:absolute;
	top:4px;
	left:50%;
	margin-left:-7px;
  	transform:rotate(-45deg);
	width:11px;
	height:11px;
}
.tooltip-c > div {
	margin-top:10px;
	font-size:17px;
	line-height:22px;
	background:#ffffbd;
	border-radius:14px;
	width:280px;
	padding:19px 24px;
	box-sizing:border-box;
	box-shadow:0 7px 10px rgba(0,0,0,0.25);
}
.tooltip-c > div > a {
	background:url(img/tooltip_arrow.png) no-repeat center;
	background-size:15px 10px;
	position:relative;
	width:15px;
	height:10px;
	padding:6px 5px;
	display:inline-block;
	margin-bottom:-6px;
}
.tooltip-content:hover .tooltip-c {
	height:auto;
	opacity:1;
}
.search-box {
	max-width:1200px;
	width:100%;
	padding:0 74px 0 156px;
	position:fixed;
	top:23.27%;
	left:0;
	right:0;
	margin:0 auto;
	transform:scale(0.95);
	box-sizing:border-box;
	transition:transform 0.2s ease-in-out;
	display:none;
	z-index:50;
}
.search-box-home {
	max-width:1050px;
	padding:0 40px;
}
.search-box .search {
	background:#fff;
	margin-top:0;
	box-shadow:0 12px 14px rgba(0,0,0,0.35);
}
.search .suggestions {
	width:100%;
	margin:0;
	padding:0 0 10px 0;
	overflow:hidden;
	list-style:none;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
}
.search .suggestions li {
	width:100%;
	font-size:18px;
	line-height:30px;
	margin:0;
	padding:5px 225px 5px 56px;
	color:#263b68;
	cursor:pointer;
	box-sizing:border-box;
	transition:background 0.2s ease-in-out;
}
.search .suggestions li:hover {
	background:#f4f5f7;
}
.close-s {
	width:14px;
	height:14px;
	position:absolute;
	top:18px;
	right:197px;
	padding:5px 4px 4px 5px;
	cursor:pointer;
	display:none;
}
.close-s:before {
	content:"";
	width:17px;
	height:1px;
	background:#a7aec0;
  	transform:rotate(-45deg);
	position:absolute;
	top:11px;
	left:3px;
	transition:background 0.2s ease-in-out;
}
.close-s:after {
	content:"";
	width:17px;
	height:1px;
	background:#a7aec0;
  	transform:rotate(45deg);
	position:absolute;
	top:11px;
	left:3px;
	transition:background 0.2s ease-in-out;
}
.search-sml {
	width:100%;
	padding-top:3px;
	padding-bottom:40px;
	font-size:18px;
	line-height:24px;
	display:none;
	float:left;
}
.search-list-sml {
	width:100%;
	margin:12px 0 16px 0;
	padding:0;
	list-style:none;
}
.search-list-sml li {
	width:100%;
	margin:0;
	padding:6px 0;
	font-size:16px;
	line-height:22px;
}
.search-list-sml li input {
	margin:0 10px 0 0;
	padding:0;
}
.search-sml .search-input-sml {
	width:100%;
	position:relative;
	float:left;
}
.search-sml .search-input-sml label:after {
	content:"";
	width:0%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	background:#4573e5;
	transition:width 0.3s ease-in-out;
	z-index:2;
}
.search-sml .search-input-sml label {
	width:100%;
	position:relative;
	float:left;
}
.search-sml .search-input-sml input {
	width:100%;
	font-family:'PT Sans', serif;
	font-size:16px;
	line-height:29px;
	color:#263b68;
	border:0;
	padding:0 31px 0 0;
	margin:0;
	outline:none;
	border-bottom:2px solid #bec4d2;
	box-sizing:border-box;
}
.search-sml .search-input-sml input::placeholder {
	color:#7d89a4;
	opacity:1;
}
.search-sml .search-input-sml input:-ms-input-placeholder {
	color:#7d89a4;
}
.search-sml .search-input-sml input::-ms-input-placeholder {
	color:#7d89a4;
}
.search-sml .search-input-sml button {
	background:url(img/search_sml.png) no-repeat center;
	background-size:20px 20px;
	width:21px;
	height:21px;
	position:absolute;
	top:0;
	right:0;
	outline:none;
	border:0;
	padding:14px 0;
}
.search-sml .suggestions {
	width:100%;
	max-height:170px;
	overflow:auto;
	margin:14px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.search-sml .suggestions li {
	width:100%;
	margin:0;
	padding:5px 0;
	font-size:16px;
	line-height:24px;
	float:left;
}
.close-search {
	width:18px;
	height:18px;
	position:absolute;
	top:18px;
	right:14px;
	padding:5px;
	cursor:pointer;
}
.close-search:before {
	content:"";
	width:24px;
	height:2px;
	background:#939db3;
  	transform:rotate(-45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.close-search:after {
	content:"";
	width:24px;
	height:2px;
	background:#939db3;
  	transform:rotate(45deg);
	position:absolute;
	top:13px;
	left:2px;
	transition:background 0.2s ease-in-out;
}
.close-search:hover:before, .close-search:hover:after {
	background:#263b68;
}
.player-box {
	margin-bottom:-2px;
	padding:0 140px 0 2px;
	box-sizing:border-box;
}
.player-box .player-sml .song-timer {
	font-size:14px;
	line-height:16px;
}
.song-volume-control {
	display:none !important;
}
.player-vol .song-volume-control {
	display:block !important;
}
.player-sml .song-volume-control {
	position:absolute;
	width:101px;
	top:22px;
	right:-191px;
}
.player-sml .song-volume-control:before {
	content:"";
	background:url(img/volume.png) no-repeat;
	background-size:21px 19px;
	width:21px;
	height:19px;
	position:absolute;
	top:-5px;
	left:-11px;
}
.player-sml .song-volume-bar {
	position:absolute;
	top:50%;
	left:20%;
	height:10px;
	margin:0px auto;
	width:80%;
	cursor:pointer;
	background-color:#4572e5;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.player-sml .song-volume-bar#fg:after {
	content:"";
	width:8px;
	height:10px;
	position:absolute;
	top:0;
	right:-5px;
	background:#4572e5;
}
.player-sml .song-volume-bar#fg {
	height:10px;
	margin:0 auto;
	width:60%;
}
.player-sml .song-volume-bar#fgg {
	height:10px;
	margin:0 auto;
	background-color:rgba(255, 255, 255, 0);
	width:60%;
}
.player-sml .song-volume-bar#bg {
	height:10px;
	margin:0 auto;
	width:60%;
	border-radius:5px;
}
.player-sml .song-volume-bar#bg:before {
	content:"";
	width:70px;
	height:10px;
	position:absolute;
	top:0;
	left:0;
	background:#d9ebf9;
	border-radius:5px;
}
.player-sml .song-volume-bar#bg:after {
	content:"";
	background:url(img/audio_border.png) no-repeat;
	background-size:10px 10px;
	position:absolute;
	top:0;
	left:-5px;
	width:20px;
	height:10px;
	z-index:1;
}
.player-sml .song-volume-dot {
	position:absolute;
	width:10px;
	height:10px;
	top:50%;
	left:80%;
	margin:0 auto;
	background-color:#4572e5;
	border-radius:100%;
	cursor:pointer;
	transition:transform 0.15s ease-in-out;
	z-index:2;
}
.player-sml .song-volume-dot:hover, .player-sml .song-volume-dot-hover {
	transform:scale(1.5);
}
.response-box {
	background:#ffffbd;
	position:fixed;
	width:calc(100% - 80px);
	max-width:380px;
	min-height:220px;
	box-sizing:border-box;
	padding:48px 44px 44px 44px;
	top:30%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	line-height:32px;
	font-weight:700;
	border-radius:20px;
	box-shadow:0 12px 14px rgba(0,0,0,0.35);
	z-index:20;
	display:none;
	align-items:center;
	justify-content:center;
}
.response-box div {
	min-width:68px;
	display:inline-block;
	font-size:16px;
	line-height:24px;
	border-radius:16px;
	border:2px solid #4573e5;
	padding:1px 13px 3px 13px;
	margin:31px 5px 0 5px;
	cursor:pointer;
}
.response-box .confirm {
	background:#4573e5;
	color:#fff;
	transition:border-color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.response-box .confirm:hover {
	border-color:#263b68;
	background:#263b68;
}
.response-box .cancel {
	color:#4573e5;
	box-sizing:border-box;
	transition:border-color 0.2s ease-in-out, color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.response-box .cancel:hover {
	border-color:#263b68;
	color:#263b68;
	background:#fff;
}
.dictionary-list {
	margin:45px auto 0 auto;
	padding:0;
	list-style:none;
	display:table;
	user-select:none;
}
.dictionary-list li {
	margin:12px 3px 0 3px;
	padding:0;
	width:24px;
	font-size:18px;
	line-height:24px;
	text-align:center;
	border-radius:6px;
	cursor:pointer;
	transition:color 0.2s ease-in-out, background 0.2s ease-in-out;
	display:inline-block;
}
.dictionary-list li:hover {
	background:#e8ebf0;
}
.dictionary-list li.current {
	background:#263b68;
	color:#fff;
}
.dictionary-list li.inactive {
	cursor:default;
	color:#a8b1c3;
}
.dictionary-list li.inactive:hover {
	background:none;
}
.dictionary {
	width:100%;
	padding-top:20px;
	display:none;
}
.dictionary a {
	display:table;
	line-height:28px;
}