/* Fonts laod */

@font-face { src: url("assets/fonts/roboto-regular.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 400; font-style: normal; }
@font-face { src: url("assets/fonts/roboto-medium.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 500; font-style: normal; }
@font-face { src: url("assets/fonts/rostov.woff2") format("woff2"); font-family: "rostov-st"; font-weight: 500; font-style: normal; }


/* Geberal setings */

body {
	font-family: 'roboto-st';
	font-size: 18px;
	color: #434343;
	min-width: 320px;
	position: relative;
}

html, .mm-page{
	height: 100%;
}

#page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header{
	flex: 0 0 auto;
}

.page-content {
	flex: 1 0 auto;
}

footer {
	flex: 0 0 auto;
}

.top-header {
	border-bottom: 1px solid #D0DEEB;
}

.top-header .container {
	display: flex;
	justify-content: space-between;
	height: 70px;
}

.top-header__logo {
	border-right: 1px solid #D0DEEB;
	padding-right: 45px;
	display: flex;
	align-items: center;
}

.top-header__search {
	flex-grow: 1;
	display: flex;
	align-items: center;
	padding: 0 40px;
	border-right: 1px solid #D0DEEB;
}

.top-header__link {
	width: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all .3s ease-out;
	color: #9ab4cd;
	border-right: 1px solid #D0DEEB;
}

.top-header__link:hover {
	background: #D0DEEB;
	color: #434343;
}

.social-links {
	display: flex;
	align-items: center;
}
.social-links__item {
	margin-left: 20px;
}

.social-links__item path {
	transition: all .3s ease-out;
}

.social-links__item:hover path {
	fill: #145897;
}

#menu-menyu-v-shapke {
	display: flex;
	align-items: center;
	height: 40px;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	margin-top: 10px;
	margin-left: -15px;
	padding: 0;
}

#menu-menyu-v-shapke .sub-menu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding: 0;
	list-style: none;
	border-radius: 10px;
	background-color: #F9F9F9;
	padding: 35px 0;
	left: 0;
	top: 35px;
	transition: all .3s ease-out;
}

#menu-menyu-v-shapke > .menu-item > a {
	text-decoration: none;
	color: #9AB4CD;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 15px;
	transition: all .3s ease-out;
}

#menu-menyu-v-shapke > .menu-item > a:hover {
	background-color: #38A0FF;
	color: #fff;
}

#menu-menyu-v-shapke .menu-item-has-children {
	position: relative;
}

#menu-menyu-v-shapke .menu-item-has-children:hover > .sub-menu {
	visibility: visible;
	opacity: 1;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu a {
	padding: 5px 73px 5px 40px;
	color: #686868;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	word-wrap: normal;
	white-space: nowrap;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu a:hover {
	background-color: #38A0FF;
	color: #fff;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
	left: 110%;
	top: -30px;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
	left: 102%;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu .menu-item-has-children {
	position: relative;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu .menu-item-has-children > a::after {
	content: '';
	position: absolute;
	background-image: url('assets/icons/arrow-right.svg');
	width: 8px;
	height: 12px;
	top: 12px;
	right: 18px;
}

#menu-menyu-v-shapke .menu-item-has-children .sub-menu .menu-item-has-children > a:hover::after {
	background-image: url('assets/icons/arrow-right-white.svg');
}

.offer {
	padding: 145px 0;
}

.offer__title {
	font-size: 80px;
	font-family: 'rostov-st';
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #38A0FF;
}

.offer__subtitle {
	font-size: 20px;
	color: #75BDFF;
}

.main-image {
	position: absolute;
	top: 80px;
	left: 0;
}

.responsive-image {
	max-width: 100%;
	height: auto;
}

.main-screen {
	border-bottom: 1px solid #D0DEEB;
	margin-bottom: 50px;
}

.section-title {
	font-family: 'rostov-st';
	font-size: 58px;
	color: #38A0FF;
	margin-bottom: 30px;
}

.new-post {
	padding: 30px;
	background: #FFFFFF;
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.07);
	border-radius: 15px;
	margin: 0 15px;
	border: 1px solid transparent;
	transition: all .3s ease-out;
}

.new-post:hover {
	border: 1px solid #38A0FF;
}

.new-post__body {
	margin-right: 50px;
}

.new-post__flex-box {
	display: flex;
	justify-content: space-between;
}

.new-post__image-link {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	display: block;
}

.new-post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.new-post__title {
	font-size: 20px;
	text-decoration: none;
	font-family: 'rostov-st';
	height: 100px;
	margin-bottom: 20px;
	color: #434343;
	display: block;
	overflow: hidden;
	transition: all .3s ease-out;
}

.new-post__title:hover {
	color: #38A0FF;
}

.new-post__link {
	color: #38A0FF;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease-out;
}

.new-post__link:hover {
	color: #2A6093;
}

.slick-slider-wrapper {
	overflow: hidden;
}

.new-articles-slider .slick-track,
.read-more-slider .slick-track {
	margin-left: -7%;
	padding: 30px 0;
}


.slick-slider-wrapper {
	border-bottom: 1px solid #D0DEEB;
	padding-bottom: 60px;
}

.post-filter__form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 45px;
}

.post-filter__select {
	background: none;
	border: 1px solid #B8B8B8;
	height: 50px;
	width: 100%;
	margin-right: 30px;
	border-radius: 10px;
	padding-left: 30px;
	color: #38A0FF;
	font-weight: 700;
}

.post-filter__btn {
	background: #38A0FF;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
	border: none;
	flex: 270px 0 0;
	transition: all .3s ease-out;
}

.post-filter__btn:hover {
	background: #2A6093
}

.post-card {
	width: 49%;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.09);
	margin-bottom: 20px;
	border: 1px solid transparent;
	transition: border .3s ease-out;
}

.post-card:hover {
	border: 1px solid #38A0FF;
}

.post-card:last-child {
	margin-bottom: 0;
}

.post-card-wrapper .post-card {
	width: 100%;
	margin-bottom: 30px;
}

.post-card__image {
	height: 230px;
	width: 100%;
	display: block;
}

.post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-card__excerpt {
	font-size: 20px;
	font-family: 'rostov-st';
	margin-bottom: 20px;
	height: 120px;
	overflow: hidden;
	display: block;
	color: #252525;
	text-decoration: none;
	transition: color .3s ease-out;
}

.post-card__excerpt:hover {
	color: #38A0FF;
}

.post-card__footer {
	display: flex;
	justify-content: space-between;
}

.post-card__body {
	padding: 20px;
}

.post-card__link {
	color: #38A0FF;
	text-decoration: none;
	transition: all .3s ease-out;
	display: flex;
	justify-content: space-between;
	font-family: 'rostov-st';
	letter-spacing: .7px;
	width: 100%;
}

.post-card__link-icon {
	display: block;
	margin-left: 10px;
}

.post-card__link path {
	transition: all .3s ease-out;
}

.post-card__link:hover {
	color: #2A6093;
}

.post-card__link:hover path {
	fill: #2A6093;
}

.post-card__label {
	color: #D3D3D3;
	font-size: 15px;
	margin-bottom: 15px;
}

.widget__title {
	font-size: 58px;
	line-height: 1;
	margin-bottom: 36px;
	color: #DEE5EB;
	font-weight: 900;
	font-family: 'rostov-st';
	text-transform: uppercase;
	text-align: right;
}

#loadmore {
	position: absolute;
	left: 15px;
	bottom: 0;
	font-family: 'rostov-st';
	display: block;
	font-size: 20px;
	color: #38A0FF;
	transition: all .3s ease-out;
}

#loadmore a {
	color: #38A0FF;
}

#loadmore:hover {
	color: #2A6093;
}

.popular-posts__item {
	padding: 35px;
	border-radius: 10px;
	border: 1px solid #E1E1E1;
	margin-bottom: 30px;
	background: #fff;
	transition: all .3s ease-out;
}

.popular-posts__link {
	color: #38A0FF;
	text-decoration: none;
	transition: all .3s ease-out;
	font-family: 'rostov-st';
}


.popular-posts__item:hover {
	background: #38A0FF;
}

.popular-posts__title {
	font-size: 20px;
	margin-bottom: 10px;
	height: 90px;
	overflow: hidden;
	font-family: 'rostov-st';
	text-decoration: none;
	display: block;
	transition: all .3s ease-out;
}

.widget .popular-posts__title {
	color: #434343;
}

.popular-posts__title:hover {
	color: #2A6093;
}

.popular-posts__reading-time {
	color: #D3D3D3;
	margin-bottom: 15px;
	font-size: 15px;
	transition: all .3s ease-out;
}

.popular-posts__footer {
	display: flex;
	justify-content: space-between;
}

.popular-posts__item:hover .popular-posts__link,
.popular-posts__item:hover .popular-posts__title,
.popular-posts__item:hover .post-view,
.popular-posts__item:hover .post-view__icon path {
	color: #fff;
	stroke: #fff
}

.post-view {
	display: flex;
	align-items: center;
}

.post-view__icon {
	margin-right: 8px;
}

.post-result {
	margin-top: 65px;
}

.post-filter__flex-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 40px;	
}

#footer {
	padding: 50px 0;
	position: relative;
	margin-top: 70px;
}

#footer::after {
	position: absolute;
	content: '';
	width: 92%;
	left: 4%;
	top: 0;
	border-radius: 60px 60px 0 0;
	border: 1px solid #DFDFDF;
	height: 100%;
	z-index: -1;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-menu a {
	color: #9AB4CD;
	font-size: 15px;
	display: block;
	margin-bottom: 6px;
	text-decoration: none;
	transition: all .3s ease-out;
}

.footer-menu li:last-child a {
	margin-bottom: 0;
}

.footer-menu a:hover {
	color: #69839b;
}

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

.footer-search {
	border: 1px solid #38A0FF;
	border-radius: 10px;
	padding: 0 15px;
}

.footer-page-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.footer-page-menu a {
	color: #9AB4CD;
	font-size: 15px;
	display: block;
	margin-top: 6px;
	text-decoration: none;
	transition: all .3s ease-out;
	margin-right: 15px;
}

.footer-page-menu  a:hover {
	color: #69839b;
}

.post-image {
	width: 300px;
	height: 300px;
}

.post-image img {
	border-radius: 60px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-title-block {
	margin-left: 40px;
}

.post-title-block__heading {
	font-size: 40px;
	line-height: 1.6;
	font-family: 'rostov-st';
	margin-bottom: 20px;
}

.post-title-block__info {
	display: flex;
	align-items: center;
}

.post-title-block__reading-tiem {
	color: #B4B4B4;
	margin-right: 40px;
}

.header-is-alone {
	margin-bottom: 75px;
}

.kamatoc-wrap {
	
	top: 0;
	left: 10%;
	width: 80%;
}

.kamatoc-wrap__title {
	font-family: 'rostov-st';
	font-size: 20px;
	background-color: #fff;
	padding-right: 30px;
	z-index: 2;
	padding: 0 15px;
	display: inline-block;
}



.kamatoc-wrap ul {
	list-style: none;
	counter-reset: li;
	column-count: 2;
	padding: 0;
	margin: 0;
}

.kamatoc-wrap li:before {
	counter-increment: li;
	content: counters(li, ".") " ▸ ";
	color: #38A0FF;
	margin-right: 10px;
}

.kamatoc-wrap li {
	margin-bottom: 5px;
	overflow: hidden; /* Fix for firefox and IE 10-11  */
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column;
}

.kamatoc-wrap ul li a {
	color: #8DB1C5;
	text-decoration: none;
	transition: color .3s ease-out;
}

.kamatoc-wrap ul li a:hover {
	color: #7499ac;
}

.kamatoc-wrap {
	margin-top: 50px;
	margin-bottom: 60px;
	border-bottom: 1px solid #EFEFEF;
}

.kamatoc-wrap #tocmenu {
	padding: 40px 0;
	position: relative;
}

.kamatoc-wrap #tocmenu::before {
	content: '';
	position: absolute;
	right: -100%;
	width: 400%;
	bottom: 0px;
	height: 1px;
	background-color: #EFEFEF;
}

.kamatoc-wrap .kamatoc__sub {
	margin-left: 20px;
}

#content img {
	border-radius: 15px;
	margin-bottom: 30px;
}

#content p {
	margin-bottom: 50px;
}

#content p:last-child {
	margin-bottom: 0;
}

#content {
	counter-reset: h2;
	padding-right: 60px;
}

#content h2 {
	display: flex;
	font-family: 'rostov-st';
	font-size: 40px;
	margin-bottom: 20px;
}

#content h3 {
	font-size: 25px;
	font-family: 'rostov-st';
	margin-bottom: 15px;
	line-height: 1.6;
}

#content h2::before {
	counter-increment: h2;
	content: counters(h2, ".");
	font-family: 'roboto-st';
	background: url('/wp-content/themes/ventil/assets/images/square.png') no-repeat center / cover;
	width: 43px;
	height: 42px;
	flex: 43px 0 0;	
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 20px;
	margin-bottom: 15px;
}

#content blockquote {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0px 4px 104px rgba(196, 196, 196, 0.28);
	border-radius: 10px;
	padding: 30px;
	font-style: italic;
	line-height: 1.6;
	margin: 70px 0;
}

#content blockquote p {
	margin: 0;
}

#content blockquote::before {
	content: '';
	background-image: url('/wp-content/themes/ventil/assets/images/quote-icon.svg');
	position: absolute;
	top: -20px;
	left: 100px;
	width: 40px;
	height: 35px;
}

#content > ul:not(#tocmenu) {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
}

#content > ul:not(#tocmenu) li {
	position: relative;
	line-height: 1.5;
	margin-bottom: 30px;
	padding-left: 50px;
}

#content > ul:not(#tocmenu) li::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	width: 22px;
	height: 22px;
	background-image: url('/wp-content/themes/ventil/assets/images/marker.png');
}

#content .wp-block-verse {
	color: #434343;
	padding: 30px;
	background: #FFFFFF;
	box-shadow: 0px 4px 104px rgba(196, 196, 196, 0.28);
	border-radius: 10px;
	font-family: 'rostov-st';
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.7;
}

#content .wp-block-verse::before {
	content: '';
	display: block;
	margin: auto;
	margin-bottom: 1	0px;
	width: 124px;
	height: 125px;
	background-image: url('/wp-content/themes/ventil/assets/images/ventil.png');
	-webkit-animation-name: rotation;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotation;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-o-animation-name: rotation;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: rotation;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
}
@-moz-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
}
@-o-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
}
@keyframes rotation {
	0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(720deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
}

.subcat-sidebar {
	padding: 35px 45px;
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
}

.subcat-sidebar__heading {
	font-size: 20px;
	font-weight: 700;
	color: #C9C9C9;
	margin-bottom: 35px;
	font-family: 'rostov-st';
}

#sidebar {
	position: sticky;
	top: 80px;
}

.subcat-sidebar__title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #38A0FF;
	font-family: 'rostov-st';
}

.subcat-sidebar__list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.subcat-sidebar__list a {
	color: #9AB4CD;
	display: block;
	margin-bottom: 10px;
	transition: all .1s ease-out;
	text-decoration: none;
}

.subcat-sidebar__list a:hover {
	color: #38A0FF;
	text-decoration: none;
	font-weight: 700;
}

.sidebar-menu__list {
	padding: 0;
	list-style: none;
	padding: 35px 45px;
	background-color: #38A0FF;
	border-radius: 0 0 10px 10px;
}

.sidebar-menu__list a {
	color: #fff;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	transition: color .3s ease-out;
}

.sidebar-menu__list a:hover {
	color: #9AB4CD;
}

.main-content {
	padding-bottom: 60px;
	border-bottom: 1px solid #D0DEEB;
}

.read-more {
	padding: 50px 0 90px 0;
}

.read-more__title {
	font-size: 58px;
	font-family: 'rostov-st';
	color: #38A0FF;
}

.rss-feed {
	text-align: center;
	margin-bottom: 60px;
}

.rss-feed__title {
	font-size: 25px;
	font-family: 'rostov-st';
	margin-bottom: 20px;
}

.ya-share2__container_shape_round .ya-share2__badge {
	border-radius: 5px !important;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__badge, .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__mobile-popup-badge {
	background-color: #38A0FF !important;
}

.comment__title {
	margin-bottom: 30px;
}

h3#comments {
	display: none;
}

.comment-author.vcard .fn {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	margin-left: 20px;
}

.comment-author .avatar {
	margin-top: 5px;
}

.comment-meta.commentmetadata {
	display: flex;
}

.comment-meta.commentmetadata a {
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	color: #C9C9C9;
	margin-left: 59px;
	margin-top: -5px;
	display: block;
	font-size: 17px;
}

.comment-body p {
	margin-top: 20px;
	font-size: 20px;
	color: #6A6A6A;
}

.commentlist {
	padding: 0;
	list-style: none;
}

.commentlist li {
	padding: 0 130px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.commentlist li:last-child {
	border: none;
}

.commentlist .reply {
	display: none;
}

.comment-respond {
	margin: 0 130px;
	padding: 50px 120px;
	background: #FFFFFF;
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
	border-radius: 70px;
	margin-top: 60px;
}

.comment-reply-title {
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 35px;
}

.comment-notes {
	display: none;
}

.comment-form-url {
	display: none;
}

.comment-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.comment-form-author,
.comment-form-email {
	width: 49%;
}

.comment-form-comment {
	width: 100%;
}

.comment-form-author input,
.comment-form-email input {
	height: 65px;
	border-radius: 10px;
	border: 1px solid #D8D8D8;
	padding-left: 20px;
	box-sizing: border-box;
	width: 100%;
}

.comment-form-comment textarea {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #D8D8D8;
	padding-left: 20px;
	padding-top: 20px;
}

.comment-form-cookies-consent {
	width: 100%;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-comment label {
	display: none;
}

.comment-form-cookies-consent {
	display: flex;
	align-items: center;
	margin: auto;
	width: 80%;
	font-size: 18px;
	color: #8C8C8C;
	line-height: 1.2;
	margin-bottom: 40px;
}

.comment-form-cookies-consent input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

#wp-comment-cookies-consent:checked + .comment-form-cookies-consent-check::before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	background: url('/wp-content/themes/ventil/assets/images/check-icon.svg') no-repeat center / contain;
	width: 16px;
	height: 16px;
}

.comment-form-cookies-consent-check {
	position: relative;
	width: 30px;
	height: 30px;
	flex: 30px 0 0;
	border: 1px solid #D3D3D3;
	margin-right: 20px;
	border-radius: 3px;
}

.logged-in-as {
	display: none;
}

.form-submit {
	display: block;
	margin: auto;
}

.form-submit input {
	height: 50px;
	width: 300px;
	background: #38A0FF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-radius: 16px;
	color: #fff;
	border: none;
	transition: background .3s ease-out;
	font-weight: 700;
}

.form-submit input:hover {
	background: #145897;
}

.menu-trigger {
	display: none;
}