﻿@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap');
@import url('hamburgers.css');
@import url('balloon.min.css');


* { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; height:100%; }
body { margin: 0px; font-family: 'Poppins', sans-serif; font-size:16px; position: relative;-webkit-text-size-adjust: none; color:#FFF; background: linear-gradient(360deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 80%); background-attachment: fixed; }
h1, h2, h3, h4, h5, pre { font-weight: 400; font-family: 'Poppins', sans-serif; }
h1 { font-weight:bold; margin:0 0 40px 0; font-size: 60px; line-height:75px; }
h2 { font-weight:bold; margin-bottom:20px; font-size:40px; line-height: 48px; color:red; }
h3 { font-weight:bold; margin-bottom:20px; font-size:30px; line-height: 38px; color:cyan; }
h3.section { text-align:center; border-bottom:1px dotted #CCC; font-size:22px; padding-bottom:20px; margin:60px 0 20px 0; text-transform:uppercase; }
h4 { font-size:16px; }
b { color: #00ff00; }
a { color:#00ff00; font-weight:bold; text-decoration:none; }
a:hover { color:#FFF; }
a.selected { color:#00ff00; }
a { transition:color 0.2s ease; }
a:hover figure.scale img { transition:transform 0.3s ease; }
input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#FFE5E5; }
label.error { color:#FF0000; font-size:0px; visibility:hidden; float:none; overflow:hidden; height:0px; }
input, select, textarea { color:#000; padding:8px; font-family: 'Poppins', sans-serif; font-size:14px; border:1px solid #CCC; border-radius:5px; }
input[type='submit'], input[type='button'], input[type='reset'], button, a.btn { color:#FFF; cursor:pointer; background:#00ff00; color:#000; border:0px; text-transform:uppercase; font-size:14px; font-weight:bold; padding: 10px 30px; border-radius:100px; display:inline-block; margin-top:20px;}
input[type='submit']:hover, input[type='button']:hover, button:hover, a.btn:hover { background:#CCC; color:#000; }
input.btn-primary, a.btn-primary, button.btn-primary{ background:#F28E23; }
input[type='radio']:checked { background:#000; }
input[type='checkbox'], input[type='radio'] { background:#FFF; padding:0; height:20px; width:20px; float:left; margin-right:10px; cursor:pointer; margin-bottom:10px; }
input[type='radio'] { border-radius:200px; }
input[type='checkbox']:checked, input[type='radio']:checked { background:#666; }
input, select, button { height:40px; }
select { background: url('select_arrow.png') right center no-repeat #FFF; padding: 8px 35px 8px 8px; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
label { font-weight:bold; padding:5px 0; display:block; color:#888; font-size:13px; }
.label { text-align:right; padding:10px 20px 0 0; }
.row { margin-bottom:10px; }
.privacy p { margin:10px 0; font-size:13px; color:#888; padding-left:30px; position:relative; }
.privacy input { position:absolute; left:0; top:0; }
.check-list li { padding:5px 0 0 35px; position:relative; margin-bottom:5px; text-transform:uppercase; }
.check-list li input { left:0; top:2px; position:absolute; }
form h3 { margin-bottom:10px; text-transform:uppercase; font-weight:bold; }
::placeholder { color: #555; opacity: 1; }
:-ms-input-placeholder { color: #555; }
::-ms-input-placeholder { color: #555; }
img { display:block; }
img.loading { background: url('../images/loading.gif') no-repeat center center #FFF; }
img.scale { width:100%; height:auto; }
label { cursor:pointer; }
span.new { position:absolute; background:#FF0000; color:#FFF; padding:5px 10px; z-index:2; right:20px; text-transform:uppercase; font-size:13px; font-style: italic; }
table { width:100%; }
thead td { background:#114E93; color:#FFF; padding: 5px 10px;  text-transform:uppercase; font-size:11px; font-weight:bold; }
tbody td { border-bottom:1px dotted #CCC; padding: 5px 10px; vertical-align:top; }
.videoWrapper { background:#000; position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe {  width: 100%; }
.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; }
.content { width:100%; max-width:1200px; padding:0px; margin: 0 auto; clear: both; position:relative; }
.content-small { max-width:1200px; margin: 0 auto; clear: both; padding:0 15px; position:relative; }
.phone_show { display:none; }
.nowrap { white-space:nowrap; }
.mb60 { margin-bottom:60px; }
.mt40 { margin-top:40px; }
.mt20 { margin-top:20px; }
.mb40 { margin-bottom:40px; }
.mb20 { margin-bottom:20px; }
.mr40 { margin-right:40px; }
.mr30 { margin-right:30px; }
.mr20 { margin-right:20px; }
.pl40 { padding-left:40px; }
.align_center { text-align:center; }
.align_right { text-align:right; }
figure { overflow:hidden; position:relative; }
a:hover figure.fade img { opacity:0.5; overflow:hidden; }
a:hover figure.scale img { filter: none; transform: scale(1.1); }

group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child { margin-left: 0; }

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 { width: 100%; }

.span_1_of_3 { width: 32.2%; }
.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }
.span_50 { width: 50%; float:left; }
.span_50.text { padding:0 40px; }

.tabs ul { margin:0 auto; text-align:center; }
.tabs li { display:inline-block; }
.tabs a { padding:10px 20px; text-transform:uppercase; border-bottom:2px solid #114E93; display:block; text-align:center; color:#114E93; font-size:13px; font-weight: bold; }
.tabs a.selected, .tabs a:hover { background:#FFF; border-bottom-color:#F28E23; color:#F28E23; text-decoration: none; }
.tabcontent { padding:20px; }



.gray { color:#AAA;}
.center { text-align:center; }
.right { text-align:right; }
.relative { position:relative; }
.separator { padding-top:60px; margin-top:60px; }
.red, .red a {color:#DABF8E; }

.flex { display: flex; align-items: center; justify-content: center; }

#header .logos { position:static; display:flex; align-items:center; justify-content:center; gap:40px; }
#header .logo,
#header .logo-sc { position:static; }
#header .logo img,
#header .logo-sc img { height:100px; width:auto; max-width:none; display:block; }
#header { background:#fff; position:fixed; top:0; left:0; right:0; z-index:2222; padding:18px 24px 16px; overflow:visible; transition:transform 0.35s ease; will-change:transform; }
#header.header-hidden { transform:translateY(-100%); pointer-events:none; }
body { padding-top:var(--site-header-height, 0); }
#header nav { position:static; margin-top:16px; text-align:center; font-size:16px; text-transform:uppercase; letter-spacing:0.06em; }
#header ul li { display:inline-block; padding: 0 8px; margin: 0 4px; }
#header ul li a { font-weight:600; color:#111; display:block; }
#header ul li a:hover,
#header ul li a.selected { color:#E10600; }
#main { padding-top:48px; }
#main.hero-flush { padding-top:0; }

.hamburger { display:none; }

#footer .headline {  margin:0 auto 40px; text-align:center; max-width:650px; }
#footer .footer-logos { display:flex; align-items:center; justify-content:center; gap:28px; margin-bottom:24px; }
#footer .footer-logos img { height:52px; width:auto; max-width:none; display:block; }
#footer h4 {  font-weight:bold; padding: 0 20px; margin:0px; }
#footer { text-align:left; margin-top:40px; font-size:13px; background:#FFF; color:#111; padding:48px 0 40px; }
#footer .grid-footer a { color:#111; }
#footer a:hover { color:#E10600; }
#footer a.btn { background:#E10600; color:#FFF; }
#footer a.btn:hover { background:#B10500; color:#FFF; }
#footer h2 { font-size:18px; margin: 0 0 10px 0; color:#E10600; line-height:20px; }
#footer li { padding:0 0 5px 0; list-style:none; margin:0px; }
#footer .footer-news li { padding:10px 0; border-top:1px solid #e4e4e4; }
#footer .footer-news li:first-child { border-top:0; padding-top:0; }
#footer .social h2 { text-transform:uppercase; }
#footer .social i { font-size:24px; width:30px; text-align:center; color:#111; }
#footer .social i:hover { color:#777; }
#footer .icon li {text-align:center; display:inline-block; margin-right:5px;}
#footer .grid-footer { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:32px; }
#footer .grid-footer > div { flex:1 1 0; min-width:0; }


.cover { height:800px; background-position:center center; background-repeat: no-repeat; background-size:cover; }

.slide { position:relative; margin-bottom:40px; }
.slide .container { position:absolute; z-index:11; bottom:0px; left:0; right:0; font-size:20px; background: rgb(181,185,4); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); text-align:center; padding-bottom:20px; }
.slide li { margin:0px; list-style:none; background-repeat:no-repeat; background-size:cover; background-position:center center; height: -moz-calc(100vh - 200px); height: -webkit-calc(100vh - 200px); height: calc(100vh - 200px); }
.home-slide,
.home-slide li,
.home-slide .slick-list,
.home-slide .slick-track { height:920px; }
.home-slide li { position:relative; }
.home-slide li .home-slide-link { position:absolute; inset:0; z-index:2; text-indent:-9999px; overflow:hidden; }

.hero-carousel { position:relative; }
.hero-carousel .hero-slide-arrow {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:25;
	width:52px;
	height:52px;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgba(0,0,0,0.45);
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
	transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.hero-carousel .hero-slide-arrow:hover,
.hero-carousel .hero-slide-arrow:focus {
	background:rgba(0,255,255,0.92);
	color:#111;
	outline:none;
}
.hero-carousel .hero-slide-arrow.slick-disabled {
	opacity:0.35;
	cursor:default;
	pointer-events:none;
}
.hero-carousel .hero-slide-prev { left:24px; }
.hero-carousel .hero-slide-next { right:24px; }

.hero-carousel .hero-slide-dots {
	position:absolute;
	left:0;
	right:0;
	bottom:28px;
	z-index:25;
	margin:0;
	padding:0;
	list-style:none;
	display:flex !important;
	justify-content:center;
	align-items:center;
	gap:10px;
	line-height:0;
}
.hero-carousel .hero-slide-dots li {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	list-style:none;
}
.hero-carousel .hero-slide-dots li button {
	width:10px;
	height:10px;
	padding:0;
	border:0;
	border-radius:999px;
	background:rgba(255,255,255,0.45);
	font-size:0;
	line-height:0;
	color:transparent;
	cursor:pointer;
	transition:width 0.25s ease, background 0.25s ease;
}
.hero-carousel .hero-slide-dots li button:before { display:none !important; content:none !important; }
.hero-carousel .hero-slide-dots li button:hover { background:rgba(255,255,255,0.75); }
.hero-carousel .hero-slide-dots li.slick-active button {
	width:32px;
	background:cyan;
}
i { margin: 0 2px; }

.list-discipline .item { overflow:hidden; text-align:center; text-transform:uppercase; letter-spacing:2px; }
.list-discipline .item > a { display:block; color:inherit; text-decoration:none; }
.list-discipline figure { overflow:hidden; aspect-ratio:4/3; margin:0; border-radius:0; background:#1a1a1a; }
.list-discipline figure img.scale { width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }
.list-discipline h4 { padding:12px 10px; margin:0; background:cyan; color:#000; font-weight:bold; font-size:15px; line-height:1.3; }

#main.hero-flush .slide { margin-bottom:0; }
.discipline-subnav { background:#141414; border-bottom:3px solid cyan; padding:14px 20px; margin:0; }
.discipline-subnav ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 10px; list-style:none; margin:0; padding:0; }
.discipline-subnav a { display:block; padding:8px 14px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:#eee; text-decoration:none; border-radius:4px; line-height:1.2; transition:background 0.2s ease, color 0.2s ease; }
.discipline-subnav a:hover,
.discipline-subnav a.is-active { background:cyan; color:#000; }
#main .page-title {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-size: 60px;
	line-height: 75px;
	margin: 0 0 40px 0;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	color: #fff;
}
#main .discipline-page .page-title,
#main .discipline-scheda .page-title { margin-top:40px; }
.discipline-page .list-discipline { margin-bottom:48px; }

.list-pack .item { overflow:hidden; text-align:center; text-transform:uppercase; letter-spacing:2px; }
.list-pack h4 { padding:10px; background:#00ff00; color:#000; font-weight:bold; }
.list-pack .price { width:80px; height:80px; position:absolute;z-index:333; right:0px; bottom:0px; background:#FF3300; color:#FFF;  font-weight:bold; padding-top:30px; letter-spacing:0px; }

.list-team { text-align:center; }
.list-team h3 { color:#FFF; font-weight:bold; font-size:18px; line-height:20px; margin:20px 0 5px 0; }
.list-team figure {
	border-radius:50%;
	overflow:hidden;
	aspect-ratio:1/1;
	margin:0 auto;
	width:100%;
	max-width:280px;
	background:#1a1a1a;
}
.list-team figure img.scale { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.team { display:grid; grid-template-columns:min(400px, 100%) auto; gap:60px 100px; align-items:start; }
.team .image { width:100%; max-width:400px; margin:0 auto; }
.team .image figure {
	width:100%;
	aspect-ratio:1/1;
	border-radius:50%;
	overflow:hidden;
	margin:0;
	background:#1a1a1a;
}
.team .image figure img.scale {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	display:block;
}
.team.coach .image figure { border-radius:0; aspect-ratio:4/3; }
.team.coach .image figure img.scale { height:auto; aspect-ratio:4/3; }
.header-team { text-align:center; }
.header-team img { width:300px; border-radius:1000px; margin:0 auto; margin-bottom:40px; }

.column-2 { column-count: 2; column-gap: 40px; }

.content-form { width:100%; max-width:800px; margin:0 auto; margin-top:80px; }

.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:80px;  }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px;  }
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:60px;  }
.grid-5 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:60px;  }
.grid-6 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:60px;  }



.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
.grid .span_1_of_3:nth-child(3n+1) { margin-left:0px; }
.grid .span_1_of_4:nth-child(4n+1) { margin-left:0px; }
.grid .span_1_of_5:nth-child(5n+1) { margin-left:0px; }
.grid .span_1_of_6:nth-child(6n+1) { margin-left:0px; }
.grid .col { margin-bottom:1.6%; }
.span_25 { width:25%; margin:0px; line-height:normal; font-size:0px; }

ul.disc li { list-style:disc; margin-left:15px; }
.clients img { border-radius:10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }

.scheda li { margin-bottom:5px; list-style:none; margin-bottom:10px; margin-left:0; padding-left:30px; position:relative; }
.scheda li::before { font-family: "Font Awesome 5 free";  font-weight: 900; content: "\f00c"; margin-right:20px; color:lime; position:absolute; left:0; top:3px; }
.scheda li li { margin-left: 20px; margin-bottom:2px; }
.scheda li li::before { font-family: "Font Awesome 5 free";  font-weight: 900; content: "\f560"; margin-right:20px; color:lime;  }
/*https://www.angularjswiki.com/fontawesome/*/


.news p.text { padding:8px 10px; font-weight:normal; }
.sidbarmenu { position:fixed; bottom:20px; right:20px; z-index:222; }
.sidbarmenu li { list-style:none; }
.sidbarmenu li i { width:40px; height:40px; color:#000; text-align:center;  background:#00ff00; padding:10px 0; margin-bottom:1px; }
.sidbarmenu li i:hover { color:#00ff00; background:#FFF; }



div.top {  display: none; overflow: hidden; position: fixed; right:50px; bottom:50px; cursor:pointer;  width:40px; height:40px; text-align:center; }
div.top img { width:100%; height:auto; }


.alert { display:none; width:600px; height:280px; font-size:16px; }
.alert h2 { border-bottom:1px solid #444; padding-bottom:10px; margin-bottom:20px; }

.nav { text-transform:uppercase; }
.hidden { display:none; }

.global-site-notice {  background: #222 none repeat scroll 0% 0%;  color: #CCC; display:block;  padding: 10px 30px; float:none; font-size:12px; }
.global-site-notice .notice-inner { max-width:100%; margin: 0 auto; text-align:left; float:none; position:relative; }
.global-site-notice .notice-inner a { font-weight:bold; color:#DAA520; }
.global-site-notice .notice-inner a:hover { text-decoration:underline; }
#close-cookie-notice { position: absolute; right:0; top:0px; }
.global-site-notice.hidden { display:none; }

.item-row-2 { padding:20px; max-width:1600px; margin:0 auto; margin-top:80px;  }
.item-row { padding:20px; max-width:1000px; margin:0 auto; padding: 40px 20px; }
.home-intro p { margin-bottom: 18px; line-height: 1.6; }
#main p,
#main .scheda,
#main .item-row,
#main .item,
#footer .headline h4 { text-align:justify; hyphens:auto; -webkit-hyphens:auto; }
#main p.date { text-align:right; }
#main .list-team,
#main .list-team .item,
#main .list-discipline,
#main .list-discipline .item { text-align:center; }
#main .content.align_center .blog-template,
#main .content.align_center .grid-2,
#main .content.align_center .grid-3,
#main .content.align_center .grid-4 { text-align:left; }
#main .align_right { text-align:right; }


.blog-template { display:grid; gap:48px 40px; grid-template-columns:minmax(0, 1fr) minmax(260px, 300px); align-items:start; }
.blog-template--archive { margin-top:24px; }
.blog-archive-title { margin-bottom:8px; }

.blog-archive-inner { max-width:1200px; }
.blog-archive-title { margin-bottom:28px; }

.list-post { min-width:0; }
.list-post .blog-post-card { margin-top:40px; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,0.14); }
.list-post .blog-post-card:first-child { margin-top:0; }
.list-post .blog-post-card-figure { margin:0 0 18px; overflow:hidden; background:#111; }
.list-post .blog-post-card-figure img { width:100%; height:auto; display:block; vertical-align:top; }
.list-post .blog-post-card-head { text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.12); padding-bottom:18px; margin-bottom:14px; }
.list-post .blog-post-card-title {
	font-family:'Poppins', sans-serif;
	font-size:24px;
	line-height:1.25;
	font-weight:700;
	margin:0 0 12px;
	color:#00b8e6;
	text-transform:none;
}
.list-post .blog-post-card-title a { color:inherit; text-decoration:none; display:block; }
.list-post .blog-post-card-title a:hover { color:#fff; }
.list-post .blog-post-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; font-size:13px; color:#888; }
.list-post .blog-post-like { color:#888; font-size:14px; line-height:1; }
.list-post .blog-post-cat { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; padding:3px 8px; border-radius:4px; text-decoration:none; color:#111 !important; }
.list-post .blog-post-date { color:#888; text-transform:lowercase; }
.list-post .blog-post-card-excerpt {
	margin:0;
	font-size:15px;
	line-height:1.55;
	color:#ccc;
	text-align:left;
	hyphens:auto;
	-webkit-hyphens:auto;
}
.list-post .blog-post-card-excerpt a { color:inherit; text-decoration:none; font-weight:400; }
.list-post .blog-post-card-excerpt a:hover { color:#fff; text-decoration:underline; }
.blog-empty { color:#aaa; padding:24px 0; }

.blog-pagenavi { margin:32px 0 8px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:13px; text-transform:uppercase; }
.blog-pagenavi-pages { color:#888; margin-right:8px; }
.blog-pagenavi a,
.blog-pagenavi-current { display:inline-block; padding:8px 12px; border:1px solid rgba(255,255,255,0.2); text-decoration:none; color:#ccc; line-height:1; }
.blog-pagenavi a:hover { border-color:cyan; color:#fff; }
.blog-pagenavi-current { color:#E10600; border-color:rgba(225,6,0,0.5); font-weight:700; }

.blog-aside section { margin-bottom:36px; }
.blog-aside .blog-categories-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #333;
}
.blog-aside .blog-categories-nav li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #2a2a2a;
}
.blog-aside .blog-categories-nav a.blog-cat-link {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:10px 8px 10px 10px;
	text-decoration:none;
	font-size:14px;
	line-height:1.35;
	color:inherit;
	border-left:3px solid transparent;
	transition:border-color 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}
.blog-aside .blog-categories-nav .blog-cat-label { flex:1; min-width:0; }
.blog-aside .blog-categories-nav .blog-cat-count {
	flex-shrink:0;
	font-size:12px;
	font-weight:700;
	line-height:1;
	padding:4px 7px;
	border-radius:10px;
	background:rgba(255,255,255,0.08);
	color:rgba(255,255,255,0.55);
}
.blog-aside .blog-categories-nav li[class*="cat_"] > a.blog-cat-link .blog-cat-count {
	color:currentColor;
	background:rgba(255,255,255,0.06);
	opacity:0.85;
}
.blog-aside .blog-categories-nav li.is-active > a.blog-cat-link .blog-cat-count {
	background:rgba(0,0,0,0.15);
	color:inherit;
	opacity:1;
}
.blog-aside .blog-categories-nav li[class*="cat_"] > a.blog-cat-link {
	opacity:0.88;
}
.blog-aside .blog-categories-nav li[class*="cat_"] > a.blog-cat-link:hover {
	opacity:1;
	border-left-color:currentColor;
}
.blog-aside .blog-categories-nav li.is-active > a.blog-cat-link {
	opacity:1;
	font-weight:700;
	display:flex;
}
.blog-aside .blog-categories-nav li:not([class*="cat_"]).is-active > a {
	color:#00b8e6;
	border-left-color:#00b8e6;
}
.blog-aside .blog-categories-nav li:not([class*="cat_"]) > a {
	color:#bbb;
}
.blog-aside .blog-categories-nav li:not([class*="cat_"]) > a:hover {
	color:#00b8e6;
	border-left-color:#00b8e6;
}
.blog-aside section > header {
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.35);
	padding-bottom:10px;
	margin-bottom:14px;
	letter-spacing:0.04em;
}
.blog-aside .photo-post ul { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.blog-aside .photo-post li { width:50%; margin:0; padding:0 1px 2px 0; list-style:none; }
.blog-aside .photo-post li:nth-child(even) { padding:0 0 2px 1px; }
.blog-aside .photo-post a { display:block; overflow:hidden; background:#111; }
.blog-aside .photo-post img { width:100%; height:auto; display:block; filter:grayscale(100%); opacity:0.92; transition:filter 0.25s ease, opacity 0.25s ease; }
.blog-aside .photo-post a:hover img { filter:grayscale(0%); opacity:1; }

.blog-aside .video-post ul { margin:0; padding:0; list-style:none; }
.blog-aside .video-post li { list-style:none; margin:0 0 2px; }
.blog-aside .video-post a { position:relative; display:block; overflow:hidden; background:#111; }
.blog-aside .video-post img { width:100%; height:auto; display:block; filter:grayscale(100%); transition:filter 0.25s ease; }
.blog-aside .video-post a:hover img { filter:grayscale(0%); }
.blog-aside .video-post-play {
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	font-size:42px; color:rgba(255,255,255,0.92); text-shadow:0 2px 12px rgba(0,0,0,0.65);
	pointer-events:none;
}

.blog-aside .last-post ul { margin:0; padding:0; list-style:none; }
.blog-aside .last-post li { list-style:none; margin:0 0 14px; }
.blog-aside .last-post article { display:block; font-size:14px; line-height:1.35; }
.blog-aside .last-post a { display:block; color:#ccc; text-decoration:none; margin-bottom:4px; }
.blog-aside .last-post a:hover { color:#00b8e6; }
.blog-aside .last-post span { display:block; font-size:12px; color:#777; }

.date { text-align:right; margin:10px 0; position:relative; }
.date a { position:absolute; left:0; }
a.cat_53,
.blog-aside .blog-categories-nav li.is-active.cat_53 > a.blog-cat-link { background:cyan; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_53 { color:cyan; }
a.cat_52,
.blog-aside .blog-categories-nav li.is-active.cat_52 > a.blog-cat-link { background:orange; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_52 { color:orange; }
a.cat_54,
.blog-aside .blog-categories-nav li.is-active.cat_54 > a.blog-cat-link { background:#DAAAE1; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_54 { color:#DAAAE1; }
a.cat_55,
.blog-aside .blog-categories-nav li.is-active.cat_55 > a.blog-cat-link { background:#FF80B0; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_55 { color:#FF80B0; }
a.cat_58,
.blog-aside .blog-categories-nav li.is-active.cat_58 > a.blog-cat-link { background:#C1C800; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_58 { color:#C1C800; }
a.cat_57,
.blog-aside .blog-categories-nav li.is-active.cat_57 > a.blog-cat-link { background:#5DB72A; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_57 { color:#5DB72A; }
a.cat_56,
.blog-aside .blog-categories-nav li.is-active.cat_56 > a.blog-cat-link { background:#9FA3D9; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_56 { color:#9FA3D9; }
a.cat_59,
.blog-aside .blog-categories-nav li.is-active.cat_59 > a.blog-cat-link { background:#FBFF84; padding:2px 5px; color:black; border-radius:5px; display:block; cursor:pointer; border-left-color:transparent; }
.cat_59 { color:#FBFF84; }

.blog-aside .blog-categories-nav li.is-active[class*="cat_"] > a.blog-cat-link {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:8px 10px;
}

.blog-template h3 { font-size: 24px; line-height: 28px; margin:15px 0 10px 0; }

.sub-line { box-sizing: border-box; display: inline-block;  width: 29px; height: 1px; background: #FFF;  margin-right: 20px; line-height: 10px; vertical-align: middle; margin-top: -2px; }

.pagination { margin: 20px 0 40px 0; text-transform: uppercase; }
.pagination .page { text-align:right; }
.pagination .page a, .pagination .page b { padding:10px 15px; display:inline-block; border:1px solid #DDD; }
.pagination .page b { color: #E50026; }
.pagination .page a:hover { background:#EEE; }
.pagination .result { padding-top:10px; }
/*https://www.codesdope.com/blog/article/12-creative-css-and-javascript-text-typing-animati/*/

.menu-button { display:none; }
.map { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */ }

blockquote {
  border-left: 5px solid #00ff00;
  padding: 0.5em 10px 0 40px ;
  quotes: "\201C""\201D""\2018""\2019";
  font-size:26px;
  font-family: 'PT Serif', serif;
  font-weight:bold;
}
blockquote:before {
  color: #00ff00;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p { display: inline; }