:root {
	--cvr-width-sec: 786px;
	--cvr-bg-1: white; /* White -> Black */
	--cvr-bg-2: #f1f1f1; /* Gray-1 -> Gray-3 */
	--cvr-bg-3: rgba(0,0,0,0.75); /* Modal blocker */
	--cvr-bg-4: #fff; /* White -> Gray-3 */
	--cvr-body: #232323;
	--cvr-f-body: invert(12%) sepia(3%) saturate(24%) hue-rotate(2deg) brightness(90%) contrast(92%);
	
	--cvr-blue-1: #daf3ff;
	--cvr-blue-2: #039be5;
	--cvr-blue-3: #0c75cb;
	--cvr-f-blue-2: invert(72%) sepia(67%) saturate(7360%) hue-rotate(173deg) brightness(99%) contrast(98%);
	--cvr-f-blue-3: invert(35%) sepia(57%) saturate(5682%) hue-rotate(191deg) brightness(92%) contrast(91%);
	
	--cvr-green-1: #d6e9dc;
  --cvr-green-2: #15af68;
  --cvr-green-3: #0e7813;
	--cvr-f-green-2: invert(48%) sepia(95%) saturate(371%) hue-rotate(100deg) brightness(93%) contrast(97%);
	--cvr-f-green-3: brightness(0) saturate(100%) invert(18%) sepia(83%) saturate(5970%) hue-rotate(98deg) brightness(100%) contrast(89%);
	
	--cvr-turq-1:#97e3dc;
	--cvr-turq-2:#22d5c4;
	--cvr-turq-3:#108c81;
	--cvr-f-turq-2: brightness(0) saturate(100%) invert(70%) sepia(100%) saturate(337%) hue-rotate(116deg) brightness(83%) contrast(103%);
  --cvr-f-turq-3: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(3668%) hue-rotate(140deg) brightness(90%) contrast(87%);

	--cvr-red-1: #f3dada;
	--cvr-red-2: #c31b1b;
	--cvr-red-3: #910f0f;
	--cvr-f-red-2: invert(16%) sepia(91%) saturate(3453%) hue-rotate(354deg) brightness(86%) contrast(88%);
	--cvr-f-red-3: invert(14%) sepia(30%) saturate(5867%) hue-rotate(344deg) brightness(108%) contrast(109%);
	
	--cvr-orange-1: #eeae80;
	--cvr-orange-2: #e99906;
	--cvr-orange-3: #c25e16;
	--cvr-f-orange-1: brightness(0) saturate(100%) invert(89%) sepia(64%) saturate(6822%) hue-rotate(300deg) brightness(96%) contrast(95%);
	--cvr-f-orange-2: brightness(0) saturate(100%) invert(71%) sepia(49%) saturate(4563%) hue-rotate(5deg) brightness(99%) contrast(95%);
	--cvr-f-orange-3: brightness(0) saturate(100%) invert(32%) sepia(72%) saturate(4896%) hue-rotate(26deg) brightness(105%) contrast(83%);
	
	--cvr-purple-1:#c1a2e3;
	--cvr-purple-2:#8b3ddf;
	--cvr-purple-3:#4c1489;
	--cvr-f-purple-2: brightness(0) saturate(100%) invert(25%) sepia(39%) saturate(2906%) hue-rotate(249deg) brightness(118%) contrast(101%);
  --cvr-f-purple-3: brightness(0) saturate(100%) invert(16%) sepia(52%) saturate(3809%) hue-rotate(259deg) brightness(82%) contrast(110%);
	
	--cvr-magenta-1:#e784c5;
	--cvr-magenta-2:#d21791;
	--cvr-magenta-3:#951569;
	--cvr-f-magenta-2: brightness(0) saturate(100%) invert(25%) sepia(75%) saturate(2163%) hue-rotate(296deg) brightness(88%) contrast(115%);
  --cvr-f-magenta-3: brightness(0) saturate(100%) invert(15%) sepia(89%) saturate(2230%) hue-rotate(300deg) brightness(99%) contrast(102%);
	
	--cvr-slate-2: #4e5c68;
	
	--cvr-gold-1: #f1e9c2;
	--cvr-gold-2: #d5b822;
	--cvr-gold-3: #6b5d13;
	--cvr-f-gold-1: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(508%) hue-rotate(340deg) brightness(103%) contrast(89%);
	--cvr-f-gold-2: brightness(0) saturate(100%) invert(65%) sepia(72%) saturate(476%) hue-rotate(10deg) brightness(99%) contrast(89%);
	--cvr-f-gold-3: brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(6474%) hue-rotate(29deg) brightness(92%) contrast(85%);
		
	--cvr-black: black;

	--cvr-black-1: #c3c3c3;
	--cvr-black-2: #424242;
	--cvr-black-3: black;
	--cvr-f-black-1: brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(643%) hue-rotate(181deg) brightness(94%) contrast(90%);
	--cvr-f-black-2: brightness(0) saturate(100%) invert(20%) sepia(9%) saturate(10%) hue-rotate(69deg) brightness(107%) contrast(85%);
	--cvr-f-black-3: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7493%) hue-rotate(323deg) brightness(102%) contrast(95%);
		

	--cvr-white: white;
	--cvr-f-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(200deg) brightness(110%) contrast(101%);
	
	--cvr-gray-1: #f1f1f1;
	--cvr-gray-2: gray;
	--cvr-gray-3: #232323;
	--cvr-gray-4: #d6d6d6;
	--cvr-gray-5: #b5b5b5;
	--cvr-f-gray-1: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(69%) hue-rotate(180deg) brightness(116%) contrast(89%);;
	--cvr-f-gray-2: invert(50%) sepia(37%) saturate(18%) hue-rotate(326deg) brightness(93%) contrast(94%);
	--cvr-f-gray-3: brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(0%) hue-rotate(152deg) brightness(93%) contrast(89%);
	
	--cvr-brand: #01205e;
	--cvr-f-brand: brightness(0) saturate(100%) invert(8%) sepia(56%) saturate(4637%) hue-rotate(214deg) brightness(98%) contrast(105%);
	
	--cvr-border: 1px solid #ced4da;
	--cvr-border-color: #ced4da;
	--cvr-shadow-1: 0px 1px 4px 0px #c4c4c4;
	--cvr-shadow-2: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	--cvr-shadow-3: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2) !important;
	
	--cvr-highlight-blue: #daf3ff;
	--cvr-highlight-yellow: rgb(255, 255, 0);
	--cvr-highlight-gray: #f1f1f1;
	--cvr-highlight-none: white;
	scrollbar-color: auto auto;
}
html[data-gsc-id]:root, 
html[data-gsc-id="1"]:root {
	--cvr-gsc-1: var(--cvr-blue-1) !important;
	--cvr-gsc-2: var(--cvr-blue-2) !important;
	--cvr-gsc-3: var(--cvr-blue-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-blue-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-blue-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-blue-3) !important;
}
html[data-gsc-id="2"]:root {
	--cvr-gsc-1: var(--cvr-green-1) !important;
	--cvr-gsc-2: var(--cvr-green-2) !important;
	--cvr-gsc-3: var(--cvr-green-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-green-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-green-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-green-3) !important;
}
html[data-gsc-id="3"]:root {
	--cvr-gsc-1: var(--cvr-black-1) !important;
	--cvr-gsc-2: var(--cvr-black-2) !important;
	--cvr-gsc-3: var(--cvr-black-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-black-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-black-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-black-3) !important;
}
html[data-gsc-id="4"]:root {
	--cvr-gsc-1: var(--cvr-gold-1) !important;
	--cvr-gsc-2: var(--cvr-gold-2) !important;
	--cvr-gsc-3: var(--cvr-gold-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-gold-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-gold-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-gold-3) !important;     
}
html[data-gsc-id="5"]:root {
	--cvr-gsc-1: var(--cvr-turq-1) !important;
	--cvr-gsc-2: var(--cvr-turq-2) !important;
	--cvr-gsc-3: var(--cvr-turq-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-turq-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-turq-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-turq-3) !important;
}
html[data-gsc-id="6"]:root {
	--cvr-gsc-1: var(--cvr-orange-1) !important;
	--cvr-gsc-2: var(--cvr-orange-2) !important;
	--cvr-gsc-3: var(--cvr-orange-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-orange-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-orange-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-orange-3) !important;
}
html[data-gsc-id="7"]:root {
	--cvr-gsc-1: var(--cvr-purple-1) !important;
	--cvr-gsc-2: var(--cvr-purple-2) !important;
	--cvr-gsc-3: var(--cvr-purple-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-purple-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-purple-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-purple-3) !important;
}
html[data-gsc-id="8"]:root {
	--cvr-gsc-1: var(--cvr-magenta-1) !important;
	--cvr-gsc-2: var(--cvr-magenta-2) !important;
	--cvr-gsc-3: var(--cvr-magenta-3) !important;
	--cvr-f-gsc-1: var(--cvr-f-magenta-1) !important;
	--cvr-f-gsc-2: var(--cvr-f-magenta-2) !important;
	--cvr-f-gsc-3: var(--cvr-f-magenta-3) !important;
}

html,body {
	margin:0;
	padding:0;
	color:var(--cvr-body);
	overflow:hidden;
	background: var(--cvr-bg-2);
	font-size: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
	* {
		box-sizing:border-box;
	}

	a, a:visited, a:link, a:active {
		text-decoration:none;
		color:var(--cvr-gsc-2);
		cursor:pointer;
		transition:color 320ms;

		&:hover {
			color:var(--cvr-gsc-3);
			transition:color 320ms;
		}
	}
}
.hide, .visually-hidden {display:none !important;}
bodyWrap {
	display:block;
	height:100dvh;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:thin;
	scroll-behavior: smooth;
}

section {
	&.head {
		margin-bottom: 20px;
		background:var(--cvr-bg-1);
		border-bottom:var(--cvr-border);
		box-shadow: var(--cvr-shadow-1);
		position:relative;
		z-index:1;

		.bdrop {
			height: 505px;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100dvw;

			&::before {
				position: absolute;
	      display: block;
	      content: "";
			}
			&::after {
				position: absolute;
	      display: block;
	      content: "";
	      height:155px;
	      width:100dvw;
	      top:350px;
	      left:0;
	      background: #ffffff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 76%, rgba(255, 255, 255, 1) 100%);
	    }

			&[data-bdrop-id="1"] {
				&::before {
					top: -36dvw;
		      left: 0;
		      width: 100dvw;
		      height: auto;
		      aspect-ratio:1/1;
		      background: url(/incl/img/static/bdrop/backdrop-celestial.png) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity: 0.3;
		      animation: infiniteRotate 260s linear infinite;
				}
				&::after {
					top:30px;
					height:475px;
					background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 55%, rgba(255, 255, 255, 1) 100%);
				}
			}
			&[data-bdrop-id="2"] {
				&::before {
					top: 0;
		      left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/incl/img/static/bdrop/backdrop-snow.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
				}
			}
			&[data-bdrop-id="3"] {
				&::before {
					top: -165px;
		      left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/incl/img/static/bdrop/backdrop-plane.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.1;
				}
			}
			&[data-bdrop-id="4"] {
				&::before {
					top: -12px;
	        left: calc(50% - 197px);
		      width: 370px;
		      aspect-ratio: 1/1;
		      height: 370px;
		      background: url(/incl/img/static/bdrop/backdrop-swirl.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.7;
				}
			}
			&[data-bdrop-id="5"] {
				&::before {
					top: -110px;
	        left: calc(50% - 250px);
	        width: 500px;
	        height: 505px;
		      background: url(/incl/img/static/bdrop/backdrop-confetti.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.35;
				}
			}
			&[data-bdrop-id="6"] {
				&::before {
					top: -188px;
	        left: 0;
	        width: 103dvw;
	        height: 619px;
		      background: url(/incl/img/static/bdrop/backdrop-solar.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.4;
				}
				&::after {
					height: 290px;
	        width: 100dvw;
	        top: 215px;
				}
			}
			&[data-bdrop-id="7"] {
				&::before {
					top: -37px;
	        left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/incl/img/static/bdrop/backdrop-waves.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.5;
				}
			}
		}

		> .row {
			z-index:2;
			position: relative;
		}
		&.show-submenu {
			z-index:3;

			#menuInner {
				max-width: 540px;
				z-index: 6;
				position:fixed;
				top:10px;
				backdrop-filter: blur(7px);
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 30px;
            box-shadow: var(--cvr-shadow-1);
			}
		}
	}
	&.body {
		> .row {
			padding:0 20px;
		}
	}
}

.sspy {
	scroll-behavior: smooth;
  scroll-margin:44px;
}
.row {
	width:100%;
	max-width:580px;
	margin:0 auto;

	&[data-row-id="1"] {
		height:90px;
		margin:0 auto 0 auto;
	}
	&[data-row-id="2"] {
		min-height:200px;
		padding:0 20px;
		margin:0 auto;
		position: relative;
    z-index: 1;
	}
	&[data-row-id="3"] {
		padding:0 20px;
		height:44px;
	}
	&[data-row-id="8"] {
		padding:0 20px 50px 20px;
		text-align:center;
		color:var(--cvr-gray-2);

		span {
			display: block;

			&.f1 {
  			margin-bottom:15px;
  			font-size: .8rem;
  		}
		}

		a {
			color:var(--cvr-gray-2);
			text-decoration:underline;

			&:hover {
				color:var(--cvr-gray-3);
			}
		}
	}
}

.fbw {
	display:flex;

	&[data-fbw-id="1"] {
		flex-direction: column;
		border-bottom:var(--cvr-border);
		padding-bottom: 80px;
		align-items: center;

		.fbi {
			&[data-fbi-id="1-1"] {
				flex:0 0 184px;
				width: 160px;
				border:var(--cvr-border);
				background:var(--cvr-bg-1);
				border-radius:50%;	
				padding: 20px;
        text-align: center;
				
				a {
					display:block;
					cursor:unset;
					
					img {
						margin-top: 4px;
					}
				}
			}		
			&[data-fbi-id="1-2"] {
				flex:1 1 auto;	
				padding:40px 0 0 0;
				text-align: center;

				h1 {
					display:flex;
					justify-content: center;

					> span, > a {
						flex:0 0 auto;
					}

					> a {
						display:block;
						width:38px;
						height:38px;
						background-size:34px auto;
						background-position: 7px 5px;
						background-repeat:no-repeat;

						&.auth-v {
							filter:var(--cvr-f-turq-2);
							background-image:url(/incl/img/static/icn/badge-check-solid-full.svg);
						}
						&.auth-uv {
							filter:var(--cvr-f-gray-2);
							background-image:url(/incl/img/static/icn/seal-exclamation.svg);
						}
					}
				}
				h2 {
					font-weight: 400;
			    color: var(--cvr-gray-2);
			    margin: 5px 0 0 0;
				}
			}		
		}
	}
	&[data-fbw-id="2"] {
		
		width:100%;
		max-width:726px;
		flex-direction: row;

		.fbi {
			&[data-fbi-id="2-1"] {
				flex:1 1 auto;
			}
			&[data-fbi-id="2-2"] {
				flex:0 0 auto;
				display: flex;

				a {
					display: block;
          flex: 0 0 auto;
          padding:0 10px 0 24px;
          color:var(--cvr-gray-2);
          position:relative;
          line-height: 44px;
          font-weight:500;

          .icon {
          	display:block;
          	position: absolute;
          	content:"";
          	display: block;
            top: 13px;
            left: 0;
            width: 18px;
            height: 18px;
            background-image: url(/assets/static/icn/circle-solid.svg);
            background-position: center center;
            background-repeat: no-repeat;
            filter: var(--cvr-f-gray-2);
            opacity: 0.8;

            &.icon--share {
            	background-image: url(/incl/img/static/icn/share-solid.svg);
            }
            &.icon--qr {
            	background-image: url(/incl/img/static/icn/qr.svg);
            }
          }

          &:hover {
          	color:var(--cvr-body);

          	.icon {
          		filter: var(--cvr-f-body);
          	}
          }
				}
			}
		}
	}
}

h1 {
	font-size:1.8rem;
	margin:0;
}
h2 {
	font-size: 1.4rem;
  margin: 0;
  line-height: 1.4rem;
}
h3 {
	font-size:1.1rem;
	margin:0;
}


.links {
	display:flex;
	padding:20px 0 0 0;
	justify-content: center;

	.link {
		flex:0 0 auto;
		display:block;
		margin-right:15px;
		position: relative;
		height: 40px;
		line-height: 40px;
		min-width:38px;
		background: var(--cvr-gray-4);
		color: var(--cvr-body);
		padding: 0;
		font-size: 1.2rem;
		text-transform: uppercase;
		font-weight: 500;
		border-radius: 7px;
		
		.anchor {
			display: block;
    	line-height: 39px;
		}
		
		&::before {
			display: block;
			content: "";
			position: absolute;
			top: 0;
			left: 10px;
			width: 24px;
			height: 40px;
			background-repeat: no-repeat;
			background-position: center center;
			filter: var(--cvr-f-body);
			background-size: 20px auto;
    }
		&:hover {
			color:var(--cvr-f-body);
			background: var(--cvr-gray-5);
		}
		
		&.link-1 {
			padding: 0 30px 0 55px;
			background-color:var(--cvr-gsc-2);
			color:var(--cvr-white);
			
			&::before {
				filter: var(--cvr-f-white);
				background-image: url(/incl/img/static/icn/badge-check-solid-full.svg);
			}
			&:hover {
				color:var(--cvr-white);
				background-color:var(--cvr-gsc-3);
			}
		}
		
		&.link-2, &.link-3 {
			width:38px;
			
			&::before {
				width: 38px;
        left: 0;
				background-size: 24px auto;
			}
			
			.anchor {display:none;font-size:0;}
		}
		
		&.link-2 {
			&::before {
				background-image: url(/incl/img/static/icn/share-solid.svg);
			}
		}
		
		&.link-3 {
			&::before {
				background-image: url(/incl/img/static/icn/qr.svg);
			}
		}
	}
}
.links-list {
	.ll-i {
		position:relative;
		margin:0 0 15px 0;
		
		a {
			display:block;
		}
		
		button.ll-i__copy {
			background:transparent;
			font-size:0;
			border:0;
			outline:0;
			position:absolute;
			top:0;
			right:0;
			width:44px;
			height:44px;
			margin:0;
			padding:0;
			display:block;
			cursor:pointer;
			
			&::before {
				position:absolute;
				top:0;
				right:0;
				display:block;
				content:"";
				width:44px;
				height:44px;
				background-repeat: no-repeat;
				background-size: 24px auto;
				background-position: center center;
				background-image: url(/incl/img/static/icn/copy.svg);
				filter: var(--cvr-f-gray-2);
			}
			
			&:hover::before {
				filter:var(--cvr-f-body);
			}
			
			&.is-copied {
				&::before {
					background-image: url(/incl/img/static/icn/copy-check.svg);
					filter: var(--cvr-f-green-2);
				}
			}
		}
		> a {
			text-align:center;
			font-size:1.1rem;
			background-color:white;
			color:var(--cvr-body);
			position:relative;
			font-weight:500;
			height: 44px;
			line-height: 44px;
			border-radius: 5px;
			padding: 0 50px;
			box-shadow: var(--cvr-shadow-1);
			transition: all 320ms;
			
			&::before {
				position:absolute;
				top:0;
				left:7px;
				display:block;
				content:"";
				width:30px;
				height:44px;
				background-repeat: no-repeat;
				background-size: 24px auto;
				background-position: center center;
				background-image: url(/incl/img/static/icn/link-solid-full.svg);
				filter: var(--cvr-f-body);
			}
			
			&:hover {
				box-shadow: var(--cvr-shadow-3);
				transition: all 320ms;
			}
		}
		
		&[data-lid="01-1"] > a::before {
			background-image: url(/incl/img/static/icn/brand-facebook.svg);
		}
		&[data-lid="01-2"] > a::before {
			background-image: url(/incl/img/static/icn/brand-instagram.svg);
		}
		&[data-lid="01-3"] > a::before {
			background-image: url(/incl/img/static/icn/brand-tiktok.svg);
		}
		&[data-lid="01-4"] > a::before {
			background-image: url(/incl/img/static/icn/brand-youtube.svg);
		}
		&[data-lid="01-5"] > a::before {
			background-image: url(/incl/img/static/icn/brand-feels-color.svg);
			filter:unset;
		}
		&[data-lid="01-6"] > a::before {
			background-image: url(/incl/img/static/icn/brand-threads.svg);
		}
		&[data-lid="01-7"] > a::before {
			background-image: url(/incl/img/static/icn/brand-pinterest.svg);
		}
		&[data-lid="01-8"] > a::before {
			background-image: url(/incl/img/static/icn/brand-reddit.svg);
		}
		&[data-lid="01-9"] > a::before {
			background-image: url(/incl/img/static/icn/brand-snapchat.svg);
		}
		&[data-lid="01-10"] > a::before {
			background-image: url(/incl/img/static/icn/brand-whatsapp.svg);
		}
		&[data-lid="01-11"] > a::before {
			background-image: url(/incl/img/static/icn/brand-telegram.svg);
		}
		&[data-lid="01-12"] > a::before {
			background-image: url(/incl/img/static/icn/brand-x.svg);
		}
		
		&[data-lid="02-1"] > a::before {
			background-image: url(/incl/img/static/icn/brand-linkedin.svg);
		}
		&[data-lid="02-2"] > a::before {
			background-image: url(/incl/img/static/icn/brand-github.svg);
		}
		
		&[data-lid="03-1"] > a::before {
			background-image: url(/incl/img/static/icn/brand-omnika.svg);
		}
		&[data-lid="03-2"] > a::before {
			background-image: url(/incl/img/static/icn/brand-academia.svg);
		}
		&[data-lid="03-3"] > a::before {}
		
		&[data-lid="03-4"] > a::before {
			background-image: url(/incl/img/static/icn/brand-orcid.svg);
		}
		&[data-lid="03-5"] > a::before {
			background-image: url(/incl/img/static/icn/brand-gscholar.svg);
		}
		&[data-lid="03-6"] > a::before {}
		
		&[data-lid="04-01"] > a::before {
			background-image: url(/incl/img/static/icn/badge-check-solid-full.svg);
		}
		&[data-lid="04-02"] > a::before {
			background-image: url(/incl/img/static/icn/brand-mylfp.svg);
		}
		&[data-lid="04-03"] > a::before {
			background-image: url(/incl/img/static/icn/brand-mycvr.svg);
		}
	}
}

ul {
	&[data-menu-id="1"] {
		margin:0;
		padding:0;
		list-style-type:none;
		display:flex;

		li {
			flex:0 0 auto;

			a {
				display:block;
				padding:0 10px;
				height:44px;
				line-height:44px;
				font-weight:500;
				color:var(--cvr-gray-2);
				position:relative;

				&::after {
					position:absolute;
					display: block;
					content: "";
					bottom:0;
					left:0;
					width:100%;
					height:4px;
					border-radius: 4px 4px 0 0;
					background-color: transparent;
				}
				&:hover {
					color:var(--cvr-body);
				}
			}

			&.active a {
				color:var(--cvr-gsc-2);
				filter: unset;
				
				&::after {
					background-color: var(--cvr-gsc-2);
				}
			}
			
			&#menuTop {
				a {
					width:44px;
					background-repeat: no-repeat;
					background-size: 24px 24px;
					background-position: center center;
					background-image: url(/incl/img/static/icn/brand-linkboss.svg);
					filter: var(--cvr-f-gray-2);
					
					&:hover {
						filter: var(--cvr-f-body);
					}
				}
				
				&.active {
					a {
						filter:unset;
						
						&[data-gsc-id], &[data-gsc-id="1"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-blue-2.svg);
						}
						&[data-gsc-id="2"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-green-2.svg);
						}
						&[data-gsc-id="3"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-black-2.svg);
						}
						&[data-gsc-id="4"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-gold-2.svg);
						}
						&[data-gsc-id="5"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-turq-2.svg);
						}
						&[data-gsc-id="6"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-orange-2.svg);
						}
						&[data-gsc-id="7"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-purple-2.svg);
						}
						&[data-gsc-id="8"] {
							background-image: url(/incl/img/static/icn/brand-linkboss-magenta-2.svg);
						}
					}
				}
			}
		}
	}
	
	&.more-links {
		margin:0;
		padding:15px 0 0 0;
		list-style-type:none;
		
		li {
			margin-bottom: 5px;
			
			a {
				display:block;
				border-radius:7px;
				height:40px;
				line-height:38px;
				font-size:1.2rem;
				padding:0 20px 0 55px;
				position:relative;
				color:var(--cvr-body);
				font-weight: 500;
				
				&::before {
					display:block;
					position:absolute;
					content:"";
					top:0;
					left:0;
					width:40px;
					height:40px;
					background-repeat:no-repeat;
					background-size: 24px auto;
					background-position:center center;
					background-image:url(/incl/img/static/icn/link-solid-full.svg);
					filter:var(--cvr-f-body);
				}
				&:hover {
					color:var(--cvr-body);
					background-color: var(--cvr-gray-1);
				}
				
				&.for-mylfp {
					&::before {
						background-image:url(/incl/img/static/icn/brand-mylfp.svg);
					}
				}
				&.for-official-site {
					color:var(--cvr-purple-3);
					
					&::before {
						background-size: 34px auto;
						filter:unset;
						background-image:url(/incl/img/static/icn/badge-check-solid-full-purple-3.svg);
					}
					
					&:hover {color:var(--cvr-purple-3);}
				}
				&.for-linkedin {
					&::before {
						background-image:url(/incl/img/static/icn/linkedin-in-brands-solid-full.svg);
					}
				}
				&.for-x {
					&::before {
						background-image:url(/incl/img/static/icn/x-twitter-brands-solid-full.svg);
					}
				}
				&.for-omnika {
					&::before {
						background-image:url(/incl/img/static/icn/brand-omnika.svg);
					}
				}
				&.for-gscholar {
					&::before {
						background-image:url(/incl/img/static/icn/brand-gscholar.svg);
					}
				}
				&.for-academia {
					&::before {
						background-image:url(/incl/img/static/icn/brand-academia.svg);
					}
				}
				&.for-orcid {
					&::before {
						background-image:url(/incl/img/static/icn/brand-orcid.svg);
					}
				}
			}
		}
	}
}

.card {
	margin-bottom:20px;

	.card__head {
		text-align:center;
		padding-top: 30px;
	}
	.card__body {
		padding:0;

		.cb__banner {
			text-align:center;
			border-top:var(--cvr-border);
			border-bottom:var(--cvr-border);
			padding:30px 0;
			margin-bottom:20px;

			img {
				width:70%;
				max-width:300px;
			}
		}
		
		.cb-block {
			padding: 15px 0 15px 20px;
			border-bottom: var(--cvr-border);

			&:last-child {border-bottom:0 !important;}
			
			h3 {
				font-size: .9rem;
				color: var(--cvr-gray-2);
				margin: 0 0 5px 0;
				font-weight: 400;
				text-transform:uppercase;
			}
		}
	}

	h2 {
		margin:0 0 5px 0;
	}

	p {
		margin:0 0 10px 0;
	}
	p.lead {
		margin:0 0 20px 0;
		color:var(--cvr-gray-2);
	}
}

.cb__block {
	padding-top: 48px;
	position: relative;

	.title {
		position: absolute;
    top: 15px;
    left: 20px;
    font-size: .9rem;
    color: var(--cvr-gray-2);
    margin: 0;
    font-weight: 400;
	}
}
.cb__follow {
	display:flex;
	border-top: var(--cvr-border);
	padding-top:10px;
	margin-top:20px;
	color:var(--cvr-gray-2);

	.f-lbl {
		flex:0 0 135px;
		font-weight:500;
		height: 30px;
    line-height: 30px;
	}
	.f-i {
		flex: 0 0 30px;
    height: 30px;
    padding: 6px;
    border-radius: 5px;
    background: transparent;
    margin-right: 4px;

    img {
    	width: 18px;
      height: 18px;
      filter: var(--cvr-f-gray-2);
    }

    &:hover {
    	background: var(--cvr-gray-1);

    	img {
      	filter: var(--cvr-f-gray-3);
      }
    }
	}
}

.bold-500 {
	font-weight:500;
}
.hide {display:none !important;}

.avr-jsap-wrap {
	padding:0;
	margin-top: -10px;
	position:relative;
	
	.avr-jsap-title {
		color: var(--cvr-gray-2);
		font-size: .8rem;
		padding: 0 10px 5px 15px;
		position:relative;

		&::before {
			position: absolute;
			top:-1px;
			left:-3px;
			display: block;
			content: "";
			width:15px;
			height: 20px;
			background:url(/assets/static/icn/cm2-microphone-solid-full.svg) center center no-repeat;
			background-size:15px 20px;
		}
		
		.title-1 {
			font-weight:500;
			color:var(--cvr-magenta-2);

			&::after {
				content: " · ";
				color: var(--cvr-gray-2);
			}
		}
		.title-2 {
			&::after {
				content: " · ";
			}
		}
	}
	
	.avr-jsap {
    align-items: center;
    display: flex;
    margin-left: 20px;
    width: 100%;
    background-color: white;
    height: 44px;
    padding: 10px 10px;
    margin: 0 0 20px 0;
    border-radius: 12px;
    border: 1px solid var(--cvr-magenta-2);
    position: relative;

    .range-fill {
      width:500px;
      height:7px;
      position:absolute;
      bottom:18px;
      left:50px;
      background-color: #bbbbbb;
      border-radius: 10px;
      z-index:1;

      &::before {
      	position: absolute;
		    top: -15px;
		    left: calc(50% + 17px);
		    display: none;
		    content: "";
		    background-color: white;
		    width: 38px;
		    height: 36px;
		    transform: translateX(-50%);
		    z-index: 1;
      }
      &::after {
      	position: absolute;
		    top: -15px;
		    left: calc(50% + 17px);
		    display: none;
		    content: "";
		    background: url(/assets/static/sound-wave.gif) no-repeat;
		    background-position: center center;
		    background-size: auto 34px;
		    filter: grayscale(1) brightness(0);
		    width: 91px;
		    height: 36px;
		    transform: translateX(-50%);
		    z-index:1;
      }
      .inner {
        height:7px;
        width:0px;
        background-color:black;
        border-radius:10px;
      }
      .line {
      	display:none;
      	width:100%;
      	height:0;
      	position: absolute;
      	bottom:2px;
      	left:0;
      	border-bottom: 2px dotted black;
      }
    }

    .vol-fill {
      width:54px;
      height:7px;
      position:absolute;
      bottom:18px;
      right:21px;
      background-color: #bbbbbb;
      border-radius: 10px;
      z-index:1;

      .inner {
        height:7px;
        width:100%;
        background-color:black;
        border-radius:10px;
      }
    }

    .jsap-mute, .jsap-toggle {
      -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
      background-color: transparent;
      border: none;
      color: inherit;
      cursor: pointer;
      display: inline-block;
      padding: 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      text-decoration: none;

      &:focus, &:hover {
        outline: none;
        -webkit-tap-highlight-color: transparent;
      }
    }

    .jsap-toggle {
      background-image: url(/assets/static/icn/play.svg);
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      height: 30px;
      width: 30px;
      margin-right: 10px;

      &.playing {
        background-image: url(/assets/static/icn/pause.svg);
      }
    }
    .jsap-mute {
      background-image: url(/assets/static/icn/volume-high.svg);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: center;
      height: 30px;
      margin: 0 10px;
      transition: all 0.3s ease-in;
      width: 30px;

      &.muted {
        background-image: url(/assets/static/icn/volume-off.svg);
      }

      &.hidden {
        opacity: 0;
        visibility: hidden;
      }
    }
    .time {display:none;}
    audio {
      background-color: transparent;

      &::-webkit-media-controls-panel {
        background-color: transparent;
      }

      &.inactive {
        opacity: 0;
        position: absolute;
        z-index: -1;
      }
    }

    input[type=range] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      height: 14px;
      margin: 3px 0 0 0;
      width: 510px;
      background: transparent;
      z-index:2;
      transition: all 0.3s ease-in;

      &[disabled] {
        cursor: default;
      }

      &.hidden {
        opacity: 0;
        visibility: hidden;
      }

      &.volume {
        width: 60px;
      }

      &:focus {
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-webkit-slider-thumb {
        -webkit-tap-highlight-color: transparent;
        -webkit-appearance: none;
                appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-moz-range-thumb {
        -webkit-tap-highlight-color: transparent;
        -moz-appearance: none;
             appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-ms-thumb {
        -webkit-tap-highlight-color: transparent;
        appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-webkit-slider-runnable-track,
      &:focus::-webkit-slider-runnable-track {
        -webkit-appearance: none;
                appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        border-radius: 10px;
        outline: 0;
      }
      &::-moz-range-track {
        -moz-appearance: none;
             appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-ms-track {
        appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-ms-fill-lower,
      &:focus::-ms-fill-lower,
      &::-ms-fill-upper,
      &:focus::-ms-fill-upper {
        appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
    }

    &.playing {
    	.range-fill {
      	background-color: transparent;
      	
      	&::before, &::after, .line {display:block;}

      	.inner {

      	}
      }
    }
  }
}

@media only screen and (max-width: 768px) {
	.avr-jsap-wrap {
		.avr-jsap-title {
			.title-1 {
				display:block;

				&::after {display:none;}
			}
		}
    .avr-jsap {
    	.jsap-mute, .vol-fill, input[type=range].volume {
    		display: none;
    	}
    	.jsap-toggle {
    		margin-right: 0;
    		flex: 0 0 30px;
    		background-position: 0px 3px;
    	}
      .range-fill {
        width: calc(100% - 65px);

        &::before, &::after {
        	left:calc(50% + -7px);
        }

        .line {
        	width:calc(100% - 5px);
        }
      }
    }
  }
}

#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}
.toast {
    background-color: var(--cvr-body);
    color: white;
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(20px);

    &.show {
    	opacity: 1;
    	transform: translateY(0);
    }
}

.jquery-modal {
  &.blocker {
    z-index:8;
    padding:40px;
  }
  &.blocker.blocker--full {
    padding:0;
  }

  > .modal {
    z-index:9;
    padding:20px;
    width:100%;
    max-width:610px;
    position:relative;
    padding:0;
    border-radius:10px;
    max-height: calc(100% - 160px);
    min-height: calc(96px + 102px);
    overflow:hidden;
    background: var(--cvr-bg-1);
    box-shadow: var(--cvr-shadow-2);

    > .inner {
      position:relative;
      padding:52px 0;
      overflow: hidden;

      > .modal__head {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:51px;
        background:transparent;
        border-bottom:var(--cvr-border);
        border-radius: 10px 10px 0 0;

        h2, h3, h4 {
          margin:0;
          padding:10px 20px;
          line-height:32px;
        }
        a.close-modal {
          top: 10px;
          right: 10px;
        }
      }
      > .modal__body {
      	max-height: calc(100dvh - 160px - 184px);
        min-height: 96px;
        overflow-y: auto;
        overflow-x:hidden;
        padding: 20px;
        font-size:.95rem;
        scrollbar-width: thin;
    		scroll-behavior: smooth;
        background:var(--cvr-bg-1);

        h3, h4 {
          margin:10px 0;
          font-size:1.2rem;
        }
        p.lead {font-size:.95rem;margin:0 0 5px 0;}
        p {font-size:.95rem;margin:5px 0 0 0;}
      }
      > .modal__foot {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:52px;
        background:var(--cvr-bg-1);
        border-top:var(--cvr-border);
        border-radius: 0 0 10px 10px;

        > a {
          display: block;
          cursor:pointer;
          padding: 10px 20px;
          text-align: center;
          font-size: 1.2rem;
          color: var(--cvr-red-2);
          line-height: 32px;
          text-transform: uppercase;
    			font-weight: 500;

          &:hover {
            color:var(--cvr-red-3);
          }
        }
      }
    }
    
    > .close-modal {
      top: 0px;
      right: 0px;
      background:transparent;
      font-size:0;
      text-indent: 0;
      width:52px;
      height:52px;
      
      &::before {
        width:52px;
        height:52px;
        display:block;
        position:absolute;
        top:0;
        right:0;
        content:"✕";
        color: var(--cvr-gray-2);
        font-size:1.4rem;
        line-height:50px;
        text-align:center;
        font-weight:700;
      }
      
      &:hover::before {
        color:var(--cvr-red-2);
      }
    }
  }
}
.jquery-modal .modal[data-modal-id="1"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;
	}
	.a2a-wrap {
				margin-bottom:30px;
				
				.a2a_kit {
					white-space:nowrap;
					overflow:hidden;
					padding: 10px 27px 0 25px;
					margin:0;
					height: 102px;
    			max-height: 102px;
					
					&.a2a_kit--slider {
						overflow-x: auto;
    				overflow-y: hidden;
    				scrollbar-width:none;
    				-ms-overflow-style: none;
    				
    				&::-webkit-scrollbar { display: none; }
    				
						.slick-prev,
						.slick-next {
							top:calc(50% - 6px);
						}
					}

					li {
						display:inline-block;
						margin: 0;

						a {
							color: var(--cvr-body);
							display:block;
							padding: 5px 0 0 0;
							margin: 0;
							text-align: center;
							text-decoration:none;
							min-width:74px;

							.img, .icon {
								display:block;
								background-color: var(--cvr-white);
								padding: 0;
								margin: 0 auto;
								border-radius: 50%;
								overflow: hidden;
								width: 60px;
								height: 60px;
								text-align: center;
								box-shadow: var(--cvr-shadow-1);

								img, i {
									padding: 15px;
									width: 60px;
									height: 60px;
									filter: var(--cvr-f-body);
									display:block;
								}
								i::before {
									font-size:30px;
								}
							}
							.anchor {
								display:block;
								color: var(--cvr-body);
								margin-top: 10px;
								font-size: 13px;
							}
							&:hover {
								.img, .icon {
									box-shadow: var(--cvr-shadow-2);
									transition: all 240ms;
								}
							}
						}
					}
				}
			}

	.copy-url {
				border: var(--cvr-border);
				background: var(--cvr-gray-1);
				position:relative;
				margin: 10px 20px 10px 20px;
				border-radius:16px;
        
        &::after {
				  display: block;
            width: 36px;
            height: 26px;
            content: "Copy";
            background: var(--cvr-gsc-2);
            border-radius: 13px;
            padding: 0 15px;
            color: white;
            position: absolute;
            top: 6px;
            right: 6px;
            text-align: center;
            line-height: 26px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .85rem;
				}
					
				.copierInput {
					margin: 0;
					padding: 8px 82px 8px 15px;
					line-height: 22px;
					font-size: .9rem;
					white-space:nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
					margin: 0;
          border: 0;
          width: 100%;
          display: block;
          outline: 0;
          position:relative;
          background-color: transparent;
					cursor:pointer;
					color: var(--cvr-body);
					z-index:1;
		}
		
		&:hover::after {
		  background: var(--cvr-gsc-3);
		}
	}
}
.jquery-modal .modal[data-modal-id="2"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:0 20px 10px 20px;
		max-height: calc(100dvh - 528px);
    min-height: 96px;

    .mb__banner {
    	border-bottom:var(--cvr-border);
    	text-align: center;
    	margin-bottom:10px;

    	img {
    		width:100%;
    		max-width:300px;
    		margin:0 auto;
    	}
    }
	}
}
.jquery-modal .modal[data-modal-id="3"] {
	width:300px;
	max-width:300px;
	
	> .inner > .modal__body {
		padding:0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;

    .mb__qrcode {
    	text-align: center;
      padding:10px 10px 0 10px;

      img {
      	max-width: 307px;
      	width: 100%;
        margin: 0 auto;
				padding: 15px;
      }
    }
    p {
    	max-width: 323px;
    	margin: 0 auto;
    	padding:0 20px 20px 20px;
    }
	}
}
.jquery-modal .modal[data-modal-id="4"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 0 0 0;
		max-height: calc(100dvh - 160px - 184px);
    min-height: 360px;

    .mb__avatar {
      text-align: center;
      max-height: 350px;
      overflow: hidden;

      img {
      	width: 100%;
        max-width: 260px;
        height: auto;
        margin: 0 auto;
      }
    }
	}
}
.jquery-modal .modal[data-modal-id="5"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 20px 20px 20px;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;
	}
}
.jquery-modal.jquery-mbl-modal,
body.modal-mbl-open .jquery-modal {
    padding:64px 0 0 0;
  	
	  .modal.modal-mbl {
			width: 100%;
	    max-width: 100%;
	    height: 100%;
	    max-height: 100%;
	    border-radius:25px 25px 0 0;
	    padding-top: 52px;
	    
	    .inner {height:100%;}
	    
	    .modal__head {
        h2, h3, h4 {
          padding: 10px 15px;
        }
      }
      
	    .modal__body {
	      max-height: calc(100dvh - 64px - 52px - 53px);
        min-height: unset;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        font-size: 1rem;
        background: var(--cvr-bg-1);
        height: calc(100dvh - 64px - 52px - 53px);
	    }
  }
} .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
  	}

  @keyframes infiniteRotate {
	  from {
	    transform: rotate(0deg); /* Start at 0 degrees */
	  }
	  to {
	    transform: rotate(360deg); /* Rotate to 360 degrees */
	  }
	}

	@keyframes lfpCardFade {
		0%   {
			box-shadow: 0px 0px 17px -5px var(--cvr-gray-3);
		}
		10%	{
			box-shadow: 0px 0px 17px -5px var(--cvr-blue-2);
		}
		20%	{
			box-shadow: 0px 0px 17px -5px var(--cvr-green-2);
		}
		30%	{
			box-shadow: 0px 0px 17px -5px var(--cvr-gray-3);
		}
		40%   {
			box-shadow: 0px 0px 17px -5px var(--cvr-gold-2);
		}
		50%	{
			box-shadow: 0px 0px 17px -3px var(--cvr-turq-2);
		}
		60%   {
			box-shadow: 0px 0px 17px -2px var(--cvr-orange-2);
		}
		70%	{
			box-shadow: 0px 0px 17px 0px var(--cvr-purple-2);
		}
		80%   {
			box-shadow: 0px 0px 17px -2px var(--cvr-magenta-2);
		}
		90%	{
			box-shadow: 0px 0px 17px 0px var(--cvr-gray-2);
		}
		100% {
			box-shadow: 0px 0px 17px -2px var(--cvr-gray-3);
		}
	}


@media only screen and (max-width: 768px) {
	.links {
    .link {
    	height: 34px !important;
      line-height: 34px !important;
      font-size: 1.1rem !important;

      &::before {height: 34px;}

      .anchor {line-height: 34px;}
			&.link-1 {
				padding: 0 15px 0 40px;
			}
    	&.link-2 {
				padding:0;
				
				.anchor {display:none;}
				
				&::before {
					left:0;
					width:38px;
				}
			}
		}
	}

	section {
    &.head {
      &.show-submenu {
        #menuInner {
        	top: 0;
			    left: 0;
			    border-radius: 0;
			    height: 64px;
			    width: 100dvw;
    			max-width: 100dvw;
        }
      }
    }
	}

	section.head.show-submenu {
		.fbw {
	    &[data-fbw-id="2"] {
	    	.fbi {
	        &[data-fbi-id="2-2"] {
	        	padding-right:20px;

	          a {
	          	width: 44px;
					    padding: 0;
					    text-align: center;

					    .icon {
					    	width: 24px;
						    height: 24px;
						    left: 10px;
						    top: 20px;
					    }
	          	.anchor {
	          		display:none;
	          	}
	          }
	        }
	      }
	    }
		}

		ul {
	    &[data-menu-id="1"] {
	      li {
	        a {
	        	height: 64px;
	    			line-height: 64px;
	        }

	        &#menuTop {
	        	width: 64px;
				    text-align: center;
				    border-right: var(--cvr-border);
						
						a {
							width:64px;
							background-size: 34px 34px;
						}
	        }
	      }
	    }
		}
	}
	.sspy {
    scroll-margin: 64px;
	}

	.row {
    &[data-row-id="1"] {
      height: 60px;
    }
  }

	section {
    &.head {
    	.bdrop {
    		height:485px;

    		&::after {
    			height: 170px;
    		}

	      &[data-bdrop-id="1"]::before {
	      	top: -22dvw;

	      	&::after {
	      		height:487px;
	      	}
	      }
	      &[data-bdrop-id="4"]::before {
	      	top: -38px;
	      }
	    }
    }
  }
}

@media only screen and (max-width: 601px) {
	.hide-600 {display:none !important;}
}

@media only screen and (max-width: 560px) {
 
  body.modal-open .jquery-modal {

  	&.modal-share {
  		padding: calc(100dvh - 308px) 0 0 0;
  	}
  	&.modal-qrcode,
		&.modal-links {
  		padding: calc(100dvh - 508px) 0 0 0;
  	}
    
		.modal[data-modal-id="3"],
		.modal[data-modal-id="2"] {
    	> .inner > .modal__body {
				max-height:405px;
        min-height: 96px;
    	}
  	}
  	.modal[data-modal-id="5"] {
    	> .inner > .modal__body {
    		min-height: calc(100dvh - 64px - 108px);
    	}
  	}

    .modal {
      width: 100dvw;
      max-width: 100dvw;
      height: 100%;
      max-height: 100%;
      border-radius: 25px 25px 0 0;
			
			> .inner {
				height: 100%;
			}
  	}
  }
 
  .fbw {
    &[data-fbw-id="2"] {
    	.fbi {
      	&[data-fbi-id="2-2"] {
        	a {
        		padding:0;
        		width:38px;

        		.anchor {display:none;}
        		.icon {left:10px;}

        		&:last-of-type {
        			margin-right: -12px;
        		}
        	}
        }
      }
    }
  }
}

@media only screen and (max-width: 480px) {
	.hide--480 {display:none;}
	h1 {
    font-size: 1.4rem;
    > a {
      width: 28px !important;
      height: 32px !important;
      background-size: 28px auto !important;
      background-position: 3px 3px !important;
    }
	}
	h2 {
		font-size: 1.2rem;
	}
}