@font-face {
    font-family: "Futura";
    src: url('../fonts/Futura-Bold-Italic.woff2') format('woff2'), url('../fonts/Futura-Bold-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

* {
    -webkit-tap-highlight-color: transparent;
}
/*плейлист */
.days-table {
  width:100%;
  color:#000;
  text-align:center;
} 
.day-btn {
 padding: 5px;
width: 50px;
font-size: 14px;
background: rgba(255, 255, 255, 0.36);
border: 1px solid rgba(215, 187, 195, 0.5);
cursor: pointer;
margin: auto;
border-radius: 18px;
}
.day-btn:hover {
 transform: scale(1.2);
}
.day-btn.active {
  background:#FFD793;
 transform: scale(1.3);
}
.timeline-table {
  margin-top:30px;
  width:100%;
}
.timeline-table tr, .timeline-table tr td {
  padding:0px;
}
.timeline-dates td{
	
	display: inline-block;
	padding: 20px 25px 20px 25px;
}

.timeline-elem {
  margin: 10px 15px 10px 15px;
  height:50px;
  position: relative;
  background:linear-gradient(130.54deg, rgba(205, 228, 244, 0.5) 3.53%, rgba(215, 187, 195, 0.5) 99.39%);
  border:1px solid rgba(215, 187, 195, 0.5);
}
.timeline-elem:hover {
  background:linear-gradient(130.54deg, rgba(215, 187, 195, 0.5) 3.53%, rgba(205, 228, 244, 0.5) 99.39%);
}
.timeline-elem img {
  float:left;
  height: 50px;
  width: 50px;
}
.timeline-meta {
/* float: left; */
display: inline-block;
font-size: 14px;
/* vertical-align: middle; */
/* margin-left: 10px; */
margin-top: 17px;
word-wrap: break-word;
verflow-x: hidden;
width: 75%;
}
.timeline-time {
 display: inline-block;
padding: 3px;
font-size: 12px;
width: 55px;
background: #FFD793;
float: right;
/* vertical-align: middle; */
position: absolute;
/* margin: 0px; */
right: 0px;
}
.timeline-centre{
	text-align:center;
	text-align: -webkit-center;
}

/* */
.center{
    position: relative;
    transform: translate(750%, -623%	);
}
.au-center{
    position: relative;
    transform: translate(422%, -347% );
}
.au-pause {
	transform: translate(412%, -347% );
}
.center-player{
    position: relative;
    transform: translate(404%, -349%);
}

.box, .au-box {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 10px 0px 10px 20px;
    border-color: transparent transparent transparent #674921;
    transition: all 100ms ease-in-out;
}
input#indonat {
    display: none;
}
.pause, .au-pause {
    border-style: double;
    border-width: 0px 0px 0px 20px;
}
.box-player {
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 7.5px 0px 7.5px 14px;
    border-color: transparent transparent transparent #674921;
    transition: all 100ms ease-in-out;
}
.current-player-track p {
    color: #674921;
    font-size: 14px;
	text-align: center;
}
.current-player-track {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    order: -1;
}
.player-pause {
    border-style: double;
    border-width: 0px 0px 0px 20px;
}
.player-pause-box
{
	border-style: double;
    border-width: 0px 0px 0px 14px;
}
div#sec_button {
    transform: translate(309%, -300%);
}
/* */
.wrapper {
    display: flex;
    /*min-height: 100%;
    overflow-x: hidden;*/
    flex-direction: column;
}

.hero-bg {
    background-image: url(../img/cross.png), url(../img/Hero-bg.png);
    background-position: 0 200px, center -90px;
    background-repeat: no-repeat, no-repeat;
    padding-top: 20px;
    padding-bottom: 128px;
}

.header-main {
    background-image: url(../img/header-main-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
 .front-page-slider-bg {
    padding-bottom: 150px;
    background-image: url(../img/front-page-slider-bg-2.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.slider-podcasts-bg {
    padding-bottom: 127px;
    background-image: url(../img/slider-podcasts-bg.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

section.abouts-us-main {
    padding-bottom: 80px;
    background-image: url(../img/abouts-us-main-bg.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.our-faith {
    background-image: url(../img/our-faith.png);
    background-repeat: no-repeat;
    background-position-x: center;
}
section.main-needs {
    background-image: url(../img/main-needs.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.simple-page {
    background-image: url(../img/simple-page-bg.png);
    background-position: center -90px;
    background-repeat: no-repeat;
}
.about-us-page {
	background-image: url(../img/simple-page-bg-second.png), url(../img/simple-page-bg.png);
    background-position: center center ,center -90px;
    background-repeat: no-repeat, no-repeat;
}
.header-simple {
    background-image: url(../img/simple-header-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}

html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

header {
    flex: 0 0 auto;
}

main {
    flex: 1 0 auto;
    background-color: #f9f9f9;
}

footer {
    flex: 0 0 auto;
}

body,
input,
button,
select,
option {
    font-family: 'Open Sans';
}

button {
    cursor: pointer;
}

h2 {
    font-family: 'Futura';
    font-weight: bold;
    font-style: italic;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

.container {
    max-width: 1290px;
    padding: 0px 20px;
    margin: 0 auto;
    box-sizing: content-box;
}

.header-container {
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    align-items: center;
}

.header-nav nav ul {
    display: flex;
    gap: 30px;
}

.header-nav nav ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #674921;
	cursor: pointer;
	border-bottom: 1px solid transparent;
}

.header-socials {
    display: flex;
    gap: 6px;
}

.our-faith {
    padding-bottom: 90px;
}

.our-faith-container {
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.3) 3.53%, rgba(215, 187, 195, 0.3) 99.39%);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 20px;
}

.our-faith-container h2 {
    padding: 65px 0 40px;
}

.our-faith-container p,
.main-needs-container p {
    margin: 0 auto;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #674921;
    max-width: 705px;
}

.our-faith-btn {
    padding: 65px 0 40px;
	max-width: 211px;
	margin: 0 auto;
}
.hero-phone-img {
	cursor: pointer;
}
.hero-phone-img img, .app-content-img img {
    transition: 1s;
}
.hero-phone-img img:hover {
	transform: rotate(360deg);
}
/*.app-content-img img:hover {
	animation: shake 5s;
    animation-iteration-count: 1;
}
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}*/
span.comment-name {
    background-image: linear-gradient(96.92deg, #EB588C 3.92%, #A074A0 73.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #EB588C;
    background-clip: text;
	display: inline-flex;
	margin-bottom: 20px;
}
p.comment-txt {
    color: rgb(128 128 128);
	text-align: justify;
    line-height: 130%;
}
.mol-comment {
    padding: 20px 0;
	display: flex;
    flex-direction: row;
	gap: 25px;	
}
.main-comment {
    border-top: 2px solid rgb(128 128 128 / 20%);
    width: 100%;
	padding: 20px 10px 10px;
}
.mol-com-btn {
	width: 211px;
    margin: 0 auto;
}
.send-mes {
	margin: 15px 0 30px;
}
.mol-comments-textarea {
    border: 1px solid rgb(128 128 128 / 20%);
	padding: 10px;
	display: flex;
    align-items: center;
	gap: 10px;
}
div#mol-com-inputs {
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}
.mol-comments-textarea textarea {
	resize:none;
	border: none;
    outline: none;
	font-family: 'Open Sans';
	width: 100%;
    color: rgb(128 128 128);
	font-size: 16px;
    padding-top: 20px;
}
.mol-comments-inputs input {
	outline: none;
    border: 1px solid rgb(128 128 128 / 20%);
    width: 47%;
    height: 30px;
    padding: 7px 10px;
    color: rgb(128 128 128);
    font-size: 16px;
}
.yellow-btn a, .yellow-btn button {
    margin: 0 auto;
    display: flex;
    height: 60px;
	width: 100%;
	border: none;
    align-items: center;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0px 2px 0px #eaa951;
    border-radius: 50px;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #674921;
    transition: .2s ease-in-out;
    position: relative;
    overflow: hidden;
	cursor: pointer;
}

.yellow-btn a:before, .yellow-btn button:before,
.good-quality-btn label:before, .high-quality-btn label:before, input#yellow-sub:before {
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
    height: 60px;
    width: 30px;
    position: absolute;
    top: 0px;
    left: -80px;
    transform: skewX(-45deg);
}

.religion-item-ico:hover, .yellow-btn a:hover, .yellow-btn button:hover,
.good-quality-btn label:hover, .high-quality-btn label:hover, label.lab1appq:hover, input#yellow-sub:hover {
    background: #FFD793;
}

.religion-item-ico:hover:before, .yellow-btn a:hover:before, .yellow-btn button:hover:before,
.good-quality-btn label:hover:before, .high-quality-btn label:hover:before, label.lab1appq:hover:before, input#yellow-sub:hover:before
 {
    left: 100%;
    transition: .5s ease-in-out;
}

.yellow-btn button:focus, .yellow-btn a:focus,
.good-quality-btn label:hover:focus, .high-quality-btn label:hover:focus, label.lab1appq:hover:focus, input#yellow-sub:hover:focus {
    background: #FFD793;
    outline: none;
}

.main-needs-container p {
    padding: 40px 0;
}



.main-needs-btn {
	max-width: 309px;
    padding-bottom: 223px;
	margin: 0 auto;
}
.range-volume span {
    margin-bottom: 20px;
    display: flex;
}
.page-title {
    padding: 100px 0;
    font-family: 'Futura';
    font-weight: bold;
    font-style: italic;
    font-size: 80px;
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

.app-content {
    background: rgb(255, 255, 255, 0.5);
    border-radius: 20px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    display: flex;
    max-height: 644px;
    margin-bottom: 247px;
    width: 100%;
    gap: 43px;
}

.app-content-btn {
    padding-top: 20px;
    max-width: 309px;
    margin: 0 auto;
}

.app-content-contain {
    padding: 124px 0 124px 82px;
}

.app-content-contain h2 {
    max-width: 670px;
}

.app-content-contain span {
    text-align: center;
    display: block;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #674921;
    padding: 25px 0 45px;
}

.dwn-store {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.app-content-img {
    padding-top: 3px;
}

.playlist-container .page-title {
    padding: 100px 0 123px;
}

.playlist-content {
    padding: 25px 25px 40px;
    border-radius: 20px;
    background: #ffff;
    max-width: 1068px;
    height: 819px;
    margin: 0 auto;
    border: 1px solid rgba(205, 228, 244, 0.3);
    margin-bottom: 138px;
}

footer {
    border-top: 1px solid rgba(205, 228, 244, 0.3);
}

.header-logo {
    display: flex;
    align-items: center;
    gap: 20px;
	cursor: pointer;
}

.logo-title {
    display: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-transform: uppercase;
    color: #674921;
}
.footer-top-content {
    display: flex;
    padding: 41px 0 35px;
    justify-content: space-between;
}

.footer-bottom {
    background: #CDE4F4;
    padding: 20px 0;
}
.footer-logo img {
	cursor: pointer;
}
.footer-bottom-content {
    display: flex;
    justify-content: center;
}

.footer-bottom-content span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #352E28;
	text-align: center;
    display: flex;
}

.footer-bottom-content a:hover {
    color: #674921;
}

.footer-item ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-item li{
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    cursor: pointer;
    color: #674921;
	border: 1px solid transparent;
	width: fit-content;
}

.footer-btn button {
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid #674921;
    border-radius: 100px;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-transform: uppercase;
    color: #674921;
    gap: 10px;
	background: transparent;
	width: 100%;
}

.footer-btn {
    width: 257px;
}

.footer-btns {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 11.45px;
    max-width: 190px;
    align-content: flex-start;
}

.support-content {
    margin-bottom: 81px;
    display: flex;
    height: 549px;
    gap: 60px;
	justify-content: center;
}

.support-content-first {
    width: 630px;
    display: flex;
    flex-direction: column;
}

.support-content-second {
    display: flex;
    flex-direction: column;
    width: 46.3%;
    gap: 50px;
	display: none;
}

.support-content h2 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

.support-content-first,
.support-card,
.support-bank {
    background-color: rgb(255, 255, 255, 0.5);
    border-radius: 20px;
    border: 1px solid rgba(215, 187, 195, 0.5);
}

.support-card,
.support-bank {
    height: 50%;
}

.support-content-first h2 {
    padding: 48px 0 35px;
}

.support-card h2 {
    padding: 44px 0 10px;
}

.support-bank h2 {
    padding: 42px 0 10px;
}

.qr-img {
    margin: 0 auto;
    padding-bottom: 35px;
}

.qr-img img {
    border-radius: 10px;
}

.support-btn {
    width: 211px;
    margin: 0 auto;
}

.support-content-second span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #674921;
}

.support-card,
.support-bank {
    display: flex;
    flex-direction: column;
}

.mol-container .page-title {
    padding: 100px 0 30px;
}

.mol-subtitle {
    display: block;
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 25px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

.mol-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mol-desc {
    max-width: 880px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255, 0.5);
    border: 1px solid rgba(215, 187, 195, 0.5);
    width: 100%;
    margin: 35px 0 50px;
    border-radius: 20px;
    padding: 35px 0 46px;
}

.mol-desc p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #674921;
    padding: 0 40px;
}

.mol-btn {
    margin: 30px auto 130px;
    width: 211px;
}
.mol-comments {
    width: 100%;
    /*min-height: 763px;*/
    border-radius: 20px;
	background: #FEFEFE;
}
.mol-comments-contain form {
	padding: 50px 0;
	max-width: 1050px;
    margin: 0 auto;
}
.info-success {
    text-align: center;
    color: green;
}
.info-error {
    text-align: center;
    color: red;
}
.single-podcast-content {
    display: flex;
    gap: 30px;
	padding-bottom: 81px;
}

.single-podcast-desc {
    padding: 25px;
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.5) 3.53%, rgba(215, 187, 195, 0.5) 99.39%);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 10px;
}

.single-podcast-content-first {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.single-podcast-content-second {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.single-podcast-desc h3 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
	justify-content: center;
    padding-bottom: 10px;
}

.single-podcast-desc p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #674921;
}

.single-podcast-img img {
    max-width: 300px;
    max-height: 401px;
    position: relative;
}

.single-podcast-img {
    max-width: 300px;
    overflow: hidden;
    max-height: 401px;
    border-radius: 10px;
}

.podcasts-content {
    display: flex;
    gap: 30px;
    justify-content: space-evenly;
    padding-bottom: 80px;
    flex-wrap: wrap;
}

.podcast-item {
    padding: 12px;
    border-radius: 20px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    max-width: 358px;
	cursor: pointer;
}

.podcast-item-img {
    max-width: 358px;
    overflow: hidden;
    height: 363px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.podcast-item-img img {
    max-width: 412px;
    max-height: 480px;
    position: relative;
    bottom: 25px;
	transition: 1s;
	left: 50%;
    transform: translateX(-50%);
}

.podcast-item-img img:hover {
	/*transform: scale(1.2);*/
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

.podcast-item-desc {
    min-height: 96px;
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.5) 3.53%, rgba(215, 187, 195, 0.5) 99.39%);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 10px;
    padding: 22px 33px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.podcast-item-desc h3 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #674921;
    margin-bottom: 10px;
}

.podcast-item-desc p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #674921;
    text-align: center;
}

.contacts-container .page-title {
    padding: 100px 0 50px;
}

.contacts-sub-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    color: #674921;
}

.contacts-form {
    display: flex;
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.1) 3.53%, rgba(215, 187, 195, 0.1) 99.39%);
    border-radius: 20px;
    padding: 57px 163px 44px 164px;
    margin: 50px 0 112px;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.contacts-sub-title a {
    color: #674921;
}

.contacts-sub-title a:hover {
    opacity: 0.5;
	 transition: .5s ease-in-out;
}

.contact-label {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-label label {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #674921;
}

input#username,
input#forname,
input#email {
    height: 46px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    outline: none;
    padding-left: 15px;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #674921;
}

.contact-label.contact-label-username,
.contact-label.contact-label-forname,
.contact-label.contact-label-email {
    width: 30%;
}

.contact-label.contact-label-message {
    width: 100%;
}

textarea#message {
    height: 94px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    outline: none;
    resize: none;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #674921;
    padding-left: 15px;
}
/* input range */
.range-volume-input {
  -webkit-appearance: none;
  width: 150px;
}
.range-volume-input:focus {
  outline: none;
}
.range-volume-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
  border-radius: 1.3px;
}
.range-volume-input::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
.range-volume-input:focus::-webkit-slider-runnable-track {
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
}
.range-volume-input::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
  border-radius: 1.3px;
}
.range-volume-input::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.range-volume-input::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.range-volume-input::-ms-fill-lower {
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
  border-radius: 2.6px;
}
.range-volume-input::-ms-fill-upper {
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
  border-radius: 2.6px;
}
.range-volume-input::-ms-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.range-volume-input:focus::-ms-fill-lower {
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
}
.range-volume-input:focus::-ms-fill-upper {
  background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
}
/* */
input#yellow-sub, label.lab1appq {
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0px 2px 0px #EAA951;
    border-radius: 50px;
    border: none;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #674921;
    width: 211px;
    height: 60px;
    margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}

.about-content h2 {
    padding: 50px 0;
    font-family: 'Futura';
    font-style: italic;
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
}

.our-history {
    display: flex;
    flex-direction: column;
    padding: 0 50px 70px;
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.3) 3.53%, rgba(215, 187, 195, 0.3) 99.39%);
    border-radius: 20px;
    margin-bottom: 80px;
}

.first-our-history-block,
.second-our-history-block {
    display: flex;
    gap: 50px;
    align-items: start;
}

.first-our-history-block {
    margin-bottom: 30px;
}

.our-history-text {
    max-width: 700px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #674921;
}

.our-history-img {
    max-width: 440px;
    border-radius: 20px;
    padding: 12px;
    border: 1px solid rgba(215, 187, 195, 0.5);
}

.our-history-img img {
    border-radius: 10px;
}

.religion {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 20px;
    margin-bottom: 80px;
    padding-bottom: 56px;
}

.religion-items {
    padding: 0 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.religion-item {
    display: flex;
    gap: 40px;
    align-items: center;
}

.religion-item-ico {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0.705357px 3px 0px #EAA951;
    flex: 0 0 auto;
	transition: 0.7s;
}
.religion-item-ico:hover {
    transform: rotate(360deg);
}
.religion-item-text {
    max-width: 950px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #674921;
}

.symbol-of-faith {
    max-width: 1150px;
    margin: 0 auto 30px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    border-radius: 20px;
    padding: 12px;
}

.symbol-of-faith-content {
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.3) 3.53%, rgba(215, 187, 195, 0.3) 99.39%);
    border-radius: 10px;
    padding-bottom: 40px;
}

.symbol-of-faith-content h2 {
    padding: 50px 0 30px;
}

.symbol-of-faith-content p {
    max-width: 740px;
    margin: 10px auto;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #674921;
    margin-bottom: 10px;
}

.symbol-of-faith-content span {
    font-weight: 700;
}

.wtl-items {
    display: flex;
    gap: 30px;
}

.wtl-item {
    width: 31.83333%;
    border-radius: 10px;
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.3) 3.53%, rgba(215, 187, 195, 0.3) 99.39%);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 274px;
}

.fish-listen {
    padding: 25px 0;
}

.where-to-listen {
    padding-bottom: 30px;
}

.wtl-item p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #674921;
    margin: 20px 0;
}

.wtl-item-title-and-ico {
    display: flex;
    gap: 23px;
    padding: 35px 0 0;
}

.wtl-item-title-and-ico h3 {
    max-width: 138px;
    text-align: left;
}

.wtl-item-mob-title {
    margin-top: 35px;
}

.download-btn {
    width: 256px;
}

.wtl-item-download-links {
    display: flex;
    gap: 13px;
    margin-bottom: 14px;
}

.wtl-item-download-links img {
    width: 137px;
}

.wtl-item-download-links img:hover {
    opacity: 0.5;
	 transition: .5s ease-in-out;
}

.wtl-item-desc {
    max-width: 287px;
}

.ant-btn {
    width: 211px;
    margin-top: 13px;
}

.our-team {
    padding-bottom: 80px;
}

.our-team-items {
    display: flex;
    gap: 27px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.our-team-item {
    padding: 11px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    border-radius: 20px;
}

.our-team-item-person {
    background: linear-gradient(130.54deg, rgba(205, 228, 244, 0.5) 3.53%, rgba(215, 187, 195, 0.5) 99.39%);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 10px;
    padding: 17px 30px 27px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.our-team-item-img {
    margin-bottom: 10px;
    width: 277px;
    height: 363px;
    border-radius: 20px;
    overflow: hidden;
}

.our-team-item-img img {
    max-width: 277px;
    max-height: 363px;
    position: relative;
	transition: 1s;
}
.our-team-item-img img:hover{
	transform: scale(1.2);
}
.our-team-name {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 25px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #674921;
}
.sticky-player {
	display: none;
	padding: 10px 0;
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
	position: sticky;
    bottom: 0;
}
.good-quality-player-btn label, .high-quality-player-btn label {
    margin: 0 auto;
    display: flex;
    height: 46px;
    align-items: center;
    background: transparent;
    border: 1px solid #674921;
	border-radius: 50px;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 120%;
	width: 180px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #674921;
    transition: .2s ease-in-out;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.sticky-player-top {
	display: flex;
    gap: 0px 70px;
	justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.volume-player-btn {
	display:flex;
}
.mute-btn-player{
	width: 50px;
    height: 50px;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0.446429px 2px 0px #eaa951;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.our-team-item-job {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #674921;
}

.purpose-of-existence {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    margin-bottom: 80px;
    padding-bottom: 50px;
}

.purpose-of-existence-blocks {
    padding: 0 50px;
    display: grid;
    grid-template-areas: 'poe-f poe-s' 'poe-f poe-s' 'poe-t poe-s';
    column-gap: 50px;
    align-items: start;
}

.purpose-of-existence-first {
    grid-area: poe-f;
    display: grid;
}

.purpose-of-existence-second {
    grid-area: poe-s;
    padding: 12px;
    border-radius: 20px;
    border: 1px solid rgba(215, 187, 195, 0.5);
}

.purpose-of-existence-third {
    grid-area: poe-t;
}

.purpose-of-existence-second img {
    min-width: 600px;
	/*max-height: 500px;*/
    border-radius: 15px;
}

.purpose-of-existence-blocks p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #674921;
	padding: 10px 0;
}

.purpose-of-existence-blocks span {
    font-weight: 600;
}

.abouts-us-main-container {
    padding: 76px 76px 83px 46px;
    display: grid;
    grid-template-areas: 'aum-t aum-i' 'aum-c aum-i' 'aum-c aum-i';
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 20px;
    column-gap: 60px;
    align-items: start;
}

.abouts-us-main-title {
    grid-area: aum-t;
}

.abouts-us-main-img {
    padding: 12px;
    grid-area: aum-i;
    border-radius: 20px;
    border: 1px solid rgba(215, 187, 195, 0.5);
}

.abouts-us-main-img img {
    border-radius: 15px;
    min-width: 597px;
	max-width: 597px;
}

.about-us-main-content {
    grid-area: aum-c;
}

.about-us-main-btn {
    padding-top: 35px;
    max-width: 211px;
    margin: 0 auto;
}

.abouts-us-main-container p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #674921;
    padding-top: 17px;
}

.front-page-slider {
    max-width: 1175px;
    margin: 0 auto;
    padding: 12px;
    border: 1px solid rgba(215, 187, 195, 0.5);
    border-radius: 20px;
}

.front-page-slider-item {}

.abouts-us-main-container span {
    font-weight: 600;
}

.slider-podcasts-items .podcast-item {
    margin: 0 10px;
}

.slider-podcasts {
    max-width: 1200px;
    margin: 0 auto;
}

.slider-podcasts h2 {
    color: #352E28;
    padding: 0 0 30px;
}

.hero-download-links img {
    width: 112px;
}

.hero h1 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 101.25px;
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
    padding-top: 100px;
}

.hero h2 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 41.6822px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: #674921;
}

.hero-download {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    gap: 10px;
}

.hero-download-links {
    padding-left: 140px;
}

.hero-download-links p {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #674921;
    max-width: 304px;
    padding-bottom: 20px;
}

.hero {
    margin: 0 0 0 auto;
    display: flex;
    gap: 60px;
	justify-content: flex-end;
}
.single-page {
padding-bottom: 120px;
}
.single-page p {
	font-size: 18px;
    padding: 15px 0;
    line-height: 200%;
    text-align: justify;
}
.single-page h2 {
	padding: 20px 0;
	font-family: 'Open Sans';
	font-style: normal;
}
.single-page ol {
    display: flex;
    list-style: auto;
    flex-direction: column;
    gap: 10px;
}
.single-page .page-title {
padding: 25px 0;
}
/* */

.single-page .info-title {
	padding: 260px 0 0;
}

p.info-subtitle {
    font-family: 'Futura';
    font-weight: bold;
    font-style: italic;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
    color: #674921;
    padding: 0 0 20px;
}
.info-player {
	display: flex;
	gap: 30px;
	padding: 20px;
	margin: 0 0 200px;
	background-color: #202020;
	align-items: center;
}
.info-player-main-title {
    font-size: 16px;
    color: #ffff;
    margin-bottom: 20px;
	margin-left: 25px;
}
audio {
    width: 100%;
}
.info-player-img img {
	width: 130px;
	height: 130px;
}
.info-player-main {
	width: 100%;
}
.info-two-blocks {
	display: flex;
	height: 680px;
}
.info-page h2 {
    text-align: left;
	font-size: 55px;
}
.info-two-blocks p {
    font-size: 22px;
    padding: 15px 0 0;
	line-height: 140%;
}
.info-first-block, .info-second-block {
	width: 50%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
}
.info-first-img {
	background-image: url(../img/info-img-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 110%;
}

.info-second-img {
	background-image: url(../img/info-img-2.png);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 130%;
}
.info-third {
	background-color: rgba(7,0,0,0.51);
	padding-bottom: 100px;
}
.info-third h2 {
	padding: 100px 100px 40px;
}
.info-third h2, .info-third p {
	color: white;
	text-align: center;
	
}
.info-block p {
	font-size: 22px;
	padding: 15px 100px;
}
.info-fourth {
	padding-bottom: 300px;
	position:relative;
}
.div-church{
	background-image: url(https://nlradio.net/wp-content/uploads/2022/07/church-2.jpg);
background-size: cover;
position: absolute;
height: 100%;
width: 100%;
opacity: 0.4;
background-repeat: no-repeat;
}


.info-fourth h2 {
	padding: 100px 100px 40px;
}
.info-fourth h2, .info-fourth p {
	text-align: center;
	
}
.info-fourth p {
	font-size: 22px;
	padding: 15px 100px;
}
/* */
table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse; 
	background: rgb(255 255 255 / 50%);
    border-radius: 30px;
}
table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
}
table td {
	padding: 20px;
    text-align: center;
}
.single-page li {
    font-size: 18px;
	margin-left: 20px;
}
.hero-second {
    padding: 94px 0 67px 50px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 20px 0px 0px 20px;
    width: 100%;
    max-width: 600px;
    max-height: 627px;
}

.main-link-appstore {
    padding: 0 10px 0 30px;
}

.article-main-block {
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    margin-top: 54px;
    backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
    border-radius: 20px;
    width: 628px;
    gap: 26px;
    margin-left: 70px;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.article-main-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.article-main-block h3 {
    font-family: 'Futura';
	font-weight: bold;
    font-style: italic;
    font-size: 28px;
    line-height: 160%;
}

.article-main-block p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #674921;
    text-align: center;
}

.article-main-block-btn.yellow-btn a,
.article-main-block-btn.yellow-btn button {
    height: 46px;
}

.article-main-block-btn.yellow-btn {
    width: 180px;
}

.hero-player {
    display: grid;
    max-width: 380px;
    grid-template-areas:
	'hp-img hp-img hp-img hp-img'
	'hp-ct hp-ct hp-ct hp-ct'
	'hp-mb hp-lt hp-lt hp-lt'
	'hp-mr hp-mr hp-mr hp-mr'
	'hp-gq hp-gq hp-hq hp-hq'
	'hp-wtu hp-wtu hp-wtu hp-wtu';
    justify-content: space-between;
}
.range-volume {
	grid-area: hp-mr;
    display: block;
}
input#vol {
    position: absolute;
	display: none;
}
.hero-player-img {
	height: 210px;
    grid-area: hp-img;
	margin: 0 auto;
}
.hero-phone-img {
    cursor: pointer;
}

.current-track {
    padding: 0 0 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #674921;
    grid-area: hp-ct;
	text-align: center;
	justify-content: center;
    display: flex;
}

.current-track p {
	position: absolute;
	max-width: 400px;
}
.current-track span{
    display: flex;
    margin-bottom: 20px;
}
.mute-btn {
    width: 50px;
    height: 50px;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0.446429px 2px 0px #EAA951;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 20px;
	cursor: pointer;
}
.volume-btn {
grid-area: hp-mb;
}
.listen-to {
    grid-area: hp-lt;
    max-width: 310px;
}

.listen-to button {
    display: flex;
    height: 45px;
	width: 100%;
    align-items: center;
    justify-content: center;
	background: transparent;
    border: 1px solid #674921;
    border-radius: 100px;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-transform: uppercase;
    color: #674921;
    gap: 10px;
}

.socials-item {
    width: 33.85px;
    height: 33.85px;
    border: 1px solid #674921;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listen-to button:hover,
.good-quality-player-btn label:hover,
.high-quality-player-btn label:hover,
.write-to-us-item:hover,
.footer-btn button:hover,
.socials-item:hover {
    background: linear-gradient(54deg, #FFD793 7.15%, #FEC068 93.68%);
    transition: .25s ease-in-out;
    border: 1px solid transparent;
}

.header-nav nav ul li:hover, .footer-item li:hover {
    border-bottom: 1px solid;
    transition: .4s ease-in-out;
}

.hero-download-links img:hover, .dwn-app-store img:hover, .dwn-google-play img:hover {
	transition: .3s ease-in-out;
	opacity: 0.7;
}

.good-quality-btn {
    grid-area: hp-gq;
}

.high-quality-btn {
    grid-area: hp-hq;
}
.good-quality-btn input[type=radio], .high-quality-btn input[type=radio], 
.good-quality-player-btn input[type=radio], .high-quality-player-btn input[type=radio] {
	display: none;
}

.good-quality-btn label, .high-quality-btn label {
	margin: 0 auto;
    display: flex;
    height: 46px;
    align-items: center;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0px 2px 0px #eaa951;
    border-radius: 50px;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #674921;
    transition: .2s ease-in-out;
    position: relative;
    overflow: hidden;
	cursor: pointer;
}	

.good-quality-btn input[type=radio]:checked + label,
.high-quality-btn input[type=radio]:checked + label {
	    background: linear-gradient(171.15deg, #fbe1b4 7.15%, #ffdaa5 93.68%);
}

.good-quality-player-btn input[type=radio]:checked + label,
.high-quality-player-btn input[type=radio]:checked + label {
	border: 1px solid transparent;
	background: linear-gradient(171.15deg, #fbe1b4 7.15%, #ffdaa5 93.68%);
}


.good-quality-btn,
.high-quality-btn {
    width: 180px;
}

.write-to-us {
    margin-top: 30px;
    display: grid;
    grid-area: hp-wtu;
    justify-items: center;
}

.write-to-us-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #674921;
}

.write-to-us-item {
    width: 62px;
    height: 40px;
    border: 1px solid #674921;
    border-radius: 62.2222px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.write-to-us-socials {
    padding-top: 10px;
    display: flex;
    gap: 25px;
}

.mobile div {
    display: flex;
    position: relative;
    right: -5px;
    top: -5px;
    background: linear-gradient(171.15deg, #FFD793 7.15%, #FEC068 93.68%);
    box-shadow: 0.446429px 2px 0px #EAA951;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 9999999;
    cursor: pointer;
    box-sizing: content-box;
}

.mobile div span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 2px;
    background-color: #674921;
    border-radius: 13px;
    transition-duration: .4s;
}

.mobile div span:nth-child(1) {
    top: 14px;
}

.mobile div span:nth-child(2) {
    top: 19px;
    width: 10px;
    transform: translateX(-21%);
}

.mobile div span:nth-child(3) {
    bottom: 14px;
}

.mobile div.active span:nth-child(1) {
    transform: translate(-7px, 5px) rotate(-45deg);
}

.mobile div.active span:nth-child(2) {
    transition-duration: 0s;
    opacity: 0;
}

.mobile div.active span:nth-child(3) {
    transform: translate(-7px, -5px) rotate(45deg);
}

.mobile nav {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 16px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 9999990;
    transition-duration: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mobile nav.open {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    right: 0px;
    bottom: 0px;
    border-radius: 0;
}

.mobile nav ul {
    display: none;
}

.mobile nav ul.show {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
	font-size: 24px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.mobile ul li:not(:last-child) {
    margin-bottom: 22px;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.orbL {
    width: auto;
    height: 100%;
}
.container-error p {
	text-align: center;
    font-weight: 600;
    font-size: 26px;
    padding: 100px 20px;
	color: #674921;
}
.container-error a {
	color: #674921;
}
.container-error span:hover {
    text-decoration: underline;
	cursor: pointer;
}
.fish-player img {
	height: 70px;
}
.fish-player {
	height: 70px;
}
@media (min-width:1920.98px) {
    .hero {
		margin: 0 auto;
		max-width: 1920px;
	}
	.hero-bg {
		max-width: 1920px;
		margin: 0 auto;
	}
}
@media (min-width:1200px) {
    .mobile {
        display: none;
    }
}

@media (max-width: 1880.99px) {
	.hero-bg {
		background-position: -200px 200px, center -90px;
	}
}
@media (max-width: 1730.99px) {
	.info-page h2 {
		font-size: 45px;
	}
	.info-two-blocks p {
		font-size: 20px;
	}
}
@media (max-width: 1630.99px) {
	.hero-second {
		width: 29%;
	}
	.info-first-block, .info-second-block {
		padding: 0 50px;
	}
}
@media (max-width: 1432.99px) {
	.hero {
		gap: 30px;
	}
	.info-page h2 {
		font-size: 38px;
	}
	.info-two-blocks p {
		font-size: 18px;
	}
}
@media (max-width: 1358.99px) {	
	.hero-bg {
		background-image: url(../img/cross-2.png), url(../img/Hero-bg.png);
		background-position: -150px 321px, center -90px;
	}
	.hero {
		gap: 10px;
	}
}
@media (max-width: 1314.99px) {
    .religion-items {
        padding: 0 12px;
        align-items: center;
    }
    .abouts-us-main-container {
        padding: 40px 12px;
    }
}
@media (max-width: 1254.99px) {	
	.div-church{
		background-position-x: -200px;
		height:93%;
	}
	.our-faith {
		padding: 0 20px;
	}
	.current-track {
		padding: 0;
	}
	.range-volume span {
		margin: 0;
	}
	.current-track p {
		max-width: 100%;
		padding: 0 10px;
	}
	.volume-btn {
		display: none;
	}
	.hero-bg {
        padding-bottom: 0;
		background-position: -180px 421px, center -90px;
    }
    .header-nav,
    .header-socials {
        display: none;
    }
    .logo-title {
        display: block;
    }
    .front-page-slider {
        margin: 0 20px;
    }
    .hero {
        flex-direction: column-reverse;
        gap: 0px;
        padding-bottom: 30px;
    }
    .hero-second {
        border-radius: 0;
        padding: 40px 0 20px;
        max-width: 100%;
        max-height: 392px;
		width: 100%;
    }
    .main-link-appstore {
        padding: 0;
    }
    .hero-download-links img {
        width: 150px;
    }
    .hero h1 {
        font-size: 90px;
        padding-top: 60px;
    }
    .hero h2 {
        font-size: 37px;
    }
    .hero-phone-img {
        display: none;
    }
    .hero-download-links {
        padding: 0;
    }
	.article-main-block {
        width: auto;
        padding: 30px 0;
        margin: 80px 20px 0;
    }
    .hero-player {
        grid-template-areas:
		'hp-gq hp-img hp-img hp-img hp-hq'
		'hp-ct hp-ct hp-ct hp-ct hp-ct'
		'hp-mr hp-mr hp-mr hp-mr hp-mr'
		'hp-wtu hp-wtu hp-lt hp-lt hp-lt';
        align-items: center;
        max-width: 728px;
        margin: 0 auto;
    }
    .write-to-us-socials {
        padding: 0;
        gap: 10px;
    }
    .write-to-us {
        margin-top: 0;
        grid-auto-flow: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
	.hero-bg {
		padding-bottom: 0;
		background-position: -116px 461px, center -90px;
	}
	.info-two-blocks {
		height: auto;
		flex-direction: column-reverse;
	}
	.info-first-img, .info-second-img {
		background-size: 100%;
		height: 300px;
		width: 100%;
	}
	.info-first-block, .info-second-block {
		width: 100%;
		padding: 0;
	}
	.info-first-block {
		padding: 100px 0;
	}
	.info-page h2 {
		text-align: center;
		padding: 0 40px;
	}
	.info-two-blocks p {
		text-align: center;
		padding: 20px 40px 0;
	}
	.info-third {
		padding: 100px 0;
	}
	.info-fourth {
		padding: 100px 0 200px;
	}
}
@media (max-width: 1205.99px) {
	.front-page-slider .slick-slide img {
		height: 419px;
	}
}
@media (max-width: 1182.99px) {
	.front-page-slider .slick-slide img {
		height: 411px;
	}
}
@media (max-width: 1169.99px) {
	.front-page-slider .slick-slide img {
		height: 407.5px;
	}
}
@media (max-width: 1155.99px) {
	.front-page-slider .slick-slide img {
		height: 404.5px;
	}
}
@media (max-width: 1144.99px) {
	.mol-comments-contain form {
		padding: 50px 20px;
	}
    .app-content {
        margin-bottom: 137px;
        gap: 24px;
    }
    .app-content-contain {
        padding: 124px 0 52px 58px;
    }
    .support-content {
        margin-bottom: 70px;
        display: flex;
        height: auto;
        gap: 20px;
        flex-direction: column;
    }
    .support-content-first,
    .support-content-second {
        width: 100%
    }
    .support-content-second {
        gap: 20px;
    }
    .support-content-first {
        height: 549px;
    }
    .support-card,
    .support-bank {
        height: 250px;
    }
    .podcast-item-desc {
        padding: 12px 33px;
    }
    .podcast-item {
        max-width: 328px;
    }
    .podcast-item-desc {
        height: 121px;
        min-height: 111px;
    }
    .podcast-item-desc h3 {
        margin: 0;
    }
    .religion-item-ico {
        width: 60px;
        height: 60px;
    }
    .religion-item-ico img {
        height: 50%;
    }
    .religion-item {
        gap: 30px;
    }
    .religion-item-text {
        font-size: 14px;
    }
    .religion {
        margin-bottom: 70px;
        padding-bottom: 46px;
    }
    .purpose-of-existence-blocks {
        padding: 0 12px;
        column-gap: 20px;
    }
    .wtl-items {
        gap: 0px;
        row-gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wtl-item.wtl-item-download {
        width: 100%;
        order: 1;
    }
    .wtl-item.wtl-item-online,
    .wtl-item.wtl-item-st {
        width: 49%;
    }
    .main-needs-container p {
        max-width: 557px;
    }
    .abouts-us-main-container {
        grid-template-areas: 'aum-t' 'aum-i' 'aum-c';
    }
    .abouts-us-main-img {
        width: fit-content;
        margin: 20px auto;
    }
    .slider-podcasts-items .podcast-item {
        margin: 0px 15px;
    }
}
@media (max-width: 1135.99px) {
	.front-page-slider .slick-slide img {
		height: 398px;
	}
}
@media (max-width: 1117.99px) {
	.front-page-slider .slick-slide img {
		height: 390px;
	}
}
@media (max-width: 1089.99px) {
	.front-page-slider .slick-slide img {
		height: 379px;
	}
}
@media (max-width: 1068.99px)
{
	.front-page-slider .slick-slide img {
		height: 369px;
	}
}
@media (max-width: 1044.99px) {
	.sticky-player-top {
		gap: 0 15px;
		justify-content: space-around;
	}
    .page-title {
        padding: 50px 0;
        font-size: 50px;
    }
    .mol-container .page-title {
        padding: 50px 0 20px;
    }
    .mol-subtitle {
        font-size: 20px;
        padding: 0 80px;
    }
    .mol-desc {
        margin: 20px 0;
        border-radius: 20px;
        padding: 29px 0;
    }
    .mol-desc p {
        font-size: 14px;
        padding: 0 18px;
    }
    .mol-comments {
        min-height: 504px;
    }
    .mol-btn {
        margin: 20px auto 70px;
    }
    .playlist-container .page-title {
        padding: 70px 0 50px;
    }
    .playlist-content {
        height: 652px;
        margin-bottom: 54px;
        padding: 20px;
    }
    h2 {
        font-size: 30px;
    }
    .front-page h2 {
        font-size: 40px;
    }
    .app-content-contain span {
        color: #674921;
        padding: 14px 0 26px;
    }
    .dwn-store img {
        width: 164px;
    }
    .app-content-btn {
        padding-top: 24px;
    }
    .about-content h2 {
        padding: 40px 0 20px;
    }
    .symbol-of-faith-content h2 {
        padding: 50px 30px 20px;
    }
    .symbol-of-faith-content p {
        max-width: 740px;
        font-size: 14px;
        padding: 0 30px;
    }
    .our-history {
        padding: 0 12px 56px;
        margin-bottom: 74px;
    }
    .our-history-text {
        font-size: 14px;
        width: 50%;
    }
    .first-our-history-block,
    .second-our-history-block {
        gap: 20px;
    }
    .first-our-history-block {
        margin-bottom: 20px;
    }
    .our-history-img img {
        max-width: 322px;
    }
    .our-history-img {
        max-width: 328px;
    }
    .purpose-of-existence-blocks {
        grid-template-areas: 'poe-f poe-f poe-s poe-s' 'poe-f poe-f poe-s poe-s' 'poe-t poe-t poe-t poe-t';
    }
    .purpose-of-existence-second img {
        min-width: auto;
        max-width: 100%;
    }
    .purpose-of-existence-second {
        width: auto;
    }
    .our-team-items {
        gap: 16px;
    }
    .our-faith-btn {
        padding: 20px 0 40px;
    }
    .our-faith-container p {
        padding: 0 20px;
    }
    .our-faith {
       padding-bottom: 160px;
    }
    .footer-top-content {
        flex-wrap: wrap;
    }
    .footer-social {
        max-width: fit-content;
        margin: 46px auto 0;
    }
}
@media (max-width: 1037.99px) {
	.front-page-slider .slick-slide img {
		height: 361px;
	}
}
@media (max-width: 1023.99px) {
	.front-page-slider .slick-slide img {
		height: 352.5px;
	}
}
@media (max-width: 995.99px) {
	.front-page-slider .slick-slide img {
		height: 342px;
	}
}
@media (max-width: 966.99px) {
	.front-page-slider .slick-slide img {
		height: 331.5px;
	}
}
@media (max-width: 940.99px) {
	.front-page-slider .slick-slide img {
		height: 322px;
	}
}
@media (max-width: 920.99px) {
	.front-page-slider .slick-slide img {
		height: 314.5px;
	}
}
@media (max-width: 920.99px) {
	.front-page-slider .slick-slide img {
		height: 307.5px;
	}
}
@media (max-width: 889.99px) {
	.hero h1 {
		font-size: 70px;
		padding-top: 30px;
	}
	.hero-bg {
		background-image: url(../img/cross-3.png), url(../img/Hero-bg.png);
		background-position: -96px 575px, center -90px;
	}
    .app-content-contain {
        padding: 39px 0 30px 58px;
    }
    .app-content {
        max-height: 728px;
    }
    .app-content-img img {
        height: 392px;
    }
    .app-content-img {
        margin-bottom: -43px;
        padding-top: 29px;
        padding-right: 42px;
    }
    .app-content-contain h2 {
        max-width: 437px;
    }
    .single-podcast-content {
        flex-direction: column;
    }
    .single-podcast-content-first {
        gap: 20px;
        flex-direction: row;
    }
    .single-podcast-img {
        max-width: 354px;
        max-height: 213px;
    }
    .single-podcast-desc {
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
    }
    .single-podcast-desc h3 {
        font-size: 25px;
    }
    .single-podcast-desc p {
        font-size: 16px;
        max-width: 226px;
    }
    .single-podcast-content {
        padding-bottom: 136px;
    }
    .single-podcast-img img {
        bottom: 80px;
    }
    .contacts-form {
        padding: 42px 30px 42px 12px;
        margin: 40px 0 70px;
        row-gap: 20px;
    }
    .contact-label.contact-label-email {
        width: 100%;
    }
    .contact-label.contact-label-forname,
    .contact-label.contact-label-username {
        width: 47%;
    }
    .our-team-item-img {
        width: 208px;
        height: 278px;
    }
    .our-team-item-img img {
        max-width: 277px;
        max-height: 278px;
    }
    .footer-btns {
        flex-direction: row;
        gap: 20px;
        margin: 40px auto 0;
    }
    .footer-btn {
        width: 225px;
    }
}
@media (max-width: 878.99px) {
	.front-page-slider .slick-slide img {
		height: 299px;
	}
}
@media (max-width: 860.99px){
	.single-page .info-title {
		padding: 150px 0 0;
	}
	p.info-subtitle {
		padding: 0 0 20px;
	}
	.info-player {
		margin: 0 0 150px;
	}
	.info-first-block, .info-third {
		padding: 50px 0;
	}
	.info-fourth {
		padding: 50px 0 100px;
	}
	.info-block p, .info-fourth p {
		font-size: 18px;
		padding: 10px 50px;
	}
	.info-page h2 {
		font-size: 32px;
	}
	div#sec_button {
		transform: translate(308%, -301%);
	}
	.mute-btn-player {
		width: 37px;
		height: 37px;
	}
	.volume-player-btn input[type="range"]{
		width: 100px;
	}
}
@media (max-width: 854.99px) {
	.front-page-slider .slick-slide img {
		height: 290px;
	}
}
@media (max-width: 830.99px) {
	.front-page-slider .slick-slide img {
		height: 281.5px;
	}
}
@media (max-width: 808.99px) {
	.front-page-slider .slick-slide img {
		height: 273px;
	}
}
@media (max-width: 788.99px) {
	.front-page-slider .slick-slide img {
		height: 266px;
	}
}
@media (max-width: 770.99px) {
	.front-page-slider .slick-slide img {
		height: 258px;
	}
    .podcasts-content {
        justify-content: space-between;
        gap: 20px;
    }
    h2 {
        font-size: 25px;
    }
    .front-page h2 {
        font-size: 40px;
    }
    .dwn-store img {
        width: 128px;
    }
    .app-content-contain {
        padding: 29px 20px 0;
    }
    .app-content-btn {
        padding-top: 18px;
        max-width: 270px;
    }
    .app-content {
        flex-direction: column;
        align-items: center;
        gap: 19px;
        max-height: 430px;
        margin-bottom: 243px;
    }
    .app-content-img {
        padding: 0;
        margin: 0;
    }
    .app-content-img img {
        height: 328px;
    }
    .app-content-contain span {
        font-size: 14px;
    }
    .purpose-of-existence-blocks p {
        font-size: 14px;
    }
    .purpose-of-existence {
        margin-bottom: 70px;
        padding-bottom: 48px;
    }
    .about-us-main-content {
        padding: 0 12px;
    }
}
@media (max-width: 768.99px) {
	.simple-page {
    background-image: url(../img/simple-page-bg-tablet.png);
    background-position: center -95px;
    background-repeat: no-repeat;
	}
	.header-simple {
		background-image: url(../img/simple-header-bg-tablet.png);
		background-repeat: no-repeat;
		background-position: center center;  
	}
	.header-main {
    background-image: url(../img/header-main-bg-tablet.png);
    background-repeat: no-repeat;
    background-position: center center;
	}
	.about-us-page {
		background-image: url(../img/simple-page-bg-second-tablet.png), url(../img/simple-page-bg-tablet.png);
		background-position: center 40%, center -95px;
		background-repeat: no-repeat, no-repeat;
	}
	section.main-needs, .our-faith, section.abouts-us-main, .slider-podcasts-bg,  .front-page-slider-bg, .hero-bg {
		background-image: none;
	}
	.our-faith {
    padding-bottom: 50px;
	}
	section.abouts-us-main {
	padding-bottom: 0px;
	}
	.slider-podcasts-bg, .front-page-slider-bg  {
	padding-bottom: 80px;
	}
	.main-needs-btn {
    padding-bottom: 108px;
	}
	.front-page {
		background-image: url(../img/cross-tablet.png), url(../img/front-page-tablet-bg.png);
		background-position: 0 546px, center -95px;
		background-repeat: no-repeat, no-repeat;
	}
}
@media (max-width: 750.99px) {
	.write-to-us {
		margin-top: 20px;
	}
    .podcasts-content {
        justify-content: center;
    }
    h3 {
        font-size: 18px;
    }
    .podcast-item-desc h3 {
        margin-bottom: 10px;
    }
    .first-our-history-block {
        flex-direction: column-reverse;
        align-items: center;
    }
    .second-our-history-block {
        flex-direction: column;
        align-items: center;
    }
    .our-history {
        padding: 0 12px 37px;
        margin-bottom: 40px;
    }
    .our-history-text {
        width: 70%;
    }
    .our-history-img {
        max-width: max-content;
        max-height: fit-content;
        width: 80%;
    }
    .our-history-img img {
        max-width: max-content;
        max-height: inherit;
        width: 100%;
    }
    .purpose-of-existence-blocks {
        grid-template-areas:
		'poe-s'
		'poe-f'
		'poe-t';
    }
    .purpose-of-existence-second {
        width: 60%;
        margin: 0 auto 20px;
    }
    .purpose-of-existence-first,
    .purpose-of-existence-third {
        width: 65%;
        margin: 0 auto;
    }
    .wtl-item.wtl-item-download p {
        max-width: 228px;
    }
    .wtl-item.wtl-item-online,
    .wtl-item.wtl-item-st {
        width: 100%;
    }
    .wtl-item.wtl-item-st {
        order: 2;
    }
    .wtl-item-download-links img {
        width: 100px;
    }
    .front-page h2 {
        font-size: 30px;
    }
    .main-needs-container p,
    .main-needs-container p {
        font-size: 14px;
    }
    .our-faith-container h2 {
        padding: 35px 0 20px;
    }
    .our-faith {
	padding-bottom: 120px;    
	}
    .abouts-us-main-img img {
        min-width: auto;
        max-width: 600px;
    }
    .footer-top-content {
        flex-direction: column;
    }
    .footer-logo {
        margin: 0 auto;
    }
    .footer-item {
        display: none;
    }
    .footer-btns {
        flex-direction: column;
        gap: 10px;
        margin: 25px auto 0;
    }
    .footer-social {
        margin: 25px auto 0;
        gap: 20px;
        justify-content: center
    }
    .mute-btn,
    .listen-to {
        display: none;
    }
    .hero-player {
        grid-template-areas:
		'hp-img hp-img'
		'hp-ct hp-ct'
		'hp-gq hp-hq'
		'hp-wtu hp-wtu';
        max-width: 500px;
		justify-content: center;
    }
}
@media (max-width: 748.99px) {
	.front-page-slider .slick-slide img {
		height: 251px;
	}
}
@media (max-width: 726.99px) {
	.front-page-slider .slick-slide img {
		height: 243px;
	}
}
@media (max-width: 706.99px) {
	.front-page-slider .slick-slide img {
		height: 236px;
	}
	.div-church{
		background-position-x: -352px;
		height: 95%;
	}
}
@media (max-width: 687.99px) {
	.front-page-slider .slick-slide img {
		height: 228.5px;
	}
}
@media (max-width: 668.99px) {
	.front-page-slider .slick-slide img {
		height: 222px;
	}
}
@media (max-width: 648.99px) {
	.front-page-slider .slick-slide img {
		height: 214.5px;
	}
}
@media (max-width: 637.99px) {
	.sticky-player-top {
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.current-player-track {
		margin-top: 15px;
	}
    .contact-label.contact-label-forname,
    .contact-label.contact-label-username {
        width: 100%;
    }
    .religion-item {
        gap: 13px;
        align-items: start;
    }
    .religion-items {
        gap: 30px;
    }
    .religion {
        margin-bottom: 60px;
        padding-bottom: 45px;
    }
}
@media (max-width: 632.99px) {
	.front-page-slider .slick-slide img {
		height: 208.5px;
	}
}
@media (max-width: 616.99px) {
	.front-page-slider .slick-slide img {
		height: 202.5px;
	}
}
@media (max-width: 602.99px) {
	.front-page-slider .slick-slide img {
		height: 197.5px;
	}
}
@media (max-width: 584.99px) {
	.front-page-slider .slick-slide img {
		height: 191px;
	}
}
@media (max-width: 572.99px){
	.front-page-slider .slick-slide img {
		height: 186.5px;
	}
}	
@media (max-width: 568.99px){
	.front-page-slider .slick-slide img {
		height: 184px;
	}
}
@media (max-width: 549.99px) {
	.front-page-slider .slick-slide img {
		height: 178.5px;
	}
	.mol-comments-avatar, .comment-avatar {
		display: none;
	}
	.hero-player-img {
    	width: 375px;
		height: 170px;
	}
	.current-track span {
		margin-bottom: 30px;
	}
	.current-track {
		font-size: 13px;
	}
	table {
		font-size: 14px;
	}
	.single-page p {
		font-size: 16px;
	}
	table td {
    padding: 10px;
	}
	.good-quality-btn label, .high-quality-btn label {
		font-size: 13px;
	}
	.front-page {
    background-position: 66% 652px, center -95px;
	}
	.current-player-track {
		padding: 0 20px;
		
	}
    .support-content h2 {
        font-size: 25px;
        padding: 43px 20px 20px;
    }
    .support-content-first {
        height: 413px;
    }
    .support-card h2 {
        font-size: 25px;
        padding: 28px 20px 10px;
    }
    .support-bank h2 {
        font-size: 23px;
        padding: 34px 0 10px;
    }
    .support-card {
        height: 167px;
    }
    .support-bank {
        height: 196px;
    }
    .support-content-second span {
        font-size: 14px;
    }
    .qr-img img {
        width: 190px;
    }
    .qr-img {
        padding-bottom: 20px;
    }
    .single-podcast-content-first {
        gap: 10px;
        flex-direction: column;
    }
    .single-podcast-desc {
        padding: 25px 0;
        width: 100%;
    }
    .single-podcast-img {
        max-width: 479px;
        max-height: 279px;
    }
    .single-podcast-img img {
        max-width: 483px;
        max-height: 644px;
        left: 50%;
        transform: translateX(-50%);
    }
    .single-podcast-content {
        padding-bottom: 60px;
    }
    .contacts-sub-title {
        font-size: 14px;
    }
    .our-history-text {
        width: 100%;
    }
    .our-history-img {
        width: 90%;
    }
    .our-team-item-img {
        width: 277px;
        height: 363px;
    }
    .our-team-item-img img {
        max-width: 277px;
        max-height: 363px;
    }
    .abouts-us-main-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .abouts-us-main-img img {
        max-width: 100%;
    }
    .abouts-us-main-container p {
        font-size: 14px;
        padding: 0 0 10px;
    }
    .about-us-main-btn {
        padding-top: 20px;
    }
    .hero h1 {
        font-size: 44px;
        padding-top: 50px;
    }
    .front-page h2 {
        font-size: 25px;
    }
    .hero-download-links p {
        font-size: 14px;
    }
    .article-main-block {
        padding: 30px 0;
        margin: 230px 20px 0;
        flex-direction: column;
    }
    .good-quality-btn,
    .high-quality-btn {
        width: 155px;
		margin: 0 auto;
    }
    .hero-player {
        padding: 0 20px;
    }
    .hero-player-img img {
        width: 260px;
        display: flex;
        margin: 0 auto;
    }
	.center {
    	transform: translate(829%, -469%);
	}
    .good-quality-btn a,
    .high-quality-btn a {
        font-size: 11px;
    }
    .article-main-block h3 {
        font-size: 23px;
    }
    .article-main-block p {
        font-size: 16px;
    }
	.single-page .info-title {
		padding: 100px 0 0;
	}
	p.info-subtitle {
		padding: 0 0 20px;
	}
	.info-player {
		margin: 0 0 100px;
	}
	.info-page h2 {
		font-size: 28px;
	}
	.info-two-blocks p {
		font-size: 16px;
	}
	.info-block p, .info-fourth p {
		font-size: 16px;
	}
}
@media (max-width: 536.99px){
	.front-page-slider .slick-slide img {
		height: 173px;
	}
}
@media (max-width: 522.99px){
	.front-page-slider .slick-slide img {
		height: 168px;
	}
}
@media (max-width: 508.99px) {
	.sticky-player {
		padding: 10px 0 5px;
	}
	/*.sticky-player-top {
		display: grid;
		grid-template-areas:
        'fsh-pl fsh-pl'
		'ct-pl ct-pl'
		'gq-pl hq-pl';
	}*/
	.current-player-track p {
		font-size: 16px;
	}
	.good-quality-player-btn label, .high-quality-player-btn label {
		/*height: 36px;
		font-size: 11px;
		width: 150px;*/
		height: 32px;
		font-size: 10px;
		width: 135px;
		font-weight: 400;
	}
	.current-player-track {
		grid-area: ct-pl;
		/*width: auto;*/
		margin: 10px 0;
	}
	.high-quality-player-btn {
		grid-area: hq-pl;
	}
	.fish-player {
		grid-area: fsh-pl;
		margin: 0;
		/*margin: 0 auto;*/
	}
	.good-quality-player-btn {
		grid-area: gq-pl;
	}
}
@media (max-width: 505.99px){
	.front-page-slider .slick-slide img {
		height: 161.5px;
	}
	.div-church{
		background-position-x: -570px;
		height: 95%;
	}
}
@media (max-width: 493.99px){
	.front-page-slider .slick-slide img {
		height: 157.5px;
	}
}
@media (max-width: 494.99px) {
	.info-player {
		flex-direction: column;
		gap: 10px;
	}
}
@media (max-width: 479.99px) {
	.front-page-slider .slick-slide img {
		height: 152px;
	}
	.write-to-us {
		grid-auto-flow: dense;
		justify-content: center;
		gap: 5px;
	}
	.slider-podcasts-items .podcast-item {
		margin: 0 65px;
	}
}
@media (max-width: 467.99px){
	.front-page-slider .slick-slide img {
		height: 148px;
	}
}
@media (max-width: 459.99px) {
	.front-page {
		background-position: 66% 685px, center -95px;
	}
	.front-page-slider .slick-slide img {
		height: 145px;
	}
}
@media (max-width: 449.99px) {
	.slider-podcasts-items .podcast-item {
		margin: 0 50px;
	}
	.front-page-slider .slick-slide img {
		height: 141px;
	}
	.our-faith-container p {
    padding: 20px 20px 0;
	}
	.our-faith-container {
		padding-top: 20px;
	}   
	.sticky-player-top {
		gap: 0 10px;
	}
    .page-title {
        padding: 40px 0;
        font-size: 30px;
    }
    .mol-container .page-title {
        padding: 40px 30px 20px;
    }
    .mol-subtitle {
        font-size: 15px;
        padding: 0 15px;
    }
    .mol-desc {
        margin: 20px 0;
        border-radius: 20px;
        padding: 22px 0;
    }
    .mol-desc p {
        padding: 0 12px;
    }
    .mol-comments {
        min-height: 680px;
    }
    .playlist-container .page-title {
        padding: 40px 0;
    }
    .playlist-content {
        padding: 15px;
        height: 795px;
        margin-bottom: 70px;
    }
    /*.podcast-item {
        max-width: 280px;
    }*/
    .podcast-item-desc p {
        font-size: 14px;
    }
    .podcast-item-desc {
        padding: 12px;
    }
    .podcast-item-desc {
        min-height: 111px;
    }
    .podcasts-content {
        padding-bottom: 40px;
    }
    .about-content h2 {
        padding: 30px 0 20px;
        font-size: 30px;
    }
    .purpose-of-existence-second {
        width: 90%;
        margin: 0 auto 20px;
    }
    .purpose-of-existence-first,
    .purpose-of-existence-third {
        width: 100%;
        margin: 0 auto;
    }
    .purpose-of-existence {
        margin-bottom: 40px;
        padding-bottom: 48px;
    }
    .logo-title {
        font-size: 16px;
    }
	.front-page h2 {
		padding: 0 20px;
	}
	.slider-podcasts h2 {
		padding: 0 20px 20px;
	}
	.symbol-of-faith-content h2 {
		padding: 20px;
	}
}
@media (max-width: 439.99px){
	.front-page-slider .slick-slide img {
		height: 137.5px;
	}
}
@media (max-width: 431.99px){
	.front-page-slider .slick-slide img {
		height: 134.5px;
	}
	.good-quality-player-btn label, .high-quality-player-btn label {
		height: 35px;
		font-size: 13px;
		width: 100px;
		text-align: center;
	}
	.sticky-player-top {
		gap: 0;
	}
}
@media (max-width: 419.99px){
	.front-page-slider .slick-slide img {
		height: 131px;
	}
}
@media (max-width: 409.99px) {
	.front-page-slider .slick-slide img {
		height: 126.5px;
	}
	.center {
		transform: translate(819%, -469%);
		transform: translateX(-50%);
		top: -94px;
		left: 47%;
	}
	.player-pause {
		transform: translateX(-68%);
	}
	.hero-player-img {
    	width: 100%;
	}
	.current-player-track span{
		display: flex;
		margin-bottom: 0px;
	}
}
@media (max-width: 401.99px){
	.front-page-slider .slick-slide img {
		height: 123.5px;
	}
}
@media (max-width: 393.99px){
	.front-page-slider .slick-slide img {
		height: 120.5px;
	}
	.slider-podcasts-items .podcast-item {
		margin: 0 35px;
	}
}
@media (max-width: 383.99px){
	.front-page-slider .slick-slide img {
		height: 116.5px;
	}
	.current-player-track {
		margin: 5px 0;
	}
}
@media (max-width: 374.99px){
	.front-page-slider .slick-slide img {
		height: 113.5px;
	}
	.podcast-item-single {
		width: 100%;
	}
}
@media (max-width: 364.99px) {
    .slider-podcasts-items .podcast-item {
        margin: 0px 28px;
    }
	.simple-page {
		background-image: url(../img/simple-page-bg-mobile.png);
		background-position: center -95px;
		background-repeat: no-repeat;
	}
	.header-simple {
		background-image: url(../img/simple-header-bg-mobile.png);
		background-repeat: no-repeat;
		background-position: center center;  
	}
	.about-us-page {
		background-image: url(../img/simple-page-bg-second-mobile.png), url(../img/simple-page-bg-mobile.png);
		background-position: center 40%, center -95px;
		background-repeat: no-repeat, no-repeat;
	}
	.front-page {
		background-image: url(../img/cross-tablet.png), url(../img/front-page-mobile-bg.png);
	}
	.header-main {
		background-image: url(../img/header-main-bg-mobile.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
}
@media (max-width: 359.99px) {
	.front-page-slider .slick-slide img {
    	height: 108px;
	}
	.current-track span {
		margin-bottom: 40px;
	}
	.footer-bottom {
		background: #CDE4F4;
		padding: 10px 0;
	}
    .app-content-btn {
        max-width: 250px;
    }
    .dwn-store img {
        width: 100px;
    }
    .support-content-first {
        height: 433px;
    }
    .support-card {
        height: 187px;
    }
    .support-bank {
        height: 236px;
    }
    .wtl-item.wtl-item-download {
        height: 300px;
    }
    .our-faith-container h2 {
        font-size: 26px;
    }
    .article-main-block p {
        font-size: 14px;
    }
    .good-quality-btn,
    .high-quality-btn {
        width: 120px;
    }
    .good-quality-btn label, .high-quality-btn label {
        font-size: 9px;
    }
    .hero h1 {
        font-size: 36px;
    }
    .front-page h2 {
        font-size: 21px;
    }
    .hero-download-links p {
        font-size: 12px;
    }
    .hero-download-links img {
        width: 116px;
        margin-left: 22px;
    }
}
@media (max-width: 350.99px) {
	h3 {
		font-size: 16px;
	}
}
@media (max-width: 348.99px){
	.front-page-slider .slick-slide img {
		height: 104.5px;
	}
}
@media (max-width: 341.99px){
	.front-page-slider .slick-slide img {
		height: 101.5px;
	}
	.good-quality-player-btn label, .high-quality-player-btn label {
		font-size: 10px;
		width: 85px;
	}
}
@media (max-width: 331.99px){
	.front-page-slider .slick-slide img {
		height: 97.5px;
	}
}
@media (max-width: 329.99px) {
	.podcast-item-desc {
		padding: 10px 10px 30px 10px;
	} 
	.about-content h2 {
		font-size: 26px;
	}
}
@media (max-width: 321.99px){
	.front-page-slider .slick-slide img {
		height: 94px;
	}
}