rtl {
direction : rtl;
}
@font-face {
}
@keyframes rev-ani-mouse {
0% {
opacity : 1;
top : 29%;
}
15% {
opacity : 1;
top : 50%;
}
50% {
opacity : 0;
top : 50%;
}
to {
opacity : 0;
top : 29%;
}
}
.rev-scroll-btn {
display : inline-block;
position : relative;
left : 0;
right : 0;
text-align : center;
cursor : pointer;
width : 35px;
height : 55px;
box-sizing : border-box;
border : #fff solid 3px;
border-radius : 23px;
}
.rev-scroll-btn > * {
display : inline-block;
line-height : 18px;
font-size : 13px;
font-weight : 400;
color : #7f8c8d;
color : #fff;
font-family : proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
letter-spacing : 2px;
}
.rev-scroll-btn > .active, .rev-scroll-btn > :focus, .rev-scroll-btn > :hover {
color : #fff;
}
.rev-scroll-btn.revs-fullwhite {
background : #fff;
}
.rev-scroll-btn.revs-fullwhite span {
background : #333;
}
.rev-scroll-btn.revs-fulldark {
background : #333;
border : none;
}
.rev-scroll-btn.revs-fulldark span {
background : #fff;
}
.rev-scroll-btn span {
position : absolute;
display : block;
top : 29%;
left : 50%;
width : 8px;
height : 8px;
margin : -4px 0 0 -4px;
background : #fff;
border-radius : 50%;
animation : rev-ani-mouse 2.5s linear infinite;
}
.rev-scroll-btn.revs-dark {
border-color : #333;
}
.rev-scroll-btn.revs-dark span {
background : #333;
}
.rev-control-btn {
position : relative;
display : inline-block;
z-index : 5;
color : #fff;
font-size : 20px;
line-height : 60px;
font-weight : 400;
font-style : normal;
font-family : Raleway;
text-decoration : none;
text-align : center;
background-color : #000;
border-radius : 50px;
text-shadow : none;
background-color : rgb(0, 0, 0, 0.5);
width : 60px;
height : 60px;
box-sizing : border-box;
cursor : pointer;
}
.rev-cbutton-dark-sr {
border-radius : 3px;
}
.rev-cbutton-light, .rev-cbutton-light-sr {
color : #333;
background-color : hsl(0 0% 100% / 0.75);
}
.rev-cbutton-light-sr {
border-radius : 3px;
}
.rev-sbutton {
line-height : 37px;
width : 37px;
height : 37px;
}
.rev-sbutton-blue {
background-color : #3b5998;
}
.rev-sbutton-lightblue {
background-color : #00a0d1;
}
.rev-sbutton-red {
background-color : #dd4b39;
}
.tp-bannertimer {
visibility : hidden;
width : 100%;
background : #fff;
position : absolute;
z-index : 200;
top : 0;
}
.tp-bannertimer.tp-bottom {
top : auto;
bottom : 0 !important ;
height : 5px;
}
.tp-caption img {
background : transparent;
}
.caption.slidelink a div, .tp-caption.slidelink a div {
width : 3000px;
height : 1500px;
background : url(../assets/coloredbg.png) repeat;
}
.tp-caption.slidelink a span {
background : url(../assets/coloredbg.png) repeat;
}
.tp-shape {
width : 100%;
height : 100%;
}
.tp-caption .rs-starring {
display : inline-block;
}
.tp-caption .rs-starring .star-rating {
float : none;
display : inline-block;
vertical-align : top;
}
.tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating {
position : relative;
height : 1em;
width : 5.4em;
}
.tp-caption .rs-starring-page .star-rating:before, .tp-caption .rs-starring .star-rating:before {
content : "\73\73\73\73\73";
color : #e0dadf;
float : left;
top : 0;
left : 0;
position : absolute;
}
.tp-caption .rs-starring .star-rating span {
overflow : hidden;
float : left;
top : 0;
left : 0;
position : absolute;
padding-top : 1.5em;
font-size : 1em !important ;
}
.tp-caption .rs-starring .star-rating span:before {
content : "\53\53\53\53\53";
top : 0;
position : absolute;
left : 0;
}
.tp-caption .rs-starring .star-rating {
color : #ffc321 !important ;
}
.tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating {
font-size : 1em !important ;
font-family : star;
}
.tp-loader {
top : 50%;
left : 50%;
z-index : 10000;
position : absolute;
}
.tp-loader.spinner0 {
background-color : #fff;
background : url(../assets/loader.gif) 50% no-repeat;
}
.tp-loader.spinner0, .tp-loader.spinner1 {
width : 40px;
height : 40px;
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.15);
margin-top : -20px;
margin-left : -20px;
animation : tp-rotateplane 1.2s ease-in-out infinite;
border-radius : 3px;
}
.tp-loader.spinner1 {
background-color : #fff;
}
.tp-loader.spinner5 {
background : url(../assets/loader.gif) 10px 10px no-repeat;
background-color : #fff;
margin : -22px;
width : 44px;
height : 44px;
border-radius : 3px;
}
@keyframes tp-rotateplane {
0% {
transform : perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform : perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
to {
transform : perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width : 40px;
height : 40px;
margin-top : -20px;
margin-left : -20px;
background-color : red;
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.15);
border-radius : 100%;
animation : tp-scaleout 1s ease-in-out infinite;
}
@keyframes tp-scaleout {
0% {
transform : scale(0);
}
to {
transform : scale(1);
opacity : 0;
}
}
.tp-loader.spinner3 {
margin : -9px 0 0 -35px;
width : 70px;
text-align : center;
}
.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
width : 18px;
height : 18px;
background-color : #fff;
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.15);
border-radius : 100%;
display : inline-block;
animation : tp-bouncedelay 1.4s ease-in-out infinite;
animation-fill-mode : both;
}
.tp-loader.spinner3 .bounce1 {
animation-delay : -0.32s;
}
.tp-loader.spinner3 .bounce2 {
animation-delay : -0.16s;
}
@keyframes tp-bouncedelay {
0%, 80%, to {
transform : scale(0);
}
40% {
transform : scale(1);
}
}
.tp-loader.spinner4 {
margin : -20px 0 0 -20px;
width : 40px;
height : 40px;
text-align : center;
animation : tp-rotate 2s linear infinite;
}
.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
width : 60%;
height : 60%;
display : inline-block;
position : absolute;
top : 0;
background-color : #fff;
border-radius : 100%;
animation : tp-bounce 2s ease-in-out infinite;
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.15);
}
.tp-loader.spinner4 .dot2 {
top : auto;
bottom : 0;
animation-delay : -1s;
}
@keyframes tp-rotate {
to {
transform : rotate(1turn);
}
}
@keyframes tp-bounce {
0%, to {
transform : scale(0);
}
50% {
transform : scale(1);
}
}
.tp-bullets.navbar, .tp-tabs.navbar, .tp-thumbs.navbar {
border : none;
min-height : 0;
margin : 0;
border-radius : 0;
}
.tp-bullets, .tp-tabs, .tp-thumbs {
position : absolute;
display : block;
z-index : 1000;
top : 0;
left : 0;
}
.tp-tab, .tp-thumb {
cursor : pointer;
position : absolute;
opacity : 0.5;
box-sizing : border-box;
}
.tp-arr-imgholder, .tp-tab-image, .tp-thumb-image, .tp-videoposter {
background-position : 50%;
background-size : cover;
width : 100%;
height : 100%;
display : block;
position : absolute;
top : 0;
left : 0;
}
.tp-tab.selected, .tp-tab:hover, .tp-thumb.selected, .tp-thumb:hover {
opacity : 1;
}
.tp-tab-mask, .tp-thumb-mask {
box-sizing : border-box !important ;
}
.tp-tabs, .tp-thumbs {
box-sizing : content-box !important ;
}
.tp-bullet {
width : 15px;
height : 15px;
position : absolute;
background : #fff;
background : hsl(0 0% 100% / 0.3);
cursor : pointer;
}
.tp-bullet.selected, .tp-bullet:hover {
background : #fff;
}
.tp-bannertimer {
background : #000;
background : rgb(0, 0, 0, 0.15);
height : 5px;
}
.tparrows {
cursor : pointer;
background : #000;
background : rgb(0, 0, 0, 0.5);
width : 40px;
height : 40px;
position : absolute;
display : block;
z-index : 1000;
}
.tparrows:hover {
background : #000;
}
.tparrows:before {
font-family : revicons;
font-size : 15px;
color : #fff;
display : block;
line-height : 40px;
text-align : center;
}
.tparrows.tp-leftarrow:before {
content : "\e824";
}
.tparrows.tp-rightarrow:before {
content : "\e825";
}
body.rtl .tp-kbimg {
left : 0 !important ;
}
.dddwrappershadow {
box-shadow : 0 45px 100px rgb(0, 0, 0, 0.4);
}
.hglayerinfo {
position : fixed;
bottom : 0;
left : 0;
color : #fff;
line-height : 20px;
background : rgb(0, 0, 0, 0.75);
padding : 5px 10px;
z-index : 2000;
white-space : normal;
}
.hginfo, .hglayerinfo {
font-size : 12px;
font-weight : 600;
}
.hginfo {
position : absolute;
top : -2px;
left : -2px;
color : #e74c3c;
background : #000;
padding : 2px 5px;
}
.indebugmode .tp-caption:hover {
border : #c0392b dashed 1px !important ;
}
.helpgrid {
border : #c0392b dashed 2px;
position : absolute;
top : 0;
left : 0;
z-index : 0;
}
#revsliderlogloglog {
padding : 15px;
color : #fff;
position : fixed;
top : 0;
left : 0;
width : 200px;
height : 150px;
background : rgb(0, 0, 0, 0.7);
z-index : 100000;
font-size : 10px;
overflow : scroll;
}