/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 15px 'Manrope', sans-serif; line-height: normal; padding: 0; margin: 0; background: linear-gradient(to bottom, #f7faff 10%, #ffffff 80%);
	color: #333; 
	/* background-blend-mode: lighten; 
	background: url(../images/bbbg1.png) #ffffffd2; 
	background-attachment: fixed;  */
	min-height: 100%; width: 100%; font-weight: 400;}
a {color: #333; text-decoration: none;}
a:hover, a:focus, .track-desc:hover > *, .side-item:hover * {color: #2c348a; text-decoration: none;}
h1 {font-weight: 600; font-size: 18px;}
h2 {font-weight: 600; font-size: 17px;}
h3 {font-weight: 600; font-size: 16px;} 
h4, h5 {font-weight: 400; font-size: 14px;}

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] 
{appearance: none; -webkit-appearance: none; font-size: 16px; font-family: 'Manrope' !important;}

.button {
	display: inline-block; text-align: center; padding: 5px 15px 5px 15px; height: 30px; line-height: 20px; 
	border-radius: 30px; cursor: pointer; font-weight: 500; box-shadow: none; 
	background-color: #572198; color:#fff; font-size: 15px; width: auto;}
.button:hover  {
	display: inline-block; text-align: center; padding: 5px 15px 5px 15px; height: 30px; line-height: 20px; 
	border-radius: 30px; cursor: pointer; font-weight: 500; box-shadow: none; 
	background-color: #ffffff !important; color:#572198 !important; font-size: 15px; width: auto;}


	
.btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, 
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 5px 15px 5px 15px; height: 35px; line-height: 15px; 
border-radius: 30px; cursor: pointer; font-weight: 400; box-shadow: none; 
background-color: #1e8efe; color:#fff; font-size: 15px; width: auto;}
.btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover, 
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{background-color: linear-gradient(to bottom, #0057b7, #FFD100); color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nowrap-side {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nowrap-side-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.flexbox-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flexbox-column {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.flexbox-center-content {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.flexbox-align-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.flexbox-align-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.flexbox-grow-1, .main-nav > li {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 600;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .track-desc, .track-title, .track-subtitle, .side-item, .side-item * {transition: all .3s;}
.sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 22px; font-weight: 500;}
.mtitle {margin-bottom: 15px; font-size: 22px !important; font-weight: 600; border-bottom: 2px solid #1f8fff70;}
.mtitle h1 {padding: 10px 0px;}
hr {border: 2px solid #1f8fff70; margin: 20px 0px;}
#dle-content {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; margin-bottom: 15px;}
.layout-centered {max-width:1440px; margin:0 auto; position:relative; z-index:20; 
   }
.header {
	padding: 15px 15px 15px 40px;
    border-radius: 0px 0px 20px 20px;
    background-size: cover;
    background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
} 
.layout-container {background-color: #ffffffa6; 
	border-radius: 20px;
	/*border: 1px solid #612fb749;#fef6ffe0*/
	box-shadow: 0px 45px 45px 40px #ae9fc61c;
}
.nav {background: #ecf6ff; position: relative; padding: 5px; border-radius: 10px; border: 1px solid #652ea91a; margin-bottom: 15px;}  
.nav-birth {background-color: #f7faff;}
.nav-newyear { background-color: #00a00010;}
.nav-easter {background-color: #ff000015;}
.nav-uvil {background-color: #af84ff0a;}
.nav-contact {background-color: #eeff0018;}

/* url(../images/background2.png) */

.sharing-fdl {background: #ffffff00; position: relative; border: 1px solid #206994; color: #0082D1;}
.cols {padding: 0 20px;}
.column-content {min-height: 100vh; padding: 13px 0; }
.col-right {width: 227px; margin-left: 30px; padding: 5px 0 0 0; border-left: 1px solid #eee;}
.column-sidebar {
	width: 300px;
    margin-right: 15px;
    padding: 13px 15px 0px 0px;
    border-right: 1px solid #eee;}
.footer {color: #1f8fff; background-color: #fff;  position: relative; max-width: 1440px; margin: 0 auto; border-radius: 20px 20px 0px 0px; margin-top: 20px; display: flex; justify-content: center;}
.footer-menu a {font-weight: 500; color: #00264e; display: block; }
.footer-menu {justify-content: right;}
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.8; background-color: #000; cursor: pointer;}
#gotop {
	cursor: pointer;
    position: absolute;
    left: 50%;
    top: -80px;
    margin-left: -40px;
    background-color: #1f8fff;
    color: #ffffff;
    display: flex;
    justify-content: center;
    width: 80px;
    height: 40px;
    border-radius: 40px 40px 0px 0px;
    font-size: 22px; 
    padding-top: 5px;}


/* HEADER
----------------------------------------------- */
.logo {display: block; color: #fff !important; font-weight: 800; white-space: nowrap; 
	font-size: 22px; text-transform: uppercase; 
	transition: 0.2s;
}

.logo img {max-height: 35px; width: 260px;
    height: 35px;
}

.logo div {
	font-size: 16px; 
	font-weight: 400; 
	gap: 3px;
	text-transform: none;
}
.logo span:not(.logo-domain) {
    display: inline-block;
    margin: 0 3px;
    border-radius: 10px;
    color: #1f8fff;
    margin-left: 5px;
    font-size: 30px;
    font-weight: 800;
	font-family: 'Galindo';
}
.logo span.logo-domain {font-size: 12px; font-weight: 500;}
.search-wrap {margin: 0px 30px;}
.search-box { position: relative; margin: 5px;}
.search-box input, .search-box input:focus {padding: 0 60px 0 15px; border-radius: 4px; box-shadow: none;}
.search-box input:not(:focus)::placeholder {color: #333; opacity: 0.5; font-size: 13px;} 
.search-box button {position:absolute; right:0; top:0px; z-index:10; width: 40px; cursor: pointer; 
	background: none; color: #333; line-height: 40px; text-align: center;}
.hshare > * {width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex;
	margin-left: 15px; box-shadow: 0 0 0 5px rgba(255,255,255,0.2); justify-content: center; align-items: center;}
.hshare > .wbr-fb {background: #602fb7 url(../images/i-fb.svg) center center / 10px no-repeat;}
.hshare > .wbr-tlg {background: #602fb7 url(../images/i-tlg.svg) center center / 16px no-repeat;}
.hshare > .wbr-vk {background: #602fb7 url(../images/i-vk.svg) center center / 20px no-repeat;}

.sharing-fdl {display: block; height: 40px; font-size: 24px;
	position: absolute; left: 0; right: 0; top: 15px; text-align: center;}
.main-nav .fal, .fdl  .fal, .fdl .fas {display: block; height: 40px; font-size: 24px;
	position: absolute; left: 0; right: 0; top: 15px; text-align: center; opacity: 0.666;}
/*.main-nav > li {border-right: 1px solid rgba(0,0,0,0.15); box-shadow: 1px 0 rgba(255,255,255,0.25);} */
.hidden-menu {
	background: url(../images/background2.png) ; 
	box-shadow: 0 15px 15px rgba(0,0,0,0.2); 
	z-index: 100;
	position: absolute; 
	left: 0; 
	top: 100%; 
	width: 100%; 
	column-width: 300px; 
	column-gap: 20px;
	visibility: hidden; 
	opacity: 0; 
	transform: translateY(30px); 
	padding: 30px;
}
.hidden-menu li a {
	display: block; 
	font-size: 17px; 
	font-weight: 500; 
	margin-bottom: 15px; 
	white-space: nowrap; 
	padding-right: 5px; 
	border: 1px solid #13426e;
    border-radius: 10px;
    padding: 10px; 
	transition: 0.2s;
}
.hidden-menu li a:hover {
	transform: scale(1.01);
	background-color: #0057b7;
	color: #fdce0c;
	font-weight: 600;
}

.main-nav > li:hover .hidden-menu {
	visibility: visible; 
	opacity: 1; 
	transform: translateY(0px); 
	text-align: center;
}
.main-nav > li:hover > a {color: #003064; font-weight: 700; font-size: 14px; transition: 0.2s; overflow: hidden;}


/* SECTION
----------------------------------------------- */
.sect {
	margin-bottom: 30px; 
	position: relative; 
    margin: 15px auto;
}
.sect-inpage {padding: 0px 10px;}
.sect-vittania {
	margin-bottom: 30px; 
	position: relative; 
	max-width: 700px;
    margin: 15px auto;
}
.container-box-header {margin-bottom: 20px;}
.container-box-title {
	font-weight: 600; 
	font-size: 17px; 
	background: #cfe5fd9e;
    line-height: 30px;
    padding: 5px 25px;
	border: 1px solid #4279a12e;
    border-radius: 15px;
	margin: 15px 0;
	text-align: left;
	display: flex;
	flex-direction: row;
}
.title-span {margin-right: 10px; font-size: 15px; font-weight: 500;}
.footer-container-description {padding: 15px 60px; border-radius: 20px 20px 0px 0px; line-height: 1.6; font-size: 14px; }
.footer-container-description .logo {color: #000 !important; margin-right: 60px; line-height: normal;}
.footer-container-description a, .footer-container-copyright span {color: #000000;}
.footer-container-copyright { font-size: 15px; background-color: #ffffff; font-weight: 600; text-align: center;     width: -webkit-fill-available; color: #1f8fff; 
	/* padding: 20px 15px 20px 50px; */
}


/* SIDEBAR
----------------------------------------------- */
.side-bt {
	font-weight: 600; 
	font-size: 17px; 
	margin-bottom: 30px; 
	background: #ecf6ff6b;
    height: 45px;
    line-height: 40px;
    padding: 5px 20px;
    border-radius: 10px;
    margin-left: 10px;}

.side-bt-playlist {
	font-weight: 600; 
	font-size: 17px; 
	margin-bottom: 10px; 
	background: #ecf6ff6b;
	height: 45px;
	line-height: 40px;
	padding: 5px 20px;
	border-radius: 10px;
	margin-left: 10px;
}
.side-item {
	display: block; 
	padding: 15px 60px 15px 75px; 
	color: #999; font-size: 13px;
	border-top: 1px solid #eee; 
	position: relative; 
	margin-right: -60px;}

.side-item-icons {
	display: flex; 
	padding: 15px 30px 15px 15px; 
	color: #999; 
	font-size: 13px;
	border-top: 1px solid #eee; 
	position: relative; 
}
.side-item div {font-weight: 500; color: #333; margin-bottom: 4px; font-size: 15px;}
.side-item-icons div {font-weight: 500; color: #333; margin-bottom: 4px; min-width: 40px;}
.sidebar-button-text {
    font-weight: 400;
	padding: 5px 15px;
    font-size: 15px;
    background-color: #ffffff;
    position: relative;
	margin: 15px auto;
	line-height: 1.4;
    text-align: left;
	border-left: 2px solid #468ffb;
    border-radius: 0px 15px 15px 0px;
}
.sidebar-button-text a {text-decoration: underline; color: #003e83; opacity: .8; transition: .3s ease}
.sidebar-button-text a:hover { color: #003e83; opacity: 1;}
.side-menu {
	padding: 10px;
	margin-top: -20px;
}
.side-item-icons-text {
	display: block;
	overflow: hidden;
}

.sect-content {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;
    align-items: center;}

.side-artists {
	display: flex;
	background: #64b7e117;
	height: 24px;
    margin: 10px;
    width: 110px;
    line-height: 24px;
}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {width: -webkit-fill-available;
    margin: 10px auto; padding-top: 40px; }
.nav-load a {display: flex; align-items: center; justify-content: center; 
	padding: 0 20px; max-width: 384px; margin: 0 auto;  
	background: #1b88ed; color: #fff; 
	text-align: center; height: 50px; border-radius: 4px; transition: 0.2s; font-size: 16px;}
.nav-load a:hover, .fdl:hover, .artist-a-end:hover, .button-section:hover {background: #59219986; color: #fff !important; font-weight: 500; font-size: 16px; transform: scale(1.02);}
.nav-load > span {display: none;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
	display:inline-block; 
	border-radius: 10px;
	padding:0 10px; 
	margin:0 3px 10px 3px; line-height: 40px; min-width: 40px; 
	background-color: #fff; 
	box-shadow: 0px 0px 10px 2px rgba(0, 90, 158, 0.17);
    font-weight: 500;
    border: 1px solid #d9d9d9;
	font-size: 17px; font-family: 'Font Awesome 5 Pro';}
.navigation a:hover {background-color:#1f8fff; color: #f0f8ff; transition: 0.3s; transform:translateY(-2px);}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color:#1f8fff; color: #f0f8ff; transition: 0.3s; transform: scale(1.01); font-family: 'Font Awesome 5 Pro'; border-radius: 10px;}

#scrollToTopBtn {
	position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    display: flex;
    height: 40px;
    background-color: #1f8fff;
    border: 1px solid #f0f8ff4f !important;
    color: #f0f8ff;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    align-items: center;
  }
  
  #scrollToTopBtn:hover {
	background-color: #1578e0;
	transform: translateY(-2px);
  }
  
  #scrollToTopBtn.show {
	opacity: 1;
	pointer-events: auto;
  }
  
/* FULL
----------------------------------------------- */

.speedbar {
	font-size: 13px;
    color: #999;
    margin-bottom: 15px;
    border: 1px solid #4279a128;
	border-radius: 13px;
    line-height: 30px;
	background-color: #ffffffbf;
	padding: 0px 5px;
}

.speedbar a {font-size: 12px; margin: 0px 3px;}

.speedbar .fas {margin: 0px 5px;
	font-size: 10px;
	color: #0073e6;}

h1 > span {color: #0057b7;}
h1 a {margin-left: 15px;}
.fmain h1 {margin-bottom: 15px; font-size: 22px;}
.fimg {width: 180px; height: 180px; margin-right: 15px;}

.finfo li {font-size: 13px; line-height: 1.8; padding: 3px 10px 3px 140px; min-height: 27px; position: relative;}
.finfo li:nth-child(2n+1) {background-color: rgba(62,156,179,0.04);}
.finfo li > span:first-child {color: #666; display: inline-block; width: 120px; 
	position: absolute; left: 10px; top: 3px;}
.frate {position: relative; z-index: 10; font-size: 12px;
	padding: 10px 10px; border-radius: 0 4px 4px 0; }
.frate a .fas  {color: #eb4d4b; margin-right: 5px; opacity: .7;}
.frate a .fas:hover {opacity: 1; transition: .2s ease-in-out;}
.frate a + a .fas {color: #eb4d4b; margin-left: 5px;}
.fbtm {margin-top: 15px;}
.fdl {margin-right: 15px; width: 83px; height: 83px; border-radius: 4px; color: white; flex-grow: 1;}
.sharing-fdl {margin-right: 15px; width: 83px; height: 83px; border-radius: 4px;}


.fcaption-sharing {font-size: 18px; line-height: 1.6; border-radius: 4px; position: relative; margin-bottom: 35px; font-weight: 500; border-top: 1px solid #eee;
	 padding: 13px 30px 13px 30px; min-width: 300px; text-align: center; flex-grow: 1;} 
.fcaption-sharing div {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: center; font-weight: 600; font-size: 20px;}
.fcaption-sharing-button:hover {transform: scale(1.05); transition: 0.3s;}
.fcaption-sharing-text-box {display: inline-flex;}
.fcaption-share-item {display: flex; }
.fcaption {font-size: 12px; line-height: 1.6; border-radius: 4px; position: relative;
	 color: #060606; background-color: rgb(96 113 126 / 7%); padding: 13px 30px 13px 15px; margin-bottom: 10px; text-align: center;} 
.fcaption div {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.fcaption::before {font-weight: 300; 
	position: absolute; left: 30px; top: 50%; color: #0057b7; font-size: 38px; transform: translateY(-50%);}

.fplay {width: 83px; background: #187ded; cursor: pointer; color: white; flex-grow: 1;}
.fplay .fas {color: #eee; opacity: 1;}
.js-item-played .fplay .fa-play:before {content: '\f04c'; color: #fdce0c;}

.show-text {width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 18px; 
	cursor: pointer; background-color: #0057b7; color: #fff; 
position: absolute; bottom: 30px; left: 50%; margin-left: -20px; z-index: 5;}
.ftext[style]::before {content: ''; pointer-events: none; height: 100%; position: absolute; z-index: 3;
	left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #fff 100%);}
.ftext {position: relative;}

/* .fab:hover {transform: scale(1.3); transition: 0.1s} */

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.7; font-size: 15px;}
.full-text img:not(.emoji) {max-width:100%; margin-top: 10px; margin-bottom: 10px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:40px;}
.full-text > ol li {list-style:decimal; margin-left:40px;}

.sharing-sect {
	background-color: #0057b72e;
	padding: 15px;
	text-align: center;
}

.text-share {
	font-size: 19px;
}

.fshare {
    border-radius: 15px;
    width: auto;
    padding: 0 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    position: absolute;
    color: #ffffff;
    background-color: #ef0707 !important;
    height: 25px;
    line-height: 25px;
    right: 0;
    bottom: 10px;
}
.fshare .fal {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
}
.ffav {
    background-color: #03a9f4a1;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    font-size: 14px;
    padding: 0 7px;
    color: #ffffff;
    cursor: pointer;
    margin-top: 6px;
    max-width: max-content;
}
.button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]) {
	background-color: #56a4c9;
}

.sidem {
	font-size: 16px;
	font-weight: 500;
	padding: 10px;
	text-align: left;

}

.genre-button {
	background: #e8f4ff;
	padding: 5px 15px;
	margin: 5px;

}


/* Artist-page */

.vit-sect {
	font-size: 18px;
	font-weight: 500;
	padding: 5px 2px;
	line-height: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.vit-block-link {
	display: flex;
    margin: 10px;
    border-radius: 20px;
	width: 340px;
    height: 80px;
    text-align: center;
    font-size: 17px;
    padding: 15px;
    text-transform: uppercase;
    border: 2px solid #4279a12e;
	background-color: #6d6d6d05;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	flex-grow: 1;
}

.vit-block-link:hover {
	transform: scale(1.01);
	transition-duration: 0.3s;
	background-color: #ffffffa9;
	border: 2px solid #4279a180;
}

.vit-title {
	font-weight: 500;
	font-size: 14px;
}

.img-artist {
	border-radius: 50px;
	transition-property: all;

}

.img-artist:hover {
	border-radius: 50px;
	font-size: 16px;
	transition: 1ms;
	transition-duration: 0.7ms;
}

.artist-info {
	padding: 10px;
    margin: 10px 10px 30px;
    font-size: 14px;
    font-weight: 400;
}

.vit-a a {
	color: #000000;
	font-size: 17px;
	text-align: center;
	background: #ecf6ff6b;
	padding: 5px 15px;
	line-height: 40px;
	margin: 0px 5px;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #4279a12e;
}

.vit-a a:hover {
	color: #ffffff;
	background: #1f8fff;
	border: 1px solid #ffffff59;
	transition: .3s ease;
}

.vit-a-but {
	font-weight: 500;
	text-align: center;
	background: #1b88ed;
	padding: 0px 15px;
	line-height: 35px;
	margin: 5px 10px;
	border-radius: 20px;
	overflow: hidden;
	transition: 0.2s;
}

.vit-a-but a {
	color: #ffffff;
}

.button-section a {
	color: #ffffff;
}

.vit-a-but a:hover {
	color: #fdce0c;
}

.button-section a:hover {
	color: #fdce0c;
}

.button-section {
	font-weight: 500;
	text-align: center;
	background: #1b88ed;
	padding: 0px 15px;
	line-height: 35px;
	margin: 20px auto;
	border-radius: 20px;
	overflow: hidden;
	transition: 0.2s;
	width: 280px;
}


.vit-menu {
	margin: 0 auto;
	margin-left: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	padding: 10px;
	justify-content: center;
}


/* vitannia !! */


.catmenu {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center; margin: 15px 0;}
.catmenu-inpage {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.catmenu-link {padding: 10px 15px;
	background-color: #e6f2ff;
	color: #00319b !important;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	margin: 5px;
	transition: background 0.2s ease, transform 0.2s ease;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	border: 1px solid #e8e8e8;
	font-size: 15px;}

.catmenu-link:hover {
	background-color: #d0eaff;
	transform: translateY(-1px);
  }



.vit-side-cat {
	font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    background: #ecf6ff38;
    height: 45px;
    line-height: 40px;
    padding: 2px 0px;
	border-bottom: 1px solid #572198;
	transition: 0.2s;
}

.vit-side-cat:hover {
	transform: scale(1.03);
}

.header-vit-div {
	color: #642294;
	padding: 2px 5px;
	font-weight: 500;
	font-family: "Marck Script", cursive;
	font-size: 24px;
}

.vitannia_main {
	display: flex;
	flex-direction: column;
	gap: 10px;
    padding: 10px;
    margin: 10px 10px;
    border: 1px solid #0000001a;
    border-radius: 10px;
    font-weight: 600;
	text-align: center;
}

.vitannia_main_1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
    padding: 10px 10px;
    margin: 10px;
    border: 1px solid #0000001a;
    border-radius: 20px;
    font-weight: 600;
	background-color: #fff;
	text-align: center;
	/* width: 320px; */
	flex-grow: 1;
	box-shadow: 0px 0px 10px 2px rgba(0, 90, 158, 0.17);
}

.greeting-main-2 {
	display: flex;
	flex-direction: column;
	gap: 10px;
    padding: 10px;
    margin: 5px 5px;
    border: 1px solid #cfdce97d;
	background: #f7faff;
    font-weight: 400;
	text-align: center;
	text-align: left;
	border-radius: 10px;
}

.vitannia_main_3 {
	display: flex;
	flex-direction: row;
	gap: 10px;
    padding: 10px;
    margin: 5px ;
    flex-grow: 1;
    max-width: 700px;
    border-bottom: 1px solid #5721982a;
	background: #9dd3f73b;
    font-weight: 400;
	text-align: center;
	text-align: left;
	border-radius: 10px;
	justify-content: space-between;
}

.container-box-columns {display: flex; flex-direction: column; justify-content: center;align-items: center;}
.copyicon {padding-left: 20px; }
.fa-copy {color: #1f8fff;}

.vitannia_category {
	background: #003064;
	padding: 10px;
	margin: 5px;
}
.vitannia_category a {
	color: #fff;
}

.vitannia_copy_button {

    text-align: center;
    background: linear-gradient(to right, #00a1ff, #006bb3);
    color: white;
    padding: 8px 16px;
    border-radius: 5px !important;
    border: none;
    /* line-height: 10px !important;
    font-size: 14px !important;
    height: 20px !important; */
    cursor: pointer;
    transition: all .3s;
}

.vitannia_copy_button:hover {
	transform: scale(1.01);
	background: #007bcc;
}

.vit-button-h2 {
	font-weight: 500;
    font-size: 15px;
	border-bottom: 1px solid #1f8fff26;
    line-height: 15px;
    padding: 10px 20px;
	text-align: center;
	transition: 0.2s;
	max-width: fit-content;
	margin: 8px auto;
	background: #1f8fff;
	border-radius: 20px;
}

.vit-button-h2 a {color: #fff;}

.vit-button-h2:hover {
	transform: scale(1.01);
}

.sect-col {
	width: 320px;
	flex-grow: 1;

	text-align: center;
	border-radius: 7px;
	height: fit-content;
}

.sect-col-image {
	border: 1px solid #652ea91a;
	background: #ecf6ff;
	text-align: center;
	padding: 5px;
	margin: 0px 10px 0px 10px;
	font-weight: 500;
}

.sect-vit-image {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.sect-vit-image-item {
	margin: 5px 10px 5px 10px ;
	max-width: 320px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	cursor: pointer;
	transition: 0.2s;
}

.sect-vit-image-item:hover {
	transform: scale(1.02);
}

.vit-line {
	border: 1px solid #59219980;
	margin: 10px 0px 20px 0px;
}

.text-vit-image {padding: 20px;}

.vit-col-box {

}

.vit-titletext {
	padding: 10px 15px 10px 10px;
    border: 1px solid #4279a12e;
    /* margin: 15px auto; */
    /* border-radius: 20px; */
    background: #fbfcfe;
	font-size: 14px;
}

.bor-top {border-radius: 20px 20px 0px 0px;}
.bor-bott {border-radius: 0px 0px 20px 20px;}

.vit-short {
	margin: 0 auto;
	padding: 0px 5px;
}

.vitannia-short-image {
	max-width: 600px;
	margin: 0 auto;
}

.vitannia-text-image {
	display: block;
}

.fa-thumbs-down, .fa-thumbs-up {font-weight: 400 !important;}


.like-act-button {width: 40px; height: 40px; border: 1px solid #eee;}

.main-page-button {
	background-color: #427aa1;
	color: #fff !important;
	font-weight: 600;
	font-size: 20px;
	padding: 10px 30px 10px 30px;
	margin: 10px auto;
	border-radius: 20px;
	width: fit-content;
	transition: 0.2s;
}

.main-page-button a {
	color: #fff;
}

.main-page-button:hover {
	border: 1px solid #1e8efe;
}

.fa-thumbs-up:hover, .fa-thumbs-down:hover {
	transform: scale(1.01);
	transition: .3s ease;
}

.share-section {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	font-weight: 400;
	height: 30px;
	width: max-content;
	gap: 30px;
}

.share-full {display: flex; flex-direction: row;}
.share-block {border-top: 1px solid #eee;}
.share-full-1  {
	display: flex; 
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;

	padding: 10px 10px;
}

.share-full-1 a {
	font-size: 25px !important;
	min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
	border-bottom: 2px solid #468ffb;
	opacity: .8;
	transition: .2s ease-in-out;
	margin: 0px 5px;
}
.share-full-1 a:hover {transform: translateY(-2px); opacity: 1; border-color: #ff1c1c;}




.fa-arrow-circle-down:before {
	color: #00580c !important;
}



.download-image-vit {
	height: auto;
	width: 300px;
	background-color: #f7fbff;
	padding: 20px 30px 20px 30px;
	margin: 0 auto;
	border-radius: 10px;
	border: 1px solid #0057b7;
}

.download-image-vit span {
	font-size: 22px;
	font-weight: 500;
	padding-left: 45px;        
	font-family: 'Manrope' !important;                       
}               

.navedit {font-weight: 600; font-size: 13px; margin: 10px 0px; border-bottom: 1px solid #e3e3e3;padding: 5px 0px;}
.quote-highlighted {display: block;}
.side-list {margin: 10px auto; padding: 5px;}
.list-date {font-size: 13px; font-weight: 600; color: #c00000;}
.list-item-side {margin: 5px auto; font-weight: 500; font-size: 13px; display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse; padding-left: 7px;}

/* topcat */

.top-category {padding: 10px 15px;}
.h2top {font-weight: 600; font-size: 19px; padding: 3px 10px; border-bottom: 2px solid #468ffb;}
.h3top {font-weight: 600; font-size: 16px;}
.h4top {font-weight: 500; font-size: 15px;}
.h5top {font-weight: 400; font-size: 14px;}
.pTop {font-weight: 500; font-size: 14px; border-bottom: 1px solid #4279a12e; padding: 5px 10px; border-top: 1px solid #4279a12e;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}

.cat-title-top {display: flex;
		margin: 10px auto;
		border-radius: 10px;
		max-width: 45%;
		text-align: center;
		font-size: 17px;
		padding: 10px 20px;
		border: 2px solid #4279a12e;
		background-color: #6d6d6d05;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		flex-grow: 1;
		align-content: center;
		flex-wrap: wrap;
	}
.cat-title {font-size: 16px; font-weight: 500; max-width: 240px;}
.cat-title-image { width: 15%; border-radius: 50%;}
.cat-title-top-span { font-size: 13px; text-align: left; font-weight: 400; margin-top: 10px; display: flex;}

.rhymes {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;
    align-content: center;}
.item-rhyme {display: flex; flex-direction: column; flex-grow: 1;
    margin: 5px;
    width: 40%;}

.top-image-solo {width: 50%; margin: 5px auto; display: flex; flex-direction: column; flex-wrap: nowrap; margin-top: 15px;}
.top-image-solo-text { padding: 5px 10px; text-align: center; margin: 0 auto; border-bottom: 1px solid #4279a12e;}
.imageh2 {font-size: 19px !important;} 
/* Calendar block */

.calendar-wrapper {
	margin: 2em auto;
	padding: 8px;
	border: 1px solid #dcdcff;
	border-radius: 5px;
	background: #fff;
  }
  table {
	clear: both;
	width: 100%;
	border: 1px solid #dcdcff;
	border-radius: 3px;
	border-collapse: collapse;
	color: #444;
  }
  td {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #dcdcff;
	border-top: 1px solid #dcdcff;
	width: 14.28571429%;
  }
  td.not-current {
	color: #c0c0c0;
	font-size: 13px;
  }
  td.normal {
	color: #000000d0;
	font-weight: 500;
  }
  td.today {
	font-weight: 700;
	color: #28283b;
	font-size: 16px;
	background-color: #0fd12921;
  }
  thead td {
	border: none;
	color: #28283b;
	text-transform: uppercase;
	font-size: 17px;
  }
  #btnPrev {
	float: left;
	margin-bottom: 8px;
  }
  #btnPrev:before {
	font-family: 'Font Awesome 5 Pro';
	padding-right: 4px;
  }
  #btnNext {
	float: right;
	margin-bottom: 8px;
  }
  #btnNext:after {
	font-family: 'Font Awesome 5 Pro' ;
	padding-left: 4px;
  }
  #btnPrev,
  #btnNext {
	background: transparent;
	border: none;
	outline: none;
	font-size: 12px;
	color: #c0c0c0;
	cursor: pointer;
	font-family: sans-serif;
	text-transform: uppercase;
	transition: all 0.3s ease;
  }
  #btnPrev:hover,
  #btnNext:hover {
	color: #28283b;
	font-weight: 600;
  }

.send-buttons:hover {
	transition: 0.3s;
	transform: scale(1.03);
}

.bottom-h1 {
	margin: 0 auto;
	padding: 7px 0px;
}

.h2-side {
	font-size: 13px;
	font-weight: 500;
}
.h3-side {
	font-size: 13px;
	font-weight: 500;
}

.category-description {
	text-align: left;
	margin: 20px auto;
	border: 1px solid #e1e1e177;
	border-radius: 20px;
}

.category-description-h2 {border-bottom: 2px solid #1f8fff70; padding: 10px 20px; font-size: 16px; font-weight: 500; background-color: #fff; border-radius: 20px 20px 0px 0px ;}

.category-description-full-text {padding: 10px 20px; font-weight: 400; background-color: #ffffffc2; border-radius: 0px 0px 20px 20px ;} 

.click {cursor: pointer; display: flex;justify-content: space-between;align-items: center;}
.click-cat-selector {font-size: 12px; font-weight: 600;margin-left: auto;padding: 0px 5px;}
.click .fas {font-size: 11px;}
.click:hover {transition: .3s ease-in-out; background-color: #e6f0ff;}


.menu-list {
	display: none;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease;
	border: 1px solid #4279a12e;
	margin-top: 0;
  }
  
  .menu-list li {
	display: flex;
	text-align: center;
	color: #000;
	position: relative;
	padding: 15px 5px 15px 15px;
	font-size: 13px;
	font-weight: 600;
	height: 40px;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	border-bottom: 1px solid #5921991a;
  }
  
  .menu-list li:last-child {border-bottom: 0 !important;}
  /* .menu-list li:first-child {margin-top: 15px;} */

  .menu-list li:hover {transform: scale(1.01); transition: .3s ease-in-out; background-color: #e6f0ff;}

  .menu-list.open {

	max-height: 1200px; 
	opacity: 1;
	
	border-bottom: 0 !important;
	border-top: 0;
	border-radius: 0;
  }
  

  .menu-toggle .fa-chevron-down {
	transition: transform 0.2s ease;
	transform: rotate(0deg); 
}
  .menu-toggle.open {background-color: #cfe2fd; transition: .2s ease; }

  .menu-toggle.open .fa-chevron-down {
	transform: rotate(180deg);
}


.mainmenu {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.menuitem {margin: 10px; border-radius: 20px; max-width: 16%; text-align: center; padding: 5px; 	transition: filter 0.3s ease, transform 0.3s ease;}
.menuitem:hover {transform: scale(1.01); transform: translateY(-2px);}

.cta-text {font-weight: 500; margin: 10px auto; padding: 10px; font-size: 16px; text-align: left;}


#macy-container {
	margin: 0 auto;
	max-width: 1440px;
  }
  .macy-item {
    position: relative;
    display: inline-block;

    overflow: hidden;
	background: #ffffff;
    border: 1px solid #d1d1d17a;
	transition: filter 0.2s ease, transform 0.2s ease;
	border-radius: 16px;
	/* padding: 0px !important; */
	box-shadow: 0 4px 16px rgba(0,0,0,0.05);
	font-family: 'Manrope', sans-serif;
	position: relative;
  }


  .macy-item {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  body.macy-ready .macy-item {
	visibility: visible;
	opacity: 1;
  }
  
  #main-wrapper [id^="macy-container"] {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  
  body.macy-ready [id^="macy-container"] {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease;
  }
  
  

  .like-but {
	display: flex;
	flex-direction: row;
	padding: 5px 10px 5px 10px;
	align-items: center;
	border-radius: 10px;
	font-weight: 400;
	justify-content: space-between;
	font-size: 15px;
    margin: 5px 0px 4px 0px;
	/* margin-bottom: -10px !important; */
}

.like-but a {
	/* border: 1px solid #4d4d4d34; */
    width: 40px;
	height: 40px;
    border-radius: 10px;
    font-size: 20px;
	/* background-color: #f7f7f7; */
    display: flex;
    flex-direction: row;
    align-content: center;
	/* border: 1px solid #e1e1e177; */
    align-items: center;
    justify-content: center;}

.like-but a:hover {
	transform: translateY(-2px);
	transition: .2s ease-in-out;
}

.like-but a:hover .fas {opacity: 1;}

.likespan {font-size: 10px !important;}

.reacted {
	color: #c70039 !important;
  }

  .macy-text {padding: 15px 15px 0px 15px; display: block; font-weight: 600;}

  .macy-item img {
	width: 100%;
	display: block;
	border-radius: 10px 10px 0px 0px;
  	height: auto;
  }

.category-header {display: flex; justify-content: space-between; align-items: center; }
#back-button {cursor: pointer; opacity: .5; transition: .3s ease-in-out; background: linear-gradient(to right, #00a1ff, #006bb3); font-weight: 500; color: #fff; border-radius: 5px; width: auto; padding: 5px; font-size: 14px; height: 24px; display: flex; justify-content: center; align-items: center;}
#back-button:hover {color: #fff; opacity: 1;}
#back-button i {margin: 0px 5px 0px 2px; font-size: 12px;}



.catmenu-mblock {display: flex; justify-content: center;flex-direction: column; }
.catmenu-smart {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  justify-content: center;

}
.catmenu-link-2 {
  padding: 8px 15px;
  background: linear-gradient(135deg, #e6f2ff, #cee9fd);
  border-radius: 8px;
  text-decoration: none;
  color: #00319b;
  font-weight: 400;
  text-align: center;
  /* flex-grow: 1; */
  min-width: 270px;
  max-width: 100%;
  white-space: nowrap;
  transition: .2s ease;
}
.catmenu-link-2.hidden {
  display: none;
}
.catmenu-link-2:hover {
	background: linear-gradient(135deg, #00a1ff, #006bb3);
	color: #fff;
	box-shadow: 0 6px 12px rgba(0, 97, 180, 0.25);
	transform: translateY(-2px);}
.catmenu-toggle {
  margin: 12px auto;
  background: linear-gradient(to right, #00a1ff, #006bb3);
  border: none;
  font-weight: 500 !important;
  border-radius: 5px !important;
  color: #0073ff;
  transition: .3s ease-in-out;
  padding: 5px 20px !important;
  font-weight: bold;
  cursor: pointer;
  opacity: .7;
}
.catmenu-toggle .fas {font-size: 13px; margin-left: 15px;}
.catmenu-toggle:hover {opacity: 1; transition: .3s ease-in-out;}

@media (min-width: 1100px) {
	.catmenu-link-2 {min-width: 260px;}
}

@media (max-width: 600px) {
  .catmenu-mblock {align-items: flex-start;}
  .catmenu-smart {
    display: block;
  }
  .catmenu-link-2 {
    display: block;
    margin-bottom: 8px;
  }
  .catmenu-link-2 {
	text-align: left !important;
	padding: 0 !important;
	background: 0 !important;
    border-radius: 8px !important;
    color: #00319b;
    font-weight: 500;
    margin-left: 10px !important;
    white-space: nowrap;
    transition: .2s ease;

}
  .catmenu-link-2:hover {background: 0 !important; color: #0073ff; box-shadow: none !important; }
  /* .catmenu-link-2::before {content: '\f06b';font-family: 'Font Awesome 5 Pro'; font-weight: 300; margin-right: 10px; text-decoration: none !important;} */
}





  /* ADAPTIVE
----------------------------------------------- */
.button-menu-align {display: none;}
.side-panel {width:320px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f2f6f8; padding: 30px 10px;
	z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s; 
	background: #fff; }
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
	position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; top: -40px; position: fixed; z-index: 9999;
	width:30px; height:30px; right: 10px; line-height:28px; text-align:center; font-size:25px; background-color: #fff; border-radius: 5px; align-items: center;
    justify-content: center; display: flex; color: #ff0000; opacity: 0; transition:all .4s;}
.btn-close.active {top: 10px; opacity: 1;}
.btn-close.active:hover {opacity: .8;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .nav, .side-panel .main-nav {display: block;}
.side-panel .main-nav > li > a {text-align: left;padding: 0 0 0 50px; height: 45px; line-height: 40px;}
.side-panel .main-nav .fal {height: auto; font-size: 18px;
	left: 15px; right: auto; top: 50%; transform: translateY(-50%);}
.side-panel .main-nav > li {border: 0; border-bottom: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px rgba(255,255,255,0.25);}
.side-panel .hidden-menu {width: 100%; box-shadow: none; column-width: 200px; column-gap: 15px;
	border-radius: 0; position: static; visibility: visible; transform: none; 
	opacity: 1; padding: 15px; text-align: center;}
.side-panel .hidden-menu li a {font-size: 13px; white-space: normal; margin-bottom: 10px;}

@media screen and (max-width: 1220px) {
	.wrap {overflow: hidden; margin-top: -15px;}

	.nav, .footer-container-description .logo {display: none;}
	.button-menu-align {display: block; font-size: 30px; margin-left: 15px; padding: 0px 10px; cursor: pointer; color: #1f8fff; 
        border-radius: 20px;}
	.cols {padding-left: 20px; padding-right: 20px; margin: 0px 10px;}
	.header  {padding-left: 20px; padding-right: 20px; margin: 15px auto; height: auto;}
	.col-right {width: 100%; width: calc(100% + 30px); margin: 0 -30px; border-top: 1px solid #eee;}
	.side-item {margin-left: 0; margin-right: 0; padding-right: 15px; padding-left: 46px; width: 50%;}
	.side-item::before {left: 15px;}
	.side-item:nth-child(2n) {border-left: 1px solid #eee;}
	.side-items {display: block; justify-content: flex-start; flex-wrap: wrap;}
	.side-bt {padding-left: 15px; text-align: center; }
	.side-bt-artist {padding-left: 15px; text-align: center; }
	.footer-container-description {text-align: center; margin-top: -20px; border-radius: 20px 20px 0px 0px;}
	.footer {display: block; text-align: center; }
	.footer-menu {justify-content: right;}
	.footer-menu a {display: inline-block; margin: 0 10px 20px 10px;}
	.logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
		max-width: 100%; min-width: 50px;}
	.search-wrap {-ms-flex-order: 10;-webkit-order: 10;order: 10; margin: 0; margin-top: 15px; min-width: 100%;}
	.search-box {max-width: 100%;}
	.wplayer {bottom: 0;}
	.audioplayer, .audioplayer-bar {border-radius: 0; max-width: 100%; left: 0;}

	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
	.artist-menu {
		display: flex;
  		width: auto;
  		flex-direction: row;
	}
	.column-sidebar {display: none;}
	.calendar-wrapper {display: none;}
	.bottom-h1 {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 950px) {

	

	.artist-menu {
		display: flex;
  		width: auto;
  		flex-direction: row;
	}
	.artist-imagelink {
		padding: 5px;
		display: inline-block;
		margin: 5px;
		border-radius: 1px;
		width: 170px;
		text-align: center;
		font-size: 15px;
		text-transform: uppercase;}
	.column-sidebar {display: none;}
	.cols {margin: 0px auto;}
}	

@media screen and (max-width: 760px) {

	.hshare {background: linear-gradient(to top, #3e9cb3, #48b0ca); justify-content: space-between; 
		padding: 10px 15px; margin: 0 -15px; margin-top: 15px; width: 100%; width: calc(100% + 30px); 
		-ms-flex-order: 10;-webkit-order: 10;order: 10;}
	.hshare > * {margin: 0; width: 30px; height: 30px;}
	.logo div {
		font-size: 13px;
	}
	.ap-title, .ap-artist {max-width: 100%;}
	.ap-desc {position: absolute; left: 0; right: 0; bottom: 100%; z-index: 5; min-width: 100%; padding: 10px; 
	background-color: #003e83; box-shadow: 0 0 30px rgba(0,0,0,0.1); visibility: hidden;}
	.ap-mob-btn {display: block; cursor: pointer; font-size: 28px; color: #3e9cb3;}
	.ap-time {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
		max-width: 100%; min-width: 50px; justify-content: flex-end;}
	.ap-desc.is-active {visibility: visible;}
	.audioplayer-volume {display: none;}
	.ap-btns {left: 70px; transform: translate(0,-50%);}

	.fcols {display: block;}
	.fimg {margin: 0 auto 15px auto;}
	.fcaption {min-width: 100%; margin-top: 15px;}
	.fdl {margin: 0;}
	.fplay {margin-right: 15px; -ms-flex-preferred-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
		max-width: 100%; min-width: 50px;}
	.side-menu {
		padding: 20px;
		font-size: 14px;
		margin-top: -30px;
	}
	.sidem {
		font-size: 17px;
		font-weight: 400;
		padding: 10px;
		margin: 0 auto;
		text-align: center;
	}
	.side-bt- {
		font-weight: 600; 
		font-size: 17px; 
		margin-bottom: 10px; 
		background: #ecf6ff;
		height: 45px;
		line-height: 40px;
		padding: 5px 20px;
		border-radius: 10px;
		margin-left: 10px;
		text-align: center;
	}

	.fcaption-sharing {margin-left: 15px;}
	.item-rhyme {font-size: 13px;}
	.top-image-solo {width: 90%;}
	.imageh2 {font-size: 17px !important;} 
}

@media screen and (max-width: 590px) {
	.sidebar-button-text {
		padding: 10px 20px;
		font-size: 14px;}

	.ac-inputs input {width: 100%;}
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
	.ui-dialog {width:100% !important;}
	.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
	.upop-left {margin-bottom:10px; text-align:center;}
	.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
	.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
	.attach-info {float:none;}
	.artist-imagelink {
		padding: 5px;
		display: inline-block;
		margin: 3px;
		border-radius: 1px;
		width: 160px;
		text-align: center;
		font-size: 15px;
		text-transform: uppercase;
	}
	.fcaption-sharing {margin-left: 0px; margin-top: 10px; flex-grow: 1;}
	.vit-block-link {margin: 10px 15px 10px 15px; width: 315px;}
	.speedbar {font-size: 10px;}
	.cat-title-top {max-width: 90%; flex-direction: column;}
	.cat-title-image {margin-bottom: 10px;}
	.item-rhyme {width: 100%;  font-size: 13px;}
	.btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {padding: 5px 8px 5px 8px;}
	.top-image-solo-text {font-size: 12px;}

}


@media screen and (max-width: 470px) {

	.ac-inputs input {width: 100%;}
	.track-item {margin-left: -15px; margin-right: -15px;}
	.track-play {margin-left: -10px; width: 40px; padding-left: 1px;}
	.fcaption {padding: 15px;}
	.fcaption::before {display: none;}

	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
	.logo span:not(.logo-domain) {
		font-size: 22px;
	}
	.button-menu-align {font-size: 25px;}
	.catmenu-link {
		padding: 6px 12px;
		margin: 5px;
		transition: background 0.2s ease, transform 0.2s ease;
		font-size: 13px;}
}

@media screen and (max-width: 400px) {

	.sidebar-button-text {
		padding: 10px 10px;
		font-size: 13px;}
	.container-box-title {padding: 5px 15px;}
	.artist-imagelink {
		padding: 5px;
		display: inline-block;
		margin: 2px;
		border-radius: 1px;
		width: 150px;
		text-align: center;
		font-size: 15px;
		text-transform: uppercase;
	}
	.fcaption-sharing {margin: 10px auto; }
}