Video Tab Slider

.center_content2 {
position:absolute;
overflow:visible;
top:50%;
left:50%;
width:100%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
#RW_Load_Thumb_Navigation2 {
position:relative;
margin:20px auto !important;
background-color:rgba(255,255,255,0.03) !important;
z-index:2;
width:px;
height:0px;
max-width:100%;
}
.RW_Loader_Frame_Navigation2 { width:45px !important; height:45px !important; }
.loader_Navigation12 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation22 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation32 {
border-top:12px solid #dd3333 !important;
border-bottom:12px solid #dd3333 !important;
border-right:12px solid #dd3333 !important;
width:50% !important;
height:50%!important;
}
.RW_Loader_Frame_Navigation
{
position:relative;
left:50%;
width:80px;
height:80px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.RW_Loader_Text_Navigation2 {
position:relative;
text-align:center;
margin-top:10px;
font-size: 13px !important;
font-family:Abadi MT Condensed Light !important;
color: #841e1e !important;
}
.loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; }
.loader_Navigation12 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.loader_Navigation22 {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
.loader_Navigation32 {
width:60%;
height:60%;
top:50%;
left:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
animation:clockLoadingmin 1s linear 500;
-webkit-animation:clockLoadingmin 1s linear 500;
-ms-animation:clockLoadingmin 1s linear 500;
-moz-animation:clockLoadingmin 1s linear 500;
-o-animation:clockLoadingmin 1s linear 500;
}
.loader_Navigation1
{
width:100%;
height:100%;
animation:clockLoading 1s linear 500;
-webkit-animation:clockLoading 1s linear 500;
-ms-animation:clockLoading 1s linear 500;
-moz-animation:clockLoading 1s linear 500;
-o-animation:clockLoading 1s linear 500;
}
.loader_Navigation2
{
width:80%;
height:80%;
animation:anticlockLoading 1s linear 500;
-webkit-animation:anticlockLoading 1s linear 500;
-ms-animation:anticlockLoading 1s linear 500;
-moz-animation:anticlockLoading 1s linear 500;
-o-animation:anticlockLoading 1s linear 500;
}
@keyframes clockLoading
{
from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes anticlockLoading
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);}
}
@keyframes clockLoadingmin
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);}
}
/*Second Loader*/
.overlay-loader2 { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.overlay-loader2 { height: 40px !important; }
.loader2 { width: 49px !important; height: 49px !important; }
.loader2 div:nth-child(2) { width: 3px !important; height: 3px !important; }
.loader2 div:nth-child(3) { width: 9px !important; height: 9px !important; }
.loader2 div:nth-child(4) { width: 14px !important; height: 14px !important; }
.loader2 div:nth-child(5) { width: 19px !important; height: 19px !important; }
.loader2 div:nth-child(6) { width: 24px !important; height: 24px !important; }
.loader2 div:nth-child(7) { width: 28px !important; height: 28px !important; }
.loader2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 97px;
height: 97px;
animation-name: rotateAnim;
-o-animation-name: rotateAnim;
-ms-animation-name: rotateAnim;
-webkit-animation-name: rotateAnim;
-moz-animation-name: rotateAnim;
animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.loader2 div
{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #841e1e;
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.loader2 div:nth-child(odd) { border-top: none; border-left: none; }
.loader2 div:nth-child(even) { border-bottom: none; border-right: none; }
.loader2 div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; }
.loader2 div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; }
.loader2 div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; }
.loader2 div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; }
.loader2 div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; }
.loader2 div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; }
@keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } }
@-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } }
/*Third Loader*/
.windows82 { width: 45px !important; height:45px !important; }
.windows82 .wBall { width: 42px !important; height: 42px !important; }
.windows82 { position: relative; width: 78px; height:78px; margin:auto; }
.windows82 .wBall
{
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows82 .wBall .wInnerBall
{
position: absolute;
width: 10px;
height: 10px;
background: #841e1e;
left:0px;
top:0px;
border-radius: 10px;
}
.windows82 #wBall_1
{
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows82 #wBall_2
{
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows82 #wBall_3
{
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows82 #wBall_4
{
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows82 #wBall_5
{
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit
{
0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
@-o-keyframes orbit
{
0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@-ms-keyframes orbit
{
0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; }
76% { opacity: 0; -ms-transform: rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-webkit-keyframes orbit
{
0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-moz-keyframes orbit
{
0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
/*Fourth loader*/
.cssload-thecube2 { width: 30px !important; height: 30px !important; }
.cssload-thecube2 {
width: 50px;
height: 50px;
margin: 20px auto;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube2 .cssload-cube
{
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube2 .cssload-cube
{
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube2 .cssload-cube:before
{
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #841e1e;
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube2 .cssload-c2
{
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube2 .cssload-c3
{
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube2 .cssload-c4
{
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube2 .cssload-c2:before
{
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube2 .cssload-c3:before
{
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube2 .cssload-c4:before
{
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube
{
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes cssload-fold-thecube
{
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes cssload-fold-thecube
{
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes cssload-fold-thecube
{
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes cssload-fold-thecube
{
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/*First Text*/
.cssload-loader2 {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
font-family: Abadi MT Condensed Light !important;
text-transform: none !important;
font-weight: 900;
font-size:13px !important;
color: #841e1e !important;
letter-spacing: 0.2em;
margin-top:10px;
}
.cssload-loader2::before, .cssload-loader2::after
{
content: “”;
display: block;
width: 15px;
height: 15px;
background: rgba(30,115,190,0.54) !important;
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader2::before { top: 0; }
.cssload-loader2::after { bottom: 0; }
@keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
/*Second*/
#inTurnFadingTextG2 { width:100%; margin:auto; text-align:center; }
.inTurnFadingTextG2 {
font-size: 13px !important;
font-family:Abadi MT Condensed Light !important;
color: #841e1e !important;
text-decoration:none;
font-weight:normal;
font-style:normal;
display:inline-block;
animation-name:bounce_inTurnFadingTextG;
-o-animation-name:bounce_inTurnFadingTextG;
-ms-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-name:bounce_inTurnFadingTextG;
-moz-animation-name:bounce_inTurnFadingTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnFadingTextG2_1 {
animation-delay:0.75s !important;
-o-animation-delay:0.75s !important;
-ms-animation-delay:0.75s !important;
-webkit-animation-delay:0.75s !important;
-moz-animation-delay:0.75s !important;
}
#inTurnFadingTextG2_2 {
animation-delay:0.9s !important;
-o-animation-delay:0.9s !important;
-ms-animation-delay:0.9s !important;
-webkit-animation-delay:0.9s !important;
-moz-animation-delay:0.9s !important;
}
#inTurnFadingTextG2_3 {
animation-delay:1.05s !important;
-o-animation-delay:1.05s !important;
-ms-animation-delay:1.05s !important;
-webkit-animation-delay:1.05s !important;
-moz-animation-delay:1.05s !important;
}
#inTurnFadingTextG2_4 {
animation-delay:1.2s !important;
-o-animation-delay:1.2s !important;
-ms-animation-delay:1.2s !important;
-webkit-animation-delay:1.2s !important;
-moz-animation-delay:1.2s !important;
}
#inTurnFadingTextG2_5 {
animation-delay:1.35s !important;
-o-animation-delay:1.35s !important;
-ms-animation-delay:1.35s !important;
-webkit-animation-delay:1.35s !important;
-moz-animation-delay:1.35s !important;
}
#inTurnFadingTextG2_6 {
animation-delay:1.5s !important;
-o-animation-delay:1.5s !important;
-ms-animation-delay:1.5s !important;
-webkit-animation-delay:1.5s !important;
-moz-animation-delay:1.5s !important;
}
#inTurnFadingTextG2_7 {
animation-delay:1.65s !important;
-o-animation-delay:1.65s !important;
-ms-animation-delay:1.65s !important;
-webkit-animation-delay:1.65s !important;
-moz-animation-delay:1.65s !important;
}
@keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#841e1e !important; }
}
@-o-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#841e1e !important; }
}
@-ms-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#841e1e !important; }
}
@-webkit-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#841e1e !important; }
}
@-moz-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#841e1e !important; }
}
/*Third text*/
.cssload-preloader2 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.cssload-preloader2 > .cssload-preloader2-box
{
position: relative;
display:inline-block;
margin-left:10px;
margin-top:20px;
height: 29px;
left:50%;
transform:translateX(-50%) !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
perspective: 195px;
-o-perspective: 195px;
-ms-perspective: 195px;
-webkit-perspective: 195px;
-moz-perspective: 195px;
}
.cssload-preloader2 .cssload-preloader2-box > div
{
position: relative;
width: 26px;
height: 26px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 2;
font-size: 13px !important;
font-family:Abadi MT Condensed Light !important;
color: #841e1e !important;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(1)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 0ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(2)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(3)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(4)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(5)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 345ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(6)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(7)
{
background: #dd3333 !important;
margin-right: 13px !important;
animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
}
@keyframes cssload-movement2 {
from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
transform: scale(1.5) translateY(-24px) rotateX(45deg);
box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-o-keyframes cssload-movement2 {
from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-o-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-o-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-ms-keyframes cssload-movement2 {
from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-ms-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-ms-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-webkit-keyframes cssload-movement2 {
from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-webkit-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-moz-keyframes cssload-movement2 {
from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-moz-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-moz-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
#gallery-con2 {
width:px;
height:auto !important;
max-width:100% !important;
border: px !important;
}
#gallery-con2 #gallery-main2 {
margin: 0 auto;
padding: 0;
z-index: 0;
position: relative;
cursor: pointer;
width:100% !important;
}
#gallery-main2 img { height: 100%; width: 100%; }
#gallery-con2 #gallery-hidden2 { margin: 0; padding: 0; position: absolute; display: none; z-index: -1; }
#gallery-con2 #thumbnails2 { height: 132px; z-index: 10; opacity: 0.9; position: relative; margin: 0 auto; }
#gallery-con2 #thumbnails2:hover
{
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 #thumbcon2 {
height: 100%;
display: inline-block;
margin: 0;
overflow: hidden;
white-space: nowrap;
float: left;
}
#gallery-con2 #thumbnails2 #thumbcon2 .thumb:hover
{
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 #thumbcon2 .selected
{
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .ui-button
{
width: 32px;
height: 32px;
opacity: 0.60;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .ui-button:hover
{
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1;
}
#gallery-con2 #thumbnails2 #left-arrow2 {
position:relative;
margin-left: 1px;
margin-right: 1px;
display: inline-block;
width:25px !important;
height:25px !important;
float: left;
}
#gallery-con2 #thumbnails2 #right-arrow2 {
position:relative;
width:25px !important;
height:25px !important;
margin-right: 1px;
margin-left: 1px;
display: inline-block;
float: right;
}
#gallery-con2 #thumbnails2 .icon
{
position:absolute;
display: inline-block;
width: 100%;
height: 100%;
top:0%;
left:0%;
background-repeat: no-repeat;
cursor: pointer;
z-index: 22;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .icon-play
{
background: url(https://tazbuildinggroup.com.au/wp-content/plugins/slider-video/Images/play.png) no-repeat center center;
background-size:50% 50%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .icon:after,#gallery-con2 #thumbnails2 .icon:before
{
content:””;
background:none !important;
border:none !important;
}
#gallery-con2 #thumbnails2 .icon-pause
{
background: url(https://tazbuildinggroup.com.au/wp-content/plugins/slider-video/Images/stop.png) no-repeat center center;
background-size:50% 50%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .icon-arrow-right
{
background: url(https://tazbuildinggroup.com.au/wp-content/plugins/slider-video/Images/next.png) no-repeat center center;
background-size:75% 45%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #thumbnails2 .icon-arrow-left
{
background: url(https://tazbuildinggroup.com.au/wp-content/plugins/slider-video/Images/prev.png) no-repeat center center;
background-size:75% 45%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#gallery-con2 #gallery-main2 {
width: px;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
border-bottom:none;
}
#gallery-main2_Anim { position:absolute !important; top:0px !important; left:0px !important; width:100% !important; }
#gallery-con2 {
margin: 20px auto;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0);
position: relative;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
width: px;
}
#gallery-con2 #thumbnails2 {
display:-webkit-flex;
display:flex;
justify-content: center;
align-items: center;
position:relative;
width: 100% !important;
height:24px;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
border-top: px ;
background: ;
}
.Rich_Web_VSlider_TS_Src_Iframe2 {
border:none !important;
border-bottom:none !important;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
#gallery-con2 #thumbnails2 #thumbcon2 {
width: calc(100% – 58px) !important;
}
#gallery-con2 #thumbnails2 #playtoggle2 {
position: absolute;
top: -40px;
right: 10px;
}
#gallery-con2 #thumbnails2 .ui-button
{
background: ;
border: px ;
-moz-border-radius: px;
-webkit-border-radius: px;
-o-border-radius: px;
-ms-border-radius: px;
-khtml-border-radius: px;
border-radius: px;
}

#gallery-con2 #thumbnails2 #thumbcon2 .thumb
{
position:relative;
box-sizing: border-box !important;
object-fit: cover !important;
margin: 12px px;
border: px ;
border-radius: px;
width: auto;
height: 0px;
display: inline;
opacity: 1;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}
#gallery-con2 #thumbnails2 #thumbcon2 .thumb:hover
{
border-color: ;
border-style: ;
}
#gallery-con2 #thumbnails2 #thumbcon2 .selected
{
box-shadow:none !important;
transition: all 0.5s ease 0s!important;
border-color: ;
border-style: ;
}
#gallery-con2 .Rich_Web_TS_Play_Video_Div2 {
height: px;
width: 100% !important;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
display: none;
z-index: 9999;
}
.Rich_Web_VSlider_TS_PlayIcon2 {
position: absolute;
top:50% !important;
transform:translateY(-50%) !important;
-webkit-transform:translateY(-50%) !important;
-ms-transform:translateY(-50%) !important;
-moz-transform:translateY(-50%) !important;
-o-transform:translateY(-50%) !important;
left: 0;
width: 100%;
height: 50px;
z-index: 2;
text-align: center;
}
.Rich_Web_VSlider_TS_PlayIcon2 span
{
display: block;
text-align:center;
width: 80px;
height: 50px;
line-height: 50px;
margin: 0 auto;
background-color: ;
color: ;
border-radius: 10px;
cursor: pointer;
}
#gallery-con2:hover .Rich_Web_VSlider_TS_PlayIcon2 span
{
background-color: ;
color: ;
}
@media screen and (max-width:820px){
#gallery-con2 #thumbnails2 .icon,#gallery-con2 #thumbnails2 .icon-arrow-left,.Rich_Web_VSlider_TS_PlayIcon2 span,#gallery-con2 #thumbnails2 #thumbcon2 .thumb{
cursor:default !important;
}
}