.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
-webkit-backface-visibility: hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.vbox-overlay * { 
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.vbox-overlay{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1040;
-webkit-transform:translateZ(1000px);
transform: translateZ(1000px);
transform-style: preserve-3d;
} .vbox-title{
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
padding: 6px 40px;
overflow: hidden;
position: fixed;
display: none;
left: 0;
z-index: 1050;
}
.vbox-close{
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 50px;
height: 40px;
padding: 6px;
display: block;
background-position:10px center;
overflow: hidden;
font-size: 24px;
line-height: 1;
text-align: center;
z-index: 1050;
}
.vbox-num{
cursor: pointer;
position: fixed;
left: 0;
height: 40px;
display: block;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
display: none;
z-index: 1050;
} .vbox-next, .vbox-prev{
position: fixed;
top: 50%;
margin-top: -15px;
overflow: hidden;
cursor: pointer;
display: block;
width: 45px;
height: 45px;
z-index: 1050;
}
.vbox-next span, .vbox-prev span{
position: relative;
width: 20px;
height: 20px;
border: 2px solid transparent;
border-top-color: #B6B6B6;
border-right-color: #B6B6B6;
text-indent: -100px;
position: absolute;
top: 8px;
display: block;
}
.vbox-prev{
left: 15px;
}
.vbox-next{
right: 15px;
}
.vbox-prev span{
left: 10px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.vbox-next span{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px;
} .vbox-inline{
width: 420px;
height: 315px;
height: 70vh;
padding: 10px;
background: #fff;
margin: 0 auto;
overflow: auto;
text-align: left;
} .venoframe{
max-width: 100%;
width: 100%;
border: none;
width: 100%;
height: 260px;
height: 70vh;
}
.venoframe.vbvid{
height: 260px;
}
@media (min-width: 768px) {
.venoframe, .vbox-inline{
width: 90%;
height: 360px;
height: 70vh;
}
.venoframe.vbvid{
width: 640px;
height: 360px;
}
}
@media (min-width: 992px) {
.venoframe, .vbox-inline{
max-width: 1200px;
width: 80%;
height: 540px;
height: 70vh;
}
.venoframe.vbvid{
width: 960px;
height: 540px;
}
} .vbox-open{
overflow: hidden;
}
.vbox-container{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
z-index: 20;
max-height: 100%;
}
.vbox-content{
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 20px 10px;
}
.vbox-container img{
max-width: 100%;
height: auto;
}
.vbox-figlio{
box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
max-width: 100%;
text-align: initial;
}
img.vbox-figlio{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.vbox-content.swipe-left{
margin-left: -200px !important;
}
.vbox-content.swipe-right{
margin-left: 200px !important;
}
.vbox-animated{
webkit-transition: margin 300ms ease-out;
transition: margin 300ms ease-out;
} .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}body,
.entry-content { font-family: 'Raleway', sans-serif;
font-size: 1.8rem;
font-weight: 400;
}
#genesis-sidebar-primary {
font-family: 'Raleway', sans-serif;
font-size: 1.8rem;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif;
font-weight: 900;
} .clearfix::after {
content: "";
clear: both;
display: table;
}
ul.list-unstyled {
margin: 0;
list-style: none;
}
.box {
display: block;
position: relative;
margin: 2.9124rem 0;
padding: 1.8rem;
border-radius: 4px;
background-color: #f4f5f6;
}
.text-center {
text-align: center;
}
.icon-round {
display: inline-block;
padding-left: 8px;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 30px; border-radius: 50%;
background-color: #016ea0;
color: #ffffff;
}
.button-sm {
padding: 1.4562rem 5.8248rem;
font-size: small;
}
.button-xs {
padding: 12px 24px;
font-size: 10px;
}
.columns-2 {
columns: 2;
}
.columns-3 {
columns: 3;
}
.columns-4 {
columns: 4;
}
.columns-5 {
columns: 5;
}
.columns-6 {
columns: 6;
}
.site-inner > .wrap {
display: flex;
flex-wrap: wrap;
}
#sidebar-open-menu {
display: inline-flex;
position: relative;
z-index: 10;
width: 2.7rem;
height: 2.25rem;
margin: 0 0 16px 0;
padding: 0;
border: 0;
background-color: transparent;
align-items: center;
justify-content: center;
}
#sidebar-open-menu:hover,
#sidebar-open-menu:focus,
#sidebar-open-menu:active {
background-color: transparent;
-webkit-transform: none;
transform: none;
}
#sidebar-open-menu:focus {
outline: none;
}
#sidebar-open-menu .hamburger,
#sidebar-open-menu .hamburger:before,
#sidebar-open-menu .hamburger:after {
display: block;
position: absolute;
width: 2.7rem;
height: 2px;
border-radius: 4px;
background-color: #000;
content: '';
transition: all 0.33333s ease 0s;
}
#sidebar-open-menu .hamburger {
top: auto;
right: auto;
bottom: auto;
margin: auto;
}
#sidebar-open-menu .hamburger:before {
top: -0.9rem;
}
#sidebar-open-menu .hamburger:after {
bottom: -0.9rem;
}
#sidebar-open-menu.activated .hamburger {
background-color: transparent;
}
#sidebar-open-menu.activated .hamburger:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sidebar-open-menu.activated .hamburger:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sidebar-wrap {
text-align: center;
max-height: 0;
overflow: hidden;
transition: max-height 500ms ease;
}
#sidebar-wrap.open {
max-height: 2000px;
}
#genesis-sidebar-primary .menu {
width: 100%;
flex-direction: column;
}
#genesis-sidebar-primary .menu li {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
width: 100%;
justify-content: center;
transform: translateY(0);
opacity: 1;
}
#genesis-sidebar-primary .menu a {
display: block;
padding: 0.35rem 0;
color: #141618;
font-weight: 400;
text-transform: none;
font-size: 1.8rem;
}
#genesis-sidebar-primary .menu > li:first-of-type a {
font-size: 2.025rem;
font-weight: 700;
}
#genesis-sidebar-primary .menu a:hover,
#genesis-sidebar-primary .menu a:focus,
#genesis-sidebar-primary .menu a:active,
#genesis-sidebar-primary .menu .current-menu-item > a {
color: #016ea0;
}
.reading-options {
display: none;
}
@media only screen and (max-width: 895px) {
.content-sidebar .sidebar,
.sidebar-content .sidebar {
order: -1;
text-align: center;
width: 100%;
}
}
@media only screen and (min-width: 896px) {
#sidebar-wrap {
text-align: left;
max-height: none;
}
#sidebar-open-menu {
display: none;
}
#genesis-sidebar-primary .menu li {
justify-content: flex-start;
}
} .site-header {
z-index: 1000;
}
.custom-logo-link {
width: 80px;
}
@media only screen and (min-width: 896px) {
.custom-logo-link {
width: 100%;
}
}
#simple-social-icons-3 ul li a,
#simple-social-icons-3 ul li a:hover,
#simple-social-icons-3 ul li a:focus {
background-color: rgba(0,0,0,0.1) !important;
} .site-header .menu-item {
padding: 0;
}
.site-header .menu-item a {
display: inline-block;
padding: 0.6rem 0.6rem;
}
@media only screen and (min-width: 896px) {
.site-header .menu-item a { padding: 1.2rem 1.0rem;
}
} .hero-section {
padding-top: 8.25rem;
padding-bottom: 6.125rem;
}
.hero-section:before {
background-color: rgba(27, 30, 32, 0.5);
}
@media only screen and (min-width: 896px) {
.hero-section {
margin-bottom: 4.7988rem;
padding-top: 13.6rem;
padding-bottom: 11.9124rem;
}
}
@media only screen and (min-width: 1408px) {
.hero-section {
padding-top: 15.4rem;
padding-bottom: 12.6rem;
}
} .page-template-template-events .entry {
flex-direction: column;
padding: 0;
min-height: 0;
align-content: flex-start;
text-shadow: none;
border-radius: 8px;
overflow: hidden;
}
.page-template-template-events .entry:before {
display: none;
}
.page-template-template-events .entry .entry-content {
width: 100%;
overflow: hidden;
}
.page-template-template-events .entry .entry-image-link {
position: relative;
}  .page-template-template-events .entry .player-container {
position: relative;
}
.page-template-template-events .entry .player-button {
position: absolute;
top: 0;
left: 0;
padding: 0;
width: 100%;
height: 100%;
border-radius: 0;
background-color: transparent;
z-index: 10;
}
.page-template-template-events .entry-header {
flex: 1 0 auto;
align-content: space-between;
width: 100%;
order: 4;
}
.page-template-template-events h2.entry-title {
padding: 2.9124rem 2.9124rem 0;
background-color: #fff;
line-height: 1.2;
}
.page-template-template-events .entry-title a {
color: #141618;
font-size: 22px;
text-shadow: none;
}
.page-template-template-events .entry .entry-meta {
display: flex;
align-items: flex-end;
width: 100%;
padding: 0 2.9124rem 2.9124rem;
background-color: #fff;
text-shadow: none;
order: 3;
}
.page-template-template-events .entry-categories {
display: none;
float: right;
}
.page-template-template-events .entry-time {
color: #141618;
}
.page-template-template-events .entry-info {
padding-top: 8px;
padding-right: 16px;
font-size: 14px;
font-weight: 700;
line-height: 1.618;
text-transform: uppercase;
color: #141618;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-template-events .entry-icon {
flex: 1 0 auto;
text-align: right;
}
.page-template-template-events .entry-icon img{
width: 45px;
max-width: 45px;
min-width: auto;
height: auto;
min-height: auto;
max-height: none;
}
.single-bulletin .entry .entry-image img{
margin-bottom: 1.8rem;
}
.single-bulletin .entry .entry-video{
margin: 0.9603rem auto 1.8rem;
}
.single-bulletin .entry-event {
display: block;
margin-bottom: 3.8412rem;
padding: 3.6rem;
border-radius: 4px;
background-color: #f4f5f6;
}
@media only screen and (max-width: 895px) {
.single-bulletin .content {
margin-top: 42px;
}
.single-bulletin .entry .entry-video{
padding-top: 1.8rem;
}
.single-bulletin  .entry .entry-image,
.single-bulletin  .entry .entry-video {
max-width: none;
margin-left: -50vw;
transform: none;
}
}  #genesis-sidebar-primary .widget_sidebar_dynamic_menu .children {
display: none;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu li.current_page_item .children,
#genesis-sidebar-primary .widget_sidebar_dynamic_menu li.current_page_ancestor .children {
display: block;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu li ,
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li:first-of-type a {
font-size: 1.8rem;
font-weight: 400;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li.current_page_item > a,
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li.current_page_ancestor > a {
font-size: 2.025rem;
font-weight: 700;
} #genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul {
margin: 0 0 0 1.8rem;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li.current_page_item > a,
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li.current_page_ancestor > a {
font-weight: 700;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li > a:before {
content: "–";
display: inline-block;
margin-right: 4px;
} #genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li > ul {
margin: 0 0 0 1.8rem;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li > ul > li.current_page_item > a,
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li > ul > li.current_page_ancestor > a {
font-weight: 700;
}
#genesis-sidebar-primary .widget_sidebar_dynamic_menu .menu > li > ul > li > ul > li > a:before {
content: "·";
display: inline-block;
margin-right: 4px;
}
.pagination li a,
.pagination li span {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 1.8rem;
height: 3.6rem;
width: 3.6rem;
line-height: 3.6rem;
text-decoration: none;
}
.pagination li .current {
border-radius: 50%;
background-color: #dfe2e5;
pointer-events: none;
} #connect-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
opacity: 0;
}
#connect-filter > div {
flex: 0 1 48%;
max-width: 48%;
} .fs-search {
display: none;
}
.fs-search input {
margin-bottom: 0;
}
.fs-dropdown .fs-options {
max-height: 400px !important;
overflow-y: auto;
overflow-x: hidden;
}
.facetwp-dropdown {
padding: 0 8px;
height: 48px;
}
.facetwp-type-fselect .fs-wrap {
position: relative;
width: 100%;
outline: none;
}
.facetwp-type-fselect .fs-wrap.fs-open .fs-label-wrap {
border-color: #141618;
}
.facetwp-type-fselect .fs-dropdown {
margin-top: 0;
width: 100%;
}
.fs-option,
.fs-optgroup-label {
padding-top: 4px;
padding-bottom: 4px;
border-bottom: none;
}
.fs-option:hover {
color: #fff;
background-color: #016ea0;
}
.fs-label-wrap {
border-radius: 4px;
}
.fs-label-wrap .fs-label {
padding: 0 22px 0 12px !important;
height: 42px;
line-height: 42px;
font-family: hind, san fransisco, -apple-system, blinkmacsystemfont, segoe ui, helvetica neue, helvetica, lucida grande, fira sans, roboto, arial, sans-serif;
font-size: 1.6rem;
cursor: pointer;
}
.facetwp-type-fselect .fs-option .fs-option-label {
font-family: hind, san fransisco, -apple-system, blinkmacsystemfont, segoe ui, helvetica neue, helvetica, lucida grande, fira sans, roboto, arial, sans-serif;
font-size: 1.6rem;
line-height: 1.618;
overflow: hidden;
text-overflow: ellipsis;
}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
background-color: rgb(17, 169, 17);
border: 1px solid #aeaeae;
}
.fs-wrap.fs-open .fs-arrow {
border: none;
cursor: pointer;
}
.fs-wrap.fs-open .fs-arrow:before {
content: "×";
position: absolute;
top: -10px;
left: -11px;
font-size: 26px;
}
#genesis-sidebar-primary .facetwp-facet {
margin-bottom: 24px;
}
#genesis-sidebar-primary .facetwp-type-fselect .fs-wrap,
#genesis-sidebar-primary .facetwp-type-fselect .fs-dropdown {
width: 100%;
} #connect-content {
position: relative;
}
#loading {
display: block;
position: absolute;
top: 84px;
left: 0;
right: 0;
margin: 0 auto;
shape-rendering: auto;
opacity: 0;
transition: 500ms opacity ease;
z-index: -100;
}
#loading.visible {
opacity: 1;
transition: 500ms opacity ease;
z-index: 100;
}
#child-posts {
display: flex;
flex-wrap: wrap;
}
#child-posts > a {
position: relative;
padding-top: 56.25%;
margin-left: 0;
margin-bottom: 32px;
flex: 0 0 100%;
max-width: 100%;
height: 0;
text-align: center;
background-color: #f1f1f1;
border-radius: 8px;
box-shadow: 0 2em 4em -1em rgba(20, 22, 24, 0.3);
overflow: hidden;
opacity: 0; transition: 0 opacity linear;
}
#child-posts > a.active {
opacity: 1;
}
#child-posts a > div {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
width: 100%;
height: 100%;
transform: scale(1);
transition: transform 300ms ease 0s;
}
#child-posts a:hover > div {
transform: scale(1.1);
}
#child-posts a > div:before {
background: rgba(27, 30, 32, 0.5);
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
#child-posts h5 {
position: relative;
margin: 0;
padding: 0 32px;
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
z-index: 2;
}
#child-posts img {
position: absolute;
margin: 0;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
}
.child-item .child-item-meta {
position: relative;
text-align: center;
color: #fff;
font-size: 14px;
z-index: 2;
}
.child-item .child-item-meta span {
display: block;
margin-top: 4px;
}
.child-item .child-item-meta span i {
margin-right: 8px;
font-size: 10px;
} #cd-sidebar-back-button {
margin-top: 32px;
} #locator {
display: flex;
flex-wrap: wrap;
}
#locator-filter {
display: flex;
align-items: center;
flex: 0 0 100%;
flex-wrap: wrap;
max-width: 100%;
display: flex;
margin-bottom: 32px;
padding: 16px;
background: #f1f1f1;
}
#locator-filter-location,
#locator-filter-radius,
#locator-filter-search-locations {
padding: 8px;
}
#locator-filter-location {
position: relative;
flex: 1 1 auto;
}
#location {
margin-bottom: 0;
padding-right: 48px;
width: 100%;
min-width: 226px;
}
#current-location {
display: block;
margin: 0;
padding: 8px;
position: absolute;
top: 13px;
right: 13px;
width: 48px;
height: 48px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent; background-size: 24px 24px;
border-radius: 0;
box-shadow: none;
}
#locator-filter-radius {
flex: 0 0 auto;
}
#radius {
margin-bottom: 0;
height: 59px;
}
#locator-filter-search-locations {
position: relative;
flex: 0 0 auto;
}
#search-locations {
position: relative;
margin-bottom: 0;
}
#search-locations-loading {
display: none;
position: absolute;
top: 16px;
left: 24px;
width: 16px;
height: 16px;
}
#locator-list {
flex: 0 0 100%;
max-width: 100%;
position: relative;
height: calc(100vh - 200px);
overflow-y: auto;
}
.locator-item {
padding: 16px;
border-top: 1px solid #eee;
font-size: 14px;
transition: 100ms background-color ease;
cursor: pointer;
}
#locator-list > .locator-item:first-child {
border-top: none;
}
.locator-item:hover {
background-color: #fcfcfc;
}
.locator-item.selected {
background-color: #ecfff7;
}
.locator-item img{
margin-bottom: 8px;
}
.locator-item h6 {
margin-bottom: 0;
}
.locator-item ul {
margin-top: 8px;
margin-bottom: 0;
list-style: none;
list-style-position: outside;
}
.locator-item .more-info {
display: block;
margin-top: 8px;
}
#locator-map {
flex: 0 0 100%;
max-width: 100%;
}
#google-maps {
height: calc(100vh - 200px);
}
.locator-tooltip h6 {
margin-bottom: 4px;
}
.locator-tooltip ul {
margin-bottom: 0;
} @media only screen and (min-width: 640px) {
#child-posts a {
padding-top: 38.13%;
flex: 0 0 48%;
max-width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
#child-posts > a:nth-child(2n + 1) {
margin-left: 0;
}
#locator-list {
flex: 0 0 33%;
max-width: 33%;
}
#locator-map {
flex: 0 0 67%;
max-width: 67%;
}
}
@media only screen and (min-width: 896px) {
#child-posts a {
padding-top: 28.13%;
flex: 0 0 31%;
max-width: 31%;
margin-left: 3.5%;
margin-bottom: 3.5%;
}
#child-posts > a:nth-child(2n + 1) {
margin-left: 3.5%;
}
#child-posts > a:nth-child(3n + 1) {
margin-left: 0;
}
#connect-filter > div {
flex: 0 1 23%;
max-width: 23%;
}
.box {
margin-top: 0.9rem;
padding: 3.6rem;
}
}
@media only screen and (min-width: 1408px) {
}  .author-box {
display: block;
margin-top: 36px;
margin-bottom: 0;
text-align: center;
border-top: 1px solid #eee;
border-radius: 0;
background-color: transparent;
}
.author-box .avatar {
float: none;
margin-right: 0;
}
.author-box-content {
padding: 0;
}
.author-separator {
padding-top: 0;
}
@media only screen and (min-width: 896px) {
.author-separator {
margin-top: -1.8rem;
padding-top: 0;
}
}
button, [type='button'], [type='reset'], [type='submit'], .button {
border-radius: 4px;
}
.back-button { font-size: 13px;
margin-bottom: 32px;
text-transform: uppercase;
text-align: center;
} .list-list {
margin: 0;
list-style: none;
line-height: 2;
}
.list-list .letter {
margin-top: 48px;
color: #141618;
font-size: 32px;
font-weight: 700;
}
.list-list a {
color: #016ea0;
text-decoration: none;
} .list-letters {
margin: 0;
list-style: none;
line-height: 2;
}
.list-letters .letter {
margin-top: 48px;
color: #141618;
font-size: 32px;
font-weight: 700;
}
.list-letters > .letter:first-child {
margin-top: 0;
}
.list-letters a {
color: #016ea0;
text-decoration: none;
} .list-grid {
display: flex;
flex-wrap: wrap;
}
.list-grid > a {
position: relative;
padding-top: 56.25%;
margin-left: 0;
margin-bottom: 32px;
flex: 0 0 100%;
max-width: 100%;
height: 0;
text-align: center;
background-color: #f1f1f1;
border-radius: 8px;
box-shadow: 0 2em 4em -1em rgba(20, 22, 24, 0.3);
overflow: hidden;
opacity: 1; transition: 0 opacity linear;
}
.list-grid > a.active {
opacity: 1;
}
.list-grid a > div {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
width: 100%;
height: 100%;
transform: scale(1);
transition: transform 300ms ease 0s;
}
.list-grid a:hover > div {
transform: scale(1.1);
}
.list-grid a > div:before {
background: rgba(27, 30, 32, 0.5);
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.list-grid h5 {
position: relative;
margin: 0;
padding: 0 32px;
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
z-index: 2;
}
.list-grid img {
position: absolute;
margin: 0;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
}
.child-item .child-item-meta {
position: relative;
text-align: center;
color: #fff;
font-size: 14px;
z-index: 2;
}
.child-item .child-item-meta span {
display: block;
margin-top: 4px;
}
.child-item .child-item-meta span i {
margin-right: 8px;
font-size: 10px;
}
@media only screen and (min-width: 640px) {
.list-grid a {
padding-top: 38.13%;
flex: 0 0 48%;
max-width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
.list-grid > a:nth-child(2n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 896px) {
.list-grid a {
padding-top: 28.13%;
flex: 0 0 31%;
max-width: 31%;
margin-left: 3.5%;
margin-bottom: 3.5%;
}
.list-grid > a:nth-child(2n + 1) {
margin-left: 3.5%;
}
.list-grid > a:nth-child(3n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 1408px) {
} .list-grid-round {
display: flex;
flex-wrap: wrap;
}
.list-grid-round > div {
position: relative;
margin-left: 0;
margin-bottom: 32px;
flex: 0 0 100%;
max-width: 100%;
text-align: center;  overflow: hidden;
opacity: 1; transition: 0 opacity linear;
}
.list-grid-round > div.active {
opacity: 1;
}
.list-grid-round > div > a {
display: block;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 100%;
width: 100%;
height: 0;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.list-grid-round h5 {
position: relative;
margin: 40px 0 0 0;
}
.list-grid-round h5 a {
text-decoration: none;
font-size: 20px;
letter-spacing: 1px;
}
@media only screen and (min-width: 640px) {
.list-grid-round > div {
padding-top: 38.13%;
flex: 0 0 48%;
max-width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
.list-grid-round > div:nth-child(2n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 896px) {
.list-grid-round > div {
padding-top: 28.13%;
flex: 0 0 31%;
max-width: 31%;
margin-left: 3.5%;
margin-bottom: 3.5%;
}
.list-grid-round > div:nth-child(2n + 1) {
margin-left: 3.5%;
}
.list-grid-round > div:nth-child(3n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 1408px) {
} .list-grid-rectangular {
display: flex;
flex-wrap: wrap;
}
.list-grid-rectangular > div {
position: relative;
margin-left: 0;
margin-bottom: 32px;
flex: 0 0 100%;
max-width: 100%;
text-align: center;  overflow: hidden;
opacity: 1; transition: 0 opacity linear;
}
.list-grid-rectangular > div.active {
opacity: 1;
}
.list-grid-rectangular > div > a {
display: block;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 50%;
width: 100%;
height: 0;
border-radius: 4px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
.list-grid-rectangular h5 {
position: absolute;
left: 0;
top: 50%;
margin: 20px 0 0 0;
width: 100%;
}
.list-grid-rectangular h5 a {
text-decoration: none;
font-size: 20px;
letter-spacing: 1px;
}
@media only screen and (min-width: 640px) {
.list-grid-rectangular > div {
padding-top: 38.13%;
flex: 0 0 48%;
max-width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
.list-grid-rectangular > div:nth-child(2n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 896px) {
.list-grid-rectangular > div {
padding-top: 28.13%;
flex: 0 0 31%;
max-width: 31%;
margin-left: 3.5%;
margin-bottom: 3.5%;
}
.list-grid-rectangular > div:nth-child(2n + 1) {
margin-left: 3.5%;
}
.list-grid-rectangular > div:nth-child(3n + 1) {
margin-left: 0;
}
}
@media only screen and (min-width: 1408px) {
} .entry.post > .entry-meta {
text-align: left;
}
.entry.post > .entry-meta .entry-categories {
display: block;
margin-top: 9px;
} @keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(100px);
}
50% {
opacity: 1;
}
to {
opacity: 1;
transform: translateY(0);
}
}
.slideUp {
animation-name: slideUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes slideDown {
from {
opacity: 1;
transform: translateY(0);
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: translateY(100px);
}
}
.slideDown {
animation-name: slideDown;
animation-duration: 500ms;
animation-fill-mode: forwards;
}