html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  font-family: "Oxanium", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}

.loading::before {background-color:#fff;
	content: '';
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	
}

/*GRADIENT*/

/*opacity rgba 1*/
.wrap-grad1  > div > div > div, .grad1 ,.grad-1 ,gradtxt-1 ,.loading-1::before {background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat}
.wrap-grad2  > div > div > div, .grad2 ,.grad-2 ,gradtxt-2 ,.loading-2::before {background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat}
.wrap-grad3  > div > div > div, .grad3 ,.grad-3 ,gradtxt-3 ,.loading-3::before {background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat}
.wrap-grad4  > div > div > div, .grad4 ,.grad-4 ,gradtxt-4 ,.loading-4::before {background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat}
.wrap-grad5  > div > div > div, .grad5 ,.grad-5 ,gradtxt-5 ,.loading-5::before {background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat}
.wrap-grad6  > div > div > div, .grad6 ,.grad-6 ,gradtxt-6 ,.loading-6::before {background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat}
.wrap-grad7  > div > div > div, .grad7 ,.grad-7 ,gradtxt-7 ,.loading-7::before {background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat}
.wrap-grad8  > div > div > div, .grad8 ,.grad-8 ,gradtxt-8 ,.loading-8::before {background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat}
.wrap-grad9  > div > div > div, .grad9 ,.grad-9 ,gradtxt-9 ,.loading-9::before {background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat}
.wrap-grad10 > div > div > div, .grad10,.grad-10,gradtxt-10,.loading-10::before{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat}
.wrap-grad11 > div > div > div, .grad11,.grad-11,gradtxt-11,.loading-11::before{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat}
.wrap-grad12 > div > div > div, .grad12,.grad-12,gradtxt-12,.loading-12::before{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat}
.wrap-grad13 > div > div > div, .grad13,.grad-13,gradtxt-13,.loading-13::before{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat}
.wrap-grad14 > div > div > div, .grad14,.grad-14,gradtxt-14,.loading-14::before{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat}
.wrap-grad15 > div > div > div, .grad15,.grad-15,gradtxt-15,.loading-15::before{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat}

/*opacity rgba .7*/
.wrapgrad1 {background:linear-gradient(45deg,rgba(157,2,46,.7)0%,rgba(198,110,23,.7)50%,rgba(232,64,1,.7)100%) no-repeat}
.wrapgrad2 {background:linear-gradient(45deg,rgba(252,4,52,.7)0%,rgba(172,168,253,.7)50%,rgba(216,7,255,.7)100%) no-repeat}
.wrapgrad3 {background:linear-gradient(45deg,rgba(181,40,48,.7)0%,rgba(233,253,192,.7)50%,rgba(218,127,255,.7)100%) no-repeat}
.wrapgrad4 {background:linear-gradient(45deg,rgba(181,42,47,.7)0%,rgba(231,81,4,.7)50%,rgba(242,105,147,.7)100%) no-repeat}
.wrapgrad5 {background:linear-gradient(45deg,rgba(242,88,52,.7)0%,rgba(196,106,255,.7)50%,rgba(250,240,155,.7)100%) no-repeat}
.wrapgrad6 {background:linear-gradient(45deg,rgba(119,10,13,.7)0%,rgba(177,45,30,.7)50%,rgba(239,85,49,.7)100%) no-repeat}
.wrapgrad7 {background:linear-gradient(45deg,rgba(171,32,35,.7)0%,rgba(213,130,140,.7)50%,rgba(249,211,226,.7)100%) no-repeat}
.wrapgrad8 {background:linear-gradient(45deg,rgba(168,32,36,.7)0%,rgba(190,130,58,.7)50%,rgba(209,217,79,.7)100%) no-repeat}
.wrapgrad9 {background:linear-gradient(45deg,rgba(235,42,37,.7)0%,rgba(113,81,84,.7)50%,rgba(6,117,126,.7)100%) no-repeat}
.wrapgrad10{background:linear-gradient(45deg,rgba(149,42,110,.7)0%,rgba(194,71,73,.7)50%,rgba(232,97,41,.7)100%) no-repeat}
.wrapgrad11{background:linear-gradient(45deg,rgba(239,134,89,.7)0%,rgba(235,80,62,.7)50%,rgba(232,33,38,.7)100%) no-repeat}
.wrapgrad12{background:linear-gradient(45deg,rgba(230,29,71,.7)0%,rgba(241,103,100,.7)50%,rgba(248,169,126,.7)100%) no-repeat}
.wrapgrad13{background:linear-gradient(45deg,rgba(231,29,69,.7)0%,rgba(239,130,39,.7)50%,rgba(243,222,11,.7)100%) no-repeat}
.wrapgrad14{background:linear-gradient(45deg,rgba(232,17,111,.7)0%,rgba(232,89,72,.7)50%,rgba(233,154,36,.7)100%) no-repeat}
.wrapgrad15{background:linear-gradient(45deg,rgba(231,15,112,.7)0%,rgba(157,47,136,.7)50%,rgba(94,76,160,.7)100%) no-repeat}

/* text opacity animation*/
.fundo-white .textcolor1 {background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat,linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor2 {background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat,linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor3 {background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat,linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor4 {background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat,linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor5 {background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat,linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor6 {background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat,linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor7 {background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat,linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor8 {background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat,linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor9 {background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat,linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor10{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat,linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor11{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat,linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor12{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat,linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor13{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat,linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor14{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat,linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor15{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat,linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor16{background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat,linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor17{background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat,linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor18{background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat,linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor19{background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat,linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor20{background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat,linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor21{background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat,linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor22{background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat,linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor23{background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat,linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor24{background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat,linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor25{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat,linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor26{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat,linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor27{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat,linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor28{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat,linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor29{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat,linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-white .textcolor30{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat,linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}










.fundo-black .textcolor1 {background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat,linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor2 {background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat,linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor3 {background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat,linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor4 {background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat,linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor5 {background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat,linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor6 {background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat,linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor7 {background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat,linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor8 {background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat,linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor9 {background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat,linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor10{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat,linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor11{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat,linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor12{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat,linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor13{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat,linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor14{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat,linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor15{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat,linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-black;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor16{background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat,linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor17{background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat,linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor18{background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat,linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor19{background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat,linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor20{background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat,linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor21{background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat,linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor22{background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat,linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor23{background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat,linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor24{background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat,linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor25{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat,linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor26{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat,linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor27{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat,linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor28{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat,linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor29{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat,linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .textcolor30{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat,linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-white;animation-duration:4500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}

/*[class*='textcolorspeed']{animation-duration:500ms !important;}*/

@keyframes text-from-grad-to-black  {
  0% {
    color:rgba(255,255,255,0)
  }
  100% {
    color:rgba(255,255,255,1)
  }
}

@keyframes text-from-grad-to-white  {
  0% {
    color:rgba(0,0,0,0)
  }
  100% {
    color:rgba(0,0,0,1)
  }
}


.fundo-black .back-to-colortext-rgba-0{
   animation-duration:300ms !important;; 
   animation-timing-function:ease-in-out;
   animation-iteration-count:1; 
   animation-fill-mode:both;
   animation-name: anim-back-to-colortext-rgba-0
}
@keyframes anim-back-to-colortext-rgba-0  {
  0% {
    color:rgba(255,255,255,1) 
  }
  100% {
    color:rgba(255,255,255,0)
  }
}

.fundo-black .good-color{
    
     color:rgba(255,255,255,1) ;
}


.fundo-black .back-to-colortext-rgba-1{
   animation-duration:300ms;
   animation-timing-function:ease-in-out;
   animation-iteration-count:1; 
   animation-fill-mode:none ;
   animation-name: anim-back-to-colortext-rgba-1
}
@keyframes anim-back-to-colortext-rgba-1  {
  0% {
    color:rgba(255,255,255,0) 
  }
  100% {
    color:rgba(255,255,255,1)
  }
}

.itemStaticToWatch{text-decoration: none}




.fundo-white .final-text-color { background:linear-gradient(45deg,rgba(0,0,0,1)0%,rgba(0,0,0,1)50%,rgba(0,0,0,1)100%) no-repeat,linear-gradient(45deg,rgba(0,0,0,1)0%,rgba(0,0,0,1)50%,rgba(0,0,0,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-blackno;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}
.fundo-black .final-text-color { background:linear-gradient(45deg,rgba(255,255,255,1)0%,rgba(255,255,255,1)50%,rgba(255,255,255,1)100%) no-repeat,linear-gradient(45deg,rgba(255,255,255,1)0%,rgba(255,255,255,1)50%,rgba(255,255,255,1)100%) no-repeat;background-size: 150% 100%;background-position:-202% 0,0 0;-webkit-background-clip: padding-box, text;background-clip: padding-box, text;animation-name:text-from-grad-to-blackno;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;}


/*
.final-text-color {    
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0 100%;
}*/

/* REVEAL ANIM WITHOUT REVEAL PLUGIN */
.reveal1{background:linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat,linear-gradient(45deg,rgba(157,2,46,1)0%,rgba(198,110,23,1)50%,rgba(232,64,1,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal2{background:linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat,linear-gradient(45deg,rgba(252,4,52,1)0%,rgba(172,168,253,1)50%,rgba(216,7,255,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal3{background:linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat,linear-gradient(45deg,rgba(181,40,48,1)0%,rgba(233,253,192,1)50%,rgba(218,127,255,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal4{background:linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat,linear-gradient(45deg,rgba(181,42,47,1)0%,rgba(231,81,4,1)50%,rgba(242,105,147,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal5{background:linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat,linear-gradient(45deg,rgba(242,88,52,1)0%,rgba(196,106,255,1)50%,rgba(250,240,155,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal6{background:linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat,linear-gradient(45deg,rgba(119,10,13,1)0%,rgba(177,45,30,1)50%,rgba(239,85,49,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal7{background:linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat,linear-gradient(45deg,rgba(171,32,35,1)0%,rgba(213,130,140,1)50%,rgba(249,211,226,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal8{background:linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat,linear-gradient(45deg,rgba(168,32,36,1)0%,rgba(190,130,58,1)50%,rgba(209,217,79,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal9{background:linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat,linear-gradient(45deg,rgba(235,42,37,1)0%,rgba(113,81,84,1)50%,rgba(6,117,126,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal10{background:linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat,linear-gradient(45deg,rgba(149,42,110,1)0%,rgba(194,71,73,1)50%,rgba(232,97,41,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal11{background:linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat,linear-gradient(45deg,rgba(239,134,89,1)0%,rgba(235,80,62,1)50%,rgba(232,33,38,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal12{background:linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat,linear-gradient(45deg,rgba(230,29,71,1)0%,rgba(241,103,100,1)50%,rgba(248,169,126,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal13{background:linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat,linear-gradient(45deg,rgba(231,29,69,1)0%,rgba(239,130,39,1)50%,rgba(243,222,11,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal14{background:linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat,linear-gradient(45deg,rgba(232,17,111,1)0%,rgba(232,89,72,1)50%,rgba(233,154,36,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}
.reveal15{background:linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat,linear-gradient(45deg,rgba(231,15,112,1)0%,rgba(157,47,136,1)50%,rgba(94,76,160,1)100%) no-repeat;;background-size:0%100%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;animation: t  .6s .1s both, b .6s.7s both, c .4s .8s both;}


@keyframes t{
  to {background-size: 150% 100%} /* we animate to 150% instead of 100%*/
}
@keyframes b {
  to {background-position:-200% 0,0 0}/* we update the position of only the first layer */
}
@keyframes c {

  0% {
    color:rgba(0,0,0,0)
  }
  100% {
    color:rgba(0,0,0,1)
  }
}




/* img .7 opcacity gradient overlay */
.mask{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-attachment:fixed
}

.maskanimin{
  animation:slidein .15s ease-in-out infinite  ;
  animation-iteration-count: 1;
  width:100%;
  bottom:0;
  left:0;
  opacity:1;
  position:absolute;
  height:100%;
  top:0;
  z-index:1;
}
@keyframes slidein {
  0% {
    left:-100%;
  }
  100% {
    left:0;
  }
}  

.maskanimout{
  width:100%;
  bottom:0;
  left:0;
  opacity:1;
  position:absolute;
  height:100%;
  top:0;
  z-index:1;
    
  animation:slideout .15s ease-in-out  forwards ;

}
@keyframes slideout {
  0% {
    left:0;
  }
  100% {
    left:100%;
  }
}  



/* HEADER */

#navbar-brand{padding-left: 5px}
@media (max-width: 800px){
    #navbar-brand.color-black{display: none}
}

.navbar-brand-tba {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    line-height: 20px
}

#navbar-brand:hover{
 /* color:inherit;*/
  text-decoration: underline;
}
#navbar-brand.color-white:hover{
  color:#fff;
}
#navbar-brand.color-black:hover{
  color:#000;
}

.navbar-toggle-always {
  display: block!important;
  -background-color: transparent;
  right:0;
  top:-8px;
}

#navbar{ z-index: 1050;}

#menu-btn{
    background-color:#000;
   
}
#menu-btn .link{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.menu-btn-wrap-icon {background-color:#000;}

.menu-btn-wrap-icon{
    width:80px;
    height:80px;
}
    @media (max-width:800px){
        .menu-btn-wrap-icon{width:50px;height:50px;}
    }

.menu-btn-link{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    font-size:1.8rem;
    font-weight:bold;
    

    
    box-sizing:border-box;
    padding-top:4px;
    width:100%;
    height:100%;
    background-color:transparent;
    border:none;
    position:relative;
    z-index:0;
    overflow:hidden;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

@media (min-width:800px){
     .menu-btn-link{
        font-size:1.4rem;
        padding-top:2px;
    }
}

 .menu-btn-inner{
    position:absolute;
    top:0;
    right:0;
    z-index:3;
    width:80px;
    height:80px;
    margin:0;
    padding:0;
    border:none;
    -background:transparent;
    
}
    @media (max-width:800px){
        .menu-btn-inner{
           width:50px;
           height:50px;
       }
    }

.menu-btn-inner .button-inner{
    width:80px;
    height:80px;
}
    @media (max-width:800px){
        .menu-btn-inner .button-inner{
            width:50px;
            height:50px;
        }
    }

.menu-btn-size{
    position:absolute;
    top:0;
    left:0;
    width:80px;
    height:80px;
    
    z-index:-2;
}
    @media (max-width:800px){
        .menu-btn-size{
           width:50px;
           height:50px;
       }
    }

 .l1,.l2{
    position:absolute;
    width:20px;
    height:2px;
    background-color:#fff;
    -webkit-transition:all 0.1s;
    transition:all 0.1s;
}
 .l1{
    top:33px;
    left:30px;
}
 .l2{
    bottom:33px;
    left:30px;
}

@media (max-width:800px){
 .l1,.l2{
    width:20px;
}
 .l1{
    top:33px;
    left:30px;
}
 .l2{
    bottom:33px;
    left:30px;
}
}
 /* menu bare rotation */
.rotate .l1{ transform: rotateY(0deg) rotate(45deg); width:30px; position: relative;top:0;left:15px }
.rotate .l2{ transform: rotateY(0deg) rotate(-45deg);width:30px; position: relative;top:0;left:-15px   }

 @media (max-width:800px){
     .menu-btn-inner{
        width:50px;
        height:50px;
    }
     .menu-btn-inner .button-inner{
        width:50px;
        height:50px;
    }
     .menu-btn-size{
        width:50px;
        height:50px;
    }
     .l1,.l2{
        width:10px;
        height:1px;
    }
     .l1{
        top:21px;
        left:20px;
    }
     .l2{
        bottom:21px;
        left:20px;
    }
    
    .rotate .l1{ width:20px; left:10px  ; top:-4px; }
    .rotate .l2{ width:20px; left:-10px ; top:-4px  }
}
/*
 .offcanvas-collapse {
    position: fixed;
    top: 0; 
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    transition: all 0.4s ease;
  }
  
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  */
  
  
  #menu-bg{
      opacity:1
  }
  
  
  /* MENU */
  
  
.-menu-link{
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0 100%;
    font-weight: 900;
    line-height: 1.05 !important;
    
    /*background-image: url(https://dev.tbaserver4.com/wp-content/uploads/2024/03/fundo-tba.jpg);*/
   /*
    font-size: calc((100vw - 180px)* 0.111197511664075);
    line-height: 1.15;
    font-weight: 900;
    margin: 0;
    margin-bottom: calc((100vw - 80px)* 0.010108864696734);    
   */

    font-size: max(calc((100vw - 80px)* 0.03), 3.6rem);
    font-weight: bold;
   /* color: #fff;*/
    border: none;
    
}



.hover-txt{
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0 100%;

} 


.menu-bg{ opacity: 1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;}
/*
.menu-bg-color{
   opacity: 1;  animation: mymove 1s ;animation-iteration-count: 1;
}

@keyframes mymove {
  50% {opacity: 0;}
}
*/


#menu-offcanvas{background-color:#333;}

#offcanvasRight{
    background-color: #262626;
   /* z-index: 1040;*/
}
@media (min-width:800px){
    .container-menu{
        max-width:800px
    }
}
ul.tba-menu{/*margin-top: 2em*/}
ul.tba-menu li{margin-bottom: 15px; list-style-type: none;}

ul.tba-menu li a{
    color: #fff !important;
    font-size: max(calc((100vw - 80px)* 0.03), 3.6rem);
    font-weight: 900;
    line-height: 1.55 !important;
    text-decoration: none;
}

@media (max-width:800px){
    ul.tba-menu li a{
        font-size: max(calc((100vw - 80px)* 0.06), 3.6rem);
        line-height: 1.35 !important;
    }
}
@media (max-width: 575px){ 
    ul.tba-menu li a{
        font-size: max(calc((100vw - 80px)* 0.05), 3.6rem);
        line-height: 1.05 !important;
    } 
}

.menu-margin-top{margin-top: 50px}
    @media (max-width: 1200px){ 
        .menu-margin-top{margin-top: 0;}
    }
    @media (max-width: 968px){
        .menu-margin-top{margin-top: 20px;}
    }

@media (max-width: 767px){
    
    .offcanvas-body{
        padding-top: 0 !important;
    }
    
    ul.tba-menu{
        margin-left:0 !important;;
        padding-left:0 !important;;
    }
  
  .container-menu .pt-4{
      padding-top: 5px !important;
  } 
  .container-menu.pb-4{
      padding-bottom: 5px !important;
  }   
  

  
}


.same-height{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    -border: 1px red solid;
}
/* FIRST SECTION */

/*//////////////////////////////////////////////////*/
/*//Same html structure and css class than whatever/*/
/*//////////////////////////////////////////////////*/

.space-for-fixed{
      position: absolute;
      z-index: 3;
      top:0;left:0;
      width: calc(100vw - 80px);
      height :calc(100vh - 40px);
  }
@media (max-width:800px){
  .space-for-fixed{
      width: calc(100vw - 50px);
      height :100vh;
  }
}

.container-videos.videodemo-wrap {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
   /* overflow: hidden;*/
}
.contents-videos.videodemo-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.videodemo-wrap { 
    width: calc(100vw - 80px) ;
}
.videodemo-wrap-2 {
    height: calc((100vh - 40px) );
}
@media (max-width:800px){
    .videodemo-wrap { 
        width: 100vw;
        height: 100vh;
    }
}

.showreel.videodemo-inner {-border: 1px solid orange;
    position: relative; 
    width: 100%;
    height: calc(100vh - 40px);
    font-size: 0;
}
    @media (max-width:800px){
        .showreel.videodemo-inner .video-size.videodemo-inner {
            right: 0;
        }
    }

    .showreel.videodemo-inner .video-size.videodemo-inner {
        position: fixed;
        top: 0;
        right: 80px;
        /*height: var(--video-height, calc(100vh - 40px));*/
        overflow: hidden;
    }
        @media (max-width:800px){
            .showreel.videodemo-inner .video-size.videodemo-inner {
                position: absolute;
                right: 0;
                width: 100vw;
            }
        }

    .grad-image {
        font-size: 0;
        position: relative;
        overflow: hidden;
        /*visibility: hidden;*/
    }
    .showreel.videodemo-inner .video-size.videodemo-inner .inner.videodemo-inner { 
        position: relative;
        width: calc(100vw - 80px);
        height: calc(100vh - 40px);
    }
        @media (max-width:800px){
            .showreel.videodemo-inner .video-size.videodemo-inner .inner.videodemo-inner { 
                width: 100vw;
                height: 100vh;
            }
        }

    .wrap-video-background, 
    .wrap-video-overlay{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
     

/*/////////////////////////////////////////////////*/    
/* add more style (video responsive with "zoom" ....)*/
/*/////////////////////////////////////////////////*/    

.video{display:inline-block;}

@media (min-width: 1199px){
    .video{
        width:100%;height:auto;
        top:0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (max-width: 1199px){
  .video{
      max-width:170%;height:auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
  } 
}
@media (max-width: 991px){
  .video{
      top:0;;
      max-width:215%;
  } 
}
@media (max-width: 767px){
  .video{
      top:0;
      max-width:295%;
  } 
}
@media (max-width: 575px){ 
  .video{
      max-width:400%;
  } 
}  
/* WAS IN HEADER */
@media (max-width: 575px){ 
    .video{
        max-width:425%;
    } 
  .mask-on-vid{
       padding-bottom: 50px
  }              
} 


.stretchy-wrapper {
	position: absolute;
	top:0; 
        left:0;
        width:100%;
        height: 100%;
}
.mask-on-vid{ 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
        align-items: center;
        color: rgb(0, 0, 0);
        display: flex;
        font-size: 0px;
        font-weight: 300;
        justify-content: center;
        mix-blend-mode: screen;
        object-fit: cover;
        visibility: visible;
        -webkit-box-align: center;
        -webkit-box-pack: center;
}

.mask-on-vid > div {
        align-items: flex-end !important;
}
@media (max-width: 800px){
    .mask-on-vid > div {
            align-items: flex-start !important;
    }
    .container-gif{margin-top: 10vh}
}
.video2{
    max-width: 50%;height:auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 80px
}
@media (max-width: 800px){
    .video2{
        max-width: 90%;
    }
}

.flechita{
   bottom: 7px;
   left: 50%;
   transform: translateX(-50%);
}

@media (max-width: 767px){
    .flechita{
     bottom: 10px
    }
}

/*//////////////////////////////*/ 
/* SIDEBAR FIEXED WITH LNGUAGE */
/*//////////////////////////////*/ 

.color-white, .blanco{ color:#fff }; .white-back{background: #fff}
.color-transp{ color:transparent}
.color-black{ color:#000 }


#wrapSidebar{
    position:absolute;
    top:0;
    z-index:3;
}

#sidebar-wrap { 
    position: fixed;
    width: 80px;
    height: 100vh;
    right:0;
}
@media (max-width: 800px){
    #sidebar-wrap {
       width: 40px; 
    }
}
.vertical-sidebar {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100vh - 80px);
    height: 80px;
    top: 80px;
    left: 80px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 800px){
    .vertical-sidebar {
        width: calc(100vh - 40px);
        height: 40px;
        top: 40px;
        left: 40px;
    }
}

.title-sidebar{
    font-size: 2rem;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 40px;
    margin-top: 31px;
}

.langselect{
    margin-right: 38px;
    margin-top: 36px;
}
@media (max-width: 800px){
    .langselect {
        margin-top: 7px;
        margin-right: 120px;
    }
}

.language-selector {
    font-size: 1.2rem;
    -webkit-letter-spacing: 0.12em;
    -moz-letter-spacing: 0.12em;
    -ms-letter-spacing: 0.12em;
    letter-spacing: 0.12em;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.language-selector a {
    border: none;
    padding: 0;
    color: #cccccc;
}

.language-selector span {
    white-space: pre;
}





.text-right{text-align:right}

.bi-facebook{width: 35px;height:35px;}

.pl-0{padding-left: 0 !important}

.card-body {
    -padding-left:0 !important
}




/*
.simulate-background{
    visibility: hidden;
}

@media (max-width:800px){
   
    .simulate-background{
        visibility: visible;
        display: block;
        background-color: #fff;
        z-index: 2;
        position: absolute;
        width:55px;
        right:-2px;
        bottom:0;
        top: calc((100vh - 40px) + 42px); 
        
        height: 100vh;
    }
    
}

.fixed{
    position: fixed;
    top:40px
}
*/
/*
.block-revealer__content{
    display: inline;
    -background-color: rgba(189,45,45,.1)
}
.block-revealer__content > *{background-color: #fff}
*/
/*
.main-background {

     position: relative;
   margin-top: calc((100vw - 80px)* 0.164074650077761);
}
*/





main #main{
    z-index: 2;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 140px;
    width: -webkit-calc(100% - 80px);
    width:    -moz-calc(100% - 80px);
    width:         calc(100% - 80px);
}

@media (max-width:800px){
    main #main{
    padding-left: 0;    
    width:100%;    
    background: transparent;
    /*width: -webkit-calc(100% - 50px);
    width:    -moz-calc(100% - 50px);
    width:         calc(100% - 50px);
    */
    }
}

#intro{
    background-color: #fff;
    padding-left: 140px;
    padding-right: 80px;
    padding-top: 60px;
}
@media (max-width:800px){
#intro{
    padding-top: 30px;
    padding-left:15px;
    padding-right: 50px;
}
}

.content{
    background-color: #fff;
   
    padding-right: 80px;
  
}
@media (max-width:800px){
.content{
    padding-top: 30px;
    padding-left:15px;
    padding-right: 50px;
}
}



.outside-grid{padding-right: 0}
@media (max-width:800px){
    .outside-grid{
        padding-right:50px;
    }
}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-5px;
  top:-30px;
}

.inline{
    display:inline-block;
}
.text-right{
    text-align: right;
}



[class*='sp-p']{
      padding-left: 0 ;
      padding-right: 0 ;
      -background-color: red;
}

  .sp-pr{
      padding-right: 10px;
  } 
  .sp-pl{
      padding-left: 10px;
  }   
  
@media (max-width: 991px){
  .sp-pr{
      padding-right: 0;
  } 
  .sp-pl{
      padding-left: 0;
  } 
}
  
 #intro-text  [id*='rh-']{
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0 100%;
    font-weight: 900;
    line-height: 1.05 !important;

}
#rh-1,#rh-2,#rh-3{font-size: 200px}
@media (max-width:1850px){#rh-1,#rh-2,#rh-3{font-size: 180px}}
@media (max-width:1720px){#rh-1,#rh-2,#rh-3{font-size: 170px}}
@media (max-width:1640px){#rh-1,#rh-2,#rh-3{font-size: 160px}}
@media (max-width:1555px){#rh-1,#rh-2,#rh-3{font-size: 150px}}
@media (max-width:1475px){#rh-1,#rh-2,#rh-3{font-size: 140px}}
@media (max-width:1390px){#rh-1,#rh-2,#rh-3{font-size: 130px}}
@media (max-width:1310px){#rh-1,#rh-2,#rh-3{font-size: 120px}}
@media (max-width:1225px){#rh-1,#rh-2,#rh-3{font-size: 110px}}
@media (max-width:1145px){#rh-1,#rh-2,#rh-3{font-size: 100px}}
@media (max-width:1060px){#rh-1,#rh-2,#rh-3{font-size: 90px}}
@media (max-width:980px){#rh-1,#rh-2,#rh-3{font-size: 80px}}
@media (max-width:900px){#rh-1,#rh-2,#rh-3{font-size: 68px}}
@media (max-width:800px){#rh-1,#rh-2,#rh-3{font-size: 81px}}
@media (max-width:700px){#rh-1,#rh-2,#rh-3{font-size: 81px}}
@media (max-width:560px){#rh-1,#rh-2,#rh-3{font-size: 70px}}
@media (max-width:460px){#rh-1,#rh-2,#rh-3{font-size: 60px}}
@media (max-width:420px){#rh-1,#rh-2,#rh-3{font-size: 55px}}
@media (max-width:385px){#rh-1,#rh-2,#rh-3{font-size: 50px}}
@media (max-width:345px){#rh-1,#rh-2,#rh-3{font-size: 45px}}
@media (max-width:320px){#rh-1,#rh-2,#rh-3{font-size: 40px}}
@media (max-width:300px){#rh-1,#rh-2,#rh-3{font-size: 35px}}

footer{background-color: #262626}
.text-white{-color:#fff}

#text-intro .lead{
 font-weight: 500;

}
@media (min-width:1200px){
    #text-intro .lead{
        font-weight: 700;
        font-size: calc((100vw - 80px) * 0.02);
        line-height: calc((100vw - 80px) * 0.03);
        margin: 0;
    }
}

.contact-us-link{
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-letter-spacing: 0.04em;
    -moz-letter-spacing: 0.04em;
    -ms-letter-spacing: 0.04em;
    letter-spacing: 0.04em;
    padding-bottom: 7px;
    padding-right: 28px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    line-height: .8;
    }

    .tba-contact-us span{
    display: inline-block;
    padding-bottom: 7px;
    padding-right: 28px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    line-height: .8;
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0 100%;
    font-weight: bold;
    }
    
    

#works .card, .card-body{
    -border:none;
    border-radius: 0; 
    box-shadow: none;
    overflow: hidden
}




.card-body {
    -padding-left:0 !important;
    border-radius: none;
}


.card-text{ 
    font-size: 15px;
    font-weight: 400;
}
@media (min-width:1200px){
    .card-text{ 
        font-size: 20px;
        font-weight: 400;
    }
}



.card-title, .card-text{
    -padding-left: 0;
    -padding-right:0;   
}
@media (max-width:800px){
    .card-title, .card-text,.card-btn{
        padding-left: 15px;
        padding-right: 40px;   
        font-size: 14px;
    }    
}



/*
.wrap-btn .btn-allwork .tb-btn
*/
@media (max-width:1200px){
.container-footer{width:100%}
}

/*
.footer-border-left{border-left: 1px #ccc solid}
@media (max-width:576px){
    .footer-border-left{border-left: 1px transparent solid}
}
*/
.footer-right-col{
    padding-right: 50px;
}

.footer-right-col .grad-effect-black .block-revealer__element{
    border-radius:50% ;height:25px;width:25px
}



.h25px{
    height:25px
}

  .icon-red-social {
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(5, 25px);
    grid-gap: 0 15px;
    gap: 0 15px; 

    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 0;
    background-repeat: no-repeat; 
    background-size: 25px 25px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    
}
  .icon-red-social div{ border-radius: 50%;}

@media (max-width: 800px) {
    .icon-red-social {
        grid-template-columns: repeat(5, 30px);

        width: 30px; 
        height: 30px;
        background-size: 30px 30px;
    }
}

 .privacy.legal ,  .terms.legal ,  .copyright.legal  {
    text-align: right;
    margin-top: 1px;

}

 .privacy.legal .legal,  .terms.legal .legal ,  .copyright.legal {

    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    mix-blend-mode: lighten;
}
.pagetop.goToTop {
    position: absolute;
    top: 150px;
    right: 20px;
    font-size: 12px;
    -webkit-letter-spacing: 0.07em;
    -moz-letter-spacing: 0.07em;
    -ms-letter-spacing: 0.07em;
    letter-spacing: 0.07em;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}
.goToTop {
    color:#fff;
}
hr.goToTop {
    display: inline-block;
    width: 40px;
    border: none;
    border-top: 1px solid #fff;
    margin-right: 20px;
}
span.goToTop {
vertical-align: 13px;
    cursor: pointer;
}


/* btn wrappers  */
/*
.watch-reel-btn{
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;    
    bottom:-40px;
    right:17px;
}
*/

/*
.all-work-btn{
    position: relative;
    z-index: 2;
    display: inline-block;
    overflow: hidden;    
}
*/
.revealHoverImg { 
    position: absolute !important;
    top:0;left:0;
    display: inline-block;
    width:100%;
    height:100%;
    pointer-events: none;
    /*z-index: 2;background-color: red;*/
    ;
}



.remove-btn-style{
    	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;  
}


#realVideo{
    bottom:-40px;
    right:17px;
}


.btn-right{
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;   
}




/* btn size  */


.link .out {
   -z-index: 2;
   animation:out .3s ease-in-out  forwards ;
   -background-color: red;

}
.link .over {
   -z-index: 2; 
   animation:in .3s ease-in-out   ;
   -background-color: red;
}
@keyframes in {
  0% {
    left:-100%;
  }
  100% {
    left:0;
  }
}
@keyframes out {
  0% {
    left:0;
  }
  100% {
    left:100%;
  }
}

.block-revealer__content{background-clip: content-box;}


.text-infinite-anime-bg-color, #intro-text > div > div > div{

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
  animation: anim-text-infinite-anime-bg-color 3.5s ease infinite;
}
@keyframes anim-text-infinite-anime-bg-color {
  0% {
    background-position: 0% 43%
  }
  50% {
    background-position: 100% 58%
  }
  100% {
    background-position: 0% 43%
  }
}



/*


id="realVideo"

id="btn-right"







*/

#realVideo .link, #btn-intro a, #btn-all-work a{
 background-color:#000
}

/*
#btn-all-work a{right: 50px;}
*/
.link{  

    color: #fff;
    box-sizing: border-box;
    border: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    -webkit-letter-spacing:0.04em;
    -moz-letter-spacing:0.04em;
    -ms-letter-spacing:0.04em;
    letter-spacing:0.04em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    font-size: 24px;
    font-weight: 600;
}

.link div{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.btn-size-normal {
    position: relative;
    width: 256px;
    height: 60px;
}


@media (max-width: 800px) {
    .btn-size-normal {
       
        position: relative;
        width: 176px;
        height: 50px;
    }
}

.btn-size-bigger {
    height: 80px;
    width: 256px;
    padding-top: 4px;
}

#realVideo{
    bottom:-40px;
    right:17px;
}
@media (max-width: 800px) {
    .btn-size-bigger {
        height: 60px;
        width: 176px;
        padding-top: 4px;
    }   
    #realVideo{
        bottom: auto;
        right: auto;
        top:50vh;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }   
    .link{
        font-size: 22px;
    }
    
}



.btn-size-smaller {
    display: block;
    padding: 0.2rem  0.5rem 0.1rem  0.5rem ;
    border: 1px solid #b4b4b4;
    color:#000 !important;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    
}



.itemStaticToWatch{display: inline-block}