intro-site/css/settings.css

2564 lines
48 KiB
CSS

#debungcontrolls,
.debugtimeline {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.rev_column,
.rev_column .tp-parallax-wrap,
.tp-svg-layer svg {
vertical-align: top
}
#debungcontrolls {
z-index: 100000;
position: fixed;
bottom: 0;
height: auto;
background: rgba(0, 0, 0, .6);
padding: 10px
}
.debugtimeline {
height: 10px;
position: relative;
margin-bottom: 3px;
display: none;
white-space: nowrap
}
.debugtimeline:hover {
height: 15px
}
.the_timeline_tester {
background: #e74c3c;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0
}
.debugtimeline.tl_slide .the_timeline_tester {
background: #f39c12
}
.debugtimeline.tl_frame .the_timeline_tester {
background: #3498db
}
.debugtimline_txt {
color: #fff;
font-weight: 400;
font-size: 7px;
position: absolute;
left: 10px;
top: 0;
white-space: nowrap;
line-height: 10px
}
.rtl {
direction: rtl
}
@font-face {
font-weight: 400;
font-style: normal
}
[class*=" revicon-"]:before,
[class^=revicon-]:before {
font-family: revicons;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
line-height: 1em;
margin-left: .2em
}
.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'
}
.rev_slider_wrapper {
position: relative;
z-index: 0;
width: 100%
}
.rev_slider {
position: relative;
overflow: visible
}
.entry-content .rev_slider a,
.rev_slider a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.tp-overflow-hidden {
overflow: hidden!important
}
.group_ov_hidden {
overflow: hidden
}
.rev_slider img,
.tp-simpleresponsive img {
max-width: none!important;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
margin: 0;
padding: 0;
border: 0
}
.rev_slider .no-slides-text {
font-weight: 700;
text-align: center;
padding-top: 80px
}
.rev_slider > ul,
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.rev_slider_wrapper > ul,
.tp-revslider-mainul > li,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before {
list-style: none!important;
position: absolute;
margin: 0!important;
padding: 0!important;
overflow-x: visible;
overflow-y: visible;
background-image: none;
background-position: 0 0;
text-indent: 0;
top: 0;
left: 0
}
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.tp-revslider-mainul > li,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before {
visibility: hidden
}
.tp-revslider-mainul,
.tp-revslider-slidesli {
padding: 0!important;
margin: 0!important;
list-style: none!important
}
.fullscreen-container,
.fullwidthbanner-container {
padding: 0;
position: relative
}
.rev_slider li.tp-revslider-slidesli {
position: absolute!important
}
.tp-caption .rs-untoggled-content {
display: block
}
.tp-caption .rs-toggled-content {
display: none
}
.rs-toggle-content-active.tp-caption .rs-toggled-content {
display: block
}
.rs-toggle-content-active.tp-caption .rs-untoggled-content {
display: none
}
.rev_slider .caption,
.rev_slider .tp-caption {
position: relative;
visibility: hidden;
white-space: nowrap;
display: block;
-webkit-font-smoothing: antialiased!important;
z-index: 1
}
.rev_slider .caption,
.rev_slider .tp-caption,
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none
}
.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap :last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap :last-child {
margin-bottom: 0
}
.tp-svg-layer svg {
width: 100%;
height: 100%;
position: relative
}
.tp-carousel-wrapper {
cursor: url(openhand.cur), move
}
.tp-carousel-wrapper.dragged {
cursor: url(closedhand.cur), move
}
.tp_inner_padding {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: none!important
}
.tp-caption.tp-layer-selectable {
-moz-user-select: all;
-khtml-user-select: all;
-webkit-user-select: all;
-o-user-select: all
}
.tp-caption.tp-hidden-caption,
.tp-forcenotvisible,
.tp-hide-revslider,
.tp-parallax-wrap.tp-hidden-caption {
visibility: hidden!important;
display: none!important
}
.rev_slider audio,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
max-width: none!important
}
.tp-element-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0
}
.rev_row_zone {
position: absolute;
width: 100%;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 50px;
font-size: 0
}
.rev_column_inner,
.rev_slider .tp-caption.rev_row {
position: relative;
width: 100%!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.rev_row_zone_top {
top: 0
}
.rev_row_zone_middle {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.rev_row_zone_bottom {
bottom: 0
}
.rev_slider .tp-caption.rev_row {
display: table;
table-layout: fixed;
vertical-align: top;
height: auto!important;
font-size: 0
}
.rev_column {
display: table-cell;
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0
}
.rev_column_inner {
display: block;
height: auto!important;
white-space: normal!important
}
.rev_column_bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: content-box;
-o-background-clip: content-box;
background-clip: content-box;
border: 0 solid transparent
}
.tp-caption .backcorner,
.tp-caption .backcornertop,
.tp-caption .frontcorner,
.tp-caption .frontcornertop {
height: 0;
top: 0;
width: 0;
position: absolute
}
.rev_column_inner .tp-loop-wrap,
.rev_column_inner .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap {
text-align: inherit
}
.rev_column_inner .tp-mask-wrap {
display: inline-block
}
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
position: relative!important;
left: auto!important;
top: auto!important;
line-height: 0
}
.tp-video-play-button,
.tp-video-play-button i {
line-height: 50px!important;
vertical-align: top;
text-align: center
}
.rev_column_inner .rev_layer_in_column,
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
vertical-align: top
}
.rev_break_columns {
display: block!important
}
.rev_break_columns .tp-parallax-wrap.rev_column {
display: block!important;
width: 100%!important
}
.fullwidthbanner-container {
overflow: hidden
}
.fullwidthbanner-container .fullwidthabanner {
width: 100%;
position: relative
}
.tp-static-layers {
position: absolute;
z-index: 101;
top: 0;
left: 0
}
.tp-caption .frontcorner {
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-top: 40px solid #00a8ff;
left: -40px
}
.tp-caption .backcorner {
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00a8ff;
right: 0
}
.tp-caption .frontcornertop {
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-bottom: 40px solid #00a8ff;
left: -40px
}
.tp-caption .backcornertop {
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00a8ff;
right: 0
}
.tp-layer-inner-rotation {
position: relative!important
}
img.tp-slider-alternative-image {
width: 100%;
height: auto
}
.caption.fullscreenvideo,
.rs-background-video-layer,
.tp-caption.coverscreenvideo,
.tp-caption.fullscreenvideo {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute
}
.noFilterClass {
-webkit-filter: none!important;
filter: none!important
}
.rs-background-video-layer {
visibility: hidden;
z-index: 0
}
.caption.fullscreenvideo audio,
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video {
width: 100%!important;
height: 100%!important;
display: none
}
.fullcoveredvideo audio,
.fullscreenvideo audio .fullcoveredvideo video,
.fullscreenvideo video {
background: #000
}
.fullcoveredvideo .tp-poster {
background-position: center center;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.videoisplaying .html5vid .tp-poster {
display: none
}
.tp-video-play-button {
background: #000;
background: rgba(0, 0, 0, .3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
margin-top: -25px;
margin-left: -25px;
cursor: pointer;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
z-index: 4;
opacity: 0;
-webkit-transition: opacity .3s ease-out!important;
-o-transition: opacity .3s ease-out!important;
-moz-transition: opacity .3s ease-out!important;
transition: opacity .3s ease-out!important
}
.tp-audio-html5 .tp-video-play-button,
.tp-hiddenaudio {
display: none!important
}
.tp-caption .html5vid {
width: 100%!important;
height: 100%!important
}
.tp-video-play-button i {
width: 50px;
height: 50px;
display: inline-block;
font-size: 40px!important
}
.rs-fullvideo-cover,
.tp-dottedoverlay,
.tp-shadowcover {
height: 100%;
top: 0;
left: 0;
position: absolute
}
.tp-caption:hover .tp-video-play-button {
opacity: 1;
display: block
}
.tp-caption .tp-revstop {
display: none;
border-left: 5px solid #fff!important;
border-right: 5px solid #fff!important;
margin-top: 15px!important;
line-height: 20px!important;
vertical-align: top;
font-size: 25px!important
}
.tp-seek-bar,
.tp-video-button,
.tp-volume-bar {
outline: 0;
line-height: 12px;
margin: 0;
cursor: pointer
}
.videoisplaying .revicon-right-dir {
display: none
}
.videoisplaying .tp-revstop {
display: inline-block
}
.videoisplaying .tp-video-play-button {
display: none
}
.fullcoveredvideo .tp-video-play-button {
display: none!important
}
.fullscreenvideo .fullscreenvideo audio,
.fullscreenvideo .fullscreenvideo video {
-o-object-fit: contain!important;
object-fit: contain!important
}
.fullscreenvideo .fullcoveredvideo audio,
.fullscreenvideo .fullcoveredvideo video {
-o-object-fit: cover!important;
object-fit: cover!important
}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #000), to(#323232));
background-image: -webkit-linear-gradient(top, #000 13%, #323232 100%);
background-image: -moz-linear-gradient(top, #000 13%, #323232 100%);
background-image: -o-linear-gradient(top, #000 13%, #323232 100%);
background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
display: table;
max-width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.rev-btn.rev-hiddenicon i,
.rev-btn.rev-withicon i {
-webkit-transition: all .2s ease-out!important;
-o-transition: all .2s ease-out!important;
-moz-transition: all .2s ease-out!important;
transition: all .2s ease-out!important;
font-size: 15px
}
.tp-caption:hover .tp-video-controls {
opacity: .9
}
.tp-video-button {
background: rgba(0, 0, 0, .5);
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
color: #fff;
padding: 0
}
.tp-video-button:hover {
cursor: pointer
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
padding: 0 5px;
display: table-cell;
vertical-align: middle
}
.tp-video-seek-bar-wrap {
width: 80%
}
.tp-video-vol-bar-wrap {
width: 20%
}
.tp-seek-bar,
.tp-volume-bar {
width: 100%;
padding: 0
}
.rs-fullvideo-cover {
width: 100%;
background: 0;
z-index: 5
}
.disabled_lc .tp-video-play-button,
.rs-background-video-layer audio::-webkit-media-controls,
.rs-background-video-layer video::-webkit-media-controls,
.rs-background-video-layer video::-webkit-media-controls-start-playback-button {
display: none!important
}
.tp-audio-html5 .tp-video-controls {
opacity: 1!important;
visibility: visible!important
}
.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
z-index: 3
}
.tp-dottedoverlay.twoxtwo {
background: url(../assets/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
background: url(../assets/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
background: url(../assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
background: url(../assets/gridtile_3x3_white.png)
}
.tp-shadowcover {
width: 100%;
background: #fff;
z-index: -1
}
.tp-shadow1 {
-webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}
.tp-shadow2:after,
.tp-shadow2:before,
.tp-shadow3:before,
.tp-shadow4:after {
z-index: -2;
position: absolute;
content: "";
bottom: 10px;
left: 10px;
width: 50%;
top: 85%;
max-width: 300px;
background: 0;
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg)
}
.tp-shadow2:after,
.tp-shadow4:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto
}
.tp-shadow5 {
position: relative;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}
.tp-shadow5:after,
.tp-shadow5:before {
content: "";
position: absolute;
z-index: -2;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
top: 30%;
bottom: 0;
left: 20px;
right: 20px;
-webkit-border-radius: 100px/20px;
-moz-border-radius: 100px/20px;
border-radius: 100px/20px
}
.tp-button {
padding: 6px 13px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff!important;
text-shadow: 0 1px 1px rgba(0, 0, 0, .6)!important;
font-size: 15px;
line-height: 45px!important;
font-family: arial, sans-serif;
font-weight: 700;
text-decoration: none
}
.tp-button.big {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
font-weight: 700;
padding: 9px 20px;
font-size: 19px;
line-height: 57px!important
}
.purchase:hover,
.tp-button.big:hover,
.tp-button:hover {
background-position: bottom, 15px 11px
}
.purchase.green,
.purchase:hover.green,
.tp-button.green,
.tp-button:hover.green {
background-color: #21a117;
-webkit-box-shadow: 0 3px 0 0 #104d0b;
-moz-box-shadow: 0 3px 0 0 #104d0b;
box-shadow: 0 3px 0 0 #104d0b
}
.purchase.blue,
.purchase:hover.blue,
.tp-button.blue,
.tp-button:hover.blue {
background-color: #1d78cb;
-webkit-box-shadow: 0 3px 0 0 #0f3e68;
-moz-box-shadow: 0 3px 0 0 #0f3e68;
box-shadow: 0 3px 0 0 #0f3e68
}
.purchase.red,
.purchase:hover.red,
.tp-button.red,
.tp-button:hover.red {
background-color: #cb1d1d;
-webkit-box-shadow: 0 3px 0 0 #7c1212;
-moz-box-shadow: 0 3px 0 0 #7c1212;
box-shadow: 0 3px 0 0 #7c1212
}
.purchase.orange,
.purchase:hover.orange,
.tp-button.orange,
.tp-button:hover.orange {
background-color: #f70;
-webkit-box-shadow: 0 3px 0 0 #a34c00;
-moz-box-shadow: 0 3px 0 0 #a34c00;
box-shadow: 0 3px 0 0 #a34c00
}
.purchase.darkgrey,
.purchase:hover.darkgrey,
.tp-button.darkgrey,
.tp-button.grey,
.tp-button:hover.darkgrey,
.tp-button:hover.grey {
background-color: #555;
-webkit-box-shadow: 0 3px 0 0 #222;
-moz-box-shadow: 0 3px 0 0 #222;
box-shadow: 0 3px 0 0 #222
}
.purchase.lightgrey,
.purchase:hover.lightgrey,
.tp-button.lightgrey,
.tp-button:hover.lightgrey {
background-color: #888;
-webkit-box-shadow: 0 3px 0 0 #555;
-moz-box-shadow: 0 3px 0 0 #555;
box-shadow: 0 3px 0 0 #555
}
.rev-btn,
.rev-btn:visited {
outline: 0!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
text-decoration: none!important;
line-height: 44px;
font-size: 17px;
font-weight: 500;
padding: 12px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: Roboto, sans-serif;
cursor: pointer
}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
font-size: 15px;
font-weight: 900
}
.rev-btn.rev-withicon i {
font-weight: 400;
position: relative;
top: 0;
margin-left: 10px!important
}
.rev-btn.rev-hiddenicon i {
font-weight: 400;
position: relative;
top: 0;
opacity: 0;
margin-left: 0!important;
width: 0!important
}
.rev-btn.rev-hiddenicon:hover i {
opacity: 1!important;
margin-left: 10px!important;
width: auto!important
}
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
line-height: 36px;
font-size: 14px;
padding: 10px 30px
}
.rev-btn.rev-medium.rev-hiddenicon i,
.rev-btn.rev-medium.rev-withicon i {
font-size: 14px;
top: 0
}
.rev-btn.rev-small,
.rev-btn.rev-small:visited {
line-height: 28px;
font-size: 12px;
padding: 7px 20px
}
.rev-btn.rev-small.rev-hiddenicon i,
.rev-btn.rev-small.rev-withicon i {
font-size: 12px;
top: 0
}
.rev-maxround {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.rev-minround {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.rev-burger {
position: relative;
width: 60px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 22px 0 0 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid rgba(51, 51, 51, .25);
-webkit-tap-highlight-color: transparent;
cursor: pointer
}
.rev-burger span {
display: block;
width: 30px;
height: 3px;
background: #333;
-webkit-transition: .7s;
-o-transition: .7s;
-moz-transition: .7s;
transition: .7s;
pointer-events: none;
-webkit-transform-style: flat!important;
-moz-transform-style: flat!important;
transform-style: flat!important
}
.rev-burger.revb-white span,
.rev-burger.revb-whitenoborder span {
background: #fff
}
.rev-burger span:nth-child(2) {
margin: 3px 0
}
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
-webkit-transform: translateY(6px) rotate(-45deg);
-moz-transform: translateY(6px) rotate(-45deg);
-ms-transform: translateY(6px) rotate(-45deg);
-o-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg)
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
-webkit-transform: translateY(-6px) rotate(-135deg);
-moz-transform: translateY(-6px) rotate(-135deg);
-ms-transform: translateY(-6px) rotate(-135deg);
-o-transform: translateY(-6px) rotate(-135deg);
transform: translateY(-6px) rotate(-135deg)
}
.rev-burger.revb-white {
border: 2px solid rgba(255, 255, 255, .2)
}
.rev-burger.revb-darknoborder,
.rev-burger.revb-whitenoborder {
border: 0
}
.rev-burger.revb-darknoborder span {
background: #333
}
.rev-burger.revb-whitefull {
background: #fff;
border: 0
}
.rev-burger.revb-whitefull span {
background: #333
}
.rev-burger.revb-darkfull {
background: #333;
border: 0
}
.rev-burger.revb-darkfull span,
.rev-scroll-btn.revs-fullwhite {
background: #fff
}
@-webkit-keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
@-moz-keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
@-o-keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
@keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px
}
.rev-scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: 400;
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 > .active,
.rev-scroll-btn > :active,
.rev-scroll-btn > :focus,
.rev-scroll-btn > :hover {
opacity: .8
}
.rev-scroll-btn.revs-fullwhite span {
background: #333
}
.rev-scroll-btn.revs-fulldark {
background: #333;
border: 0
}
.rev-scroll-btn.revs-fulldark span,
.tp-bullet {
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;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: rev-ani-mouse 2.5s linear infinite;
-moz-animation: rev-ani-mouse 2.5s linear infinite;
-o-animation: rev-ani-mouse 2.5s linear infinite;
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;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
text-shadow: none;
background-color: rgba(0, 0, 0, .5);
width: 60px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.rev-cbutton-dark-sr,
.rev-cbutton-light-sr {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.rev-cbutton-light,
.rev-cbutton-light-sr {
color: #333;
background-color: rgba(255, 255, 255, .75)
}
.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%;
height: 5px;
background: #000;
background: rgba(0, 0, 0, .15);
position: absolute;
z-index: 200;
top: 0
}
.tp-bannertimer.tp-bottom {
top: auto;
bottom: 0!important;
height: 5px
}
.tp-caption img {
background: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
width: 3000px;
height: 1500px;
background: url(../assets/coloredbg.png)
}
.tp-caption.slidelink a span {
background: url(../assets/coloredbg.png)
}
.tp-loader.spinner0,
.tp-loader.spinner5 {
background-image: url(../assets/loader.gif);
background-repeat: no-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;
color: #ffc321!important
}
.tp-caption .rs-starring .star-rating,
.tp-caption .rs-starring-page .star-rating {
position: relative;
height: 1em;
width: 5.4em;
font-family: star;
font-size: 1em!important
}
.tp-loader.spinner0,
.tp-loader.spinner1 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
-moz-animation: tp-rotateplane 1.2s infinite ease-in-out;
-o-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}
.tp-caption .rs-starring .star-rating:before,
.tp-caption .rs-starring-page .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-loader {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute
}
.tp-loader.spinner0 {
background-position: center center
}
.tp-loader.spinner5 {
background-position: 10px 10px;
background-color: #fff;
margin: -22px;
width: 44px;
height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
@-webkit-keyframes tp-rotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@-moz-keyframes tp-rotateplane {
0% {
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@-o-keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@keyframes tp-rotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
background-color: red;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation: tp-scaleout 1s infinite ease-in-out;
-moz-animation: tp-scaleout 1s infinite ease-in-out;
-o-animation: tp-scaleout 1s infinite ease-in-out;
animation: tp-scaleout 1s infinite ease-in-out
}
@-webkit-keyframes tp-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0
}
}
@-moz-keyframes tp-scaleout {
0% {
-moz-transform: scale(0);
transform: scale(0)
}
100% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 0
}
}
@-o-keyframes tp-scaleout {
0% {
-o-transform: scale(0);
transform: scale(0)
}
100% {
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
}
@keyframes tp-scaleout {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
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;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
-moz-animation: tp-bouncedelay 1.4s infinite ease-in-out;
-o-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -.32s;
-moz-animation-delay: -.32s;
-o-animation-delay: -.32s;
animation-delay: -.32s
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -.16s;
-moz-animation-delay: -.16s;
-o-animation-delay: -.16s;
animation-delay: -.16s
}
@-webkit-keyframes tp-bouncedelay {
0%,
100%,
80% {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-moz-keyframes tp-bouncedelay {
0%,
100%,
80% {
-moz-transform: scale(0);
transform: scale(0)
}
40% {
-moz-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes tp-bouncedelay {
0%,
100%,
80% {
-o-transform: scale(0);
transform: scale(0)
}
40% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes tp-bouncedelay {
0%,
100%,
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.tp-loader.spinner4 {
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2s infinite linear;
-moz-animation: tp-rotate 2s infinite linear;
-o-animation: tp-rotate 2s infinite linear;
animation: tp-rotate 2s infinite linear
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation: tp-bounce 2s infinite ease-in-out;
-moz-animation: tp-bounce 2s infinite ease-in-out;
-o-animation: tp-bounce 2s infinite ease-in-out;
animation: tp-bounce 2s infinite ease-in-out;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes tp-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes tp-rotate {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes tp-rotate {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes tp-rotate {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes tp-bounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-moz-keyframes tp-bounce {
0%,
100% {
-moz-transform: scale(0);
transform: scale(0)
}
50% {
-moz-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes tp-bounce {
0%,
100% {
-o-transform: scale(0);
transform: scale(0)
}
50% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes tp-bounce {
0%,
100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.tp-bullets.navbar,
.tp-tabs.navbar,
.tp-thumbs.navbar {
border: 0;
min-height: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
position: absolute;
display: block;
z-index: 1000;
top: 0;
left: 0;
margin-left: -40px;
}
.tp-tab,
.tp-thumb {
cursor: pointer;
position: absolute;
opacity: .5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.tp-arr-imgholder,
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
background-position: center center;
-moz-background-size: cover;
-o-background-size: cover;
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 {
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important
}
.tp-tabs,
.tp-thumbs {
-webkit-box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
box-sizing: content-box!important
}
.tp-bullet {
width: 15px;
height: 15px;
position: absolute;
background: rgba(255, 255, 255, .3);
cursor: pointer
}
.tp-bullet.selected,
.tp-bullet:hover {
background: #fff
}
.tparrows {
cursor: pointer;
background: #000;
background: rgba(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
}
.hginfo,
.hglayerinfo {
font-size: 12px;
font-weight: 600
}
.tparrows.tp-leftarrow:before {
content: '\e824'
}
.tparrows.tp-rightarrow:before {
content: '\e825'
}
body.rtl .tp-kbimg {
left: 0!important
}
.dddwrappershadow {
-webkit-box-shadow: 0 45px 100px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 45px 100px rgba(0, 0, 0, .4);
box-shadow: 0 45px 100px rgba(0, 0, 0, .4)
}
.hglayerinfo {
position: fixed;
bottom: 0;
left: 0;
color: #FFF;
line-height: 20px;
background: rgba(0, 0, 0, .75);
padding: 5px 10px;
z-index: 2000;
white-space: normal
}
.helpgrid,
.hginfo {
position: absolute
}
.hginfo {
top: -2px;
left: -2px;
color: #e74c3c;
background: #000;
padding: 2px 5px
}
.indebugmode .tp-caption:hover {
border: 1px dashed #c0392b!important
}
.helpgrid {
border: 2px dashed #c0392b;
top: 0;
left: 0;
z-index: 0
}
#revsliderlogloglog {
padding: 15px;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 200px;
height: 150px;
background: rgba(0, 0, 0, .7);
z-index: 100000;
font-size: 10px;
overflow: scroll
}
.aden {
-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)
}
.aden::after {
background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent));
background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: -moz-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: -o-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
mix-blend-mode: darken
}
.perpetua::after,
.reyes::after {
mix-blend-mode: soft-light;
opacity: .5
}
.inkwell {
-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}
.perpetua::after {
background: -webkit-gradient(linear, left top, left bottom, from(#005b9a), to(#e6c13d));
background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
background: -moz-linear-gradient(top, #005b9a, #e6c13d);
background: -o-linear-gradient(top, #005b9a, #e6c13d);
background: linear-gradient(to bottom, #005b9a, #e6c13d)
}
.reyes {
-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75)
}
.reyes::after {
background: #efcdad
}
.gingham {
-webkit-filter: brightness(1.05) hue-rotate(-10deg);
filter: brightness(1.05) hue-rotate(-10deg)
}
.gingham::after {
background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent));
background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: -moz-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: -o-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
mix-blend-mode: darken
}
.toaster {
-webkit-filter: contrast(1.5) brightness(.9);
filter: contrast(1.5) brightness(.9)
}
.toaster::after {
background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
background: -moz-radial-gradient(circle, #804e0f, #3b003b);
background: -o-radial-gradient(circle, #804e0f, #3b003b);
background: radial-gradient(circle, #804e0f, #3b003b);
mix-blend-mode: screen
}
.walden {
-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}
.walden::after {
background: #04c;
mix-blend-mode: screen;
opacity: .3
}
.hudson {
-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
filter: brightness(1.2) contrast(.9) saturate(1.1)
}
.hudson::after {
background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
background: -moz-radial-gradient(circle, #a6b1ff 50%, #342134);
background: -o-radial-gradient(circle, #a6b1ff 50%, #342134);
background: radial-gradient(circle, #a6b1ff 50%, #342134);
mix-blend-mode: multiply;
opacity: .5
}
.earlybird {
-webkit-filter: contrast(.9) sepia(.2);
filter: contrast(.9) sepia(.2)
}
.earlybird::after {
background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
background: -moz-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
background: -o-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
mix-blend-mode: overlay
}
.mayfair {
-webkit-filter: contrast(1.1) saturate(1.1);
filter: contrast(1.1) saturate(1.1)
}
.mayfair::after {
background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
background: -moz-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
background: -o-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
mix-blend-mode: overlay;
opacity: .4
}
.lofi {
-webkit-filter: saturate(1.1) contrast(1.5);
filter: saturate(1.1) contrast(1.5)
}
.lofi::after {
background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
background: -moz-radial-gradient(circle, transparent 70%, #222 150%);
background: -o-radial-gradient(circle, transparent 70%, #222 150%);
background: radial-gradient(circle, transparent 70%, #222 150%);
mix-blend-mode: multiply
}
._1977 {
-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
filter: contrast(1.1) brightness(1.1) saturate(1.3)
}
._1977:after {
background: rgba(243, 106, 188, .3);
mix-blend-mode: screen
}
.brooklyn {
-webkit-filter: contrast(.9) brightness(1.1);
filter: contrast(.9) brightness(1.1)
}
.brooklyn::after {
background: -webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
background: -moz-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
background: -o-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
mix-blend-mode: overlay
}
.xpro2 {
-webkit-filter: sepia(.3);
filter: sepia(.3)
}
.xpro2::after {
background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
background: -moz-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
background: -o-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
mix-blend-mode: color-burn
}
.nashville {
-webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}
.nashville::after {
background: rgba(0, 70, 150, .4);
mix-blend-mode: lighten
}
.nashville::before {
background: rgba(247, 176, 153, .56);
mix-blend-mode: darken
}
.lark {
-webkit-filter: contrast(.9);
filter: contrast(.9)
}
.lark::after {
background: rgba(242, 242, 242, .8);
mix-blend-mode: darken
}
.lark::before {
background: #22253f;
mix-blend-mode: color-dodge
}
.moon {
-webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
filter: grayscale(1) contrast(1.1) brightness(1.1)
}
.moon::before {
background: #a0a0a0;
mix-blend-mode: soft-light
}
.moon::after {
background: #383838;
mix-blend-mode: lighten
}
.clarendon {
-webkit-filter: contrast(1.2) saturate(1.35);
filter: contrast(1.2) saturate(1.35)
}
.clarendon:before {
background: rgba(127, 187, 227, .2);
mix-blend-mode: overlay
}
.willow {
-webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
filter: grayscale(.5) contrast(.95) brightness(.9)
}
.willow::before {
background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
mix-blend-mode: overlay
}
.willow::after {
background-color: #d8cdcb;
mix-blend-mode: color
}
.rise {
-webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9)
}
.rise::after {
background: -webkit-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
background: -moz-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
background: -o-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
mix-blend-mode: overlay;
opacity: .6
}
.rise::before {
background: -webkit-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
background: -moz-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
background: -o-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
mix-blend-mode: multiply
}
._1977:after,
._1977:before,
.aden:after,
.aden:before,
.brooklyn:after,
.brooklyn:before,
.clarendon:after,
.clarendon:before,
.earlybird:after,
.earlybird:before,
.gingham:after,
.gingham:before,
.hudson:after,
.hudson:before,
.inkwell:after,
.inkwell:before,
.lark:after,
.lark:before,
.lofi:after,
.lofi:before,
.mayfair:after,
.mayfair:before,
.moon:after,
.moon:before,
.nashville:after,
.nashville:before,
.perpetua:after,
.perpetua:before,
.reyes:after,
.reyes:before,
.rise:after,
.rise:before,
.slumber:after,
.slumber:before,
.toaster:after,
.toaster:before,
.walden:after,
.walden:before,
.willow:after,
.willow:before,
.xpro2:after,
.xpro2:before {
content: '';
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none
}
._1977,
.aden,
.brooklyn,
.clarendon,
.earlybird,
.gingham,
.hudson,
.inkwell,
.lark,
.lofi,
.mayfair,
.moon,
.nashville,
.perpetua,
.reyes,
.rise,
.slumber,
.toaster,
.walden,
.willow,
.xpro2 {
position: relative
}
._1977 img,
.aden img,
.brooklyn img,
.clarendon img,
.earlybird img,
.gingham img,
.hudson img,
.inkwell img,
.lark img,
.lofi img,
.mayfair img,
.moon img,
.nashville img,
.perpetua img,
.reyes img,
.rise img,
.slumber img,
.toaster img,
.walden img,
.willow img,
.xpro2 img {
width: 100%;
z-index: 1
}
._1977:before,
.aden:before,
.brooklyn:before,
.clarendon:before,
.earlybird:before,
.gingham:before,
.hudson:before,
.inkwell:before,
.lark:before,
.lofi:before,
.mayfair:before,
.moon:before,
.nashville:before,
.perpetua:before,
.reyes:before,
.rise:before,
.slumber:before,
.toaster:before,
.walden:before,
.willow:before,
.xpro2:before {
z-index: 2
}
._1977:after,
.aden:after,
.brooklyn:after,
.clarendon:after,
.earlybird:after,
.gingham:after,
.hudson:after,
.inkwell:after,
.lark:after,
.lofi:after,
.mayfair:after,
.moon:after,
.nashville:after,
.perpetua:after,
.reyes:after,
.rise:after,
.slumber:after,
.toaster:after,
.walden:after,
.willow:after,
.xpro2:after {
z-index: 3
}
.slumber {
-webkit-filter: saturate(.66) brightness(1.05);
filter: saturate(.66) brightness(1.05)
}
.slumber::after {
background: rgba(125, 105, 24, .5);
mix-blend-mode: soft-light
}
.slumber::before {
background: rgba(69, 41, 12, .4);
mix-blend-mode: lighten
}
.rev_slider .tp-parallax-wrap{
direction: ltr;
}
.rev_slider .tp-parallax-wrap .tp-mask-wrap{
direction: rtl;
}