.fel-ytWrap {
background-color: #fff;
position: relative;
padding-bottom: 30px;
}
.fel-ytWrap__detail {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 15px 0;
padding: 0 15px;
}
.fel-ytWrap__detail p {
width: 100%;
margin-top: 30px;
white-space: pre-wrap;
}
.fel-ytWrap__detail .fel-ytWrap__info h3 {
margin: 0;
}
.fel-ytWrap__detail .fel-ytWrap__info h3 a {
font-size: 25px;
}
.fel-ytWrap__subscribe {
position: absolute;
top: 15px;
right: 0;
}
.fel-ytWrap__logo {
margin-right: 15px;
}
.fel-ytWrap__stats {
color: #616161;
font-size: 18px;
}
.fel-ytWrap__content {
display: flex;
margin: 0 -7.5px;
flex-wrap: wrap;
}
.fel-ytWrap__content.owl-carousel {
margin: 0;
}
.fel-ytWrap__content--masory {
display: block;
flex-wrap: inherit;
}
.fel-ytWrap__content:after {
content: '';
display: block;
clear: both;
}
.fel-ytWrap__content--masory .fel-ytWrap__item {
padding: 0 7.5px;
width: 33.33%;
}
.fel-ytWrap__content--col1.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 50%;
}
.ver-videos.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 48%;
}
.fel-ytWrap__content--col4.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 25%;
}
.fel-ytWrap__content--col5.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 20%;
}
.fel-ytWrap__content--col6.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 16.667%;
}
.fel-ytWrap__meta {
display: flex;
justify-content: space-between;
font-size: 12px;
align-items: center;
color: #777;
margin-bottom: 15px;
}
.fel-ytWrap__avarta {
width: 65%;
}
.fel-ytWrap__meta .fel-ytWrap__avarta {
display: flex;
align-items: center;
}
.owl-carousel .fel-ytWrap__meta .fel-ytWrap__avarta > img,
.fel-ytWrap__avarta > img {
width: 24px;
margin-right: 2%;
}
.fel-ytWrap__avarta * {
display: inline-block;
margin-right: -4px;
vertical-align: middle;
}
.fel-ytWrap__avarta span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 60%;
}
.fel-ytWrap__video {
overflow: hidden;
}
.fel-ytWrap__video a {
position: relative;
display: inline-block;
width: 100%;
}
.fel-ytWrap__video img {
width: 100%;
}
.fel-ytWrap__time {
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
background-color: rgba(0, 0, 0, .8);
line-height: 2;
padding: 0 5px;
font-size: 12px;
}
.fel-ytWrap__icon {
font-size: 30px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fel-ytWrap__content .fel-ytWrap__item__info .fel-ytTitle {
margin: 0;
font-size: 16px;
line-height: 1.5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
max-height: 50px;
display: -webkit-box;
margin-bottom: 8px;
}
.fel-ytWrap__item__info a {
color: #333;
}
.fel-ytWrap__item__info p {
font-size: 15px;
line-height: 1.1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 5;
max-height: 150px;
display: -webkit-box;
}
.fel-ytWrap__item {
margin-bottom: 30px;
}
.fel-ytWrap__date {
width: 65px;
text-align: right;
}
.fel-ytEvent {
margin-top: 30px;
text-align: center;
}
.fel-ytLoadMore {
color: #fff;
padding: 10px 30px;
line-height: 1;
border-radius: 50px;
outline: none;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: #f9633e;
display: inline-block;
cursor: pointer;
}
.fel-ytLoadMore:hover {
background-color: #000;
color: #fff;
} .fel-ytNextpage {
display: none;
}
.fel-ytEvent--pagi .fel-ytNextpage {
display: inline-block;
}
.fel-ytWrap__details {
display: flex;
font-size: 12px;
color: #666666;
}
.fel-ytWrap__details > span {
display: inline-block;
margin-right: 10px;
} .fel-ytLoader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity:0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.fel-ytLoader.is-active {
opacity: 1;
visibility: visible;
}
.fel-ytLoader > [class*="fel-ytLoader"] {
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.fel-ytLoader1 {
width: 30px;
height: 30px;
background-color: skyblue;
border-radius: 50%;
position: relative;
box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .5), 0 4px 10px 0 rgba(0, 0, 0, .5);
overflow: hidden;
}
.fel-ytLoader1:before, .fel-ytLoader1:after {
content: '';
position: absolute;
width: 30px;
height: 30px;
top: -15px;
}
.fel-ytLoader1:before {
border-radius: 45%;
background: rgba(255, 255, 255, .7);
animation: loader1 5s linear infinite;
}
.fel-ytLoader1:after {
border-radius: 35%;
background: rgba(255, 255, 255, .3);
animation: loader1 5s linear infinite;
}
@keyframes loader1 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.fel-ytLoader2 {
width: 80px;
height: 50px;
position: relative;
}
.fel-ytLoader2 span {
background-color: #5389a6;
border-radius: 50px;
display: block;
height: 16px;
width: 16px;
bottom: 0;
position: absolute;
transform: translateX(64px);
animation: loading2 3.5s ease both infinite;
}
.fel-ytLoader2 span:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #a6dcee;
border-radius: inherit;
animation: loading3 3.5s ease both infinite;
}
@keyframes loading2 {
0% {
width: 16px;
transform: translateX(0px);
}
40% {
width: 100%;
transform: translateX(0px);
}
80% {
width: 16px;
transform: translateX(64px);
}
90% {
width: 100%;
transform: translateX(0px);
}
100% {
width: 16px;
transform: translateX(0px);
}
}
@keyframes loading3 {
0% {
transform: translateX(0px);
width: 16px;
}
40% {
transform: translateX(0%);
width: 80%;
}
80% {
width: 100%;
transform: translateX(0px);
}
90% {
width: 80%;
transform: translateX(15px);
}
100% {
transform: translateX(0px);
width: 16px;
}
}
.fel-ytLoader3 {
display: flex;
animation-delay: 1s;
}
.fel-ytLoader3 .dot {
position: relative;
width: 15px;
height: 15px;
margin: 0 2px;
border-radius: 50%;
}
.fel-ytLoader3 .dot::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
animation: loading4 2s ease-out infinite;
}
.fel-ytLoader3 .dot:nth-child(1) {
background: #7ef9ff;
}
.fel-ytLoader3 .dot:nth-child(1)::before {
animation-delay: 0.2s;
}
.fel-ytLoader3 .dot:nth-child(2) {
background: #89cff0;
}
.fel-ytLoader3 .dot:nth-child(2)::before {
animation-delay: 0.4s;
}
.fel-ytLoader3 .dot:nth-child(3) {
background: #4682b4;
}
.fel-ytLoader3 .dot:nth-child(3)::before {
animation-delay: 0.6s;
}
.fel-ytLoader3 .dot:nth-child(4) {
background: #0f52ba;
}
.fel-ytLoader3 .dot:nth-child(4)::before {
animation-delay: 0.8s;
}
.fel-ytLoader3 .dot:nth-child(5) {
background: #000080;
}
.fel-ytLoader3 .dot:nth-child(5)::before {
animation-delay: 1s;
}
@keyframes loading4 {
50%, 75% {
transform: scale(2.5);
}
80%, 100% {
opacity: 0;
}
}
.fel-ytLoader4 {
width: 200px;
height: 30px;
position: relative;
}
.fel-ytLoader4 .circle {
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
background-color: #b6b6b6;
left: 15%;
transform-origin: 50%;
animation: loading5 .5s alternate infinite ease;
}
@keyframes loading5 {
0% {
top: 30px;
height: 5px;
border-radius: 15px 15px 5px 5px;
transform: scaleX(1.7);
}
40% {
height: 20px;
border-radius: 50%;
transform: scaleX(1);
}
100% {
top: 0%;
}
}
.fel-ytLoader4 .circle:nth-child(2) {
left: 45%;
animation-delay: .2s;
}
.fel-ytLoader4 .circle:nth-child(3) {
left: auto;
right: 15%;
animation-delay: .3s;
}
.fel-ytLoader4 .shadow {
width: 20px;
height: 4px;
border-radius: 50%;
background-color: rgba(0, 0, 0, .5);
position: absolute;
top: 30px;
transform-origin: 50%;
z-index: -1;
left: 15%;
filter: blur(1px);
animation: loading6 .5s alternate infinite ease;
}
@keyframes loading6 {
0% {
transform: scaleX(1.5);
}
40% {
transform: scaleX(1);
opacity: .7;
}
100% {
transform: scaleX(.2);
opacity: .4;
}
}
.fel-ytLoader4 .shadow:nth-child(4) {
left: 45%;
animation-delay: .2s
}
.fel-ytLoader4 .shadow:nth-child(5) {
left: auto;
right: 15%;
animation-delay: .3s;
}
.fel-ytLoader5 {
height: 15px;
overflow: hidden;
text-align: center;
width: 30%;
position: relative;
}
.fel-ytLoader5:before {
animation: loading7 3s alternate infinite linear;
background-image: linear-gradient(to right, transparent, red, transparent);
content: "";
height: 5vh;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.fel-ytLoader5:after {
background-image: repeating-linear-gradient(90deg, transparent, transparent 1vw, transparent 1vw, transparent 10vw);
content: "";
height: 5vh;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
@keyframes loading7 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.fel-ytLoader6 {
--size: 16px;
--duration: 800ms;
height: calc(var(--size) * 2);
width: calc(var(--size) * 3);
position: relative;
transform-style: preserve-3d;
transform-origin: 50% 50%;
margin-top: calc(var(--size) * 1.5 * -1);
transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}
.fel-ytLoader6 .box {
width: var(--size);
height: var(--size);
top: 0;
left: 0;
position: absolute;
transform-style: preserve-3d;
}
.fel-ytLoader6 .box:nth-child(1) {
transform: translate(100%, 0);
animation: box1 var(--duration) linear infinite;
}
.fel-ytLoader6 .box:nth-child(2) {
transform: translate(0, 100%);
animation: box2 var(--duration) linear infinite;
}
.fel-ytLoader6 .box:nth-child(3) {
transform: translate(100%, 100%);
animation: box3 var(--duration) linear infinite;
}
.fel-ytLoader6 .box:nth-child(4) {
transform: translate(200%, 0);
animation: box4 var(--duration) linear infinite;
}
.fel-ytLoader6 .box > div {
--background: #5c8df6;
--top: auto;
--right: auto;
--bottom: auto;
--left: auto;
--translateZ: calc(var(--size) / 2);
--rotateY: 0deg;
--rotateX: 0deg;
position: absolute;
width: 100%;
height: 100%;
background: var(--background);
top: var(--top);
right: var(--right);
bottom: var(--bottom);
left: var(--left);
transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}
.fel-ytLoader6 .box > div:nth-child(1) {
--top: 0;
--left: 0;
}
.fel-ytLoader6 .box > div:nth-child(2) {
--background: #145af2;
--right: 0;
--rotateY: 90deg;
}
.fel-ytLoader6 .box > div:nth-child(3) {
--background: #447cf5;
--rotateX: -90deg;
}
.fel-ytLoader6 .box > div:nth-child(4) {
--background: #dbe3f4;
--top: 0;
--left: 0;
--translateZ: calc(var(--size) * 3 * -1);
}
@keyframes box1 {
0%, 50% {
transform: translate(100%, 0);
}
100% {
transform: translate(200%, 0);
}
}
@keyframes box2 {
0% {
transform: translate(0, 100%);
}
50% {
transform: translate(0, 0);
}
100% {
transform: translate(100%, 0);
}
}
@keyframes box3 {
0%, 50% {
transform: translate(100%, 100%);
}
100% {
transform: translate(0, 100%);
}
}
@keyframes box4 {
0% {
transform: translate(200%, 0);
}
50% {
transform: translate(200%, 100%);
}
100% {
transform: translate(100%, 100%);
}
}
.fel-ytLoader7 {
position: relative;
display: -webkit-box;
display: flex;
width: 104px;
flex-flow: wrap;
}
.fel-ytLoader7 .loading-flag--flag {
width: 24px;
height: 50px;
display: inline-block;
margin-right: 2px;
opacity: 0;
-webkit-animation: fade-in 0.3s ease-in forwards;
animation: fade-in 0.3s ease-in forwards;
}
.fel-ytLoader7 .loading-flag--flag:first-child .stripe {
background-color: #f35326;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(2) .stripe {
background-color: #81bb07;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(3) .stripe {
background-color: #00a6f0;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(1) {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(2) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(3) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(4) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(5) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(6) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(7) {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(odd) .stripe:nth-child(8) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(1) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(2) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(3) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(4) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(5) {
-webkit-animation-delay: -1.3s;
animation-delay: -1.3s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(6) {
-webkit-animation-delay: -1.4s;
animation-delay: -1.4s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(7) {
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.fel-ytLoader7 .loading-flag--flag:nth-child(even) .stripe:nth-child(8) {
-webkit-animation-delay: -1.6s;
animation-delay: -1.6s;
}
.fel-ytLoader7 .loading-flag--flag .stripe {
width: 3px;
height: 50px;
background: #ffba0b;
display: inline-block;
-webkit-animation: slide 0.8s ease-in-out infinite alternate;
animation: slide 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes slide {
to {
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
}
@keyframes slide {
to {
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
}
@-webkit-keyframes fade-in {
to {
opacity: 1;
}
}
@keyframes fade-in {
to {
opacity: 1;
}
}
.fel-ytLoader8 {
width: 15px;
height: 15px;
box-sizing: border-box;
border-top: 3px solid hotpink;
border-radius: 50%;
position: relative;
animation: ytLoader8 2s ease-in-out infinite;
--direction: 1;
display: flex;
align-items: center;
justify-content: center;
}
.fel-ytLoader8::before,
.fel-ytLoader8::after {
content: '';
position: absolute;
width: inherit;
height: inherit;
border-radius: 50%;
box-sizing: border-box;
top: -2px;
}
.fel-ytLoader8::before {
border-top: 3px solid dodgerblue;
transform: rotate(120deg);
}
.fel-ytLoader8::after {
border-top: 3px solid gold;
transform: rotate(240deg);
}
@keyframes ytLoader8 {
50% {
transform: rotate(calc(180deg * var(--direction)));
}
100% {
transform: rotate(calc(360deg * var(--direction)));
}
}
.fel-ytLoader9 {
width: 50%;
height: 15px;
position: relative;
filter: blur(10px) contrast(20);
}
.fel-ytLoader9 .blob-1, .fel-ytLoader9 .blob-2 {
width: 15px;
height: 15px;
position: absolute;
background: blue;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fel-ytLoader9 .blob-1 {
left: 20%;
animation: osc-l 2.5s ease infinite;
}
.fel-ytLoader9 .blob-2 {
left: 80%;
animation: osc-r 2.5s ease infinite;
background: #0ff;
}
@keyframes osc-l {
0% {
left: 20%;
}
50% {
left: 50%;
}
100% {
left: 20%;
}
}
@keyframes osc-r {
0% {
left: 80%;
}
50% {
left: 50%;
}
100% {
left: 80%;
}
}
.fel-ytLoader10 {
display: flex;
}
.fel-ytLoader10 .dash {
margin: 0 15px;
width: 35px;
height: 5px;
border-radius: 8px;
background: #FF2CBD;
box-shadow: 0 0 10px 0 #FECDFF;
}
.fel-ytLoader10 .uno {
margin-right: -18px;
transform-origin: center left;
animation: spin 3s linear infinite;
}
.fel-ytLoader10 .dos {
transform-origin: center right;
animation: spin2 3s linear infinite;
animation-delay: .2s;
}
.fel-ytLoader10 .tres {
transform-origin: center right;
animation: spin3 3s linear infinite;
animation-delay: .3s;
}
.fel-ytLoader10 .cuatro {
transform-origin: center right;
animation: spin4 3s linear infinite;
animation-delay: .4s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(360deg);
}
30% {
transform: rotate(370deg);
}
35% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin2 {
0% {
transform: rotate(0deg);
}
20% {
transform: rotate(0deg);
}
30% {
transform: rotate(-180deg);
}
35% {
transform: rotate(-190deg);
}
40% {
transform: rotate(-180deg);
}
78% {
transform: rotate(-180deg);
}
95% {
transform: rotate(-360deg);
}
98% {
transform: rotate(-370deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes spin3 {
0% {
transform: rotate(0deg);
}
27% {
transform: rotate(0deg);
}
40% {
transform: rotate(180deg);
}
45% {
transform: rotate(190deg);
}
50% {
transform: rotate(180deg);
}
62% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
80% {
transform: rotate(370deg);
}
85% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin4 {
0% {
transform: rotate(0deg);
}
38% {
transform: rotate(0deg);
}
60% {
transform: rotate(-360deg);
}
65% {
transform: rotate(-370deg);
}
75% {
transform: rotate(-360deg);
}
100% {
transform: rotate(-360deg);
}
}
.fel-ytLoader11 {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
animation-delay: 1s;
}
.fel-ytLoader11 .item-1 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eed968;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.fel-ytLoader11 .item-1:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #eed968;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 200ms;
transition: 0.5s all ease;
transform: scale(1);
}
.fel-ytLoader11 .item-2 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eece68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.fel-ytLoader11 .item-2:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #eece68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 400ms;
transition: 0.5s all ease;
transform: scale(1);
}
.fel-ytLoader11 .item-3 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eec368;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.fel-ytLoader11 .item-3:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #eec368;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 600ms;
transition: 0.5s all ease;
transform: scale(1);
}
.fel-ytLoader11 .item-4 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eead68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.fel-ytLoader11 .item-4:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #eead68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 800ms;
transition: 0.5s all ease;
transform: scale(1);
}
.fel-ytLoader11 .item-5 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ee8c68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.fel-ytLoader11 .item-5:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #ee8c68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 1000ms;
transition: 0.5s all ease;
transform: scale(1);
}
.fel-ytLoader12 {
display: flex;
justify-content: center;
align-items: center; overflow: hidden;
}
.fel-ytLoader12 ul {
display: flex;
margin: 0;
}
.fel-ytLoader12 ul li {
width: 20px;
height: 20px;
margin: 10px;
list-style-type: none;
transition: 0.5s all ease;
}
.fel-ytLoader12 ul li:nth-child(1) {
animation: right-1 1s infinite alternate;
background-color: #DDD8B8;
animation-delay: 100ms;
}
@keyframes right-1 {
0% {
transform: translateY(-60px);
}
100% {
transform: translateY(60px);
}
}
.fel-ytLoader12 ul li:nth-child(2) {
animation: right-2 1s infinite alternate;
background-color: #B3CBB9;
animation-delay: 200ms;
}
@keyframes right-2 {
0% {
transform: translateY(-70px);
}
100% {
transform: translateY(70px);
}
}
.fel-ytLoader12 ul li:nth-child(3) {
animation: right-3 1s infinite alternate;
background-color: #84A9C0;
animation-delay: 300ms;
}
@keyframes right-3 {
0% {
transform: translateY(-80px);
}
100% {
transform: translateY(80px);
}
}
.fel-ytLoader12 ul li:nth-child(4) {
animation: right-4 1s infinite alternate;
background-color: #6A66A3;
animation-delay: 400ms;
}
@keyframes right-4 {
0% {
transform: translateY(-90px);
}
100% {
transform: translateY(90px);
}
}
.fel-ytLoader12 ul li:nth-child(5) {
animation: right-5 1s infinite alternate;
background-color: #58548E;
animation-delay: 500ms;
}
@keyframes right-5 {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(100px);
}
}
.fel-ytLoader13 {
position: relative;
display: grid;
grid-template-columns: 33% 33% 33%;
grid-gap: 2px;
width: 30px;
height: 30px;
}
.fel-ytLoader13 > div {
position: relative;
width: 100%;
height: 100%;
background: tomato;
transform: scale(0);
transform-origin: center center;
animation: loader 2s infinite linear;
}
.fel-ytLoader13 > div:nth-of-type(1), .fel-ytLoader13 > div:nth-of-type(5), .fel-ytLoader13 > div:nth-of-type(9) {
animation-delay: 0.4s;
}
.fel-ytLoader13 > div:nth-of-type(4), .fel-ytLoader13 > div:nth-of-type(8) {
animation-delay: 0.2s;
}
.fel-ytLoader13 > div:nth-of-type(2), .fel-ytLoader13 > div:nth-of-type(6) {
animation-delay: 0.6s;
}
.fel-ytLoader13 > div:nth-of-type(3) {
animation-delay: 0.8s;
}
@keyframes loader {
0% {
transform: scale(0);
}
40% {
transform: scale(1);
}
80% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
.fel-ytLoader14 {
width: 50px;
height: 50px;
position: relative;
}
.fel-ytLoader14 .item {
width: 25px;
height: 25px;
position: absolute;
}
.fel-ytLoader14 .item-1 {
background-color: #FA5667;
top: 0;
left: 0;
z-index: 1;
animation: item-1_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
}
.fel-ytLoader14 .item-2 {
background-color: #7A45E5;
top: 0;
right: 0;
animation: item-2_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
}
.fel-ytLoader14 .item-3 {
background-color: #1B91F7;
bottom: 0;
right: 0;
z-index: 1;
animation: item-3_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
}
.fel-ytLoader14 .item-4 {
background-color: #FAC24C;
bottom: 0;
left: 0;
animation: item-4_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
}
@keyframes item-1_move {
0%, 100% {
transform: translate(0, 0)
}
25% {
transform: translate(0, 25px)
}
50% {
transform: translate(25px, 25px)
}
75% {
transform: translate(25px, 0)
}
}
@keyframes item-2_move {
0%, 100% {
transform: translate(0, 0)
}
25% {
transform: translate(-25px, 0)
}
50% {
transform: translate(-25px, 25px)
}
75% {
transform: translate(0, 25px)
}
}
@keyframes item-3_move {
0%, 100% {
transform: translate(0, 0)
}
25% {
transform: translate(0, -25px)
}
50% {
transform: translate(-25px, -25px)
}
75% {
transform: translate(-25px, 0)
}
}
@keyframes item-4_move {
0%, 100% {
transform: translate(0, 0)
}
25% {
transform: translate(25px, 0)
}
50% {
transform: translate(25px, -25px)
}
75% {
transform: translate(0, -25px)
}
}
.fel-ytLoader15 {
width: 30px;
height: 30px;
display: block;
background: #fff;
border-radius: 500%;
position: relative;
-webkit-animation: rotation 2s linear infinite;
animation: rotation 2s linear infinite;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fel-ytLoader15 .inner {
width: 10px;
height: 0px;
background: #222;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 100%;
box-shadow: 0 -130px 0 -75px #222;
-webkit-animation: switch 8s ease-in-out infinite;
animation: switch 8s ease-in-out infinite;
}
@-webkit-keyframes switch {
0% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 30px;
box-shadow: 0 -30px 0 -15px #222;
}
25% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 30px;
box-shadow: 0 -30px 0 -15px #222;
}
50% {
top: calc(100% - 35px);
width: 10px;
height: 10px;
box-shadow: 0 -130px 0 75px #222;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
75% {
top: calc(100% - 35px);
width: 10px;
height: 10px;
box-shadow: 0 -130px 0 75px #222;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
100% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 30px;
box-shadow: 0 -30px 0 -15px #222;
}
}
@keyframes switch {
0% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 200px;
height: 200px;
box-shadow: 0 -130px 0 -75px #222;
}
25% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 200px;
height: 200px;
box-shadow: 0 -130px 0 -75px #222;
}
50% {
top: calc(100% - 55px);
width: 50px;
height: 50px;
box-shadow: 0 -130px 0 75px #222;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
75% {
top: calc(100% - 55px);
width: 50px;
height: 50px;
box-shadow: 0 -130px 0 75px #222;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
100% {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 200px;
height: 200px;
box-shadow: 0 -130px 0 -75px #222;
}
}
.fel-ytLoader16 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
}
.fel-ytLoader16 #box {
width: 50px;
height: 50px;
background: #141adf;
animation: animate .5s linear infinite;
position: absolute;
top: 0;
left: 0;
border-radius: 3px;
}
@keyframes animate {
17% { border-bottom-right-radius: 3px; }
25% { transform: translateY(9px) rotate(22.5deg); }
50% {
transform: translateY(18px) scale(1,.9) rotate(45deg) ;
border-bottom-right-radius: 40px;
}
75% { transform: translateY(9px) rotate(67.5deg); }
100% { transform: translateY(0) rotate(90deg); }
}
.fel-ytLoader16 #shadow {
width: 50px;
height: 5px;
background: #000;
opacity: 0.1;
position: absolute;
top: 59px;
left: 0;
border-radius: 50%;
animation: shadow .5s linear infinite;
}
@keyframes shadow {
50% {
transform: scale(1.2,1);
}
}
.fel-ytOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,.5);
z-index: 1;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
visibility: hidden;
}
.fel-ytOverlay.is-active {
opacity: 1;
visibility: visible;
}
.fel-ytPopup {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
height: 80vh;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
visibility: hidden;
}
.fel-ytPopup.is-active {
opacity: 1;
visibility: visible;
}
.fel-ytClose {
position: absolute;
top: -25px;
right: -25px;
display: inline-block;
color: #ffffff;
font-size: 30px;
z-index: 1;
cursor: pointer;
width: 50px;
height: 50px;
text-align: center;
}
.fel-ytPopup__content .fluid-width-video-wrapper {
padding-top: 50% !important;
}
.fel-ytShowPopup {
position: relative;
cursor: pointer;
}
.owl-carousel.fel-ytWrap__content .owl-nav,
.fel-ytWrap__content .owl-dots {
display: none;
}
.owl-carousel.fel-ytWrap__content.owl-nav-show .owl-nav,
.fel-ytWrap__content.owl-dots-show .owl-dots {
display: block;
}
.fel-ytWrap__content.fel-ytWrap__tabContent .owl-carousel .owl-nav .owl-prev,
.fel-ytWrap__content.fel-ytWrap__tabContent .owl-carousel .owl-nav .owl-next,
.owl-carousel.fel-ytWrap__content .owl-nav .owl-prev,
.owl-carousel.fel-ytWrap__content .owl-nav .owl-next {
border: 0px solid transparent;
outline: 0;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fel-ytWrap__content.fel-ytWrap__tabContent .owl-carousel .owl-nav .owl-prev i,
.fel-ytWrap__content.fel-ytWrap__tabContent .owl-carousel .owl-nav .owl-next i,
.owl-carousel.fel-ytWrap__content .owl-nav .owl-prev i,
.owl-carousel.fel-ytWrap__content .owl-nav .owl-next i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.owl-carousel.fel-ytWrap__content.space_out .owl-nav .owl-prev,
.fel-ytWrap__tabContent.fel-ytWrap__content.space_out .owl-nav .owl-prev {
position: absolute;
left: -30px;
}
.owl-carousel.fel-ytWrap__content.space_out .owl-nav .owl-next,
.fel-ytWrap__tabContent.fel-ytWrap__content.space_out .owl-nav .owl-next {
position: absolute;
right: -30px;
}
.owl-carousel.fel-ytWrap__content.space_out .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.space_out .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.owl-carousel.fel-ytWrap__content.left_top .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.left_top .owl-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.owl-carousel.fel-ytWrap__content.left_center .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.left_center .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.owl-carousel.fel-ytWrap__content.left_bottom .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.left_bottom .owl-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.owl-carousel.fel-ytWrap__content.right_top .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.right_top .owl-nav {
position: absolute;
top: 0;
right: 0;
}
.owl-carousel.fel-ytWrap__content.right_center .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.right_center .owl-nav {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.owl-carousel.fel-ytWrap__content.right_bottom .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.right_bottom .owl-nav {
position: absolute;
bottom: 0;
right: 0;
}
.owl-carousel.fel-ytWrap__content.top_center .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.top_center .owl-nav {
position: absolute;
top: 0;
left: 50%;
width: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.owl-carousel.fel-ytWrap__content.bottom_center .owl-nav,
.fel-ytWrap__tabContent.fel-ytWrap__content.bottom_center .owl-nav {
position: absolute;
bottom: 0;
left: 50%;
width: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.owl-carousel.fel-ytWrap__content {
position: relative;
}
.fel-ytWrap__content.owl-nav-show .owl-carousel .owl-nav {
display: flex;
}
.fel-ytWrap__content.owl-dots-show .owl-carousel .owl-dots {
display: block;
}
.owl-carousel.fel-ytWrap__content .owl-dot,
.fel-ytWrap__tabContent.fel-ytWrap__content .owl-dot {
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #fff000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-carousel.fel-ytWrap__content .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content .owl-dots {
position: absolute;
left: 0;
width: 100%;
}
.owl-carousel.fel-ytWrap__content.dbottom_center .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dbottom_center .owl-dots {
bottom: 0;
text-align: center;
}
.owl-carousel.fel-ytWrap__content.dleft_bottom .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dleft_bottom .owl-dots {
bottom: 0;
text-align: left;
}
.owl-carousel.fel-ytWrap__content.dleft_top .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dleft_top .owl-dots {
top: 0;
text-align: left;
}
.owl-carousel.fel-ytWrap__content.dright_top .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dright_top .owl-dots {
top: 0;
left: auto;
right: 0;
text-align: left;
}
.owl-carousel.fel-ytWrap__content.dright_bottom .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dright_bottom .owl-dots {
bottom: 0;
left: auto;
right: 0;
text-align: right;
}
.owl-carousel.fel-ytWrap__content.dtop_center .owl-dots,
.fel-ytWrap__tabContent.fel-ytWrap__content.dtop_center .owl-dots {
top: 0;
text-align: center;
}
.owl-carousel.fel-ytWrap__content .owl-dot,
.fel-ytWrap__tabContent.fel-ytWrap__content .owl-dot {
margin: 0 5px;
}
.fel-ytWrap__tabContent > div {
display: none;
}
.fel-ytWrap__tabContent > div.active {
display: block;
}
.fel-ytWrap__tabContent .fluid-width-video-wrapper iframe {
width: 100% !important;
height: 100% !important;
}
.owl-carousel.fel-ytWrap__content .fel-ytWrap__video,
.fel-ytWrap__content.fel-ytWrap__tabContent .fel-ytWrap__video {
position: relative;
}
.owl-carousel.fel-ytWrap__content .fel-ytWrap__video iframe,
.fel-ytWrap__content.fel-ytWrap__tabContent .fel-ytWrap__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.fel-ytWrap__content.fel-ytWrap__tabContent {
display: block;
margin: 0;
flex-wrap: inherit;
}
.fel-ytWrap__headTab {
display: flex;
}
.fel-ytWrap__headTab span {
border: 1px solid #333;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
display: inline-block;
border-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-right: 5px;
padding: 0 10px;
border-bottom: 0;
}
@media only screen and (max-width: 1100px) {
.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 50%;
}
.fel-ytWrap__content--col1.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 50%;
}
.ver-videos.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 48%;
}
.fel-ytWrap__content--col4.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 50%;
}
.fel-ytWrap__content--col5.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 50%;
}
.fel-ytWrap__content--col6.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col1.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.ver-videos.fel-ytWrap__content--col2.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col4.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col5.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
.fel-ytWrap__content--col6.fel-ytWrap__content--masory .fel-ytWrap__item {
width: 100%;
}
}