/**
* Theme Name: BeeDesign
* Theme URI: https://beedesign.com.vn
* Description: Giao diện website được thiết kế và lập trình bởi Công ty Cổ phần Tư vấn và Sáng Tạo Bee Work.
* Author: Nam Truong
* Author URI: https://namncn.com
* Version: 7.0.0
* Tags: giao diện hiện đại, phong cách thời thượng, tương thích mọi loại trình duyệt, tốc độ load trang tối đa, tối ưu SEO.
* Text Domain: pixelplus
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******************/

/*** Main CSS ***/

/******************/:root {
	--main-color: #2f3552;
	--secondary-color: #ffb533;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

a {
	color: var(--e-global-color-primary);
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.aligncenter {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

button {
	cursor: pointer;
}

.aligncenter {
	display: table;
	margin: 0 auto;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.wp-block-image .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.backtotop {
	width: 40px;
	height: 40px;
	background-color: #222;
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 100px;
	right: 1.9%;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	z-index: 99;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	align-items: center;
	justify-content: center;
	display: flex;
	opacity: 0;
	visibility: hidden;
}

.backtotop.active {
	opacity: 1;
	visibility: visible;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Woocommerce */

/* woocommerce grid product */

ul.products {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}

/* Single Product */
h1.product_title.entry-title {
	line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-top: 0;
}

.price ins {
	font-size: 18px;
	text-decoration: none;
	color: red;
	margin-left: 10px;
}

.woocommerce div.product form.cart {
	display: flex;
	margin: 20px 0;
}

.woocommerce div.product form.cart input {
	border: 1px solid #eee;
	padding: 11px 10px;
	outline: none;
	width: 53px;
}

.woocommerce div.product form.cart .button {
	background: var(--secondary-color);
	color: #fff;
	border: none;
	font-size: 14px;
	padding: 10px 20px;
	margin-left: 20px;
	transition: all .3s ease-out;
}

.woocommerce div.product form.cart .button:hover {
	background: var(--main-color);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #555;
	font-size: 14px;
}

.section-product-summary>div.product {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	position: relative;
}

.section-product-summary>div.product>div {
	float: none !important;
	width: 100% !important;
}

.section-product-summary>div.product .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	padding: 5px 10px;
	color: #fff;
	z-index: 999;
	background: var(--secondary-color);
	border-radius: 3px;
	min-height: unset;
	line-height: 1.4;
	font-size: 13px;
	font-weight: normal;
}

.woocommerce-product-gallery {
	overflow: hidden;
	position: relative;
}

.woocommerce div.product div.images .flex-control-thumbs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 10px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li:not(:first-child) {
	margin-left: 5px !important;
}

.woocommerce-product-gallery__wrapper {
	margin: 0px;
}

.woocommerce-product-gallery__trigger {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99;
	color: #fff;
	font-size: 16px;
}

/* woocommerce-pagination */
ul.page-numbers {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}

ul.page-numbers .page-numbers {
	padding: 5px 10px !important;
	border: 1px solid #cecece;
	color: #333 !important;
	margin: 0 5px !important;
	transition: all .3s ease;
}

ul.page-numbers .page-numbers:hover,
ul.page-numbers .page-numbers.current {
	background: #2e3553 !important;
	color: #fff !important;
	border-color: #2e3553 !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
	border: none !important;
}

/* woocommerce-mini-cart-item */
ul.woocommerce-mini-cart.cart_list.product_list_widget {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.woocommerce-mini-cart-item {
	display: grid;
	grid-template-columns: 100px auto;
}

/* before-shop-loop */
.pixelplus-before-shop-loop {
	display: grid;
	align-items: center;
	justify-content: space-between;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	margin-bottom: 10px;
}

.pixelplus-before-shop-loop .woocommerce-notices-wrapper {
	grid-column-start: 1;
	grid-column-end: 3;
}

.pixelplus-before-shop-loop .woocommerce-result-count {
	margin-top: 0;
	margin-bottom: 0;
}

.pixelplus-before-shop-loop select.orderby {
	padding: 6px 10px;
	display: block;
	height: 30px;
	border: 1px solid #cecece;
	outline: none;
}

/* Woocommerce checkout style */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--e-global-color-primary);
	transition: all .3s ease;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	padding: 10px;
	border: 1px solid #cecece;
}

#customer_details {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

#customer_details .col-1,
#customer_details .col-2 {
	flex: 0 0 calc(50% - 10px);
	max-width: calc(50% - 10px);
}

#customer_details .form-row>label,
#customer_details .form-row>span {
	display: block;
}

#customer_details .form-row>label {
	margin-bottom: 5px;
}

#customer_details .form-row input,
#customer_details .form-row textarea,
#customer_details .form-row select {
	width: 100%;
	outline: none;
}

#order_review .shop_table {
	border-collapse: collapse;
	text-align: right;
	display: table;
	margin-left: auto;
}

#order_review .shop_table tr td,
#order_review .shop_table tr th {
	padding: 10px;
}

.wc_payment_methods {
	list-style: none;
	padding-left: 0;
}

#place_order {
	padding: 10px 20px;
	font-size: 18px;
	text-transform: uppercase;
	border: 1px solid var(--e-global-color-primary);
	color: #fff;
	margin-top: 10px;
}

#payment {
	padding: 20px 30px;
	background: var(--e-global-color-primary);
	border-radius: 5px;
	margin-top: 20px;
}

/* Pixelplus woocommerce product thumb-left */
.pixelplus-product-thumb-left .product-item__desc {
	line-height: 1.4;
}

.pixelplus-product-thumb-left .product-item__title {
	margin-bottom: 10px;
}

.pixelplus-product-thumb-left .product-item__title a {
	transition: all .3s ease;
}

.pixelplus-product-thumb-left .product-item-thumb-left:hover .product-item__title a {
	color: var(--secondary-color);
}

/* woocommerce-variations */
.woocommerce div.product form.cart {
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 0;
}

.woocommerce div.product.elementor form.cart table.variations td.value select {
	outline: none;
	border: 1px solid #ccc !important;
}

.single_variation_wrap {
	margin-top: 20px;
}

.woocommerce div.product.elementor form.cart table.variations td.label {
	width: 50px !important;
}

.woocommerce div.product.elementor form.cart table.variations td.value {
	width: calc(100% - 50px) !important;
}

.pixelplus-breadcrumb p {
	margin: 0;
}

/* .pixelplus-languages-switcher-wrapper */
.pixelplus-languages-switcher-wrapper {
	display: flex;
	align-items: center;
	color: #fff;
	position: relative;
	font-size: 12px;
}

.pixelplus-languages-switcher-label {
	font-weight: bold;
	margin-right: 10px;
}

.pixelplus-languages-switcher-select {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	border: 1px solid #9098b5;
	background: #fff;
	display: none;
	z-index: 9999;
}

.pixelplus-languages-switcher-select a {
	color: var(--e-global-color-primary);
	display: block;
	padding: 10px;
}

.pixelplus-languages-switcher-select li + li {
	border-top: 1px solid #ebebeb;
}

.pixelplus-languages-switcher-placeholder {
	cursor: pointer;
}

.pixelplus-languages-switcher-placeholder:after {
	content: '';
	display: inline-block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	margin-left: 5px;
	margin-bottom: 2px;
}

.pixelplus-languages-switcher-wrapper.active .pixelplus-languages-switcher-placeholder:after {
	border-top: 0;
	border-bottom: 5px solid #fff;
}

.pixelplus-languages-switcher-wrapper.active .pixelplus-languages-switcher-select {
	display: block;
}

/* .pixelplus-subjects */
.tab-title-group {
	display: flex;
	margin-bottom: 70px;
	font-size: 18px;
}

.tab-title-group .tab-title {
	cursor: pointer;
	color: #B1B1B1;
}

.tab-title-group .tab-title.active {
	font-weight: bold;
	color: var(--e-global-color-primary);
}

.tab-title-group .tab-title + .tab-title {
	margin-left: 77px;
}

.subjects-layout-1 .teacher-box {
	display: grid;
	grid-template-columns: 210px auto;
	grid-gap: 97px;
}

.tab-content-group .tab-content:not(.active) {
	display: none;
}

.teacher-box__quote {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 15px;
}

.teacher-box__title {
	font-weight: bold;
}

.teacher-box__position {
	font-weight: 400;
}

.teacher-box__link {
	margin-top: 70px;
}

.teacher-box__link a {
	font-weight: 600;
	color: var(--e-global-color-primary);
}

.teacher-box__link a:hover {
	color: var(--e-global-color-secondary);
}

.teacher-box__link a:before {
	content: '';
	display: inline-block;
	width: 69px;
	height: 8px;
	margin-right: 15px;
	background: url('assets/images/loong-arrow-right.svg') no-repeat;
}

.teacher-box__link a:hover:before {
	background: url('assets/images/loong-arrow-right-hover.svg') no-repeat;
}

.subjects-layout-1 .teacher-box__info {
	max-width: 400px;
}

.teacher-box__info:before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 25px;
	background: url('assets/images/quote.svg') no-repeat;
}

.subjects-layout-2 .teacher-box .teacher-box__info {
	margin-top: 40px;
}

.subject-box {
	display: grid;
	grid-template-columns: 55% auto;
	border-radius: 25px;
	overflow: hidden;
}

.subject-box .teacher-box {
	background: var(--e-global-color-secondary);
	padding: 30px;
}

.subject-box-info {
	background: var(--e-global-color-primary);
}

.subject-box > div {
	display: grid;
	align-items: center;
	color: #fff;
}

.subject-box-info {
	padding: 100px 80px;
}

.subject-title {
	font-size: var(--e-global-typography-primary-font-size);
	font-weight: var(--e-global-typography-primary-font-weight);
	line-height: var(--e-global-typography-primary-line-height);
}

.subject-description {
	margin: 40px 0;
}

.subject-param__number {
	font-size: 64px;
	font-weight: bold;
	line-height: 80px;
	color: var(--e-global-color-secondary);
}

.subject-params {
	display: inline-grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px 58px;
}

.subject-param__title {
	font-weight: bold;
}

.subject-box .teacher-box__info:before {
	background: url('assets/images/quote-white.svg') no-repeat;
}

/* .pixelplus-modern-carousel-container */
.pixelplus-modern-carousel-container {
	display: grid;
	grid-template-columns: 300px auto;
	grid-gap: 20px 100px;
}

.modern-carousel-main {
	overflow: hidden;
}

.modern-carousel-box {
	display: grid;
}

.modern-carousel-box .pixelplus-button-pagination {
	align-self: flex-end;
	display: flex;
}

.modern-carousel-box .pixelplus-button-pagination > div {
	cursor: pointer;
	color: #B1B1B1;
	display: flex;
	align-items: center;
	font-weight: 600;
}

.modern-carousel-box .pixelplus-button-pagination > div:hover {
	color: var(--e-global-color-primary);
}

.modern-carousel-box .pixelplus-button-next {
	margin-left: 30px;
}

.modern-carousel-box .pixelplus-button-prev:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url('assets/images/arrow-prev-gray.svg') center no-repeat;
	margin-right: 10px;
}

.modern-carousel-box .pixelplus-button-prev:hover:before {
	background-image: url('assets/images/arrow-prev-color.svg');
}

.modern-carousel-box .pixelplus-button-next:after {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url('assets/images/arrow-next-gray.svg') center no-repeat;
	margin-left: 10px;
}

.modern-carousel-box .pixelplus-button-next:hover:after {
	background-image: url('assets/images/arrow-next-color.svg');
}

.pixelplus-modern-carousel-title {
	color: var(--e-global-color-primary);
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

.modern-item__image {
	border-radius: 15px;
	overflow: hidden;
}

.modern-item__title {
	margin-top: 20px;
	font-weight: 400;
}

/* .club-item */
.club-item__thumb {
	overflow: hidden;
	border-radius: 15px;
	display: block !important;
}

.club-item__title {
	margin: 24px 0 20px;
}

.club-item__title a {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.club-item__excerpt {
	color: #fff;
}

/* .life-item */
.life-item__thumb {
	display: block;
	border-radius: 15px;
	overflow: hidden;
}

.life-item-top {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}

.life-item-bottom {
	margin-top: 80px;
	border-bottom: 1px solid #ccc;
}

.life-item-bottom .life-item {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	padding-bottom: 20px;
}

.life-item__meta {
	font-size: 12px;
	color: #B1B1B1;
	margin: 20px 0 30px;
}

.left-item__date {
	margin-left: 48px;
}

.life-item-top .life-item__title a {
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}

.life-item-bottom .life-item__title a {
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.life-item-bottom .life-item__title a:hover,
.life-item-top .life-item__title a:hover {
	color: var(--e-global-color-secondary);
}

.life-item-bottom .life-item__readmore {
	font-weight: 400;
	color: var(--e-global-color-primary);
	margin-top: 30px;
	display: inline-block;
}

.life-item-bottom .life-item__readmore:hover {
	color: var(--e-global-color-secondary);
}

.life-item-bottom .life-item__readmore:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 10px;
	background: url('assets/images/arrow-right-up.svg') no-repeat center;
}

.life-item-bottom .life-item__readmore:hover:after {
	background: url('assets/images/arrow-right-up-hover.svg');
}

.teacher-item {
	border-bottom: 1px solid #B1B1B1;
	margin-bottom: 30px;
	padding-bottom: 30px;
	display: block;
}

.teacher-item__title {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	color: black;
}

.teacher-item__bottom {
	display: flex;
	justify-content: space-between;
}

.teacher-item__position {
	font-weight: 600;
	color: black;
}

.teacher-item__description {
	margin-top: 40px;
	display: none;
	color: black;
	font-weight: 400;
}

.teacher-item.active .teacher-item__description {
	display: block;
}

.teacher-item__description > div:first-child {
	font-weight: bold;
	margin-bottom: 15px;
}

.teacher-item__readmore {
	font-weight: 400;
}

.teacher-item.active .teacher-item__readmore {
	display: none;
}

.teacher-item__readmore:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 10px;
	background: url('assets/images/arrow-right-up.svg') no-repeat center;
}

.pixelplus-teacher-container.loading:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: not-allowed;
	pointer-events: none;
	background: #ffffff80 url(assets/images/spiner.svg) center no-repeat;
}

.pixelplus-btn {
	display: inline-block;
	background: var(--e-global-color-primary);
	color: #fff;
	padding: 12px 30px;
	font-weight: 600;
	border-radius: 6px;
}

/**/
.document-tab-title-group {
	display: flex;
	margin-bottom: 70px;
	font-size: 18px;
}

.document-tab-title-group .tab-title {
	cursor: pointer;
	color: #B1B1B1;
	font-weight: bold;
}

.document-tab-title-group .tab-title.active {
	font-weight: bold;
	color: var(--e-global-color-primary);
}

.document-tab-title-group .tab-title + .tab-title {
	margin-left: 77px;
}

.document-tab-content-group .tab-content:not(.active) {
	display: none;
}

.document-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 90px 30px;
}

.document-title {
	margin-top: 20px;
	font-weight: 500;
	color: black;
	transition: all .3s ease;
}

.document-item:hover .document-title {
	color: var(--e-global-color-primary);
}

.document-item:before {
	content: '';
	display: block;
	height: 0;
	padding-bottom: 51.45%;
	background: var(--e-global-color-primary) url('assets/images/icon-pdf.svg') center no-repeat;
	transition: all .3s ease-out;
	border-radius: 16px;
}

.document-item:hover:before {
	background-color: var(--e-global-color-secondary);
}

.pixelplus-pagination {
	margin-top: 100px;
	display: flex;
	justify-content: center;
}

.pixelplus-pagination-inner {
	display: flex;
	margin: 0;
	list-style: none;
	padding: 0;
}

.pixelplus-pagination-inner .page-link {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	border: 2px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	margin: 0 4px;
	font-weight: 600;
	transition: all .3s ease-in-out;
}

.pixelplus-pagination-inner .page-item.active .page-link,
.pixelplus-pagination-inner .page-link:hover {
	background: var(--e-global-color-primary);
	color: #fff;
}

/* .pix-testimonial */
.pix-testimonial .elementor-testimonial__text:before {
	content: '';
	display: block;
	width: 32px;
	height: 25px;
	background: url('assets/images/quote.svg') no-repeat;
	margin-bottom: 20px;
}

.pix-testimonial .swiper-pagination-bullets {
	text-align: left;
}

.pix-testimonial .swiper-pagination-bullet {
	background: transparent !important;
	border: 1px solid #fff !important;
	width: 10px !important;
	height: 10px !important;
	margin: 0 2.5px !important;
}

.pix-testimonial .swiper-pagination-bullet-active {
	background: #fff !important;
}

.pix-testimonial .elementor-main-swiper {
	padding-bottom: 70px !important;
}

.login-form-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(0 0 0 / 50%);
	justify-content: center;
	align-items: center;
	display: none;
	z-index: 999;
}

.login-form-wrapper.active {
	display: flex;
}

.login-form {
	background: #fff;
	padding: 38px 24px;
	border-radius: 5px;
	width: 660px;
	max-width: 80%;
	position: relative;
}

.login-username,
.login-password {
	width: 100%;
	border: 1px solid #D2D2D2;
	padding: 17px 21px;
	outline: none;
}

.login-password {
	margin-top: 11px;
}

.login-submit {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	background: var(--e-global-color-primary);
	color: #fff;
	border: none;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	margin-top: 34px;
}

.login-password-wrapper {
	position: relative;
}

.login-view-pass {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	margin-top: 6px;
	border-left: 1px solid;
	padding-left: 5px;
	cursor: pointer;
}

.login-remember {
	display: block;
	margin-top: 24px;
	cursor: pointer;
}

.login-form-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: url('assets/images/login-form-close.svg') center no-repeat;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.account-page {
	padding: 60px 120px;
}

/* .account-main-nav */
.account-main-nav {
    display: flex;
    justify-content: center;
}

.account-main-nav > a {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 23px;
	font-weight: 500;
	text-align: center;
	transition: all .3s ease;
}

.account-main-nav > a:last-child {
	margin-left: 50px;
}

.account-main-nav > a:hover {
	color: var(--e-global-color-secondary);
}

.account-main-nav > a > div:last-child {
	position: relative;
	margin-top: 10px;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
}

.account-main-nav > a > div:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ED602B;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.account-main-nav > a:hover > div:last-child:before {
	opacity: 0.8;
	visibility: visible;
}

.account-head {
	background: #EE642C;
	padding: 140px 120px 40px;
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
	color: #fff;
}

form.account-mess-form {
    display: block;
    width: 660px;
    max-width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 2px 2px 15px rgb(0 0 0 / 15%);
    border-radius: 5px;
    padding: 40px 20px;
}

form.account-mess-form textarea,
form.account-mess-form button {
	display: block;
	width: 100%;
}

form.account-mess-form textarea {
	border: 1px solid #D2D2D2;
	padding: 20px;
	outline: none;
}

form.account-mess-form button {
	background: #174898;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	padding: 9px 10px;
	border: none;
    color: #fff;
    margin-top: 10px;
}

.monhoc-item {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    padding: 60px 55px;
    background: #27397C;
    border-radius: 16px;
    display: inline-block;
    transition: all .3s ease;
}

.monhoc-item:not(:first-child) {
	margin-left: 30px;
}

.monhoc-item:hover {
	background: #EE642C;
}

.login-button-wrapper {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.login-button-wrapper .login-button {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

@media (max-width:1366px) {
	.subject-param__number {
		font-size: 50px;
		line-height: 1.4;
	}

}

@media (max-width:1024px) {
	.subject-param__number {
		font-size: 36px;
	}

	.account-head {
		padding: 60px 15px 15px;
		font-size: 20px;
	}

	.account-page {
	    padding: 30px 15px;
	}

	.monhoc-item {
	    font-size: 16px;
	    padding: 40px 30px;
	}

}

@media (max-width:768px) {
	.document-tab-title-group .tab-title + .tab-title,
	.tab-title-group .tab-title + .tab-title {
		margin-left: 30px;
	}

	.document-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px 30px;
	}

	.document-tab-title-group,
	.tab-title-group {
		margin-bottom: 40px;
	}

	.pixelplus-pagination {
		margin-top: 50px;
	}

	.document-tab-title-group .tab-title {
		font-size: 14px;
	}

	.subjects-layout-1 .teacher-box {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

	.teacher-box__link {
		margin-top: 30px;
	}

	.life-item-bottom {
		margin-top: 50px;
	}

	.subject-box {
		grid-template-columns: 1fr;
	}

	.subject-box-info,
	.subject-box .teacher-box {
		padding: 50px 30px;
	}

	.subject-param__number {
		font-size: 30px;
	}

	.tab-title-group {
		font-size: 16px;
	}

	.account-main-nav {
		flex-direction: column;
	}

	.account-main-nav > a:last-child {
	    margin-left: 0;
	    margin-top: 20px;
	}

}

@media (max-width:480px) {
	.document-tab-title-group .tab-title + .tab-title,
	.tab-title-group .tab-title + .tab-title {
		margin-left: 20px;
	}

	.document-grid,
	.life-item-top {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

	.life-item-bottom {
		margin-top: 40px;
	}

	.pixelplus-modern-carousel-container {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

	.modern-item__image img {
		width: 100%;
	}

	.modern-carousel-box {
		grid-gap: 30px;
	}

	.monhoc-grid {
		display: inline-grid;
		grid-gap: 20px;
	}

	.monhoc-item:not(:first-child) {
	    margin-left: 0;
	}

}