@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//altay.org.tr/wp-content/themes/altay/assets/lib/OwlCarousel2/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;cursor:pointer}html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;outline:none}.img-responsive{max-width:100%;height:auto}html{box-sizing:border-box;-ms-overflow-style:scrollbar}.container{width:95%;margin-right:auto;margin-left:auto}@media (max-width:575px){.container{width:auto;margin-right:25px;margin-left:25px}}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1300px){.container{max-width:1260px}}.container-fluid{width:100%;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:var(--gutter-x2);margin-left:var(--gutter-x2)}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;padding-right:var(--gutter-x);padding-left:var(--gutter-x)}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:-ms-flexbox !important;display:flex !important}.d-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}@media (min-width:576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:-ms-flexbox !important;display:flex !important}.d-sm-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width:768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:-ms-flexbox !important;display:flex !important}.d-md-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width:992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:-ms-flexbox !important;display:flex !important}.d-lg-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width:1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:-ms-flexbox !important;display:flex !important}.d-xl-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:-ms-flexbox !important;display:flex !important}.d-print-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}}.flex-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.align-items-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-sm-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-sm-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-sm-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-sm-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-sm-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-sm-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-sm-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-sm-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-sm-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-sm-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-sm-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-sm-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-sm-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-sm-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-sm-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-sm-center{-ms-flex-align:center !important;align-items:center !important}.align-items-sm-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-sm-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-sm-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-sm-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-sm-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-sm-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-sm-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-sm-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-sm-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-sm-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-sm-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-sm-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-sm-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-sm-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-md-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-md-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-md-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-md-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-md-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-md-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-md-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-md-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-md-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-md-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-md-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-md-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-md-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-md-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-md-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-md-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-md-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-md-center{-ms-flex-align:center !important;align-items:center !important}.align-items-md-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-md-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-md-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-md-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-md-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-md-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-md-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-md-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-md-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-md-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-md-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-md-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-md-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-md-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-lg-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-lg-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-lg-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-lg-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-lg-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-lg-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-lg-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-lg-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-lg-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-lg-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-lg-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-lg-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-lg-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-lg-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-lg-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-lg-center{-ms-flex-align:center !important;align-items:center !important}.align-items-lg-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-lg-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-lg-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-lg-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-lg-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-lg-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-lg-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-lg-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-lg-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-lg-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-lg-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-lg-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-lg-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-lg-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-xl-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-xl-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-xl-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-xl-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-xl-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-xl-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-xl-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-xl-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-xl-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-xl-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-xl-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-xl-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-xl-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-xl-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-xl-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-xl-center{-ms-flex-align:center !important;align-items:center !important}.align-items-xl-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-xl-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-xl-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-xl-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-xl-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-xl-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-xl-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-xl-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-xl-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-xl-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-xl-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-xl-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-xl-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-xl-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}}.my-gutter{margin-top:calc(var(--gutter)/2);margin-bottom:calc(var(--gutter)/2)}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}@font-face {
font-family: 'Hurme Geometric Sans 1';
src: url(//altay.org.tr/wp-content/themes/altay/assets/fonts/HurmeGeometricSans1-Bold.woff2) format('woff2'), url(//altay.org.tr/wp-content/themes/altay/assets/fonts/HurmeGeometricSans1-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hurme Geometric Sans 1';
src: url(//altay.org.tr/wp-content/themes/altay/assets/fonts/HurmeGeometricSans1-Regular.woff2) format('woff2'), url(//altay.org.tr/wp-content/themes/altay/assets/fonts/HurmeGeometricSans1-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
.sl-overlay {
z-index: 99998 !important;
}
.sl-wrapper {
z-index: 99999 !important;
}
html {
overflow-x: hidden;
background: #2e2e2e;
height: initial;
}
body {
min-height: 100%;
font-family: 'Hurme Geometric Sans 1';
overflow-x: hidden;
padding-top: 126px;
box-shadow: 0 0 20px rgba(6, 6, 6, 0.7);
background: #fff;
--gutter-x2: -10px;
--gutter-x: 10px;
line-height: 1.5;
}
body.admin-bar header {
top: 32px;
}
body.modal-opened {
position: fixed !important;
overflow: hidden !important;
width: 100%;
}
.cat-badge {
padding: 4px 8px;
background-color: #12A0D7;
position: relative;
font-size: 12px;
font-weight: 500;
color: #ffffff;
display: inline-flex;
margin-left: 10px;
}
.cat-badge:before,
.cat-badge:after {
content: " ";
width: 10px;
height: 26px;
border-width: 13px 5px;
border-style: solid;
border-color: transparent #12A0D7 #12A0D7 transparent;
position: absolute;
left: 0;
top: 0;
transform: translateX(-100%);
}
.cat-badge:after {
border-color: #12A0D7 transparent transparent #12A0D7;
left: 100%;
transform: translateX(0%);
}
::-moz-selection {
background-color: #141414;
color: #fff;
}
::selection {
background-color: #141414;
color: #fff;
}
button,
input[type="button"],
input[type="submit"],
textarea {
-webkit-appearance: none;
font-family: 'Hurme Geometric Sans 1';
}
.slider-fluid {
overflow: hidden;
}
.slider-fluid .owl-stage-outer {
overflow: inherit;
}
.slider-fluid .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
flex-flow: row;
}
.slider-fluid .owl-stage > * {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-pack: center;
justify-content: center;
}
.slider-fluid .owl-stage .owl-item:not(.active) {
opacity: 0.3;
filter: alpha(opacity=30);
}
.text-center {
text-align: center;
}
img.img-responsive {
max-width: 100%;
height: auto;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.btn {
padding: 10px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #141414 !important;
position: relative;
border: 1px solid #141414;
background-color: transparent;
overflow: hidden;
white-space: nowrap;
font-size: 18px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn:hover {
background-color: #141414;
color: #fff !important;
}
.btn.btn-filled {
background-color: #141414;
border: none;
color: #fff !important;
}
.btn.btn-turquaz {
border-color: #12A0D7;
color: #12A0D7 !important;
}
.btn.btn-turquaz:hover {
background-color: #12A0D7;
color: #fff !important;
}
.text-turquaz {
color: #12A0D7 !important;
}
.text-black {
color: #141414 !important;
}
.with-line {
color: #12A0D7;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.with-line.hover-black:hover {
color: #141414;
}
.with-line.hover-black:hover:after {
background-color: #141414;
}
.with-line:hover {
color: #fff;
}
.with-line:hover:after {
background-color: #fff;
}
.with-line:after {
content: " ";
width: 52px;
height: 1px;
background-color: #12A0D7;
margin-left: 12px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mb-60 {
margin-bottom: 60px;
}
.container-huge {
position: relative;
max-width: 1920px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#side-menu {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
}
#side-menu .backdrop {
background-color: rgba(20, 20, 20, 0.8);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
flex: 1;
width: 100%;
height: 100%;
}
#side-menu .content {
padding: 140px 0 0;
width: 100%;
background-color: #141414;
margin-right: -100%;
overflow-y: auto;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#side-menu .content.in {
margin-right: 0;
}
#side-menu .content ul.menu {
margin-bottom: 35px;
flex: 1;
}
#side-menu .content ul.menu li.opened.menu-item-has-children > a span.arrow-down {
transform: translateY(-50%) rotate(180deg);
}
#side-menu .content ul.menu li.opened > ul.sub-menu {
max-height: 600px;
}
#side-menu .content ul.menu li.store > a:after {
content: ' ';
width: 30px;
height: 30px;
margin-left: 12px;
background-color: #fff;
-webkit-mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
}
#side-menu .content ul.menu li.menu-item-has-children > a span.arrow-down {
content: ' ';
position: absolute;
top: 50%;
transform: translateY(-50%);
background: url(//altay.org.tr/wp-content/themes/altay/assets/icons/chevron-down.svg) no-repeat center;
width: 50px;
height: 50px;
background-size: 12px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#side-menu .content ul.menu li a {
display: flex;
align-items: center;
padding: 16px;
line-height: 1;
position: relative;
font-weight: 700;
font-size: 34px;
color: #ffffff;
}
#side-menu .content ul.menu li ul.sub-menu {
max-height: 0;
overflow: hidden;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#side-menu .content ul.menu li ul.sub-menu li a {
font-size: 14px;
padding: 12px 16px;
}
#side-menu .content ul.menu li ul.sub-menu li a::before {
content: " ";
width: 8px;
height: 8px;
background-color: #ffffff;
display: inline;
margin-right: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#side-menu .content .social-area {
padding: 60px 0;
border-top: 1px solid #595959;
}
#side-menu .content .social-area .s-title {
font-size: 12px;
font-weight: 500;
color: #939393;
margin-bottom: 16px;
text-align: center;
}
#side-menu .content ul.social-menu li {
padding: 0 8px;
}
#side-menu .content ul.social-menu li:last-child {
margin-right: 0;
}
#side-menu .content ul.social-menu li a {
width: 48px;
height: 48px;
}
#side-menu .content ul.social-menu li a svg {
width: 48px;
height: 48px;
color: #939393;
}
header {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #141414;
border-bottom: 2px solid #fff;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header > .container-huge {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 126px;
background-color: #141414;
}
header #header--left {
padding: 12px 80px 0;
-webkit-filter: drop-shadow(0 0px 30px rgba(20, 20, 20, 0.7));
filter: drop-shadow(0 0px 30px rgba(20, 20, 20, 0.7));
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--left svg {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 136px;
height: 144px;
}
header #header--right {
border: solid #474747;
border-width: 0 1px;
flex: 1;
}
header #header--right .top {
height: 44px;
padding: 0 16px;
background-color: #272727;
border-bottom: 1px solid #474747;
}
header #header--right .top span {
margin-right: 8px;
font-size: 12px;
font-weight: 500;
color: #939393;
}
header #header--right .top ul.menu li {
position: relative;
}
header #header--right .top ul.menu li:after {
content: " ";
width: 1px;
height: 16px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #939393;
opacity: 0.5;
}
header #header--right .top ul.menu li:last-child::after {
display: none;
}
header #header--right .top ul.menu li a {
padding: 4px 8px;
}
header #header--right .top ul li a {
padding: 4px;
color: #939393;
font-size: 12px;
font-weight: 500;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--right .top ul li a:hover {
color: #fff;
}
header #header--right .top ul li a svg {
width: 24px;
height: 24px;
}
header #header--right .bottom {
flex: 1;
}
header #header--right .bottom ul.header-menu {
width: 100%;
}
header #header--right .bottom ul.header-menu li {
position: relative;
height: 100%;
border-right: 1px solid #474747;
flex: 1;
display: flex;
text-align: center;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--right .bottom ul.header-menu li:last-child {
border-right: 0;
}
header #header--right .bottom ul.header-menu li.store > a:after {
content: ' ';
width: 18px;
height: 18px;
margin-left: 8px;
background-color: #fff;
-webkit-mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
}
header #header--right .bottom ul.header-menu li:hover {
background: #272727;
}
header #header--right .bottom ul.header-menu li:hover > ul.sub-menu {
opacity: 1;
top: 100%;
pointer-events: initial;
}
header #header--right .bottom ul.header-menu li:hover > ul.sub-menu li:last-child {
border: none;
border-left: none!important;
}
header #header--right .bottom ul.header-menu li:hover > ul.sub-menu li:last-child a {
border-bottom: none;
}
header #header--right .bottom ul.header-menu li.current-menu-item > a {
background: #272727;
}
header #header--right .bottom ul.header-menu li.menu-item-has-children > a:after {
content: ' ';
width: 10px;
height: 10px;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
background: url(//altay.org.tr/wp-content/themes/altay/assets/icons/chevron-down.svg) no-repeat center;
background-size: contain;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--right .bottom ul.header-menu li a {
font-size: 16px;
color: #fff;
padding: 0 16px;
display: inline-flex;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--right .bottom ul.header-menu li ul.sub-menu {
opacity: 0;
position: absolute;
z-index: 9;
top: 100px;
left: 0%;
min-width: 100%;
padding-top: 14px;
pointer-events: none;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: left;
-webkit-filter: drop-shadow(0 2px 10px rgba(20, 20, 20, 0.1));
filter: drop-shadow(0 2px 10px rgba(20, 20, 20, 0.1));
}
header #header--right .bottom ul.header-menu li ul.sub-menu:before {
content: ' ';
position: absolute;
left: 50%;
top: 14px;
transform: translate(-50%, -100%);
border: 8px solid;
border-color: transparent transparent #fff transparent;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li {
background: #fff;
border: none;
text-align: left;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:first-child {
padding-top: 16px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:last-child {
padding-bottom: 16px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:hover {
background: #fff;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:hover a {
color: #141414;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:hover a:after {
width: 4px;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li:hover > ul.sub-menu {
opacity: 1;
top: 0;
pointer-events: initial;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li.current-menu-item a {
background-color: #fff;
color: #141414;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li.current-menu-item a:after {
width: 4px;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li a {
white-space: nowrap;
margin: 0;
padding: 8px 24px;
display: block;
color: #939393;
position: relative;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li a:after {
content: ' ';
width: 0;
height: 20px;
background-color: #3cafe3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header #header--right .bottom ul.header-menu li ul.sub-menu li ul.sub-menu {
top: 20px;
left: 100%;
transform: translateX(0);
}
header #header--right .bottom ul.header-menu li ul.sub-menu li ul.sub-menu:before {
display: none;
}
header #header--right .bottom a.mobile-hamburger-menu {
display: flex;
flex-direction: column;
padding: 10px;
width: 36px;
height: 35px;
z-index: 999999;
width: 60px;
height: 60px;
align-items: center;
justify-content: center;
border-left: 1px solid #474747;
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu {
position: relative;
transform: translateX(4.5px);
background: #fff;
transition: all 0ms 300ms;
width: 16px;
height: 1px;
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu.animate {
background: rgba(255, 255, 255, 0);
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu.animate:before {
bottom: 0;
width: 16px;
transform: rotate(-45deg);
transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1), bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu.animate:after {
top: 0;
width: 16px;
transform: rotate(45deg);
transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1), top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu:after,
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu:before {
height: 1px;
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu:before {
content: "";
position: absolute;
right: 0;
width: 22px;
bottom: 7px;
background: #fff;
transition: width 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header #header--right .bottom a.mobile-hamburger-menu .hamburger-menu:after {
content: "";
position: absolute;
right: 0;
width: 10px;
top: 7px;
background: #fff;
transition: width 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
main {
background: #f2f2f2;
flex: 1;
}
main.blog {
background: #141414;
}
#home-slider {
position: relative;
}
#home-slider .huge-slider {
background-color: #141414;
}
#home-slider .huge-slider:not(.owl-loaded) {
overflow: hidden;
}
#home-slider .huge-slider:not(.owl-loaded) > .item {
display: none;
}
#home-slider .huge-slider:not(.owl-loaded) > .item:first-child {
display: block;
}
#home-slider .huge-slider .owl-dots {
margin: 0;
position: absolute;
left: 5%;
bottom: 40px;
width: 20%;
display: flex;
}
#home-slider .huge-slider .owl-dots .owl-dot {
flex: 1;
padding: 10px 4px !important;
display: flex;
justify-content: center;
}
#home-slider .huge-slider .owl-dots .owl-dot.active span {
max-width: 72px;
background-color: #12A0D7;
}
#home-slider .huge-slider .owl-dots .owl-dot span {
max-width: 48px;
width: 100%;
height: 4px;
margin: 0;
background-color: #7d7d7d;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-slider .huge-slider-counter {
position: absolute;
left: 5%;
bottom: 70px;
z-index: 9;
margin: 0 6px;
font-weight: 700;
font-size: 24px;
line-height: 1;
color: #7d7d7d;
}
#home-slider .huge-slider-counter span {
color: #fff;
font-size: 72px;
text-shadow: 0 0 #141414, -1px 0 #141414, 0 -1px #141414, -1px -1px #141414, 1px 0 #141414, 0 1px #141414, 1px 1px #141414, -1px 1px #141414, 1px -1px #141414;
}
#home-slider .news-slider {
position: absolute;
left: 35%;
right: 0%;
width: 65%;
bottom: -90px;
}
#home-slider .news-slider .item:hover .right {
background-color: #fff;
color: #141414;
}
#home-slider .news-slider .item:hover .right span.detail {
color: #12A0D7;
}
#home-slider .news-slider .item:hover .right span.detail:after {
background-color: #12A0D7;
max-width: 50px;
}
#home-slider .news-slider .item .thumb {
min-width: 200px;
}
#home-slider .news-slider .item .thumb img {
object-fit: cover;
width: 100%;
height: 100%;
}
#home-slider .news-slider .item .right {
padding: 30px 24px 30px 16px;
background-color: #2f2f2f;
border: 1px solid #2f2f2f;
border-left: none;
width: 100%;
height: 100%;
color: #ffffff;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-slider .news-slider .item .right span.cat {
margin: 0 0 8px;
font-size: 12px;
font-weight: 500;
}
#home-slider .news-slider .item .right span.title {
margin: 0 0 16px;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
height: 78px;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
}
#home-slider .news-slider .item .right span.detail {
font-size: 12px;
font-weight: 500;
}
#home-slider .news-slider .item .right span.detail:after {
content: " ";
display: inline-flex;
max-width: 38px;
height: 1px;
flex: 1;
margin-left: 12px;
background-color: #ffffff;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-slider .news-slider .owl-nav {
margin: 0;
position: absolute;
top: 0;
left: -76px;
display: flex;
flex-flow: column;
}
#home-slider .news-slider .owl-nav button {
width: 64px;
height: 64px;
padding: 20px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: solid 1px #141414;
background-color: rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0 0 12px;
display: flex;
align-items: center;
justify-content: center;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-slider .news-slider .owl-nav button:hover {
background-color: #141414;
color: #fff;
}
#home-slider .news-slider .owl-nav button:last-child {
margin: 0;
}
#home-slider .news-slider .owl-nav button.owl-prev {
transform: rotate(180deg);
}
#home-slider .news-slider .owl-nav button svg {
width: 24px;
height: 24px;
}
#match-fixture {
background-color: #080808;
}
#match-fixture .top {
padding: 134px 0 44px;
}
#match-fixture .top .title {
font-size: 26px;
font-weight: 700;
color: #fff;
}
#match-fixture .top a.link {
font-size: 12px;
font-weight: 500;
}
#match-fixture .top .match-list-nav {
margin-top: 20px;
}
#match-fixture .top .match-list-nav button[class*="match-list-"] {
padding: 10px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0 12px 0;
text-indent: -99999px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#match-fixture .top .match-list-nav button[class*="match-list-"]:hover {
background-color: #141414;
color: #fff;
}
#match-fixture .top .match-list-nav button[class*="match-list-"]:last-child {
margin: 0;
}
#match-fixture .top .match-list-nav button[class*="match-list-"] svg {
width: 24px;
height: 24px;
}
#match-fixture .top .match-list-nav .match-list-prev {
transform: rotate(180deg);
}
#match-fixture .bottom .match-list {
width: 100%;
}
#match-fixture .bottom .match-list .owl-item {
background-color: #141414;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#match-fixture .bottom .match-list .owl-item:nth-child(even) {
background-color: #080808;
}
#match-fixture .bottom .match-list .match-card {
flex: 1;
}
#match-fixture .bottom .match-list .match-card.m-live .m-top .m-badge {
background-color: #12A0D7;
color: #fff;
}
#match-fixture .bottom .match-list .match-card.m-live .m-top .m-badge:before {
border-color: transparent #12A0D7 #12A0D7 transparent;
}
#match-fixture .bottom .match-list .match-card.m-ended .m-bottom .m-link {
background-color: #141414;
}
#match-fixture .bottom .match-list .match-card .m-top {
border-bottom: 1px solid #2c2c2c;
padding: 32px 32px 30px;
position: relative;
flex: 1;
}
#match-fixture .bottom .match-list .match-card .m-top .m-badge {
padding: 0 12px;
height: 24px;
background-color: #ffffff;
position: absolute;
top: 28px;
right: 0;
font-size: 12px;
text-transform: uppercase;
}
#match-fixture .bottom .match-list .match-card .m-top .m-badge:before {
content: " ";
width: 10px;
height: 24px;
border-width: 12px 5px;
border-style: solid;
border-color: transparent #fff #fff transparent;
position: absolute;
left: 0;
transform: translateX(-98%);
}
#match-fixture .bottom .match-list .match-card .m-top .m-time {
font-size: 16px;
font-weight: 500;
color: #ffffff;
position: absolute;
left: 24px;
top: 28px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time .icon {
margin-right: 8px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time .icon svg {
width: 24px;
height: 24px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time .icon svg path[stroke],
#match-fixture .bottom .match-list .match-card .m-top .m-time .icon svg g[stroke] {
stroke: #fff;
}
#match-fixture .bottom .match-list .match-card .m-top .m-league {
margin-bottom: 38px;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
color: #7d7d7d;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details {
position: relative;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team {
max-width: 96px;
min-width: 96px;
text-align: center;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo {
margin-bottom: 16px;
width: 96px;
height: 96px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo img {
width: 96px;
height: 96px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-name {
font-size: 16px;
font-weight: 700;
text-align: center;
color: #ffffff;
text-transform: uppercase;
line-height: 1.2;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-divide {
flex: 1;
font-weight: 700;
font-size: 48px;
text-align: center;
color: #ffffff;
padding-top: 20px;
line-height: 1;
white-space: nowrap;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-divide .winner {
color: #12A0D7;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-score {
width: 30px;
font-weight: 700;
font-size: 24px;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-score .m-home {
border-bottom: 1px solid #2c2c2c;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-score .winner {
color: #12A0D7;
}
#match-fixture .bottom .match-list .match-card .m-bottom {
padding: 32px 0;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
color: #7d7d7d;
position: relative;
}
#match-fixture .bottom .match-list .match-card .m-bottom .m-link {
padding: 10px 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
border: 1px solid #12A0D7;
background-color: #12A0D7;
color: #ffffff;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#match-fixture .bottom .match-list .match-card .m-bottom .m-link:hover {
background-color: #0c6b90;
}
#home-players {
position: relative;
}
#home-players .section-title {
position: absolute;
top: 100px;
left: 80px;
z-index: 99;
}
#home-players .section-title .title {
font-weight: 700;
font-size: 60px;
color: #ffffff;
margin-bottom: 24px;
}
#home-players .section-title a.link {
font-size: 12px;
font-weight: 500;
}
#home-players .huge-slider {
position: relative;
}
#home-players .huge-slider .active .player-stats .p-stat {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.5s;
}
#home-players .huge-slider .active .player-stats .p-stat:nth-child(2) {
animation-delay: 1s;
}
#home-players .huge-slider .active .player-stats .p-stat:nth-child(3) {
animation-delay: 1.5s;
}
#home-players .huge-slider .player-stats {
position: absolute;
bottom: 72px;
left: 80px;
z-index: 99;
}
#home-players .huge-slider .player-stats .p-stat {
margin-bottom: 48px;
}
#home-players .huge-slider .player-stats .p-stat:last-child {
margin-bottom: 0;
}
#home-players .huge-slider .player-stats .p-stat .p-name {
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
color: #12A0D7;
margin-bottom: 24px;
}
#home-players .huge-slider .player-stats .p-stat .p-val {
font-weight: 700;
font-size: calc(112px + 20 * ((100vw - 1199px) / 161));
line-height: 0.91;
color: #ffffff;
}
#home-players .huge-slider .owl-nav {
margin: 0;
position: absolute;
bottom: 72px;
right: 72px;
display: flex;
}
#home-players .huge-slider .owl-nav button {
width: 64px;
height: 64px;
padding: 20px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: solid 1px #141414;
background-color: rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0 12px 0;
text-indent: -99999px;
display: flex;
align-items: center;
justify-content: center;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-players .huge-slider .owl-nav button:hover {
background-color: #141414;
color: #fff;
}
#home-players .huge-slider .owl-nav button:last-child {
margin: 0;
}
#home-players .huge-slider .owl-nav button.owl-prev {
transform: rotate(180deg);
}
#home-players .huge-slider .owl-nav button svg {
width: 24px;
height: 24px;
}
#next-match-time {
background-color: #12A0D7;
max-height: 256px;
z-index: 99;
}
#next-match-time .left .top {
margin-bottom: 24px;
}
#next-match-time .left .top .text {
padding: 0 24px;
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
color: #ffffff;
}
#next-match-time .left .top .team img {
width: 36px;
height: 36px;
}
#next-match-time .left .bottom .time .int {
font-weight: 700;
font-size: 72px;
color: #ffffff;
line-height: 1;
width: 80px;
text-align: center;
}
#next-match-time .left .bottom .time .text {
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
color: #ffffff;
}
#next-match-time .left .bottom .divide {
font-weight: 700;
font-size: 72px;
color: #ffffff;
line-height: 30px;
padding: 0 40px 34px;
height: 74px;
}
#next-match-time .right .table {
width: 100%;
padding: 24px 16px 16px;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
#next-match-time .right .table .title {
padding: 0 0 24px;
font-size: 22px;
font-weight: 700;
color: #141414;
text-align: center;
}
#next-match-time .right .table .table-in {
width: 100%;
margin-bottom: 16px;
}
#next-match-time .right .table .table-in .table-head {
background-color: #f4f4f4;
font-size: 12px;
font-weight: 500;
color: #7d7d7d;
}
#next-match-time .right .table .table-in .table-head .t-col {
padding: 6px 12px;
}
#next-match-time .right .table .table-in .table-head .t-col.index {
width: 25px;
}
#next-match-time .right .table .table-in .table-head .t-col.team {
flex: 1;
}
#next-match-time .right .table .table-in .table-body .t-row {
background-color: #fafafa;
}
#next-match-time .right .table .table-in .table-body .t-row.active {
border: solid 1px #3baee2;
background-color: #f7fdff !important;
}
#next-match-time .right .table .table-in .table-body .t-row:nth-child(even) {
background-color: #ffffff;
}
#next-match-time .right .table .table-in .table-body .t-row .t-col {
padding: 8px 0 8px 12px;
font-size: 12px;
font-weight: 500;
color: #141414;
}
#next-match-time .right .table .table-in .table-body .t-row .t-col.index {
width: 25px;
color: #dadada;
}
#next-match-time .right .table .table-in .table-body .t-row .t-col.team-logo svg {
width: 20px;
height: 20px;
}
#next-match-time .right .table .table-in .table-body .t-row .t-col.team {
flex: 1;
}
#next-match-time .right .table .table-in .table-body .t-row .t-col.point {
padding-right: 12px;
font-weight: 700;
}
#next-match-time .right .table a.link {
font-size: 12px;
font-weight: 500;
}
#home-store {
padding: 112px 0 172px;
background: url(//altay.org.tr/wp-content/themes/altay/assets/images/home-store-bg.png) no-repeat center;
background-size: cover;
}
#home-store .title-section {
text-align: center;
margin-bottom: 110px;
}
#home-store .title-section .sub-title {
padding: 0 0 16px;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
color: #12A0D7;
}
#home-store .title-section .title {
font-weight: 700;
font-size: 60px;
color: #141414;
}
#home-store .product-slider {
margin-bottom: 55px;
}
#home-store .product-slider .owl-item {
transform: scale(1);
opacity: 1;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-store .product-slider .owl-item:not(.center) {
transform: scale(0.5);
opacity: 0.5;
}
#home-store .product-slider .owl-item .item {
width: 100%;
max-width: 326px;
margin: 0 auto;
}
#home-store .product-slider .owl-nav {
margin: 0;
}
#home-store .product-slider .owl-nav button {
width: 64px;
height: 64px;
padding: 20px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: solid 1px #141414;
background-color: rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0;
text-indent: -99999px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-store .product-slider .owl-nav button:hover {
background-color: #141414;
color: #fff;
}
#home-store .product-slider .owl-nav button:last-child {
margin: 0;
}
#home-store .product-slider .owl-nav button.owl-prev {
transform: translate(-50%, -50%) rotate(180deg);
left: 30%;
}
#home-store .product-slider .owl-nav button.owl-next {
left: 70%;
}
#home-store .product-slider .owl-nav button svg {
width: 24px;
height: 24px;
}
#home-news {
background: #fff;
}
#home-news .container {
position: relative;
}
#home-news .news-top {
padding: 80px 0 44px;
}
#home-news .news-top .title {
font-weight: 700;
font-size: 60px;
color: #141414;
}
#home-news .huge-title {
font-weight: 700;
font-size: 172px;
color: #f4f4f4;
position: absolute;
right: 0;
top: 160px;
line-height: 0.7;
}
#home-news .news-row-1 .news-item {
position: relative;
}
#home-news .news-row-1 .news-item .category {
position: absolute;
top: 0;
transform: translateY(-50%);
}
#home-news .news-row-1 .news-item span.text-area {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
padding: 40px 230px 40px 80px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: rgba(20, 20, 20, 0.7);
}
#home-news .news-row-1 .news-item span.text-area .title {
font-size: 26px;
font-weight: 700;
line-height: 1.3;
color: #ffffff;
margin-bottom: 20px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
}
#home-news .news-row-1 .news-item span.text-area .link {
font-size: 12px;
}
@media (min-width: 992px) {
#home-news .news-row-1 .offset-reverse {
margin-left: -16.666667%;
}
}
#home-news .news-row-1 .news-small-item {
z-index: 9;
box-shadow: 0 2px 40px rgba(20, 20, 20, 0.1);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-news .news-row-1 .news-small-item:hover {
box-shadow: 0 2px 40px rgba(20, 20, 20, 0.2);
transform: translateY(-10px);
}
#home-news .news-row-1 .news-small-item span.text-area {
padding: 24px 30px;
background-color: #fff;
width: 75%;
left: 25%;
}
#home-news .news-row-1 .news-small-item span.text-area .cat-date {
font-size: 12px;
color: #7d7d7d;
}
#home-news .news-row-1 .news-small-item span.text-area .category {
padding: 0;
background-color: transparent;
position: relative;
transform: translateY(0%);
color: #12A0D7;
font-weight: 700;
}
#home-news .news-row-1 .news-small-item span.text-area .category:before,
#home-news .news-row-1 .news-small-item span.text-area .category:after {
display: none;
}
#home-news .news-row-1 .news-small-item span.text-area .title {
color: #141414;
font-size: 20px;
}
#home-news .news-row-2 {
padding: 62px 0;
--gutter-x2: -24px;
--gutter-x: 24px;
}
#home-news .news-row-2 .news-item {
padding: 24px 0;
position: relative;
}
#home-news .news-row-2 .news-item:after {
content: attr(data-count);
font-weight: 700;
font-size: 160px;
color: #f4f4f4;
position: absolute;
top: 50%;
right: 14px;
transform: translateY(-50%);
z-index: 0;
line-height: 1;
}
#home-news .news-row-2 .news-item .cat-date {
font-size: 12px;
color: #7d7d7d;
position: relative;
z-index: 1;
}
#home-news .news-row-2 .news-item .category {
font-size: 12px;
color: #12A0D7;
font-weight: 700;
position: relative;
z-index: 1;
}
#home-news .news-row-2 .news-item .title {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
color: #141414;
margin-bottom: 20px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
position: relative;
z-index: 1;
}
#home-news .news-row-2 .news-item .link {
font-size: 12px;
position: relative;
z-index: 1;
}
#home-legends {
background: url(//altay.org.tr/wp-content/themes/altay/assets/images/legends-bg.png) no-repeat center;
background-size: cover;
padding-bottom: 90px;
}
#home-legends .legends-top {
padding: 90px 0;
}
#home-legends .legends-top .title {
font-weight: 700;
font-size: 60px;
color: #fff;
}
#home-legends .legends-slider .owl-item {
opacity: 1;
filter: brightness(0.25) blur(1px);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-legends .legends-slider .owl-item.active.center {
filter: brightness(1) blur(0);
}
#home-legends .legends-slider .owl-nav {
margin: 0;
display: flex;
flex-flow: column;
}
#home-legends .legends-slider .owl-nav button {
width: 64px;
height: 64px;
padding: 20px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: solid 1px #fff;
background-color: rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0;
text-indent: -99999px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 33%;
transform: translate(-50%, -100%);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
}
#home-legends .legends-slider .owl-nav button:hover {
background-color: #fff;
color: #141414;
}
#home-legends .legends-slider .owl-nav button.owl-prev {
transform: translate(-50%, -100%) rotate(180deg);
}
#home-legends .legends-slider .owl-nav button.owl-next {
left: 66%;
}
#home-legends .legends-slider .owl-nav button svg {
width: 24px;
height: 24px;
}
#home-schools {
background: #171717;
padding: 0 0 80px;
margin-bottom: 32px;
}
#home-schools .schools-top {
padding: 60px 0 80px;
}
#home-schools .schools-top .title {
font-weight: 700;
font-size: 48px;
letter-spacing: 2px;
text-align: center;
color: #fff;
}
#home-schools .school-list {
--gutter-x2: -6px;
--gutter-x: 6px;
}
#home-schools .school-list .school-item {
border: solid 4px rgba(255, 255, 255, 0.1);
margin: 6px 0;
position: relative;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-schools .school-list .school-item:hover {
border-color: rgba(255, 255, 255, 0.2);
}
#home-schools .school-list .school-item .name {
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 32px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
#home-schools .school-list .school-item img.school {
width: 100%;
height: auto;
}
#partner {
overflow: hidden;
}
#partner .logo-area {
padding-top: 20px;
width: 100%;
}
#partner .logo-area:before,
#partner .logo-area:after {
content: " ";
width: 100%;
height: 3px;
background-color: #f4f4f4;
}
#partner .logo-area .logo {
opacity: 0.1;
margin: 0 44px;
}
#partner .logo-area .logo svg {
width: 114px;
height: 120px;
}
#partner .partner-slider {
padding: 70px 0 120px;
width: 100%;
}
#partner .partner-slider .item {
margin: 20px 0;
}
#partner .partner-slider .item img {
width: 150px;
height: 80px;
margin: 0 auto;
object-fit: contain;
}
#page-title {
padding: 72px 0;
background-size: cover;
background-position: center;
}
#page-title.as-kadro {
padding: 200px 0 56px;
}
#page-title.as-kadro .tab-navs .tab-nav {
padding: 20px;
font-size: 24px;
color: #ffffff;
position: relative;
border: none;
border-bottom: 4px solid transparent;
background: transparent;
cursor: pointer;
}
#page-title.as-kadro .tab-navs .tab-nav.active {
font-weight: 700;
border-color: #fff;
}
#page-title .title {
font-weight: 700;
font-size: 86px;
line-height: 1;
color: #ffffff;
}
#page-title .select-area select {
width: 264px;
height: 64px;
padding: 20px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: solid 1px #ffffff;
background: transparent;
font-size: 16px;
font-weight: 500;
color: #ffffff;
cursor: pointer;
}
#page-title ul.menu li.current-menu-item a {
font-weight: 700;
border-color: #fff;
}
#page-title ul.menu li a {
padding: 20px;
font-size: 24px;
color: #ffffff;
position: relative;
border: none;
border-bottom: 4px solid transparent;
background: transparent;
cursor: pointer;
display: block;
}
#first-team {
background-color: #141414;
}
#first-team .mix {
display: none;
}
#first-team .player-item {
position: relative;
z-index: 1;
box-shadow: 0 0 0 0 rgba(20, 20, 20, 0.5);
border: solid 4px #141414;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#first-team .player-item:hover {
transform: scale(1.1);
z-index: 10;
box-shadow: 0 2px 40px 0 rgba(20, 20, 20, 0.5);
border: solid 4px #3cafe3;
}
#first-team .player-item::after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 60%; background: transparent; background: -moz-linear-gradient(top, transparent 0%, #141414 100%); background: -webkit-linear-gradient(top, transparent 0%, #141414 100%); background: linear-gradient(to bottom, transparent 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0); }
#first-team .player-item .p-name {
position: absolute;
bottom: 32px;
right: 32px;
z-index: 9;
font-size: 48px;
font-weight: 800;
line-height: 1;
text-align: right;
color: #ffffff;
width: 50%;
}
#first-team .player-item .p-number {
font-weight: 700;
font-size: 96px;
line-height: 1;
color: #ffffff;
position: absolute;
top: 32px;
left: 32px;
z-index: 9;
}
#first-team .player-item .p-cta {
position: absolute;
bottom: 32px;
left: 32px;
z-index: 9;
width: 48px;
height: 48px;
border: 1px solid #12A0D7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#first-team .player-item .p-cta svg {
width: 24px;
height: 24px;
color: #fff;
}
#first-team .player-item img {
width: 100%;
height: auto;
}
#player-header .container {
position: relative;
}
#player-header .player-stats {
position: absolute;
top: 60px;
right: 80px;
z-index: 99;
}
#player-header .player-stats .p-stat {
margin-bottom: 48px;
text-align: right;
}
#player-header .player-stats .p-stat:last-child {
margin-bottom: 0;
}
#player-header .player-stats .p-stat .p-name {
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
color: #12A0D7;
margin-bottom: 24px;
}
#player-header .player-stats .p-stat .p-val {
font-weight: 700;
font-size: 132px;
line-height: 0.91;
color: #141414;
}
#player-infos [class*="col-"]:nth-child(even) .pi-item {
background: #12A0D7;
}
#player-infos .pi-item {
height: 120px;
color: #ffffff;
text-align: center;
background: #141414;
}
#player-infos .pi-item .large-text {
font-size: 34px;
font-weight: 800;
margin-bottom: 4px;
}
#player-infos .pi-item .small-text {
font-size: 16px;
font-weight: 500;
letter-spacing: 3px;
}
#news-about-player {
padding: 110px 90px;
background: #fff;
--gutter-x2: -20px;
--gutter-x: 20px;
position: relative;
}
#news-about-player:before {
content: " ";
width: 25%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #141414;
}
#news-about-player .text-area .title {
font-size: 34px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #141414;
margin-bottom: 28px;
}
#news-about-player .text-area .desc {
font-size: 16px;
font-weight: 500;
line-height: 1.63;
color: #939393;
margin-bottom: 42px;
}
#news-about-player .text-area .desc p {
margin: 20px 0;
}
#player-statistics {
padding: 60px 0 120px;
}
#player-statistics .section-title {
font-weight: 700;
font-size: 60px;
color: #141414;
margin-bottom: 60px;
}
#player-statistics .card {
padding: 16px 16px 26px;
background: #fff;
margin-bottom: 16px;
box-shadow: 0 2px 10px rgba(20, 20, 20, 0.1);
}
#player-statistics .card:last-child {
margin-bottom: 0;
}
#player-statistics .card.card-type-2 {
background: #141414;
}
#player-statistics .card.card-type-2 .c-title {
color: #fff;
}
#player-statistics .card.card-type-2 .c-datas .c-data-left .c-data-number {
color: #fff;
}
#player-statistics .card.card-type-2 .c-datas .c-data-right .c-data-all .c-data-number {
color: #fff;
}
#player-statistics .card .c-title {
font-size: 16px;
font-weight: 700;
color: #141414;
margin-bottom: 28px;
}
#player-statistics .card .c-title svg {
width: 24px;
height: 24px;
margin-right: 8px;
color: #12A0D7;
}
#player-statistics .card .c-datas .c-data-title {
font-size: 12px;
color: #939393;
}
#player-statistics .card .c-datas .c-data-number:after {
content: attr(data-suffix);
font-size: 22px;
}
#player-statistics .card .c-datas .c-data-left .c-data-title {
font-weight: 700;
}
#player-statistics .card .c-datas .c-data-left .c-data-number {
font-weight: 700;
font-size: 66px;
line-height: 1;
color: #141414;
}
#player-statistics .card .c-datas .c-data-right .c-data-number {
font-size: 28px;
line-height: 1;
font-weight: 300;
color: #939393;
}
#player-statistics .card .c-datas .c-data-right .c-data-number:after {
font-size: 16px;
}
#player-statistics .card .c-datas .c-data-right .c-data-all {
margin-left: 16px;
padding-left: 16px;
border-left: 1px solid #939393;
}
#player-statistics .card .c-datas .c-data-right .c-data-all .c-data-number {
color: #141414;
}
#player-statistics .card .c-total-time {
font-size: 22px;
font-weight: 300;
color: #ffffff;
}
#player-statistics .card .c-total-time svg {
width: 24px;
height: 24px;
margin-right: 8px;
}
#player-statistics .card .c-total-time svg path[stroke],
#player-statistics .card .c-total-time svg g[stroke] {
stroke: #fff;
}
#player-gallery {
padding: 0 0 120px;
}
#player-gallery a.gallery-item {
z-index: 1;
position: relative;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#player-gallery a.gallery-item::before {
content: " ";
position: absolute;
background: rgba(20, 20, 20, 0.2);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#player-gallery a.gallery-item:hover {
transform: scale(1.13);
z-index: 10;
}
#player-gallery a.gallery-item:hover::before {
opacity: 0;
}
#match-calendar {
margin-bottom: 24px;
}
#match-calendar #mc-in {
background: #fff;
padding: 40px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
#match-calendar #mc-in .m-section-title {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 4px solid #f4f4f4;
font-weight: 700;
font-size: 34px;
color: #141414;
}
#match-calendar #mc-in .month-loop {
margin-bottom: 40px;
}
#match-calendar #mc-in .month-loop:last-child {
margin-bottom: 0;
}
#match-calendar #mc-in .m-item {
padding: 16px;
border: solid 1px #f4f4f4;
margin-bottom: 8px;
color: #141414;
}
#match-calendar #mc-in .m-item:last-child {
margin-bottom: 0;
}
#match-calendar #mc-in .m-item.m-ended .m-teams .m-seperate {
color: #12A0D7;
}
#match-calendar #mc-in .m-item .m-date {
font-size: 16px;
width: 130px;
padding-right: 16px;
border-right: 1px solid #f4f4f4;
text-transform: uppercase;
}
#match-calendar #mc-in .m-item .m-date .date {
font-weight: 700;
}
#match-calendar #mc-in .m-item .m-date .time {
font-weight: 500;
color: #12A0D7;
}
#match-calendar #mc-in .m-item .m-league-logo {
padding: 0 28px;
border-right: 1px solid #f4f4f4;
}
#match-calendar #mc-in .m-item .m-league-logo img {
width: 42px;
height: 42px;
object-fit: contain;
}
#match-calendar #mc-in .m-item .m-details {
width: 180px;
border-right: 1px solid #f4f4f4;
}
#match-calendar #mc-in .m-item .m-details .count {
font-size: 12px;
color: #141414;
font-weight: 700;
}
#match-calendar #mc-in .m-item .m-details .stadium {
font-size: 8px;
font-weight: 500;
color: #939393;
}
#match-calendar #mc-in .m-item .m-teams {
flex: 1;
}
#match-calendar #mc-in .m-item .m-teams .m-team {
flex: 1;
}
#match-calendar #mc-in .m-item .m-teams .m-team.m-team-1 .team-name {
text-align: right;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-name {
padding: 0 12px;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-logo {
padding: 0 12px;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-logo img {
width: 42px;
height: 42px;
}
#match-calendar #mc-in .m-item .m-teams .m-seperate {
font-size: 16px;
font-weight: 700;
color: #939393;
padding: 0 8px;
}
#match-calendar #mc-in .m-item .m-cta {
padding-left: 16px;
}
#match-calendar #mc-in .m-item .m-cta a.btn {
font-size: 16px;
}
#match-calendar #scorboard .s-header {
padding: 16px 0;
background-color: #f4f4f4;
text-align: center;
margin-bottom: 20px;
}
#match-calendar #scorboard .s-header .sh-item {
font-size: 12px;
font-weight: 500;
color: #7d7d7d;
}
#match-calendar #scorboard .s-body {
font-size: 16px;
color: #141414;
}
#match-calendar #scorboard .s-body .sb-row {
border: 1px solid #f4f4f4;
border-left-width: 4px;
margin-bottom: 8px;
height: 72px;
}
#match-calendar #scorboard .s-body .sb-row.current {
border-color: #12A0D7;
}
#match-calendar #scorboard .s-body .sb-row:nth-child(1),
#match-calendar #scorboard .s-body .sb-row:nth-child(2) {
border-left-color: #738cf4;
}
#match-calendar #scorboard .s-body .sb-row:nth-child(3) {
border-left-color: #c19824;
}
#match-calendar #scorboard .s-body .sb-row:nth-child(4) {
border-left-color: #a40f0f;
}
#match-calendar #scorboard .s-body .sb-row:nth-last-child(-n+4) {
border-left-color: #d70f0f;
}
#match-calendar #scorboard .s-body .sb-row:last-child {
margin-bottom: 0;
}
#match-calendar #scorboard .s-body .sb-row .order {
padding-left: 16px;
font-weight: 700;
font-size: 20px;
color: #141414;
}
#match-calendar #scorboard .s-body .sb-row .order:after {
content: " ";
width: 10px;
height: 10px;
background-color: #f4f4f4;
display: flex;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#match-calendar #scorboard .s-body .sb-row .team {
font-weight: 700;
}
#match-calendar #scorboard .s-body .sb-row .team .team-logo {
margin: 0 32px 0 40px;
}
#match-calendar #scorboard .s-body .sb-row .team .team-logo img {
width: 42px;
height: 42px;
}
#match-calendar #scorboard .s-body .sb-row .point {
background-color: #f2f2f2;
font-weight: 700;
height: 100%;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li {
margin: 0 2px;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li:first-child span.item {
box-shadow: 0 2px 0 #fff, 0 4px 0 #d8d8d8;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li:first-child span.item.winner {
box-shadow: 0 2px 0 #fff, 0 4px 0 #64d044;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li:first-child span.item.lose {
box-shadow: 0 2px 0 #fff, 0 4px 0 #c83e3e;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li span.item {
width: 20px;
height: 20px;
font-size: 12px;
font-weight: 500;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
background-color: #d8d8d8;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li span.item.winner {
background-color: #64d044;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li span.item.lose {
background-color: #c83e3e;
}
#match-calendar #scorboard .order {
width: 60px;
}
#match-calendar #scorboard .team {
flex: 1;
}
#match-calendar #scorboard .equal-point {
width: 60px;
display: flex;
align-items: center;
justify-content: center;
}
#match-calendar #scorboard .form {
width: 232px;
}
#match-calendar #scorboard .next-match {
width: 160px;
}
main.blog .category-title {
font-weight: 700;
font-size: 34px;
line-height: 1;
color: #141414;
padding: 0 0 40px;
border-bottom: 4px solid #141414;
}
main.blog .category-title a.link {
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
text-align: right;
}
#blog-head-banner {
overflow: hidden;
}
#blog-head-banner img.banner {
width: 100%;
height: auto;
max-height: 90vh;
object-fit: contain;
position: relative;
z-index: 1;
}
#blog-head-banner img.bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
filter: blur(15px);
transform: scale(1.3);
}
#blog-head-banner a.item {
position: relative;
}
#blog-head-banner a.item:hover:before {
top: -50%;
}
#blog-head-banner a.item:before {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2; background: transparent; background: -moz-linear-gradient(top, transparent 0%, #141414 100%); background: -webkit-linear-gradient(top, transparent 0%, #141414 100%); background: linear-gradient(to bottom, transparent 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0); -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#blog-head-banner .metas {
position: absolute;
z-index: 3;
left: 10%;
right: 10%;
bottom: 110px;
}
#blog-head-banner .metas .title {
margin: 0 0 32px;
font-weight: 700;
font-size: 48px;
text-align: center;
color: #ffffff;
text-decoration: underline;
}
#blog-head-banner .metas .details .time {
font-size: 8px;
font-weight: 500;
color: #939393;
margin-left: 30px;
}
#blog-list {
background: #fff;
margin-top: -80px;
padding: 40px;
position: relative;
z-index: 9;
margin-bottom: 32px;
}
#blog-list #blog-list-items .blog-item {
padding: 24px 0;
border-bottom: 1px solid #f2f2f2;
}
#blog-list #blog-list-items .blog-item .date .day {
margin: 0 0 4px;
font-weight: 700;
font-size: 26px;
color: #141414;
}
#blog-list #blog-list-items .blog-item .date .date-in {
font-size: 16px;
font-weight: 500;
color: #939393;
}
#blog-list #blog-list-items .blog-item .details .cat {
margin-bottom: 9px;
}
#blog-list #blog-list-items .blog-item .details .title {
margin: 0 0 12px;
font-weight: 700;
font-size: 26px;
line-height: 1.2;
color: #141414;
}
#blog-list #blog-list-items .blog-item .details .desc {
font-size: 16px;
font-weight: 500;
line-height: 1.63;
color: #939393;
}
#blog-list #blog-list-items .blog-item .details .desc p {
margin: 18px 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
}
#blog-list #blog-list-items .blog-item .date2 {
text-align: right;
font-size: 12px;
font-weight: 500;
color: #939393;
}
#blog-list .pagination {
margin-top: 20px;
}
#blog-list .pagination ul li {
margin-right: 8px;
}
#blog-list .pagination ul li:hover a {
background-color: #141414;
color: #fff;
}
#blog-list .pagination ul li.active a {
background-color: #12A0D7;
color: #fff;
}
#blog-list .pagination ul li a {
background-color: #ededed;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
font-size: 16px;
color: #141414;
font-weight: 700;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#photo-gallery-list {
background: #fff;
padding: 40px;
position: relative;
z-index: 1;
margin-bottom: 32px;
}
#photo-gallery-list #photo-gallery-items {
margin-top: 52px;
}
#photo-gallery-list #photo-gallery-items a.card {
border: 1px solid #f4f4f4;
padding: 12px 12px 32px;
height: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#photo-gallery-list #photo-gallery-items a.card:hover {
border-color: #dbdbdb;
}
#photo-gallery-list #photo-gallery-items a.card .thumb {
margin-bottom: 36px;
position: relative;
}
#photo-gallery-list #photo-gallery-items a.card .thumb img {
position: relative;
}
#photo-gallery-list #photo-gallery-items a.card .thumb:before,
#photo-gallery-list #photo-gallery-items a.card .thumb:after {
content: " ";
background: rgba(216, 216, 216, 0.6);
position: absolute;
left: 0;
top: 20px;
right: 0;
height: 100%;
transform: scale(0.9);
z-index: -1;
}
#photo-gallery-list #photo-gallery-items a.card .thumb:after {
top: 40px;
opacity: 33%;
transform: scale(0.8);
z-index: -2;
}
#photo-gallery-list #photo-gallery-items a.card .title {
font-size: 22px;
font-weight: 700;
text-align: center;
color: #141414;
margin-bottom: 40px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
height: 100%;
}
#photo-gallery-list #photo-gallery-items a.card .metas .time {
font-size: 12px;
font-weight: 500;
color: #939393;
}
#blog-detail {
background-color: #ffffff;
margin: 60px 0;
--gutter-x2: 0px;
--gutter-x: 0px;
}
#blog-detail #blog-sidebar {
background-color: #fafafa;
height: 100%;
}
#blog-detail #blog-sidebar-in {
border-right: 1px solid #ebebeb;
background-color: #fafafa;
}
#blog-detail #blog-sidebar .sidebar-item li.no-padding a {
padding: 0;
}
#blog-detail #blog-sidebar .sidebar-item li.active {
border-left: 4px solid #12A0D7;
background-color: #ffffff;
}
#blog-detail #blog-sidebar .sidebar-item li.active a {
padding-left: 12px;
}
#blog-detail #blog-sidebar .sidebar-item li a {
padding: 16px;
border-bottom: 1px solid #ebebeb;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#blog-detail #blog-sidebar .sidebar-item li a:hover {
background-color: #ffffff;
}
#blog-detail #blog-sidebar .sidebar-item li .title {
margin-bottom: 8px;
font-size: 14px;
font-weight: 700;
line-height: 1.33;
color: #141414;
}
#blog-detail #blog-sidebar .sidebar-item li .date {
font-size: 8px;
font-weight: 500;
line-height: 2;
color: #939393;
}
#blog-detail #blog-content {
padding: 108px;
}
#blog-detail #blog-content .title {
margin: 0 0 54px;
font-weight: 700;
font-size: 48px;
color: #141414;
line-height: 1.2;
}
#blog-detail #blog-content .content-area {
padding-top: 16px;
}
#blog-detail #blog-content .content-area .ca-sidebar {
width: 80px;
margin-right: 32px;
}
#blog-detail #blog-content .content-area .share {
padding: 24px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: solid 1px #ebebeb;
}
#blog-detail #blog-content .content-area .share .s-title {
font-size: 8px;
font-weight: 500;
color: #939393;
margin-bottom: 16px;
}
#blog-detail #blog-content .content-area .share ul li {
margin-bottom: 8px;
}
#blog-detail #blog-content .content-area .share ul li a {
padding: 8px;
height: 38px;
border: solid 1px #eeeeee;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#blog-detail #blog-content .content-area .share ul li a:hover {
background: #12A0D7;
}
#blog-detail #blog-content .content-area .share ul li a:hover svg {
color: #fff;
}
#blog-detail #blog-content .content-area .share ul li a svg {
width: 20px;
height: 20px;
color: #141414;
}
#blog-detail #blog-content .content-area .ca-right {
flex: 1;
}
#blog-detail #blog-content .content-area .ca-right .author {
padding: 8px 0;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 24px;
}
#blog-detail #blog-content .content-area .ca-right .author .author-details .a-image {
margin-right: 16px;
}
#blog-detail #blog-content .content-area .ca-right .author .author-details .a-image img {
width: 42px;
height: 42px;
border: solid 1px #ebebeb;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#blog-detail #blog-content .content-area .ca-right .author .author-details .a-name {
margin: 0 0 4px 0;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #141414;
}
#blog-detail #blog-content .content-area .ca-right .author .author-details .a-role {
font-size: 8px;
font-weight: 500;
color: #939393;
}
#blog-detail #blog-content .content-area .ca-right .author .date {
font-size: 8px;
font-weight: 500;
text-align: right;
color: #939393;
}
#blog-detail #blog-content .content-area .ca-right .post-content {
font-size: 16px;
color: #141414;
line-height: 2;
}
#blog-detail #blog-content .content-area .ca-right .post-content .post-thumbnail,
#blog-detail #blog-content .content-area .ca-right .post-content p,
#blog-detail #blog-content .content-area .ca-right .post-content ul,
#blog-detail #blog-content .content-area .ca-right .post-content ol {
margin: 25px 0;
}
#blog-detail #blog-content .content-area .ca-right .post-content h1,
#blog-detail #blog-content .content-area .ca-right .post-content .post-title {
font-size: 28px;
}
#blog-detail #blog-content .content-area .ca-right .post-content h2 {
font-size: 24px;
}
#blog-detail #blog-content .content-area .ca-right .post-content h3 {
font-size: 20px;
}
#blog-detail #blog-content .content-area .ca-right .post-content h4,
#blog-detail #blog-content .content-area .ca-right .post-content h5 {
font-size: 18px;
}
#blog-detail #blog-content .content-area .ca-right .post-content .post-title,
#blog-detail #blog-content .content-area .ca-right .post-content h1,
#blog-detail #blog-content .content-area .ca-right .post-content h2,
#blog-detail #blog-content .content-area .ca-right .post-content h3,
#blog-detail #blog-content .content-area .ca-right .post-content h4 {
margin: 25px 0;
line-height: 1.5;
}
#blog-detail #blog-content .content-area .ca-right .post-content ul,
#blog-detail #blog-content .content-area .ca-right .post-content ol {
padding-left: 20px;
}
#blog-detail #blog-content .content-area .ca-right .post-content ul li {
list-style: disc;
}
#blog-detail #blog-content .content-area .ca-right .post-content ol li {
list-style: numeric;
}
#blog-detail #blog-content .content-area .ca-right .post-content a {
color: #12A0D7;
font-weight: 600;
}
#blog-detail #blog-content .content-area .ca-right .post-content img {
max-width: 100%;
height: auto;
}
#match-banner {
position: relative;
}
#match-banner .top-area {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#match-banner .top-area .live {
position: absolute;
left: 0;
top: 76px;
}
#match-banner .top-area .live .l-text {
padding: 8px 30px;
background-color: #12A0D7;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1;
margin-right: 8px;
}
#match-banner .top-area .live .l-icon {
width: 24px;
height: 24px;
margin-right: 8px;
color: #fff;
}
#match-banner .top-area .live .l-time {
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
#match-banner .top-area .left {
flex: 1;
}
#match-banner .top-area .left .t-name {
text-align: end;
}
#match-banner .top-area .middle .m-in {
margin: 0 32px;
width: 232px;
padding: 98px 20px 20px;
-webkit-filter: drop-shadow(0 10px 50px rgba(18, 160, 215, 0.45));
filter: drop-shadow(0 10px 50px rgba(18, 160, 215, 0.45));
background-color: #ffffff;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
position: relative;
}
#match-banner .top-area .middle .m-in:after {
content: " ";
width: 232px;
height: 15px;
border-width: 15px 116px 0;
border-style: solid;
border-color: #fff transparent transparent transparent;
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
}
#match-banner .top-area .middle .m-in .m-league {
font-weight: 500;
color: #7d7d7d;
margin-bottom: 12px;
}
#match-banner .top-area .middle .m-in .m-stadium {
font-weight: 700;
color: #141414;
margin-bottom: 24px;
}
#match-banner .top-area .middle .m-in .m-score {
font-weight: 700;
font-size: 96px;
letter-spacing: 10px;
line-height: 1;
color: #141414;
}
#match-banner .top-area .middle .m-in .m-score span.w {
color: #12A0D7;
}
#match-banner .top-area .right {
flex: 1;
}
#match-banner .top-area .lr-top {
width: 390px;
padding-top: 190px;
margin-bottom: 20px;
}
#match-banner .top-area .lr-top .t-logo img {
width: 120px;
height: 120px;
}
#match-banner .top-area .lr-top .t-name {
max-width: 170px;
font-weight: 700;
font-size: 32px;
color: #ffffff;
line-height: 1;
}
#match-banner .middle-area-for-goals {
position: relative;
z-index: 1;
}
#match-banner .lr-bottom .lrb-row {
font-size: 16px;
font-weight: 500;
color: #ffffff;
margin-bottom: 12px;
}
#match-banner .lr-bottom .lrb-row:last-child {
margin-bottom: 0;
}
#match-banner .lr-bottom .lrb-row .lrb-min {
font-weight: 700;
}
#match-banner .lr-bottom .lrb-row .lrb-name {
margin: 0 24px;
}
#match-banner .lr-bottom .lrb-row .lrb-icon svg {
width: 24px;
height: 24px;
color: #fff;
}
#match-banner .bottom-area {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(20, 20, 20, 0);
}
#match-banner .bottom-area .b-top {
padding: 78px 0;
border-top: 1px solid rgba(147, 147, 147, 0.2);
}
#match-banner .bottom-area .b-top .timeline {
position: relative;
height: 1px;
background-color: #fff;
}
#match-banner .bottom-area .b-top .timeline .current-time {
position: absolute;
left: 0;
top: -1px;
width: calc(var(--minute) / 90 * 100%);
height: 3px;
box-shadow: 0 0 20px 0 #12A0D7;
background-color: #12A0D7;
}
#match-banner .bottom-area .b-top .timeline .min {
position: absolute;
width: 3px;
height: 16px;
background-color: #12A0D7;
top: 50%;
transform: translateY(-50%);
left: calc(var(--percentage) / 90 * 100%);
}
#match-banner .bottom-area .b-top .timeline .min.played span.text {
font-weight: 700;
color: #12A0D7;
}
#match-banner .bottom-area .b-top .timeline .min span.text {
font-size: 16px;
text-align: center;
color: #fff;
position: absolute;
top: -30px;
left: 50%;
transform: translate(-50%, 0%);
}
#match-banner .bottom-area .b-top .timeline .goal {
position: absolute;
width: 8px;
height: 8px;
background-color: #ffffff;
top: 50%;
transform: translate(-30%, -50%);
left: calc(var(--percentage) / 90 * 100%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
z-index: 2;
}
#match-banner .bottom-area .b-top .timeline .goal span.text {
font-size: 16px;
text-align: center;
color: #fff;
font-weight: 700;
position: absolute;
bottom: -30px;
left: 50%;
transform: translate(-50%, 0%);
white-space: nowrap;
}
#match-banner .bottom-area .b-bottom {
padding: 40px 0;
border-top: 1px solid rgba(147, 147, 147, 0.2);
}
#match-banner .bottom-area .b-bottom a {
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
color: #ffffff;
}
#match-banner .bottom-area .b-bottom a svg {
width: 24px;
height: 24px;
margin-right: 24px;
}
#md-in {
padding: 72px 108px;
background: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
}
#md-in .m-seperate {
position: relative;
z-index: 1;
margin: 72px 0;
}
#md-in .m-seperate:after {
content: ' ';
width: 2px;
height: 270px;
position: absolute;
background: #f4f4f4;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
#md-in .m-seperate.m-start {
margin-top: 0px;
}
#md-in .m-seperate.m-start:after {
height: 92px;
top: 100%;
transform: translate(-50%, 0);
}
#md-in .m-seperate.m-ended {
margin-bottom: 0px;
}
#md-in .m-seperate.m-ended:after {
height: 92px;
top: 100%;
transform: translate(-50%, -100%);
}
#md-in .m-seperate .m-box {
padding: 18px 36px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: solid 1px #141414;
font-size: 16px;
font-weight: 500;
color: #141414;
position: relative;
z-index: 1;
background: #fff;
}
#md-in .m-seperate .m-box .m-icon {
width: 24px;
height: 24px;
margin-left: 8px;
}
#md-in .m-attack-detail {
margin-bottom: 16px;
}
#md-in .m-attack-detail:last-child .m-time:before {
display: none;
}
#md-in .m-attack-detail.m-home .m-box .m-player {
text-align: right;
}
#md-in .m-attack-detail.m-away {
flex-direction: row-reverse;
}
#md-in .m-attack-detail.m-away .m-time:after {
left: 100%;
}
#md-in .m-attack-detail.m-away .m-box {
flex-direction: row-reverse;
}
#md-in .m-attack-detail .m-box {
flex: 1;
padding: 18px 20px;
background: #fff;
position: relative;
z-index: 2;
border: solid 2px transparent;
}
#md-in .m-attack-detail .m-box.d-flex {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border-color: #f4f4f4;
}
#md-in .m-attack-detail .m-box.m-goal .m-text {
font-size: 16px;
font-weight: 700;
color: #328b2b;
}
#md-in .m-attack-detail .m-box.m-player-change .m-text .m-name {
margin: 0 8px;
}
#md-in .m-attack-detail .m-box.m-player-change .m-text svg {
width: 24px;
height: 24px;
color: #939393;
}
#md-in .m-attack-detail .m-box.m-yellow-red-card .m-icon {
width: 24px;
height: 20px;
}
#md-in .m-attack-detail .m-box .m-text {
font-size: 12px;
font-weight: 500;
color: #939393;
}
#md-in .m-attack-detail .m-box .m-player {
flex: 1;
font-size: 16px;
font-weight: 500;
color: #141414;
margin: 0 8px;
}
#md-in .m-attack-detail .m-box .m-icon {
width: 24px;
height: 24px;
}
#md-in .m-attack-detail .m-time {
margin: 0 36px;
position: relative;
}
#md-in .m-attack-detail .m-time:after {
content: ' ';
width: 100%;
height: 2px;
position: absolute;
left: -100%;
top: 50%;
transform: translateY(-50%);
background: #f4f4f4;
}
#md-in .m-attack-detail .m-time:before {
content: ' ';
width: 2px;
position: absolute;
background: #f4f4f4;
left: 50%;
top: 100%;
height: 60px;
transform: translateX(-50%);
}
#md-in .m-attack-detail .m-time .m-t-in {
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 700;
color: #141414;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #f4f4f4;
position: relative;
z-index: 9;
}
#page-header-map {
overflow: hidden;
height: 500px;
}
#page-header-map iframe {
width: 200%;
height: 200%;
top: -50%;
left: -50%;
position: relative;
}
#contact-content {
margin-top: -40px;
padding-bottom: 60px;
}
#contact-content .form-cont,
#contact-content .contact-cont {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.85);
padding: 44px 40px 40px;
height: 100%;
}
#contact-content .form-cont .title {
margin: 0 0 24px;
padding: 0 0 24px;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.86px;
text-align: center;
color: #141414;
border-bottom: 1px solid #eee;
}
#contact-content .form-cont .form .form-group {
display: flex;
flex-flow: column;
margin-bottom: 24px;
}
#contact-content .form-cont .form .form-group label {
margin: 0 0 8px;
font-size: 12px;
font-weight: 700;
color: #272727;
}
#contact-content .form-cont .form .form-group .form-control {
padding: 16px;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: 1px solid #dfdfdf;
background-color: #fff;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
}
#contact-content .form-cont .form .form-group .form-control:focus {
border-color: #141414;
}
#contact-content .form-cont .form .form-group textarea.form-control {
height: 140px;
}
#contact-content .form-cont .form .form-group .wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 4px;
}
#contact-content .form-cont .form .button {
padding: 16px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #12A0D7;
width: 100%;
text-align: center;
border: none;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
cursor: pointer;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contact-content .form-cont .form .button:hover {
background-color: #0e7da8;
}
#contact-content .form-cont .wpcf7-response-output {
margin: 0 !important;
}
#contact-content .contact-cont {
padding: 24px;
}
#contact-content .contact-cont .icon-item {
padding: 24px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: solid 1px #eee;
background-color: #fbfbfb;
margin-bottom: 8px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contact-content .contact-cont .icon-item:last-child {
margin-bottom: 0;
}
#contact-content .contact-cont .icon-item:hover {
border-color: #e1e1e1;
background-color: #eeeeee;
}
#contact-content .contact-cont .icon-item.icon-address .text {
font-size: 16px;
}
#contact-content .contact-cont .icon-item .icon {
margin-bottom: 24px;
}
#contact-content .contact-cont .icon-item .icon svg {
width: 72px;
height: 72px;
color: #12A0D7;
}
#contact-content .contact-cont .icon-item .text {
font-size: 24px;
font-weight: 700;
text-align: center;
color: #141414;
}
#page-content {
position: relative;
}
#page-content:after {
content: " ";
position: absolute;
left: 50%;
right: 0;
top: 0;
bottom: 0;
background: #fff;
}
#page-content .container {
position: relative;
z-index: 1;
}
#page-content .sidebar {
padding: 80px 0;
background-color: #f2f2f2;
}
#page-content .sidebar .sidebar-title {
font-size: 24px;
font-weight: 700;
}
#page-content .sidebar ul.menu li.current-menu-item a {
font-size: 20px;
font-weight: 700;
}
#page-content .sidebar ul.menu li.current-menu-item a:before {
content: " ";
width: 19px;
height: 20px;
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
background: url(//altay.org.tr/wp-content/themes/altay/assets/images/altay-black-icon@1x.png) no-repeat center;
background-size: contain;
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
#page-content .sidebar ul.menu li.current-menu-item a:before {
background-image: url(//altay.org.tr/wp-content/themes/altay/assets/images/altay-black-icon@2x.png);
}
}
#page-content .sidebar ul.menu li a {
font-size: 16px;
font-weight: 500;
color: #141414;
padding: 24px 20px;
display: block;
position: relative;
}
#page-content .post-content {
padding: 80px;
background: #fff;
height: 100%;
font-size: 16px;
color: #939393;
line-height: 2;
}
#page-content .post-content .post-thumbnail,
#page-content .post-content p,
#page-content .post-content ul,
#page-content .post-content ol,
#page-content .post-content table {
margin: 40px 0;
}
#page-content .post-content .post-thumbnail:first-child,
#page-content .post-content p:first-child,
#page-content .post-content ul:first-child,
#page-content .post-content ol:first-child,
#page-content .post-content table:first-child {
margin-top: 0;
}
#page-content .post-content .post-thumbnail:last-child,
#page-content .post-content p:last-child,
#page-content .post-content ul:last-child,
#page-content .post-content ol:last-child,
#page-content .post-content table:last-child {
margin-bottom: 0;
}
#page-content .post-content .post-title,
#page-content .post-content h1,
#page-content .post-content h2,
#page-content .post-content h3,
#page-content .post-content h4 {
font-weight: 700;
font-size: 34px;
letter-spacing: 0;
line-height: 1.4;
margin: 80px 0 40px;
color: #141414;
}
#page-content .post-content .post-title:nth-child(1),
#page-content .post-content h1:nth-child(1),
#page-content .post-content h2:nth-child(1),
#page-content .post-content h3:nth-child(1),
#page-content .post-content h4:nth-child(1) {
margin-top: 0;
}
#page-content .post-content h2 {
font-size: 28px;
}
#page-content .post-content h3,
#page-content .post-content h4 {
font-size: 24px;
}
#page-content .post-content ul {
padding-left: 20px;
}
#page-content .post-content ul li {
list-style: disc;
}
#page-content .post-content ol {
padding-left: 20px;
}
#page-content .post-content ol li {
list-style: numeric;
}
#page-content .post-content ul.column-count-3,
#page-content .post-content ol.column-count-3 {
column-count: 3;
column-gap: 50px;
}
#page-content .post-content a {
color: #12A0D7;
}
#page-content .post-content b,
#page-content .post-content strong {
color: #141414;
}
#page-content .post-content img {
max-width: 100%;
height: auto;
}
#page-content .post-content table {
width: 100%;
}
#page-content .post-content table.counter tbody tr {
counter-increment: rowNumber;
}
#page-content .post-content table.counter tbody tr td:first-child::before {
content: counter(rowNumber);
min-width: 1em;
}
#page-content .post-content table thead tr {
text-align: left;
}
#page-content .post-content table thead tr th {
padding-left: 10px;
letter-spacing: 0.6px;
}
#page-content .post-content table tbody tr {
background-color: #EBEBEB;
}
#page-content .post-content table tbody tr:nth-child(odd) {
background-color: #f4f4f4;
}
#page-content .post-content table tbody tr td {
padding: 10px 30px 10px 10px;
}
#page-content .post-content .col-card {
margin-top: 40px;
margin-bottom: 40px;
}
#page-content .post-content .member-card {
margin: 0 auto;
}
@media screen and (min-width: 1299px) {
#page-content .post-content .member-card {
width: max-content;
}
}
#page-content .post-content .member-card.legend-card .m-photo {
padding: 0;
border: none;
}
#page-content .post-content .member-card .m-photo {
margin: 0 0 32px;
padding: 12px;
border: solid 1px #f2f2f2;
background-color: #ffffff;
position: relative;
}
#page-content .post-content .member-card .m-photo .m-role {
padding: 20px;
background-color: rgba(20, 20, 20, 0.79);
position: absolute;
left: 0;
bottom: 0;
right: 0;
text-align: left;
font-size: 14px;
color: #fff;
padding: 12px 20px;
}
#page-content .post-content .member-card .m-photo .m-role ul {
margin: 0;
padding: 0;
}
#page-content .post-content .member-card .m-photo .m-role ul li {
list-style: none;
margin: 10px 0;
}
#page-content .post-content .member-card .m-name {
font-size: 20px;
line-height: 1.3;
font-weight: 700;
text-align: center;
color: #141414;
margin-bottom: 6px;
}
#page-content .post-content .member-card .m-role {
font-size: 16px;
line-height: 1;
font-weight: 500;
text-align: center;
color: #12A0D7;
}
main.millilerimiz.futbol-okullari .tab-container .tab-nav ul li a {
min-width: 130px;
}
main.millilerimiz #page-content {
background-color: #fff;
padding-left: 16px;
padding-right: 16px;
}
main.millilerimiz .post-content h2 {
font-size: 34px;
margin: 0 0 32px;
}
main.millilerimiz .post-content h2 strong {
color: #12A0D7 !important;
}
main.millilerimiz .post-content p {
font-size: 24px;
line-height: 1.67;
color: #525252;
}
main.millilerimiz .post-content p:last-child {
margin-bottom: 0;
}
main.millilerimiz .tab-container .tab-nav {
padding: 24px 0;
border: 1px solid #e5e5e5;
border-width: 1px 0;
}
main.millilerimiz .tab-container .tab-nav ul {
margin-left: -6px;
margin-right: -6px;
}
main.millilerimiz .tab-container .tab-nav ul li {
flex: 1;
margin: 0 6px 12px;
}
main.millilerimiz .tab-container .tab-nav ul li a {
height: 60px;
min-width: 120px;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #f2f2f2;
font-size: 16px;
letter-spacing: -0.57px;
text-align: center;
color: #141414;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
main.millilerimiz .tab-container .tab-nav ul li a.active {
background-color: #141414 !important;
color: #fff;
font-weight: 700;
}
main.millilerimiz .tab-container .tab-nav ul li a:hover {
background-color: #939393;
color: #fff;
}
main.millilerimiz .tab-container .tab-content {
padding: 48px 0 160px;
}
main.millilerimiz .tab-container .tab-content .tab {
display: none;
}
main.millilerimiz .tab-container .tab-content .tab.active {
display: block;
}
main.millilerimiz .tab-container .tab-content .tab ul {
display: flex;
flex-wrap: wrap;
}
main.millilerimiz .tab-container .tab-content .tab ul li {
margin: 0 16px 16px 0;
padding: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: solid 1px #f2f2f2;
background-color: #fff;
min-width: calc(50% - 8px);
}
main.millilerimiz .tab-container .tab-content .tab ul li:nth-child(even) {
margin-right: 0;
}
main.millilerimiz .tab-container .tab-content .tab ul li:nth-child(4n+1),
main.millilerimiz .tab-container .tab-content .tab ul li:nth-child(4n+2) {
background-color: #fafafa;
}
#o-bir-altayli .altayli-item {
background: url(//altay.org.tr/wp-content/themes/altay/assets/images/o-bir-altayli-oyuncu-solda-bg.png) no-repeat center;
background-size: cover;
}
#o-bir-altayli .altayli-item.flex-row-reverse .m-card {
padding-right: 10px;
padding-left: 80px;
}
#o-bir-altayli .altayli-item .m-photo img {
height: 100%;
width: 100%;
object-fit: cover;
}
#o-bir-altayli .altayli-item .m-card {
padding: 40px 80px 40px 10px;
}
#o-bir-altayli .altayli-item .m-card .m-name {
font-size: 34px;
font-weight: 700;
letter-spacing: -1.21px;
color: #fff;
margin-bottom: 20px;
}
#o-bir-altayli .altayli-item .m-card .m-story {
font-size: 16px;
line-height: 2;
letter-spacing: -0.57px;
color: #cacaca;
}
#gecmisten-bugune .slick-arrow {
position: absolute;
border: none;
top: 50%;
transform: translateY(-50%);
z-index: 3;
width: 64px;
height: 64px;
cursor: pointer;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0);
border: solid 1px #fff;
opacity: 1;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gecmisten-bugune .slick-arrow:hover {
background: rgba(255, 255, 255, 0.2);
}
#gecmisten-bugune .slick-arrow span {
width: 24px;
height: 24px;
background-color: #fff;
-webkit-mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/double-arrow-right.svg);
mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/double-arrow-right.svg);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gecmisten-bugune .slick-arrow.slick-disabled {
opacity: 0;
}
#gecmisten-bugune .slick-arrow.slick-prev {
left: 100px;
transform: translateX(calc(-100% - 10px));
}
#gecmisten-bugune .slick-arrow.slick-prev span {
transform: rotate(180deg);
}
#gecmisten-bugune .slick-arrow.slick-next {
right: 100px;
transform: translateX(calc(100% + 10px));
}
#gecmisten-bugune .slider-for {
border-bottom: 10px solid #272727;
background-color: #272727;
}
#gecmisten-bugune .slider-for .item {
position: relative;
overflow: hidden;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gecmisten-bugune .slider-for .item:not(.slick-current) {
-webkit-filter: brightness(0.25) blur(3px) grayscale(1);
filter: brightness(0.25) blur(3px) grayscale(1);
}
#gecmisten-bugune .slider-for .item:not(.slick-current) .i-list {
opacity: 0;
}
#gecmisten-bugune .slider-for .item .i-photo {
position: relative;
z-index: 1;
}
#gecmisten-bugune .slider-for .item .i-photo img {
margin: 0;
width: 100%;
height: auto;
}
#gecmisten-bugune .i-list {
position: absolute;
z-index: 2;
left: 20px;
bottom: 20px;
padding: 32px 38px 0 0;
background-color: rgba(255, 255, 255, 0.95);
max-width: 60%;
opacity: 1;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gecmisten-bugune .i-list .title {
padding: 12px 36px 12px 24px;
background-color: #12A0D7;
font-size: 16px;
font-weight: 700;
color: #fff;
display: inline;
margin-bottom: 12px;
}
#gecmisten-bugune .i-list .title:first-child {
position: absolute;
left: 0;
top: 0;
transform: translateY(-50%);
}
#gecmisten-bugune .i-list .l-content {
padding-left: 24px;
margin-bottom: 12px;
}
#gecmisten-bugune .slider-for-details .slick-list {
background-color: #fff;
}
#gecmisten-bugune .slider-for-details .i-list {
position: relative;
left: 0;
bottom: 0;
padding: 0;
max-width: 100%;
}
#gecmisten-bugune .slider-for-details .i-list .title {
padding: 12px 24px;
width: 100%;
margin-bottom: 0;
}
#gecmisten-bugune .slider-for-details .i-list .title:first-child {
position: relative;
transform: translateY(0);
}
#gecmisten-bugune .slider-for-details .i-list .l-content {
padding: 24px;
margin-bottom: 0;
font-size: 14px;
}
#gecmisten-bugune .slider-nav {
text-align: center;
background-color: #141414;
padding: 14px 0;
}
#gecmisten-bugune .slider-nav .nav-item {
width: 250px;
padding: 10px 0;
margin: 0 10px;
font-weight: 400;
font-size: 24px;
line-height: 1;
height: 60px;
letter-spacing: -0.71px;
color: #969696;
cursor: pointer;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gecmisten-bugune .slider-nav .nav-item:hover {
color: #fff;
}
#gecmisten-bugune .slider-nav .nav-item.slick-current {
font-size: 42px;
font-weight: 700;
color: #fff;
}
#gecmisten-bugune #page-content::after {
display: none;
}
#gecmisten-bugune #page-content .post-content {
text-align: center;
}
#gecmisten-bugune #page-content .post-content p,
#gecmisten-bugune #page-content .post-content ul,
#gecmisten-bugune #page-content .post-content ol,
#gecmisten-bugune #page-content .post-content table {
margin: 20px 0;
}
#other-team-players .otp-head {
width: 100%;
font-size: 12px;
color: #7c7c7c;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
}
#other-team-players .otp-head .otph.otph-strip {
width: 75px;
padding-left: 10px;
}
#other-team-players .otp-head .otph.otph-name {
flex: 1;
padding-left: 50px;
}
#other-team-players .otp-head .otph.otph-position {
padding-left: 50px;
padding-right: 10px;
}
#other-team-players .otp-list {
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.57px;
color: #141414;
}
#other-team-players .otp-list .otp-item {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: solid 1px #f2f2f2;
margin-bottom: 16px;
}
#other-team-players .otp-list .otp-item:nth-child(odd) {
background-color: #fafafa;
}
#other-team-players .otp-list .otp-item .otpi {
padding: 20px 0 20px 50px;
}
#other-team-players .otp-list .otp-item .otpi.otpo-strip {
width: 65px;
padding-left: 20px;
}
#other-team-players .otp-list .otp-item .otpi.otpo-name {
flex: 1;
}
#other-team-players .otp-list .otp-item .otpi.otpo-position {
text-align: right;
color: #7c7c7c;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding-right: 20px;
letter-spacing: 0;
}
#other-team-players hr {
border: 1px solid #e5e5e5;
border-bottom: 0;
margin-top: 24px;
margin-bottom: 40px;
width: 100%;
}
footer #footer-top {
padding: 60px 0 90px;
background-color: #fbfbfb;
border-top: 1px solid #f2f2f2;
}
footer #footer-top .footer-logo svg {
width: 141px;
height: 150px;
}
footer #footer-top .footer-title {
font-size: 16px;
font-weight: 700;
color: #12A0D7;
margin-bottom: 16px;
}
footer #footer-top .menu {
margin-bottom: 24px;
}
footer #footer-top .menu li.store > a {
display: flex;
}
footer #footer-top .menu li.store > a:after {
content: ' ';
display: block;
width: 20px;
height: 20px;
margin-left: 12px;
background-color: #141414;
-webkit-mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
mask-image: url(//altay.org.tr/wp-content/themes/altay/assets/icons/shopping-cart.svg);
}
footer #footer-top .menu li a {
font-size: 16px;
color: #141414;
padding: 8px 0;
display: block;
font-weight: 500;
position: relative;
}
footer #footer-top .menu li a:hover:before {
width: 100%;
background-color: #12A0D7;
}
footer #footer-top .menu li a::before {
content: " ";
position: absolute;
left: 0;
bottom: 4px;
width: 0%;
height: 1px;
background-color: transparent;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
footer #footer-top .footer-social-icons {
margin-bottom: 34px;
}
footer #footer-top .icon-link {
background-color: #f2f2f2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
margin-right: 16px;
width: 48px;
height: 48px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #141414;
}
footer #footer-top .icon-link:last-child {
margin-right: 0;
}
footer #footer-top .icon-link:hover {
background-color: #141414;
color: #f2f2f2;
}
footer #footer-top .icon-link svg {
width: 24px;
height: 24px;
}
footer #footer-top .contact-btn {
background-color: #f2f2f2;
padding: 16px 24px 16px 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
margin-bottom: 16px;
width: 100%;
color: #141414;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
footer #footer-top .contact-btn:last-child {
margin-bottom: 0;
}
footer #footer-top .contact-btn:hover {
background-color: #141414;
color: #f2f2f2;
}
footer #footer-top .contact-btn svg {
min-width: 24px;
width: 24px;
height: 24px;
margin-right: 8px;
}
footer #footer-top .contact-btn .text {
font-size: 16px;
font-weight: 700;
}
footer #footer-top ul.footer-store li {
margin-bottom: 12px;
}
footer #footer-top ul.footer-store li img {
width: 180px;
}
footer #footer-bottom {
padding: 20px 0;
background-color: #f2f2f2;
}
footer #footer-bottom .copyright {
font-size: 12px;
font-weight: 500;
color: #939393;
}
footer #footer-bottom .pendigital svg {
width: 62px;
height: 28px;
}
@media (max-width: 1440px) {
#home-slider .news-slider .item .thumb {
min-width: 180px;
}
#home-slider .news-slider .item .thumb img {
height: 200px;
}
#home-news .news-row-1 .news-item span.text-area {
padding: 30px 210px 30px 40px;
}
#home-news .news-row-1 .news-item span.text-area .title {
font-size: 20px;
}
#home-news .news-row-1 .news-small-item span.text-area {
padding: 18px 20px;
}
#home-news .news-row-1 .news-small-item span.text-area .title {
font-size: 18px;
}
#home-news .news-row-2 .news-item {
padding: 0;
}
#page-title.as-kadro {
padding: 100px 0 50px;
}
#page-title.as-kadro .tab-navs {
margin-top: 50px;
}
#page-title.as-kadro .tab-navs .tab-nav {
font-size: 20px;
}
#page-title ul.menu {
margin-top: 50px;
}
#page-title ul.menu li a {
font-size: 20px;
}
#first-team .player-item .p-name {
bottom: 24px;
right: 24px;
font-size: calc(32px + 16 * ((100vw - 992px) / 448));
}
#first-team .player-item .p-number {
top: 24px;
left: 24px;
font-size: calc(76px + 20 * ((100vw - 992px) / 448));
}
#first-team .player-item .p-cta {
bottom: 24px;
left: 24px;
}
#player-header .player-stats .p-stat .p-val {
font-size: calc(102px + 30 * ((100vw - 1200px) / 240));
}
#news-about-player {
padding: 80px 50px;
}
#news-about-player .text-area .title {
font-size: 28px;
}
#player-statistics .card .c-datas .c-data-left .c-data-number {
font-size: 46px;
}
#player-statistics .card .c-datas .c-data-right .c-data-number {
font-size: 24px;
}
#blog-detail #blog-content {
padding: 70px;
}
#blog-detail #blog-content .title {
font-size: calc(36px + 12 * ((100vw - 1200px) / 240));
letter-spacing: 0;
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
#match-calendar .container {
max-width: 95%;
}
}
@media (max-width: 1299px) {
#match-calendar #scorboard .scored-goal,
#match-calendar #scorboard .conceded-goal {
display: none;
}
#home-legends .legends-slider .owl-nav button {
left: 29%;
}
#home-legends .legends-slider .owl-nav button.owl-next {
left: 71%;
}
}
@media (max-width: 1199px) {
#home-slider .news-slider .item .thumb {
min-width: 180px;
}
#home-slider .news-slider .item .thumb img {
height: 200px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-badge,
#match-fixture .bottom .match-list .match-card .m-top .m-league {
font-size: 10px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time {
font-size: 12px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-badge {
padding: 0 4px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo {
width: 48px;
height: 48px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo img {
width: 48px;
height: 48px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-name {
font-size: 14px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-divide {
font-size: 30px;
padding-top: 20px;
}
#match-fixture .bottom .match-list .match-card .m-bottom .m-link {
font-size: 14px;
padding: 6px 10px;
}
#home-players .section-title {
top: 4%;
}
#home-players .section-title .title {
font-size: calc(40px + 20 * ((100vw - 991px) / 208));
}
#home-players .huge-slider .player-stats .p-stat .p-val {
font-size: calc(80px + 20 * ((100vw - 991px) / 208));
}
#next-match-time .left .bottom .divide {
padding: 0 30px 34px;
}
#home-store {
padding: 90px 0 60px;
}
#home-store .product-slider .owl-nav button.owl-prev {
left: 25%;
}
#home-store .product-slider .owl-nav button.owl-next {
left: 75%;
}
#page-title .title {
font-size: 66px;
}
#player-infos .pi-item .large-text {
font-size: 28px;
}
#player-infos .pi-item .small-text {
font-size: 14px;
}
#player-header .player-stats {
text-align: right;
}
#blog-head-banner .metas .title {
font-size: 38px;
margin-bottom: 18px;
}
#blog-detail #blog-content .title {
font-size: 36px;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-name {
font-size: 14px;
}
#match-calendar #mc-in .m-item .m-cta a.btn {
font-size: 14px;
}
#match-calendar #scorboard .form {
width: 150px;
}
#match-banner .top-area {
position: relative;
left: 0;
transform: initial;
z-index: 1;
padding: 0 40px 60px;
}
#match-banner .top-area .live {
left: 40px;
}
#match-banner .top-area .middle .m-in {
width: 200px;
padding: 98px 20px 20px;
}
#match-banner .top-area .middle .m-in:after {
width: 200px;
border-width: 15px 100px 0;
}
#match-banner .top-area .middle .m-in .m-score {
font-size: 76px;
}
#match-banner .top-area .lr-top {
width: 300px;
}
#match-banner .top-area .lr-top .t-logo img {
width: 100px;
height: 100px;
}
#match-banner .top-area .lr-top .t-name {
font-size: 30px;
}
#match-banner .bottom-area {
position: relative;
left: 0;
z-index: 1;
}
#match-banner .bg-banner {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
object-fit: cover;
}
}
@media (min-width: 992px) {
body.admin-bar header.small {
top: -12px;
}
header.small {
top: -44px;
}
header.small > .container-huge {
height: 100px;
}
header.small #header--left {
padding-top: 52px;
}
header.small #header--left svg {
height: 95px;
width: 90px;
}
}
@media (max-width: 991px) {
body {
padding-top: 60px;
}
header {
border-bottom-width: 1px;
}
header > .container-huge {
height: 61px;
}
header #header--left {
flex: 1;
}
header #header--left svg {
height: 72px;
width: 68px;
}
header #header--right {
flex: initial;
}
#home-slider .news-slider .item .thumb {
min-width: 170px;
}
#home-slider .news-slider .item .thumb img {
height: 170px;
}
#home-slider .news-slider .item .right span.title {
height: 48px;
}
#home-players .section-title {
top: 30px;
}
#home-players .section-title .title {
font-size: 32px;
letter-spacing: 0;
line-height: 1;
}
#home-players .huge-slider .player-stats {
bottom: 42px;
}
#home-players .huge-slider .player-stats .p-stat {
margin-bottom: 24px;
}
#match-fixture .top {
padding: 120px 0 30px;
}
#match-fixture .bottom {
background: #080808;
}
#match-fixture .bottom .container {
max-width: 100%;
width: 100%;
margin: 0;
}
#match-fixture .bottom .match-list {
padding-bottom: 60px;
}
#match-fixture .bottom .match-list .owl-item {
opacity: 0.5;
}
#match-fixture .bottom .match-list .owl-item.active {
opacity: 1;
}
#match-fixture .bottom .match-list .owl-item.active + .active {
opacity: 0.5;
}
#match-fixture .bottom .match-list .owl-item .match-card .m-top .m-badge {
opacity: 0.4;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#match-fixture .bottom .match-list .match-card {
background-color: #1f1f1f;
width: 100%;
}
#match-fixture .bottom .match-list .match-card .m-top {
padding: 0 20px 20px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-league {
margin-left: -20px;
margin-right: -20px;
background-color: #1b1b1b;
padding: 3px 0;
height: 24px;
line-height: 18px;
margin-bottom: 20px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-badge {
top: 0;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time {
left: 4px;
top: 3px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-time .icon svg {
width: 16px;
height: 16px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team {
margin: 6px 0;
max-width: 100%;
min-width: 100%;
padding-right: 42px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo {
margin: 0 10px 0 0;
width: 32px;
height: 32px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-logo img {
width: 32px;
height: 32px;
}
#match-fixture .bottom .match-list .match-card .m-top .m-details .m-team .m-team-name {
height: initial;
font-size: 12px;
letter-spacing: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#match-fixture .bottom .match-list .match-card .m-bottom {
padding: 20px 0 8px;
font-size: 10px;
letter-spacing: 0px;
}
#match-fixture .bottom .match-list .match-card .m-bottom .m-link {
font-size: 12px;
padding: 4px 10px;
}
#next-match-time .left .bottom .divide {
font-size: 42px;
padding: 0 10px 34px;
}
#next-match-time .left .bottom .time .int {
font-size: 50px;
}
#next-match-time .right .table .title {
font-size: 18px;
}
#home-news .news-row-1 .news-item {
margin-bottom: 50px;
}
#home-news .news-row-2 {
padding: 0 0 50px;
}
#home-legends {
padding-bottom: 60px;
}
#home-legends .legends-top {
padding: 60px 0;
}
#home-schools {
padding-bottom: 60px;
}
#home-schools .schools-top {
padding: 60px 0;
}
#page-title.as-kadro .tab-navs .tab-nav {
padding: 20px;
}
#page-title .title {
font-size: 56px;
}
#first-team .player-item .p-name {
font-size: 32px;
}
#first-team .player-item .p-number {
font-size: 76px;
}
#player-header .player-stats {
top: 50%;
right: 40px;
transform: translateY(-50%);
}
#player-header .player-stats .p-stat {
margin-bottom: 24px;
}
#player-header .player-stats .p-stat .p-name {
margin-bottom: 12px;
}
#player-header .player-stats .p-stat .p-val {
font-size: 66px;
}
#news-about-player:before {
width: 100%;
height: 25%;
}
#news-about-player .text-area {
margin-top: 42px;
}
#player-statistics .card:last-child {
margin-bottom: 16px;
}
#player-statistics .card.card-type-2 {
height: initial;
}
#blog-list #blog-list-items .blog-item .details {
padding-top: 24px;
}
#photo-gallery-list #photo-gallery-items .col-lg-4 {
margin-bottom: 40px;
}
#photo-gallery-list #photo-gallery-items .col-lg-4:last-child {
margin-bottom: 0;
}
#photo-gallery-list #photo-gallery-items .col-lg-4 a.card .title {
margin-bottom: 20px;
}
#match-calendar #mc-in.m-results .m-item .m-cta {
border-left: 1px solid #f4f4f4;
padding: 0px;
}
#match-calendar #mc-in.m-results .m-item .m-cta a.btn {
padding: 30px 20px;
border: none;
}
#match-calendar #mc-in.m-results .m-item .m-cta a.btn svg {
color: #838383;
}
#match-calendar #mc-in .m-item .m-cta {
padding: 20px;
}
#match-calendar #mc-in .m-item .m-cta a.btn {
padding: 8px;
}
#match-calendar #mc-in .m-item .m-cta a.btn svg {
width: 24px;
height: 24px;
color: #12A0D7;
}
#match-calendar #mc-in .m-item .m-teams .m-team .t-score {
font-weight: 700;
color: #12A0D7;
padding-right: 20px;
min-width: 32px;
text-align: center;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-name {
font-weight: 700;
}
#match-calendar #scorboard .s-body .sb-row .team .team-logo {
margin: 0 18px;
}
#match-calendar #scorboard .next-match {
width: 100px;
}
#md-in {
padding: 42px 38px;
}
#match-banner .top-area {
padding-bottom: 0;
}
#match-banner .top-area .lr-top {
width: auto;
}
#match-banner .top-area .lr-top .t-logo {
margin-bottom: 16px;
}
#match-banner .top-area .lr-top .t-name {
width: 100%;
height: 60px;
text-align: center;
margin-bottom: 24px;
}
#match-banner .middle-area-for-goals {
border: solid rgba(242, 242, 242, 0.3);
border-width: 1px 0;
margin-bottom: 12px;
}
#match-banner .middle-area-for-goals .lr-bottom {
padding: 12px 40px 20px;
flex: 1;
}
#match-banner .middle-area-for-goals .left-bottom {
padding-right: 20px;
border-right: 1px solid rgba(242, 242, 242, 0.3);
}
#match-banner .middle-area-for-goals .right-bottom {
padding-left: 20px;
}
#match-banner .bottom-area .b-top {
padding: 50px 0;
}
#page-content:after {
display: none;
}
#page-content .sidebar {
padding: 0;
}
#page-content .post-content ul.column-count-3,
#page-content .post-content ol.column-count-3 {
column-count: 2;
}
#o-bir-altayli .altayli-item {
background-image: url(//altay.org.tr/wp-content/themes/altay/assets/images/o-bir-altayli-mobil-bg.png);
}
#o-bir-altayli .altayli-item .m-card {
padding: 40px 30px 100px !important;
}
#o-bir-altayli .altayli-item .m-card .m-name {
font-size: 34px;
font-weight: 700;
letter-spacing: -1.21px;
color: #fff;
margin-bottom: 20px;
}
#o-bir-altayli .altayli-item .m-card .m-story {
font-size: 16px;
line-height: 2;
letter-spacing: -0.57px;
color: #cacaca;
}
footer #footer-top .footer-logo {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.cat-badge {
font-size: 10px;
height: 24px;
}
.cat-badge:before,
.cat-badge:after {
height: 24px;
border-width: 12px 5px;
}
#home-slider .huge-slider .owl-dots {
left: 60px;
bottom: 99px;
width: 70%;
}
#home-slider .huge-slider .owl-dots .owl-dot {
padding: 10px 3px !important;
}
#home-slider .huge-slider .owl-dots .owl-dot span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
#home-slider .huge-slider .owl-dots .owl-dot.active span {
width: 36px;
}
#home-slider .huge-slider-counter span {
font-size: 52px;
}
#home-slider .news-slider {
bottom: -20px;
left: 64px;
width: auto;
}
#home-slider .news-slider .item .thumb {
min-width: 115px;
}
#home-slider .news-slider .item .thumb img {
height: 115px;
}
#home-slider .news-slider .item .right {
padding: 12px;
}
#home-slider .news-slider .item .right span.cat {
font-size: 10px;
}
#home-slider .news-slider .item .right span.title {
font-size: 14px;
letter-spacing: 0;
-webkit-line-clamp: 2;
height: 32px;
}
#home-slider .news-slider .owl-nav {
left: -52px;
bottom: 32px;
top: initial;
}
#home-slider .news-slider .owl-nav button {
width: 40px;
height: 40px;
border-color: rgba(20, 20, 20, 0.1);
}
#home-slider .news-slider .owl-nav button span {
width: 16px;
height: 16px;
}
#match-fixture .top {
padding-top: 50px;
}
#match-fixture .top .title {
font-size: 20px;
}
#home-players .huge-slider .owl-nav {
bottom: 28px;
right: 20px;
}
#home-players .huge-slider .owl-nav button {
width: 40px;
height: 40px;
}
#home-players .huge-slider .owl-nav button span {
width: 16px;
height: 16px;
}
#home-players .huge-slider .player-stats {
left: 30px;
}
#home-players .huge-slider .player-stats .p-stat .p-val {
font-size: 60px;
letter-spacing: 0;
}
#next-match-time {
max-height: initial;
}
#next-match-time .left {
padding-top: 30px;
padding-bottom: 24px;
}
#next-match-time .left .bottom .divide {
font-size: 40px;
letter-spacing: 0;
padding-top: 10px;
}
#next-match-time .left .bottom .time .int {
font-size: 40px;
letter-spacing: 0;
}
#next-match-time .left .bottom .time .text {
font-size: 10px;
}
#next-match-time .right .table .title {
font-size: 20px;
}
#home-store {
padding: 48px 0 24px;
}
#home-store .title-section .sub-title {
font-size: 10px;
letter-spacing: 0px;
padding-bottom: 0;
}
#home-store .title-section .title {
font-size: 34px;
letter-spacing: 0;
}
#home-store .product-slider .owl-nav button {
width: 40px;
height: 40px;
}
#home-store .product-slider .owl-nav button span {
width: 16px;
height: 16px;
}
#home-store .product-slider .owl-nav button.owl-prev {
left: 5%;
}
#home-store .product-slider .owl-nav button.owl-next {
left: 95%;
}
#home-news .news-top {
padding: 40px 0;
}
#home-news .news-top .title {
font-size: 34px;
letter-spacing: 0;
}
#home-news .news-row-1 .news-small-item img {
width: 100%;
}
#home-news .news-row-1 .news-item {
margin-bottom: 32px;
}
#home-news .news-row-1 .news-item span.text-area {
padding: 20px;
}
#home-news .news-row-1 .news-item span.text-area .title {
font-size: 18px;
letter-spacing: 0;
}
#home-news .news-row-2 .news-item {
padding: 24px 20px;
border-bottom: 1px solid #f4f4f4;
}
#home-news .news-row-2 .news-item .title {
font-size: 18px;
letter-spacing: 0;
}
#home-legends {
padding-bottom: 40px;
}
#home-legends .legends-top {
padding: 40px 0 20px;
}
#home-legends .legends-top .title {
font-size: 20px;
}
#home-legends .legends-top a.link {
font-size: 12px;
white-space: nowrap;
text-align: right;
}
#home-legends .legends-slider .owl-nav button {
width: 40px;
height: 40px;
left: 5%;
}
#home-legends .legends-slider .owl-nav button.owl-next {
left: 95%;
}
#home-legends .legends-slider .owl-nav button span {
width: 16px;
height: 16px;
}
#home-schools {
padding-bottom: 40px;
}
#home-schools .schools-top {
padding: 20px 0;
}
#home-schools .schools-top .title {
font-size: 20px;
letter-spacing: 0;
}
#page-title {
padding: 50px 0 !important;
}
#page-title.as-kadro .tab-navs {
white-space: nowrap;
overflow-x: scroll;
margin-top: 24px;
}
#page-title .title {
font-size: 38px;
letter-spacing: 0;
}
#page-title ul.menu {
margin-top: 24px;
white-space: nowrap;
overflow-x: scroll;
}
#page-title .select-area select {
width: auto;
font-size: 14px;
}
#first-team .player-item .p-name {
font-size: calc(28px + 4 * ((100vw - 576px) / 191));
}
#first-team .player-item .p-number {
font-size: calc(56px + 20 * ((100vw - 576px) / 191));
}
#player-header .player-stats {
top: initial;
bottom: 30px;
transform: translate(0, 0);
right: initial;
left: 20px;
}
#player-header .player-stats .p-stat {
margin-bottom: 12px;
text-align: left;
}
#player-header .player-stats .p-stat .p-name {
font-size: 8px;
margin-bottom: 0;
max-width: 90px;
text-shadow: 0 0 3px #fff;
}
#player-header .player-stats .p-stat .p-val {
font-size: 60px;
letter-spacing: 0;
}
#player-infos .pi-item {
height: 78px;
}
#player-infos .pi-item .large-text {
font-size: 20px;
margin-bottom: 0;
letter-spacing: 0;
}
#player-infos .pi-item .small-text {
font-size: 12px;
letter-spacing: 0;
}
#news-about-player {
padding: 48px 24px 40px;
}
#news-about-player .text-area {
margin-top: 32px;
}
#news-about-player .text-area .desc {
font-size: 14px;
margin-bottom: 20px;
letter-spacing: 0;
}
#news-about-player .text-area .link {
font-size: 12px;
}
#player-statistics {
padding: 40px 0 24px;
}
#player-statistics .section-title {
font-size: 34px;
letter-spacing: 0;
margin-bottom: 40px;
}
#player-gallery {
padding-bottom: 24px;
}
#blog-head-banner .metas {
left: 0;
right: 0;
bottom: 16px;
}
#blog-head-banner .metas .title {
font-size: 24px;
letter-spacing: 0;
margin-bottom: 12px;
line-height: 1;
}
#blog-list {
margin-top: 0px;
padding: 20px;
}
#blog-list #blog-list-items .blog-item .details .desc p {
margin: 12px 0;
}
main.blog .category-title {
font-size: 24px;
letter-spacing: 0;
padding: 0 0 20px;
}
main.millilerimiz .post-content {
padding: 20px 0 !important;
}
main.millilerimiz .post-content h2 {
font-size: 24px !important;
margin: 24px 20px !important;
}
main.millilerimiz .post-content p {
margin: 24px 0 !important;
font-size: 16px;
}
main.millilerimiz .tab-container .tab-content .tab ul li {
min-width: none;
width: 100%;
margin-right: 0;
background-color: #fff !important;
}
main.millilerimiz .tab-container .tab-content .tab ul li:nth-child(odd) {
background-color: #fafafa !important;
}
#photo-gallery-list {
padding: 20px;
}
#photo-gallery-list #photo-gallery-items {
margin-top: 20px;
}
#photo-gallery-list #photo-gallery-items .col-lg-4 {
margin-bottom: 20px;
}
#blog-detail #blog-content {
padding: 40px;
}
#blog-detail #blog-content .title {
font-size: 34px;
}
#blog-detail #blog-content .content-area {
padding-top: 20px;
}
#blog-detail #blog-content .content-area .ca-sidebar {
width: 100%;
margin: 0;
}
#blog-detail #blog-content .content-area .share {
padding: 0 0 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border-width: 0 0 1px;
width: 100%;
}
#blog-detail #blog-content .content-area .share .s-title {
margin: 0;
font-size: 10px;
}
#blog-detail #blog-content .content-area .share ul li {
margin: 0 0 0 12px;
}
#blog-detail #blog-content .content-area .ca-right .post-content {
font-size: 14px;
}
#blog-detail #blog-content .content-area .ca-right .author .author-details .a-role {
font-size: 10px;
}
#match-calendar #mc-in {
padding: 0;
}
#match-calendar #mc-in .m-section-title {
font-size: 28px;
padding: 20px;
margin-bottom: 0;
border-bottom: none;
}
#match-calendar #mc-in .month-loop {
margin-bottom: 0;
border-bottom: 1px solid #f4f4f4;
}
#match-calendar #mc-in .m-item {
padding: 0;
border: none;
flex-wrap: wrap;
margin-bottom: 0;
}
#match-calendar #mc-in .m-item .m-date {
width: 100%;
padding-right: 0;
padding: 6px 20px;
background-color: #f4f4f4;
font-size: 10px;
}
#match-calendar #mc-in .m-item .m-date .date {
color: #838383;
font-weight: 500;
}
#match-calendar #mc-in .m-item .m-teams {
padding: 20px 0 20px 8px;
}
#match-calendar #mc-in .m-item .m-teams .m-team {
width: 100%;
}
#match-calendar #mc-in .m-item .m-teams .m-team.m-team-1 {
margin-bottom: 4px;
}
#match-calendar #mc-in .m-item .m-teams .m-team.m-team-1 .team-name {
text-align: left;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-name {
flex: 1;
}
#match-calendar #mc-in .m-item .m-teams .m-team .team-logo img {
width: 24px;
height: 24px;
}
#match-calendar #scorboard .s-body .sb-row .team .team-logo img {
width: 32px;
height: 32px;
}
#match-calendar #scorboard .s-body .sb-row .team .team-name {
font-size: 14px;
}
#match-calendar #scorboard .s-body .sb-row .point {
font-size: 14px;
}
#match-banner .top-area .live {
left: initial;
top: 10px;
right: 10px;
}
#match-banner .top-area .live .l-text {
padding: 4px 6px;
font-size: 12px;
letter-spacing: 0;
}
#match-banner .top-area .live .l-icon {
width: 14px;
height: 14px;
margin-right: 4px;
}
#match-banner .top-area .live .l-time {
font-size: 12px;
letter-spacing: 0;
}
#match-banner .top-area .middle .m-in {
width: 120px;
padding: 24px 12px;
}
#match-banner .top-area .middle .m-in:after {
width: 120px;
border-width: 10px 60px 0;
}
#match-banner .top-area .middle .m-in .m-league {
font-size: 10px;
margin-bottom: 8px;
}
#match-banner .top-area .middle .m-in .m-stadium {
font-size: 10px;
margin-bottom: 12px;
}
#match-banner .top-area .middle .m-in .m-score {
font-size: 34px;
}
#match-banner .top-area .lr-top {
padding-top: 80px;
}
#match-banner .top-area .lr-top .t-logo img {
width: 60px;
height: 60px;
}
#match-banner .top-area .lr-top .t-name {
font-size: 20px;
letter-spacing: 0;
height: 40px;
margin: 0;
}
#match-banner .lr-bottom .lrb-row {
font-size: 12px;
letter-spacing: 0;
margin-bottom: 8px;
}
#match-banner .lr-bottom .lrb-row .lrb-icon svg {
width: 16px;
height: 16px;
}
#match-banner .bottom-area .b-top .timeline .min span.text,
#match-banner .bottom-area .b-top .timeline .goal span.text {
font-size: 12px;
letter-spacing: 0;
}
#match-banner .bottom-area .b-bottom {
padding: 6px 0;
}
#md-in .m-seperate {
margin: 16px 0;
}
#md-in .m-seperate:after {
left: 20px;
}
#md-in .m-seperate .m-box {
padding: 12px 16px;
font-size: 14px;
width: 100%;
}
#md-in .m-seperate .m-box .m-text {
flex: 1;
text-align: center;
}
#md-in .m-seperate .m-box .m-icon {
margin-left: 0;
}
#md-in .m-attack-detail {
position: relative;
z-index: 1;
}
#md-in .m-attack-detail.m-home .m-box .m-player {
text-align: left;
}
#md-in .m-attack-detail.m-altay .m-box {
border-color: #bddfef;
}
#md-in .m-attack-detail .m-box .m-player {
font-size: 14px;
margin: 0 8px;
}
#md-in .m-attack-detail .m-time {
margin: 0 14px 0 0;
}
#md-in .m-attack-detail .m-time:after {
left: 100%;
}
#md-in .m-attack-detail .m-time .m-t-in {
font-size: 14px;
}
#page-content .post-content {
padding: 60px 40px;
}
#contact-content .form-cont,
#contact-content .contact-cont {
height: initial;
margin-bottom: 20px;
}
#gecmisten-bugune .slider-for {
border-bottom-width: 5px;
}
#gecmisten-bugune .slider-nav {
padding: 4px 0;
}
#gecmisten-bugune .slider-nav .nav-item {
padding: 10px 0;
width: 120px;
margin: 0 5px;
height: 44px;
font-size: 16px;
letter-spacing: -0.47px;
}
#gecmisten-bugune .slider-nav .nav-item.slick-current {
font-size: 24px;
}
#gecmisten-bugune .slick-arrow {
width: 40px;
height: 40px;
transform: translate(0, 0) !important;
height: 100%;
top: 0;
border: none;
background: transparent;
}
#gecmisten-bugune .slick-arrow.slick-prev {
left: 0;
}
#gecmisten-bugune .slick-arrow.slick-next {
right: 0;
}
#gecmisten-bugune .slick-arrow span {
width: 16px;
height: 16px;
}
}
@media (max-width: 575px) {
.with-line:after {
width: 32px;
}
header #header--left {
padding-left: 20px;
}
#home-slider .huge-slider .owl-dots {
bottom: 80px;
}
#home-slider .news-slider .item .thumb {
min-width: 100px;
}
#home-slider .news-slider .item .thumb img {
height: 100px;
}
#home-slider .news-slider .item .right span.cat {
margin-bottom: 4px;
}
#home-slider .news-slider .item .right span.title {
margin-bottom: 8px;
}
#home-slider .news-slider .item .right span.detail {
font-size: 10px;
letter-spacing: 0;
}
#home-slider .news-slider .item .right span.detail:after {
width: 32px;
}
#home-slider .news-slider .item .owl-nav button {
margin-top: 8px;
}
#home-players .huge-slider .player-stats .p-stat {
margin-bottom: 10px;
}
#home-players .huge-slider .player-stats .p-stat .p-name {
margin-bottom: 0;
max-width: 140px;
font-size: 8px;
}
#home-players .huge-slider .player-stats .p-stat .p-val {
line-height: 1;
}
#match-fixture .top .match-list-nav {
margin-top: 12px;
}
#match-fixture .top .match-list-nav button[class*="match-list-"] span {
width: 16px;
height: 16px;
}
#next-match-time .container {
margin: 0;
}
#next-match-time .left {
padding-left: 36px;
padding-right: 36px;
}
#next-match-time .left .top .text {
padding: 0 14px;
letter-spacing: 1px;
flex: 1;
text-align: center;
}
#next-match-time .left .bottom .divide {
padding-left: 12px;
padding-right: 12px;
}
#home-news .news-row-2 .news-item:after {
font-size: 130px;
}
#home-schools .school-list .school-item .name {
left: 20px;
font-size: 16px;
}
#home-store .title-section {
margin-bottom: 24px;
}
#partner .logo-area .logo svg {
height: 80px;
width: 75px;
}
#partner .partner-slider {
padding: 30px 0 70px;
}
#partner .partner-slider .item img {
padding: 0 20px;
}
#page-title {
padding: 50px 0 30px !important;
}
#page-title.as-kadro {
padding: 50px 0 0 !important;
}
#page-title.as-kadro .tab-navs {
margin: 20px -25px 0 -16px;
}
#page-title.as-kadro .tab-navs .tab-nav {
padding: 10px 16px;
font-size: 14px;
}
#page-title .title {
font-size: 34px;
}
#page-title .select-area select {
padding: 10px 5px;
height: initial;
}
#page-title ul.menu {
margin: 20px -25px 0 -16px;
}
#page-title ul.menu li a {
padding: 10px 16px;
font-size: 14px;
border-bottom: none;
}
#first-team .player-item .p-name {
font-size: 34px;
}
#first-team .player-item .p-number {
font-size: 60px;
}
#player-infos {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-bottom: 0;
}
#news-about-player {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-bottom: 0;
}
main.blog {
background: #fff;
}
main.blog > .container,
main.blog-detail > .container,
main.match-detail > .container {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
}
main.millilerimiz.futbol-okullari .tab-container .tab-nav ul li a {
min-width: 90px;
height: 50px;
}
main.millilerimiz .tab-container .tab-content .tab ul li {
font-size: 14px;
}
#blog-list {
margin-bottom: 4px;
}
#photo-gallery-list {
margin-bottom: 0;
}
#blog-detail {
margin: 0;
}
#blog-detail #blog-content {
padding: 60px 20px;
}
#blog-detail #blog-content .title {
font-size: 30px;
margin-bottom: 48px;
}
#blog-detail #blog-content .thumb {
margin-left: -20px;
margin-right: -20px;
}
#match-calendar {
margin-top: 0;
}
#match-calendar > .container {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
}
#match-calendar #mc-in .m-section-title {
font-size: 24px;
letter-spacing: 0;
}
#match-calendar #scorboard .order,
#match-calendar #scorboard .point {
width: 48px;
}
#match-calendar #scorboard .s-header {
padding: 5px 0;
margin-bottom: 0;
}
#match-calendar #scorboard .s-header .sh-item {
font-size: 10px;
letter-spacing: 0;
}
#match-calendar #scorboard .s-header .sh-item.team {
text-align: left;
padding-left: 14px;
}
#match-calendar #scorboard .s-body .sb-row {
height: 60px;
margin-bottom: 0;
border-width: 1px 1px 1px 3px;
}
#match-calendar #scorboard .s-body .sb-row:not(.current) {
border-width: 0 0 1px 3px;
border-bottom-color: #eaeaea !important;
}
#match-calendar #scorboard .s-body .sb-row .order {
padding: 0;
height: 100%;
background-color: #f4f4f4;
font-size: 14px;
color: #838383;
}
#match-calendar #scorboard .s-body .sb-row .order:after {
display: none;
}
#match-calendar #scorboard .s-body .sb-row .team {
padding: 14px;
}
#match-calendar #scorboard .s-body .sb-row .team .team-logo {
margin: 0 14px 0 0;
}
#match-calendar #scorboard .s-body .sb-row .team .team-name {
line-height: 1;
margin-bottom: 4px;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li:nth-child(1) {
margin-left: 0;
}
#match-calendar #scorboard .s-body .sb-row ul.form-list li span.item {
width: 20px;
height: 4px;
text-indent: -99999px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#match-banner .top-area {
padding: 0 16px 40px;
}
#match-banner .top-area .live .l-text,
#match-banner .top-area .live .l-time {
font-size: 10px;
}
#match-banner .top-area .middle .m-in {
margin: 0;
}
#match-banner .middle-area-for-goals .lr-bottom {
padding: 12px 20px 20px;
}
#match-banner .middle-area-for-goals .lr-bottom .lrb-row {
width: 100%;
}
#match-banner .middle-area-for-goals .lr-bottom .lrb-row .lrb-name {
margin: 0 8px;
flex: 1;
}
#md-in {
padding: 36px 24px;
margin: 0;
box-shadow: none;
}
#md-in .m-seperate:after {
left: 18px;
}
#md-in .m-attack-detail .m-box {
padding: 12px 16px;
}
#md-in .m-attack-detail .m-box .m-text {
font-size: 10px;
letter-spacing: 0;
text-align: right;
}
#md-in .m-attack-detail .m-time .m-t-in {
width: 36px;
height: 36px;
}
#page-header-map {
height: 60vh;
}
#page-content > .container {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
}
#page-content .post-content {
padding: 40px 20px;
}
#page-content .post-content .member-card {
width: 100%;
}
#page-content .post-content .member-card.legend-card .m-photo {
margin: 0 0 32px;
}
#page-content .post-content .member-card .m-photo {
margin: 0 0 16px;
}
#page-content .post-content .member-card .m-photo img {
width: 100%;
height: auto;
}
#page-content .post-content .col-card {
margin-top: 20px;
margin-bottom: 20px;
}
#page-content .post-content ul.column-count-3,
#page-content .post-content ol.column-count-3 {
column-count: 1;
}
#page-content .sidebar ul.sidebar-menu li a {
font-size: 14px;
padding: 16px 18px;
}
#other-team-players .otp-head {
font-size: 10px;
}
#other-team-players .otp-head .otph.otph-strip {
width: 45px;
line-height: 1;
}
#other-team-players .otp-head .otph.otph-name {
padding-left: 20px;
}
#other-team-players .otp-list {
font-size: 14px;
}
#other-team-players .otp-list .otp-item .otpi {
padding: 12px 0 12px 24px;
}
#other-team-players .otp-list .otp-item .otpi.otpo-strip {
width: 45px;
padding-left: 12px;
}
#other-team-players .otp-list .otp-item .otpi.otpo-position {
font-size: 10px;
padding-right: 12px;
}
footer {
padding-top: 40px;
}
footer #footer-top {
padding-top: 0;
}
footer #footer-top ul.footer-store {
margin-top: 30px;
}
footer #footer-top ul.footer-store li img {
width: 150px;
}
footer #footer-top .footer-logo {
margin: -36px 0 30px;
}
footer #footer-top .footer-logo svg {
width: 68px;
height: 72px;
}
footer #footer-bottom .pendigital {
margin-top: 20px;
}
}@font-face{font-family:dearflip;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1NUQAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZvV0Ah0AAAGQAAASdGhlYWQnoblUAAAUBAAAADZoaGVhB8ID8QAAFDwAAAAkaG10eLYAAAAAABRgAAAAwGxvY2FSqk12AAAVIAAAAGJtYXhwADoAmgAAFYQAAAAgbmFtZWTWXU4AABWkAAABknBvc3QAAwAAAAAXOAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAKSA8AABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQAA/8ACqgPAAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEAAP/AAwADwAAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAAD/wAMAA8AABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAA/8AB8gPAAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAAD/wAQAA8AABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIAAP/AAxIDwAADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAAD/wAMAA8AAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQAA/8ADKgPAAAIAAAkCAVYB1P4sAtX+1v7WAAIAAP/AAwADwAADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAAD/wANWA8AAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAAP/AA5YDwAACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQAA/8ADKgPAAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cme7uPO7uPO7uPO7uAAMAAP/AA6oDwAAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191KxUrKxUrAAAAwAA/8ADqgPAAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABAAD/wAMqA8AACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQAA/8ADKgPAAAMAAAEhNSEDKv2sAlQBgVQAAAYAAP/AA4ADwAADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAAA/8ADAAPAAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACAAA/8ADgAPAAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAAP/AA1YDwAADAAcACwAPABMAFwAbAB8AIwAAJTUzFQM1MxUBNTMVNzMVIwE1MxUhNTMVAzUzFTM1MxUBNTMVAqqsrKz+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAAP/AA9YDwAAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAA/8AD1gPAAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAAD/wANWA8AAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwAA/8ADagPAAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAAP/AA2oDwAALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwAA/8ADVgPAAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgAA/8ADVgPAAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwAA/8ADgAPAABEAGAAeAAABFhcWFRQHBgc1Njc2NTQnJicTFAcRFhcWJTM3EScjAlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQAA/8ADgAPAADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAAD/wAOqA8AAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABAAA/8ADgAPAAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEAAP/AAqsDwAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAIAAP/AA84DwAALAA8AAAEzCQEhCwEjCQEhExMzASMDCo7+ywFr/uTf/o0BSf6lASPJt07+B1QDS/6f/iEBI/7dAXkBx/72/h4CnAAEAAD/wAOqA8AAHQAtAD0AQQAAATIXFhUUBwYVIzQ3Njc2NzY1NCcmIyIHBhUjNDc2EzI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTNTMVAgBGMjJAQFQUFBgYFBQaGiIiGhpUMjJGjGVlZWWMjGVlZWWMsH19fX2wsH19fX2GVAKrMjJGNjk5Li4hIQ8PFhYcIhkZGRkiRjIy/aplZYyMZWVlZYyMZWUDAH19sLB9fX19sLB9ff1WVlYAAAAAAwAA/8ADqgPAABwAIAAwAAABNjU0JyYjIgcGFTM0NzYzMhcWFRQPAQYdATM0NwM1IxUTMhcWFRQHBiMiJyY1NDc2AoIoMjJGRjIyVBoaIiIaGho0MlQyMlQqsH19fX2wsH19fX0Byyg4RjIyMjJGIhoaGhoiIho2NkIWQjb+3lRUAtR9fbCwfX19fbCwfX0AAgAA/8ADagPAAA8AKAAAATI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBllA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAAEAAD/wAOqA8AAAwATABcAJwAAARUhNQEyNzY1NCcmIyIHBhUUFxYDNSEVATIXFhURIxUhNSMRNDc2MwMA/gACKhINDQ0NEhIMDAwMbv6sAdQ0Jiaq/gCqJiY0Ayuqqv6ADAwSEg0NDQ0SEgwM/tbU1AHUJiY0/wCqqgEANCYmAAMAAP/AA6oDwAACAAcAGwAAASUhAREFJREBMhcWFREUBwYjISInJjURNDc2MwIAAVb9VAKs/qr+qgKsIhkZGRki/VQiGRkZGSIB1db+AAGq1NT+VgJWGhoi/gAiGhoaGiICACIaGgAAAgAA/8ADqgPAAAUAGQAAATUFJRUFATIXFhURFAcGIyEiJyY1ETQ3NjMDVv6q/qoBVgFWIhkZGRki/VQiGRkZGSICVVbW1lbUAYAaGiL+ACIaGhoaIgIAIhoaAAADAAD/wAOAA8AAAwAHAAsAABMhFSEVNSEVBTUhFYADAP0AAwD9AAMAAqtW1FRU1lZWAAAAAwAA/6sD/gPAACgAUACXAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmJwExIiYvAQc3Jy4BNTQ3PgE3NjMyFx4BFxYXFhceARcWFRQHDgEHBiMTLgEnJiIHDgEHDgEnLgEnLgEnJjY3PgE3PgE3NiYnLgEnLgEjKgEjIgYHDgEVFBYXFhceARcWFx4BFxYyNz4BNz4BJy4BJwNpJCkqWzExM2lcXYkoKCIiSAENN3tAaVxdiigoCgomGxwk/pk5bTEPoCsKICEiIXJNTVcrKClMIiMeHRcXIAgIISJyTU1X5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcQBQYMBwYTCAkkLwUCERA4JycwFiQOFygREjsICAICAwwKAxYkHBsmCgooKIpcXWlDgTn++UYeICgoil1caTMxMVspKiT88x4dCSqcEDJyPFdNTXMhIQgIIBcXHh0jIkwpKSpXTU1zISEBPAUhAwMJCiEHBgIFBRkhGTUKCQwEBQwGBQkHBgsFBUYTEwMGCQoxLy9OBgMXFzwfHxUJDQUHAgMjFxYiBAQGBQAAAAMAAP/AA8ADwAAZAB0AKQAAATMVMz4BMzIXHgEXFhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0crKzAJCLkZR0gmuf7AwMDAOCgoODgoKDgCK1shOhUUSDExOf7MARExZFk3/uoCQP3AAuAoODgoJzk5AAAAAQAA/8ADvAPAAG4AAAEiBw4BBwYVFBceARcWFy4BNzY3PgE3NjEwJjU0NjMyFhUUBgcGFjMyNjU0JiMiBhUUFhceAQcOAQcOAScuATU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJicwBgcOAQceATMyNz4BNzY1NCcuAScmIwIAXFFQeSMjFRVLNDQ9AgMHAwgJEgcHDS8hHBwbCggpITtQZ1JeahMOAwEBAwgBAgcGKjATE0o2N0g5MjJKFRURET0rKjIiOQsXBAgiDR9CIlxRUHkjIyMjeVBRXANmIyJ5UVBcR0BAbCkpGBpIHQ0kJEweHSUdLj4lGhxQJyEvcVpQZHdJHTgRAwYDCyMFBgMDFGcxNTAxShYWExNFLy83OTIzShYWHxRaDx1BFgoKIyN4UVFbXFFReSIjAAAAAAEAAAABAABPPPplXw889QALBAAAAAAA4kE6dgAAAADiQTp2AAD/qwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeADIARgBaAG4AhACaALQAzgDcAPABBgEcATYBdgGwAcoB2AI2AlQCkgLOAw4DeAOeA+IELgR2BI4ExAUQBVQFjAWwBdYGOAaABsAHAAc0B2IHfAhcCJwJOgAAAAEAAAAwAJgACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBSZWd1bGFyAFIAZQBnAHUAbABhAHJkZWFyZmxpcABkAGUAYQByAGYAbABpAHBGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");font-weight:400;font-style:normal;font-display:block}.df-ui-btn[class*=" ti-"]:before,.df-ui-btn[class^=ti-]:before,[class*=" df-icon-"]:before,[class^=df-icon-]:before{font-family:dearflip!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.df-icon-arrow-left:before{content:"\e900"}.df-icon-arrow-right:before{content:"\e901"}.df-icon-arrow-down:before{content:"\e902"}.df-icon-arrow-up:before{content:"\e903"}.df-icon-arrow-left1:before{content:"\e904"}.df-icon-arrow-right1:before{content:"\e905"}.df-icon-first-page:before{content:"\e906"}.df-icon-last-page:before{content:"\e907"}.df-icon-play-popup:before,.df-icon-play:before{content:"\e908"}.df-icon-pause:before{content:"\e909"}.df-icon-fast-rewind:before{content:"\e90a"}.df-icon-fast-forward:before{content:"\e90b"}.df-icon-close:before{content:"\e90c"}.df-icon-add-circle:before{content:"\e90d"}.df-icon-minus-circle:before{content:"\e90e"}.df-icon-add:before{content:"\e90f"}.df-icon-minus:before{content:"\e910"}.df-icon-list:before{content:"\e911"}.df-icon-grid:before{content:"\e912"}.df-icon-grid-view:before{content:"\e913"}.df-icon-apps:before{content:"\e914"}.df-icon-double-page:before{content:"\e915"}.df-icon-book:before{content:"\e916"}.df-icon-file:before{content:"\e917"}.df-icon-zoom-out:before{content:"\e918"}.df-icon-zoom-in:before{content:"\e919"}.df-icon-more:before{content:"\e91a"}.df-icon-download:before,.df-ui-btn.ti-download:before{content:"\e91b"}.df-icon-volume:before{content:"\e91c"}.df-icon-share:before{content:"\e91d"}.df-icon-fit-screen:before{content:"\e91e"}.df-icon-fullscreen:before{content:"\e91f"}.df-icon-facebook:before{content:"\e920"}.df-icon-twitter:before{content:"\e921"}.df-icon-help-outline:before{content:"\e922"}.df-icon-help:before{content:"\e923"}.df-icon-search:before,.df-ui-btn.ti-search:before{content:"\e924"}.df-icon-print:before,.df-ui-btn.ti-printer:before{content:"\e925"}.df-icon-mail-outline:before{content:"\e926"}.df-icon-mail:before{content:"\e927"}.df-icon-menu:before{content:"\e928"}.df-icon-linkedin:before{content:"\eaca"}.df-icon-pinterest:before{content:"\ead1"}.df-icon-whatsapp:before{content:"\ea93"} .df-container .df-loading-icon,.df-fetch-pdf .df-loading-info,.df-flipbook-3d.df-loading:after,.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after,.df-page.df-loading:after,.df-searching .df-search-info,.df-thumb.df-thumb-requested:before{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")}.df-hidden{display:none!important}.df-text-align-center,.has-text-align-center{text-align:center}.df-app{min-height:220px;position:relative;overflow:hidden;width:100%;image-rendering:auto;direction:ltr;line-height:1.5}.df-container{height:100%}.df-container *{box-sizing:border-box!important}.df-container i{font-style:normal}.df-container a{outline:0;text-decoration:none;box-shadow:none}.df-container .df-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat 50%;background-size:cover}.df-container .df-loading-info{position:absolute;top:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;max-width:200px;margin-top:20px;padding:10px 15px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#f7f7f7;border-radius:5px;font-size:12px;color:#222;word-break:break-word;letter-spacing:.5px;opacity:0}.df-container.df-init .df-loading-info{top:50%;opacity:1;max-width:300px}.df-container.df-init .df-viewer{display:none}.df-container.df-error .df-loading-info{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;color:#b00}.df-container .df-loading-icon{-moz-transition:.3s .1s opacity;-o-transition:.3s .1s opacity;-webkit-transition:.3s .1s opacity;transition:.3s .1s opacity;opacity:0;height:50px;width:50px;left:50%;top:50%;margin:-45px -25px -25px;box-sizing:border-box;position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:32px;background-position:50%;background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-container.df-loading .df-loading-icon{opacity:1;z-index:100}.df-fetch-pdf .df-loading-info{opacity:1;top:0;z-index:4;background-repeat:no-repeat;padding-left:36px;background-size:24px;background-position:6px 6px}.df-viewer .df-3dcanvas{right:0;position:absolute}.df-ui{color:#666;bottom:0;width:100%;height:42px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#fff;position:absolute;vertical-align:top;box-sizing:border-box;text-align:center;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4;display:block}.df-ui .df-logo{height:100%}.df-ui .df-logo.df-logo-img{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px}.df-ui .df-logo.df-logo-img img{max-height:100%;max-width:120px}.df-ui .df-ui-page{padding:0;font-size:12px;width:50px;min-width:50px;line-height:42px;margin:0 0;border-radius:0;background-color:rgba(0,0,0,.03)}.df-ui .df-ui-page label{position:absolute;right:0;top:0;min-width:50px;height:100%;text-align:center;display:block;line-height:inherit!important;color:#999;font-weight:400;cursor:pointer;background-color:transparent;z-index:1;box-sizing:border-box;word-break:normal}.df-ui .df-ui-page input{width:100%;background-color:transparent;height:100%;margin:0;padding:0!important;border:1px solid #8f8f8f;text-align:center;vertical-align:top;line-height:inherit!important;color:transparent;font-size:14px;top:0;box-sizing:border-box;z-index:-1;display:block;opacity:0}.df-ui .df-ui-page input:focus{z-index:2;opacity:1;color:inherit}.df-ui .df-ui-page input:focus+label{opacity:0;display:none}.df-ui-btn{color:#777;vertical-align:top;background-color:#fff;box-sizing:border-box;text-align:center;position:relative;width:40px;height:100%;font-size:20px;cursor:pointer;z-index:2;display:inline-block;padding:10px 5px;line-height:1.2;transition:.3s;transition-property:opacity,color,background-color}.df-ui-btn:before{box-sizing:border-box}.df-ui-btn.df-active,.df-ui-btn:hover{color:#00acce;background-color:#eee}.df-ui-btn.df-active{background-color:#e7e7e7}.df-ui-btn.disabled,.df-ui-btn.disabled:hover{color:#bbb}.df-ui-btn span{display:none}.df-more-container{display:none;position:absolute;bottom:100%;margin-bottom:8px!important;right:10px;background-color:#f7f7f7;z-index:20;border-radius:5px;box-shadow:0 -1px 3px rgba(0,0,0,.2)}.df-more-container:before{content:" ";position:absolute;border:7px solid transparent;border-top-color:#eee;height:0;width:0;bottom:-14px;right:13px;margin-right:-8px;pointer-events:none}.df-more-container>.df-ui-btn{width:170px;text-align:left;padding:6px 8px;height:36px;border-top:1px solid #e4e4e4;border-radius:0;line-height:16px}.df-more-container>.df-ui-btn span{font-size:12px;padding-left:24px;vertical-align:middle;display:inline-block}.df-more-container>.df-ui-btn:before{position:absolute;top:7px;font-size:20px;width:1em;text-align:center}.df-more-container>.df-ui-btn:first-child{border-radius:5px 5px 0 0;border-top:none}.df-more-container>.df-ui-btn:last-child{border-radius:0 0 5px 5px}.df-ui-more.df-active .df-more-container{display:block}.df-ui-search.df-active .df-search-container{display:block;padding:5px}.df-ui-nav{top:50%;margin-top:-50px;position:absolute;opacity:.8;height:100px;font-size:36px;width:50px;z-index:2;cursor:pointer}.df-ui-nav:hover{opacity:1}.df-ui-nav .df-ui-btn{height:auto;height:initial;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;padding:15px 5px;width:auto;font-size:inherit;background-color:transparent!important}.df-ui-nav .df-ui-btn:before{color:#fff;filter:drop-shadow(0 0 3px rgb(0, 0, 0))}.df-ui-nav.df-ui-prev{left:0;right:auto;border-radius:0}.df-ui-nav.df-ui-prev .df-ui-btn{left:10px}.df-ui-nav.df-ui-prev .df-ui-btn:before{text-align:left}.df-ui-nav.df-ui-next{right:0}.df-ui-nav.df-ui-next .df-ui-btn{right:10px}.df-ui-nav.df-ui-next .df-ui-btn:before{text-align:right}.df-flipbook-2d,.df-flipbook-3d,.df-slider,.df-viewer-container,.df-zoomview{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;z-index:1}.df-flipbook-2d{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-flipbook-2d .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-flipbook-2d .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.df-page-content{overflow:hidden;opacity:.3}.df-page.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-page.df-loading .df-page-content{display:none}.df-page>canvas{width:100%;height:100%;position:relative;z-index:0}.df-page .df-page-content{position:absolute;height:100%;display:block;top:0;width:100%;z-index:1}.df-sheet{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-page,.df-sheet .df-page-back,.df-sheet .df-page-front,.df-sheet .df-sheet-fold-inner-shadow,.df-sheet .df-sheet-fold-outer-shadow,.df-sheet .df-sheet-wrapper{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-sheet-wrapper{overflow:hidden}.df-sheet .df-page{width:100%;height:100%;background-color:#fff;box-sizing:border-box;z-index:0;background-size:100% 100%}.df-sheet .df-page:before{content:"";position:absolute;display:block;top:0;width:15%;height:100%;z-index:5;opacity:.5;pointer-events:none}.df-sheet .df-page>canvas{z-index:-1}.df-sheet .df-page-front:before{left:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-sheet .df-page-back:before{right:0;background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-sheet.df-left-side{right:50%;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}.df-sheet.df-left-side .df-page-front{z-index:1}.df-sheet.df-left-side .df-page-back{z-index:2}.df-sheet.df-right-side{left:50%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.df-sheet.df-right-side .df-page-front{z-index:2}.df-sheet.df-right-side .df-page-back{z-index:1}.df-sheet .df-sheet-fold-inner-shadow{position:absolute;z-index:5;display:none}.df-sheet .df-sheet-fold-outer-shadow{z-index:-1;width:100%;height:100%}.df-sheet.df-flipping,.df-sheet.df-folding{z-index:200!important}.df-sheet.df-folding.df-left-side .df-page-front,.df-sheet.df-folding.df-right-side .df-page-back{z-index:3}.df-sheet.df-folding .df-sheet-fold-inner-shadow{display:block}.df-sheet.df-folding .df-page-content{display:none}.df-pending .df-page-content,.df-pendingresize .df-page-content{display:none!important}.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front{z-index:3}.df-hard-sheet .df-sheet-wrapper{width:100%!important;height:100%!important;overflow:visible;transform-style:preserve-3d;-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;transform-origin:0 50% 0}.df-hard-sheet .df-sheet-fold-inner-shadow,.df-hard-sheet .df-sheet-fold-outer-shadow{display:none!important}.df-hard-sheet .df-page-back,.df-hard-sheet .df-page-front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%;z-index:3!important}.df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%;z-index:4}.df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%}.df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%}.df-flipbook-3d.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-link-content,.df-text-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none;width:auto!important;height:auto!important}.df-page-content.df-double-internal:not(.df-double-internal-fix)>div{right:-100%}.df-page-content.df-double-internal-fix>div{left:-100%}.annotationLayer section,.customHtmlAnnotation,.customLinkAnnotation,.customVideoAnnotation,.df-link-content section,.highlightAnnotation,.linkAnnotation,.popupAnnotation{position:absolute;z-index:5;cursor:pointer;pointer-events:all;border:none!important;padding:0!important;margin:0!important}section.popupAnnotation{display:none}.buttonWidgetAnnotation a,.customHtmlAnnotation,.customVideoAnnotation,a.customLinkAnnotation,a.df-autolink,a.linkAnnotation,section.linkAnnotation a{background-color:#ff0;display:block;height:100%;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.buttonWidgetAnnotation a:hover,.customHtmlAnnotation:hover,.customVideoAnnotation:hover,a.customLinkAnnotation:hover,a.df-autolink:hover,a.linkAnnotation:hover,section.linkAnnotation a:hover{border-color:transparent;background-color:#2196f3}a.df-autolink{display:inline;pointer-events:all;color:transparent!important}.df-sidemenu-wrapper{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:0;top:0;bottom:0;width:220px;position:absolute;z-index:3}.df-sidemenu-wrapper .df-sidemenu-buttons{z-index:6;position:relative;top:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:right;display:none;background-color:transparent;padding:6px 5px}.df-sidemenu-wrapper:before{content:" ";position:absolute;height:100%;width:100%;background-color:rgba(238,238,238,.9);z-index:3;left:0}.df-sidemenu-open .df-ui-nav.df-ui-prev{left:220px}.df-sidemenu-open .df-sidemenu-wrapper{display:block;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);left:0}.df-sidemenu-open .df-sidemenu-wrapper:before{box-shadow:1px 0 4px rgba(102,102,102,.38)}.df-sidemenu-open .df-sidemenu-buttons .df-ui-close{display:block}.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:99px}.df-sidemenu{width:100%;height:auto!important;position:absolute!important;top:0;bottom:0;z-index:3;opacity:0;color:#666;font-size:12px}.df-sidemenu>.df-wrapper{overflow:auto;position:absolute!important;top:40px;bottom:0;left:0;right:0;height:auto!important}.df-sidemenu.df-sidemenu-visible{opacity:1;z-index:5}.df-outline-container .df-wrapper{padding:10px}.df-outline-items>.df-outline-item{margin-left:18px}.df-outline-item a{color:inherit!important;text-decoration:none!important;display:block;padding:5px 0 5px 5px;overflow:hidden;text-overflow:ellipsis;border:none!important;box-shadow:none!important;margin-bottom:1px}.df-outline-item a:hover{text-decoration:underline!important;color:#2196f3!important}.df-outline-toggle{cursor:pointer;float:left;width:28px;padding:0 5px 0 10px;margin-left:-28px;text-align:center}.df-outline-toggle:before{content:"\e902";font-size:18px;font-family:dearflip}.df-outline-toggle.df-outlines-hidden:before{content:"\e901"}.df-outline-toggle.df-outlines-hidden~.df-outline-items{display:none}.df-outline-item a:hover,.df-outline-toggle:hover,.df-outline-toggle:hover+a,.df-outline-toggle:hover~.df-outline-items{background-color:rgba(100,100,100,.05)}.df-thumb{margin:0;cursor:pointer;width:100%;position:relative;text-align:center}.df-thumb .df-wrapper{box-sizing:content-box!important;margin:6px;border-radius:3px;transition:.2s background;display:inline-block;vertical-align:middle;border:2px dashed rgba(0,0,0,.3);position:relative}.df-thumb .df-wrapper .df-thumb-number{position:absolute;bottom:8px;background-color:rgba(238,238,238,.85);color:#444;font-size:14px;left:50%;transform:translateX(-50%);padding:5px;opacity:0}.df-thumb .df-bg-image{height:100%;background-size:100%;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-thumb.df-thumb-requested:before{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-thumb.df-thumb-loaded{height:auto!important}.df-thumb.df-thumb-loaded .df-wrapper{border:none;margin:0;padding:8px}.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number{opacity:1}.df-thumb.df-selected .df-wrapper,.df-thumb.df-thumb-loaded:hover .df-wrapper{background-color:#ccc;background-color:rgba(0,0,0,.1);opacity:1}.df-lightbox-wrapper{position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0;z-index:99999}.df-lightbox-wrapper.df-lightbox-padded{top:20px;left:20px;bottom:20px;right:20px}.df-lightbox-wrapper .df-lightbox-bg{background:#eee;position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0}.df-lightbox-wrapper .df-lightbox-controls{float:right;padding:5px;z-index:1000;position:relative}.df-lightbox-wrapper .df-app{position:absolute!important;width:100%;top:0;bottom:0;height:auto!important}.df-lightbox-wrapper .df-container.df-transparent{height:100%}.df-lightbox-wrapper .df-lightbox-close{float:right;text-align:center;font-size:32px;padding:8px 0;height:48px;width:46px;cursor:pointer;color:#444;border-color:transparent;background-color:transparent;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity:.8}.df-lightbox-wrapper .df-lightbox-close:hover{color:#fff;background-color:rgba(0,0,0,.21);border-color:#000;opacity:1}.df-lightbox-wrapper .df-lightbox-close:before{color:#fff;filter:drop-shadow(0 0 3px black)}.df-share-wrapper{z-index:2;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.35);display:none}.df-share-box{position:absolute;top:50%;width:280px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background-color:#fff;border-radius:10px;padding:10px 15px 5px;text-align:center}span.df-share-title{color:#777;margin-bottom:10px;display:block}.df-share-url{background-color:#fff;height:60px;color:#666;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;font-size:12px;box-sizing:border-box;margin-bottom:0}.df-share-button{display:inline-block;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:5px 10px;font-size:20px;color:#aaa}.df-share-button:hover{color:#444}.df-reader{overflow:auto;position:absolute;-webkit-overflow-scrolling:touch}.df-reader .df-viewer-wrapper{cursor:grab}.df-reader .df-page{position:relative;transform-origin:initial;margin:-10px auto -10px;border:10px solid transparent;left:auto;left:initial;box-sizing:content-box!important}.df-reader .df-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-reader~.df-ui-nav{display:none}.df-reader:not(.df-noscroll){margin-right:-12px}.df-reader-scrollbar{position:absolute;top:0;height:auto;right:0;width:auto;background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:20px 0 0 20px;padding:6px 8px 6px 12px;z-index:100;cursor:ns-resize}.df-reader-scrollbar.df-active,.df-reader-scrollbar:hover{background-color:#fff}.df-reader-scroll-page-number{display:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#ddd;border-radius:10px;padding:20px;font-size:24px;z-index:100;text-align:center;color:#333}.df-reader-scroll-page-number.df-active{display:block}.df-reader-scroll-page-number div{margin-top:6px;padding-top:6px;border-top:1px solid #aaa;font-size:16px;font-style:italic}.df-ios .df-viewer.df-reader{margin-right:0}.df-no-transition{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}.df-float .df-ui{bottom:10px;width:auto;width:intial;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:0 auto;display:table;display:flex;border-radius:5px}.df-float .df-ui>.df-ui-btn:first-child{border-radius:5px 0 0 5px}.df-float .df-ui>.df-ui-btn:last-child{border-radius:0 5px 5px 0}.df-controls-top .df-ui{bottom:auto;bottom:intial;top:0}.df-controls-top.df-float .df-ui{top:10px}.df-controls-top .df-more-container{bottom:auto;top:100%;margin:8px 0 0!important}.df-controls-top .df-more-container:before{border-bottom-color:#eee;border-top:0;bottom:auto;top:-7px}.df-controls-hidden .df-ui{display:none}.df-float-off.df-controls-top .df-sidemenu-wrapper{top:42px;bottom:0}.df-float-off.df-controls-bottom .df-sidemenu-wrapper{top:0;bottom:42px}.df-float-off .df-ui-left{justify-content:flex-start;display:flex;flex:1}.df-float-off .df-ui-right{justify-content:flex-end;display:flex;flex:1}.df-float-off .df-ui-center{display:flex;justify-content:center;align-items:center}.df-float-off .df-ui{display:flex}.df-link-content .annotationTextContent{color:transparent}.df-link-content .popupWrapper{position:absolute;width:20em}.df-link-content .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.df-link-content .popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.df-link-content .popup p{padding-top:.2em}body.df-lightbox-open,html.df-lightbox-open{overflow:hidden!important}.df-zoomview{display:none;cursor:move}.df-zoomview .df-viewer-wrapper{position:relative;margin:0 auto}.df-zoomview .df-viewer-wrapper .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);-moz-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);box-shadow:0 1px 15px 1px rgba(0,0,0,.5)}.df-zoomview .df-page{position:absolute;top:0;right:50%;background-color:#fff}.df-zoomview .df-page:before{width:10%;opacity:.5}.df-zoomview .df-page.df-page-front{left:50%}.df-zoom-active .df-viewer{cursor:move;cursor:-webkit-grab}.df-zoom-active .df-flipbook{display:none}.df-zoom-active .df-zoomview{display:block}.df-hybrid-viewer .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading+.df-zoomview{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview{display:block;pointer-events:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview{display:none}.df-container ::-webkit-scrollbar{width:12px;height:12px;cursor:pointer}.df-container ::-webkit-scrollbar-button{height:0;width:0;cursor:pointer}.df-container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:50px}.df-container ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb,.df-container ::-webkit-scrollbar-thumb:active,.df-container ::-webkit-scrollbar-thumb:hover{border-right:1px;border-left:1px;border-style:solid;border-color:transparent}.df-container ::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:50px}.df-container ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.1)}.df-container ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}.df-container ::-webkit-scrollbar-corner{background:0 0}.df-sidemenu-wrapper ::-webkit-scrollbar{width:10px}.df-container.df-transparent.df-fullscreen{background:#aaa}.df-container.df-fullscreen{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2147483647}.df-container.df-rtl .df-sidemenu-wrapper{left:auto;left:initial;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);right:-50px;direction:rtl}.df-container.df-rtl input.df-search-text{padding:0 15px 0 45px}.df-container.df-rtl .df-sidemenu-title{text-align:right}.df-container.df-rtl .df-search-clear{right:auto;left:60px}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);right:0}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:left}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev{left:0}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next{right:220px}.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:-122px}.df-container.df-rtl .df-outline-item{margin:0 18px 0 0;text-align:right;direction:rtl}.df-container.df-rtl .df-outline-item .df-outline-toggle{float:right;margin:0 -18px 0 0}.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before{content:"\e900"}.df-container.df-rtl .df-viewer .df-3dcanvas{left:0;right:auto;right:initial}.df-container.df-rtl .df-more-container .df-ui-btn{text-align:right;direction:rtl}.df-container.df-rtl .df-more-container .df-ui-btn:before{right:10px}.df-container.df-rtl .df-more-container .df-ui-btn span{padding:0 24px 0 0}.df-lightbox-wrapper.df-rtl .df-lightbox-controls{float:left}.df-element[data-df-lightbox],.df-element[data-lightbox]{cursor:pointer}.df-popup-thumb{display:inline-block;box-sizing:border-box;margin:30px 15px 15px!important;text-align:center;border:0;width:140px;height:auto;word-break:break-word;vertical-align:bottom;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:800px;perspective:800px}.df-popup-thumb .df-book-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.2s;box-shadow:2px 0 4px rgba(0,0,0,.2);transform-origin:30%;background-color:#fff;width:100%;display:inline-block}.df-popup-thumb .df-book-page1,.df-popup-thumb .df-book-page2{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;background-color:#fff;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;z-index:1}.df-popup-thumb .df-book-cover{background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;top:0;position:relative;overflow:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;box-shadow:0 10px 10px rgba(0,0,0,.24);z-index:1}.df-popup-thumb .df-book-cover.df-thumb-not-found{height:200px;position:relative}.df-popup-thumb.df-has-ridge .df-book-cover:after{display:block;content:" ";height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.5490196078);z-index:3;position:absolute;top:0;left:0}.df-popup-thumb .df-book-title{bottom:-100%;position:absolute;width:100%;left:0;padding:5px;font-size:.75em;background:rgba(255,255,255,.9);box-sizing:border-box;display:block;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;opacity:0}.df-popup-thumb img{display:block;width:100%;height:auto;margin:0!important;padding:0!important;border:0!important}.df-popup-thumb.df-thumb-not-found .df-book-title,.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb:hover .df-book-title{opacity:1;bottom:0}.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb.df-tl-book-title-top .df-book-title{opacity:1;position:relative}.df-popup-thumb.df-thumb-not-found .df-book-wrapper{width:100%}.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found,.df-popup-thumb.df-tl-cover-title .df-thumb-not-found{height:170px}.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper,.df-popup-thumb.df-tl-cover-title .df-book-wrapper{position:relative;z-index:1}.df-popup-thumb.df-tl-book-title-bottom .df-book-title,.df-popup-thumb.df-tl-cover-title .df-book-title{position:relative;bottom:0;opacity:1;height:3em;background:0 0}.df-popup-thumb:hover .df-book-page1{transform:rotateY(-8deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-page2{transform:rotateY(-14deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-wrapper{transform:rotateY(-15deg) rotateZ(0)}.df-popup-thumb:hover .df-book-cover{-webkit-transform:rotateY(-18deg) rotateZ(0);-moz-transform:rotateY(-18deg) rotateZ(0);-ms-transform:rotateY(-18deg) rotateZ(0);transform:rotateY(-18deg) rotateZ(0)}.df-popup-thumb.df-tl-cover-title .df-book-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.3)}.df-popup-thumb.df-tl-cover-title .df-book-cover{box-shadow:none}.df-popup-thumb.df-tl-cover-title .df-book-cover:after{display:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper{box-shadow:0 5px 20px rgba(0,0,0,.5);transform:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-cover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;box-shadow:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-page1,.df-popup-thumb.df-tl-cover-title:hover .df-book-page2{display:none}.df-popup-button{width:auto;display:inline-block;background:#ddd;border-radius:5px;padding:5px 15px;margin:5px;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background}.df-popup-button:hover{background:#aaa}.df-popup-hidden{display:none}.df-icon-play-popup{position:relative}.df-icon-play-popup:before{top:50%;position:absolute;left:50%;font-size:40px;background:#777;border-radius:50%;padding:10px;box-shadow:0 1px 5px #777;margin-top:-30px;margin-left:-30px;display:block;color:#fff;z-index:1;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}.df-icon-play-popup:hover:before{opacity:0}.df-posts{max-width:1140px;margin:0 auto}.df-posts>.df-popup-thumb{width:calc(20% - 30px);min-width:100px;position:relative;z-index:1}df-post-shelf{display:none;height:160px;background-color:transparent;z-index:0;margin:-105px -40px -40px -40px;position:relative;background-repeat:no-repeat}df-post-shelf:nth-of-type(5n){display:block}df-post-shelf:after{content:" ";height:160px;display:block;position:absolute;bottom:0;right:0;width:240px;z-index:1;background-position:0 -160px;background-repeat:no-repeat;background-image:inherit;background-size:inherit}df-post-shelf:before{content:" ";display:block;position:absolute;left:240px;bottom:0;right:240px;height:160px;z-index:1;background-image:inherit;background-size:inherit;background-repeat:repeat-x;background-position:0 -320px}.df-posts.df-has-shelf{padding:0 40px 50px 40px}@media screen and (max-width:1100px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@media screen and (max-width:900px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@media screen and (max-width:600px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@media screen and (max-width:420px){.df-popup-thumb,.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}df-post-shelf:last-of-type{display:block}.df-posts{container-type:inline-size;container-name:dfposts;width:100%;box-sizing:border-box!important}@container dfposts (max-width:1020px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@container dfposts (max-width:820px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@container dfposts (max-width:520px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@container dfposts (max-width:320px){.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}@container dfposts (max-width:150px){.df-posts.df-has-shelf>.df-popup-thumb{width:100%;margin:30px -35px 15px!important}}df-post-shelf:last-of-type{display:block}.df-page-content{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.df-auto-link-content,.df-text-content{line-height:1;transform-origin:top left}.df-auto-link-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.df-auto-link-content span,.df-text-content br,.df-text-content span{color:transparent!important;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.df-auto-link-content>span{overflow:hidden}.df-text-content .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.df-text-content .highlight.appended{position:initial}.df-text-content .highlight.begin{border-radius:4px 0 0 4px}.df-text-content .highlight.end{border-radius:0 4px 4px 0}.df-text-content .highlight.middle{border-radius:0}.df-text-content .highlight.selected{background-color:#006400}.df-text-content .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-text-content .endOfContent.active{top:0}body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:32px}@media screen and (max-width:782px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:46px}}@media screen and (max-width:600px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:0}}.df-single-content{width:100%}.df-link-content section.textWidgetAnnotation{display:none}.df-link-content :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.df-viewer::-webkit-scrollbar-button{height:50px}.df-viewer::-webkit-scrollbar-thumb{min-height:50px}.df-container .df-reader ::-webkit-scrollbar-thumb,.df-container .df-reader ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,.df-container.df-pinch-zoom ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom .df-page-content{display:none}section.squareAnnotation .popupWrapper,section.textAnnotation .popupWrapper{display:none}section.squareAnnotation svg,section.textAnnotation svg{display:block}.df-comment-popup{display:none;position:absolute;width:360px;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;z-index:9;padding:10px;word-break:break-word}.df-comment-popup.df-active{display:block}.df-comment-popup .popup{background-color:transparent!important}.df-comment-popup p{margin:0}.df-comment-popup h1{padding-bottom:5px;border-bottom:1px solid;margin-top:0;font-size:1em}.df-sidemenu-wrapper.df-sidemenu-center{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;display:none;top:auto;height:360px;bottom:52px}.df-sidemenu-center .df-sidemenu-buttons{box-shadow:none;text-align:center}.df-sidemenu-center .df-sidemenu-buttons .df-icon-close{display:block;margin:-55px auto 0 auto;float:none;border-radius:50px;width:44px}.df-sidemenu-wrapper.df-sidemenu-center:before{background-color:rgba(255,255,255,.9)}.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center{display:block}.df-sidemenu-center .sidemenu,.df-sidemenu-center:before{border-radius:10px 10px 0 0}.df-slider{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-slider .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-slider .df-sheet{-moz-transition:transform .5s;-o-transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}.df-slider .df-sheet.df-left-side,.df-slider .df-sheet.df-right-side{left:50%!important}.df-slider .df-sheet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-slider .df-page:before{display:none}.df-slider .df-page.df-page-front{z-index:3}.df-slider+.df-zoomview .df-page:before{display:none}.df-has-shelf df-post-shelf{background:0 0;perspective:400px;margin:5px 0 30px 0;height:0;box-shadow:0 5px 40px 15px rgba(0,0,0,.3137254902)}.df-has-shelf df-post-shelf:after,.df-has-shelf df-post-shelf:before{background-size:auto;left:-40px;right:-40px;width:auto;background-repeat:repeat-x;transform-style:preserve-3d;background-position:0 0}.df-has-shelf df-post-shelf:before{transform:translateY(-15px) rotateX(50deg);height:50px;transform-origin:bottom;box-shadow:inset 0 3px 15px 0 rgba(0,0,0,.6117647059)}.df-has-shelf df-post-shelf:after{transform:translateZ(0);height:15px;box-shadow:inset 0 3px 3px rgba(243,243,243,.3215686275);background-position:0 -50px}.df-search-highlight{position:relative!important;background-color:#00f}.df-search-results{top:125px!important;padding:0 10px 10px}.df-search-result{color:inherit!important;text-decoration:none!important;overflow:hidden;border:none!important;box-shadow:none!important;margin-bottom:1px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.df-search-result.df-active,.df-search-result:hover{background-color:rgba(100,100,100,.2)}.df-sidemenu-title{padding:8px 20px;text-transform:uppercase;text-align:left}.df-search-hits{z-index:10;display:none}.df-search-open .df-search-hits{display:inline-block}.df-search-form{display:flex;padding:10px;position:relative}.df-search-clear{position:absolute;right:55px;top:22px;cursor:pointer;display:none}input.df-search-text{flex-grow:1;margin:0;border-radius:4px 0 0 4px;outline:0;border:0;height:40px;padding:0 45px 0 15px;width:100%}input.df-search-text:not(:placeholder-shown)~a.df-search-clear{display:block}.df-ui-btn.df-search-btn{height:40px;padding:10px;background-color:#f7f7f7}.df-search-info{padding:5px 20px}.df-searching .df-search-info{background-repeat:no-repeat;background-size:24px;background-position:176px}.df-popup-thumb img.df-lazy{transform:scale(1.2);opacity:.5}@media (prefers-reduced-motion:no-preference){.df-popup-thumb img{transition:opacity 1.5s ease,transform 1.5s ease}}.df-trigger{cursor:pointer}.df-element[data-df-lightbox],.df-element[data-lightbox]{position:relative}.rtl .df-popup-thumb .df-book-cover,.rtl .df-popup-thumb .df-book-page1,.rtl .df-popup-thumb .df-book-page2{transform-origin:right}.rtl .df-popup-thumb:hover .df-book-cover{transform:rotateY(18deg) rotateZ(0)}.rtl .df-popup-thumb:hover .df-book-page2{transform:rotateY(14deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-page1{transform:rotateY(8deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-wrapper{transform:rotateY(15deg) rotateZ(0);transform-origin:70%!important;box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb .df-book-cover:after{transform:scaleX(-1)}.df-posts [skip-parse]{display:none}.df-posts{text-align:center;position:relative}.df-load-more-button-wrapper{text-align:center;display:none;margin-top:20px}.df-posts [skip-parse]~.df-load-more-button-wrapper{display:block}.df-load-more-button{padding:10px 15px;display:inline-block;margin:0 auto;cursor:pointer;background:#0085ba;color:#fff}._df_book{min-height:400px}