-
WIBUHAX0R1337
-
/
home
/
zqegovsj
/
www
/
us3web.haibo.net
/
a_web_bak
/
css
/
[ Home ]
Create Folder
Create File
Nama File / Folder
Size
Action
animate.css
74.448KB
Edit File
Delete File
Rename
animate.min.css
56.628KB
Edit File
Delete File
Rename
bootstrap-rtl.min.css
24.319KB
Edit File
Delete File
Rename
bootstrap.min.css
114.56KB
Edit File
Delete File
Rename
boss_alphabet.css
1.063KB
Edit File
Delete File
Rename
boss_facecomments.css
0.141KB
Edit File
Delete File
Rename
boss_filterproduct.css
18.42KB
Edit File
Delete File
Rename
boss_megamenu.css
13.009KB
Edit File
Delete File
Rename
boss_special.css
3.141KB
Edit File
Delete File
Rename
bossblog.css
16.916KB
Edit File
Delete File
Rename
camera.css
6.275KB
Edit File
Delete File
Rename
color-2.css
130.763KB
Edit File
Delete File
Rename
color.css
0.176KB
Edit File
Delete File
Rename
colorScheme-1.css
21.933KB
Edit File
Delete File
Rename
colorScheme-2.css
21.933KB
Edit File
Delete File
Rename
colorScheme-3.css
21.933KB
Edit File
Delete File
Rename
cs.animate.css
65.759KB
Edit File
Delete File
Rename
css.css
23.062KB
Edit File
Delete File
Rename
fontawesome.min.css
58.059KB
Edit File
Delete File
Rename
fonts.css
5.594KB
Edit File
Delete File
Rename
fonts_courgette.css
0.7KB
Edit File
Delete File
Rename
fonts_lato.css
1.911KB
Edit File
Delete File
Rename
fonts_quicksand.css
2.965KB
Edit File
Delete File
Rename
gdpr-cookie.css
1.14KB
Edit File
Delete File
Rename
google-map.css
0.457KB
Edit File
Delete File
Rename
grid.css
9.582KB
Edit File
Delete File
Rename
jquery.jgrowl.css
3.377KB
Edit File
Delete File
Rename
loading.css
3.41KB
Edit File
Delete File
Rename
magnific-popup.min.css
5.136KB
Edit File
Delete File
Rename
main.css
44.152KB
Edit File
Delete File
Rename
material-icons.css
51.306KB
Edit File
Delete File
Rename
meanmenu.css
2.938KB
Edit File
Delete File
Rename
nouislider.min.css
3.45KB
Edit File
Delete File
Rename
owl-carousel.css
6.146KB
Edit File
Delete File
Rename
owl.carousel.css
4.506KB
Edit File
Delete File
Rename
prettyPhoto.css
26.518KB
Edit File
Delete File
Rename
rd-mailform.css
40.296KB
Edit File
Delete File
Rename
responsive.css
32.114KB
Edit File
Delete File
Rename
revolutionslider_settings.css
76.063KB
Edit File
Delete File
Rename
search.css
5.259KB
Edit File
Delete File
Rename
style.css
46.021KB
Edit File
Delete File
Rename
style2.css
47.98KB
Edit File
Delete File
Rename
style_0.css
44.926KB
Edit File
Delete File
Rename
stylesheet.css
107.054KB
Edit File
Delete File
Rename
styleswitcher.css
5.162KB
Edit File
Delete File
Rename
swiper.min.css
13.346KB
Edit File
Delete File
Rename
table.css
12.433KB
Edit File
Delete File
Rename
tabs.css
2.421KB
Edit File
Delete File
Rename
vendor.css
518.846KB
Edit File
Delete File
Rename
webfonts.css
18.232KB
Edit File
Delete File
Rename
webstyle.css
131.275KB
Edit File
Delete File
Rename
/*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .header_slider .tp-banner-container { max-width: 100%; overflow: hidden; padding: 0; position: relative; width: 100%; } .header_slider .boss_slider { margin-left: auto; margin-right: auto; } /************************* - CAPTIONS - **************************/ .tp-static-layers { position: absolute; z-index: 505; top: 0px; left: 0px; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; white-space: nowrap; } .tp-caption-demo .tp-caption { position: relative !important; display: inline-block; margin-bottom: 10px; margin-right: 20px !important; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; font-size: 0px; line-height: 0; min-width: 468px; min-height: 3px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.large_white_text { color: #ffffff; text-shadow: none; font-size: 18px; line-height: 20px; font-weight: 700; font-family: "Lato", sans-serif; background-color: transparent; text-decoration: none; text-transform: capitalize; letter-spacing: 0px; border: 1px solid #fff; padding: 10px 28px; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .tp-caption.medium_white { color: #ffffff; text-shadow: none; font-size: 18px; line-height: 18px; font-weight: 700; font-family: "lato", sans-serif; background-color: transparent; text-decoration: none; text-transform: capitalize; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.bold_green_text { color: #4dbeee; text-shadow: none; font-size: 70px; line-height: 72px; font-weight: 900; font-family: "lato", sans-serif; background-color: transparent; text-decoration: none; text-transform: capitalize; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.medium_black { color: #797979; text-shadow: none; font-size: 18px; line-height: 18px; font-weight: 700; font-family: "lato", sans-serif; background-color: transparent; text-decoration: none; text-transform: none; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.big_black { color: #797979; text-shadow: none; font-size: 24px; line-height: 26px; font-weight: 700; font-family: "lato", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.medium_text { position: absolute; color: #ffffff; text-shadow: none; font-size: 18px; line-height: 20px; font-weight: 700; font-family: "Lato", sans-serif; background-color: #118acb; text-decoration: none; text-transform: capitalize; letter-spacing: 0px; border: 1px solid #118acb; padding: 10px 28px; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .tp-caption.boldwide_small_white { font-size: 25px; line-height: 25px; font-weight: 800; font-family: "Open Sans", sans-serif; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.whitedivider3px_vertical { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; font-size: 0px; line-height: 0; min-width: 3px; min-height: 130px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.finewide_small_white { color: #ffffff; text-shadow: none; font-size: 25px; line-height: 25px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.finewide_verysmall_white_mw { font-size: 13px; line-height: 25px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #ffffff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; max-width: 470px; white-space: normal !important; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgb(235, 235, 235); background-color: rgba(235, 235, 235, 1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Lato", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position: absolute; color: rgb(223,75,107); font-weight: 400; font-size: 150px; line-height: 130px; font-family: 'Oswald', sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; background-color: rgb(45,49,54); padding: 0px; } .tp-caption.middle_yellow { position: absolute; color: rgb(251,213,114); font-weight: 600; font-size: 50px; line-height: 50px; font-family: 'Open Sans', sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.huge_thin_yellow { position: absolute; color: rgb(251,213,114); font-weight: 300; font-size: 90px; line-height: 90px; font-family: 'Open Sans', sans-serif; margin: 0px; letter-spacing: 20px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.big_dark { position: absolute; color: #333; font-weight: 700; font-size: 70px; line-height: 70px; font-family: "Open Sans"; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_dark { position: absolute; color: #333; font-weight: 300; font-size: 40px; line-height: 40px; font-family: "Open Sans"; margin: 0px; letter-spacing: 5px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #888; white-space: nowrap; } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_bold_grey { font-size: 30px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; text-shadow: none; margin: 0px; padding: 1px 4px 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; letter-spacing: -2px; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 70px; line-height: 70px; font-family: 'Quicksand',sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: transparent; text-transform: uppercase; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #fff; } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; margin: 0px; border-width: 0px; border-style: none; background-color: #4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: #de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0,0,0,0.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.thintext_dark { position: absolute; color: rgba(0,0,0,0.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size: 30px; line-height: 75px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.498039); padding: 50px 25px; text-align: center; border-radius: 500px 500px 500px 500px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 0px 20px 5px; text-shadow: none; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #db4360; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #fff; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #67ae73; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #ffffff; text-decoration: none; background-color: rgba(0, 0, 0, 1); text-shadow: none; margin: 0px; letter-spacing: -1.5px; padding: 1px 4px 0px 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; text-shadow: none; margin: 0px; padding: 1px 4px 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: rgb(117, 117, 117); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgba(235, 235, 235, 1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(52, 73, 94); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(227, 58, 12); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: rgb(243, 156, 18); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.grassfloor { text-decoration: none; background-color: rgba(160, 179, 151, 1); width: 4000px; height: 150px; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #ffffff; text-decoration: none; background-color: transparent; padding: 0px 0px 0px 0px; text-align: center; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(127, 140, 141); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.roundedimage { border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 10px 20px 15px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 255); padding: 5px 15px 10px; text-shadow: none; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../images/gradient/g40.png) repeat-x top; } .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width: 100%; position: relative; padding: 0; } .fullwidthbanner-container { width: 100%; position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthbanner { width: 100%; position: relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width: none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url(../images/revolutionslider/shadow1.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow2 { background: url(../images/revolutionslider/shadow2.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url(../images/revolutionslider/shadow3.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none; } .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } .html5vid.videoisplaying .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0,0,0,0.3); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width: 6px; height: 20px; border-left: 5px solid #fff; border-right: 5px solid #fff; position: relative; margin: 10px 20px; } .html5vid .tp-revstop { display: none; } .html5vid.videoisplaying .revicon-right-dir { display: none; } .html5vid.videoisplaying .tp-revstop { display: block; } .html5vid.videoisplaying .tp-video-play-button { display: none; } .html5vid:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .tp-dottedoverlay.twoxtwo { background: url(../images/revolutionslider/gridtile.png); } .tp-dottedoverlay.twoxtwowhite { background: url(../images/revolutionslider/gridtile_white.png); } .tp-dottedoverlay.threexthree { background: url(../images/revolutionslider/gridtile_3x3.png); } .tp-dottedoverlay.threexthreewhite { background: url(../images/revolutionslider/gridtile_3x3_white.png); } /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url(../images/revolutionslider/boxed_bgtile.png); height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url(../images/revolutionslider/navigdots_bgtile.png); height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/bullet.png) no-Repeat top left; width: 20px; height: 20px; margin-right: 0px; float: left; margin-top: 0px; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/bullets.png) no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/bullet_boxed.png) no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(../images/revolutionslider/navigdots.png) no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index: 600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/large_left.png) no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/large_right.png) no-Repeat top left; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/small_left.png) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/small_right.png) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_left.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_right.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/small_left_boxed.png) no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/small_right_boxed.png) no-Repeat top left; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrowleft.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrowright.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_right2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_right2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_left1.png) no-Repeat; width: 31px; height: 55px; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../images/revolutionslider/arrow_right1.png) no-Repeat; width: 31px; height: 55px; } .tp-leftarrow:hover { background: url(../images/revolutionslider/arrow_left1_hover.png) no-Repeat; } .tp-rightarrow:hover { background: url(../images/revolutionslider/arrow_right1_hover.png) no-Repeat; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width: 100%; height: 10px; background: url(../images/revolutionslider/timer.png); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { bottom: 0px; height: 5px; top: auto; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none; } .responsive .tparrows { display: none; } } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../images/revolutionslider/coloredbg.png) repeat; } .tp-caption.slidelink a span { background: url(../images/revolutionslider/coloredbg.png) repeat; } /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none; } .tparrows .tp-arr-titleholder { display: none; } /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width: 100px; height: 100px; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; background: transparent; } .tparrows.preview1:after { position: absolute; left: 0px; top: 0px; font-family: "revicons"; color: #fff; font-size: 30px; width: 100px; height: 100px; text-align: center; background: #fff; background: rgba(0,0,0,0.15); z-index: 2; line-height: 100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background: rgba(255,255,255,1); color: #aaa; } .tparrows.preview1 .tp-arr-imgholder { background-size: cover; background-position: center center; display: block; width: 100%; height: 100%; position: absolute; top: 0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}*/ .tp-rightarrow.preview1 .tp-arr-imgholder { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .tp-leftarrow.preview1 .tp-arr-imgholder { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width: 80px; height: 80px; line-height: 80px; font-size: 24px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width: 60px; height: 60px; line-height: 60px; font-size: 20px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width: 40px; height: 40px; line-height: 40px; font-size: 12px; } } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px; } .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width: 60px; min-height: 60px; background: #fff; ; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; color: #aaa; font-size: 25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tp-rightarrow.preview2:after { content: '\e81e'; right: 18px; } .tp-leftarrow.preview2:after { content: '\e81f'; left: 18px; } .tparrows.preview2 .tp-arr-titleholder { background-size: cover; background-position: center center; display: block; width: auto; position: absolute; top: 0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 400; font-size: 14px; line-height: 60px; padding: 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width: 300px; } .tparrows.preview2:hover { background: #fff; } .tparrows.preview2:hover:after { color: #000; } .tparrows.preview2:hover .tp-arr-titleholder { -webkit-transform: translateX(0px); transform: translateX(0px); } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px; } .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px; } .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width: 40px; min-height: 40px; width: 40px; height: 40px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 20px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right: 11px; } .tp-leftarrow.preview2:after { content: '\e81f'; left: 11px; } .tparrows.preview2 .tp-arr-titleholder { font-size: 12px; line-height: 40px; letter-spacing: 0px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 35px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 35px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width: 30px; min-height: 30px; width: 30px; height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right: 8px; } .tp-leftarrow.preview2:after { content: '\e81f'; left: 8px; } .tparrows.preview2 .tp-arr-titleholder { font-size: 10px; line-height: 30px; letter-spacing: 0px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 25px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 25px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width: 30px; min-height: 30px; width: 30px; height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right: 8px; } .tp-leftarrow.preview2:after { content: '\e81f'; left: 8px; } .tparrows.preview2 .tp-arr-titleholder { display: none; visibility: none; } .tparrows.preview2:hover { width: 30px !important; height: 30px !important; } } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width: 70px; height: 70px; background: #fff; background: rgba(255,255,255,1); -webkit-transform-style: flat; } .tparrows.preview3:after { position: absolute; line-height: 70px; text-align: center; font-family: "revicons"; color: #aaa; font-size: 30px; top: 0px; left: 0px; ;background: #fff; z-index: 100; width: 70px; height: 70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tparrows.preview3:hover:after { color: #000; } .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index: 0; position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table; min-height: 90px; top: -10px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display: block; background-size: cover; background-position: center center; display: table-cell; min-width: 90px; height: 90px; position: relative; top: 0px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { right: 0px; padding-right: 70px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { left: 0px; direction: rtl; padding-left: 70px; } .tparrows.preview3 .tp-arr-titleholder { display: table-cell; padding: 30px; font-size: 16px; color: #fff; white-space: nowrap; position: relative; clear: right; vertical-align: middle; } .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px; } .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height: 70px; } .tparrows.preview3 .tp-arr-imgholder { min-width: 70px; height: 70px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right: 50px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left: 50px; } .tparrows.preview3 .tp-arr-titleholder { padding: 10px; font-size: 16px; } } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height: 70px; } } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width: 30px; height: 110px; background: transparent; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; } .tparrows.preview4:after { position: absolute; line-height: 110px; text-align: center; font-family: "revicons"; color: #fff; font-size: 20px; top: 0px; left: 0px; z-index: 0; width: 30px; height: 110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility: hidden; width: 180px; position: absolute; z-index: 1; min-height: 120px; top: 0px; left: -150px; overflow: hidden; -webkit-perspective: 1000px; -webkit-transform-style: flat; } .tp-leftarrow.preview4 .tp-arr-allwrapper { left: 0px; } .tparrows.preview4 .tp-arr-iwrapper { position: relative; } .tparrows.preview4 .tp-arr-imgholder { display: block; background-size: cover; background-position: center center; width: 180px; height: 110px; position: relative; top: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display: block; background-size: cover; background-position: center center; width: 180px; height: 110px; position: absolute; top: 0px; left: 180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left: -180px; } .tparrows.preview4 .tp-arr-titleholder { display: block; font-size: 12px; line-height: 25px; padding: 0px 10px; text-align: left; color: #fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px; } .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width: 20px; height: 80px; } .tparrows.preview4:after { width: 20px; height: 80px; line-height: 80px; font-size: 14px; } .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important; } } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background: url(../images/revolutionslider/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background: url(../images/revolutionslider/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0); } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -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: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0); } 40% { -webkit-transform: scale(1.0); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .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%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content: "url(../images/revolutionslider/transparent.png)"; } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */; } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */
© 2022 - 2023 WIBUHAXOR V1 By Lutfifakee || Padang Blackhat