/*-----------------------------------------------
-	TopNotch Layer Slider -
-------------------------------------------------*/
#debungcontrolls, .debugtimeline {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lay_column, .lay_column .tn-parallax-wrap, .tn-svg-layer svg {
    vertical-align: top
}

.tn-parallax-wrap {
    position: absolute;
    z-index: 1
}

#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
}

.ls-go-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999 !important;
    background: #fff !important
}

.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
}

.lay_slider_wrapper {
    position: relative;
    z-index: 0;
    width: 100%
}

.lay_slider {
    position: relative;
    overflow: hidden !important;
    z-index: 1 !important
}

.fl-builder-edit .lay_slider:before {
    content: "";
    width: 1240px;
    position: absolute;
    z-index: 99;
    border-left: 2px dashed #4AFFFF;
    border-right: 2px dashed #4AFFFF;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

/*.fl-builder-edit .lay_slider{*/
/*    zoom: 0.75;*/
/*}*/

.entry-content .lay_slider a, .lay_slider a {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tn-overflow-hidden {
    overflow: hidden !important
}

.group_ov_hidden {
    overflow: hidden
}

.lay_slider img, .tn-simpleresponsive img {
    max-width: none !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin: 0;
    padding: 0;
    border: none
}

.lay_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

.lay_slider > ul, .lay_slider > ul > li, .lay_slider > ul > li:before, .lay_slider_wrapper > ul, .tn-revslider-mainul > li, .tn-revslider-mainul > li:before, .tn-simpleresponsive > ul, .tn-simpleresponsive > ul > li, .tn-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
}

.lay_slider > ul > li, .lay_slider > ul > li:before, .tn-revslider-mainul > li, .tn-revslider-mainul > li:before, .tn-simpleresponsive > ul > li, .tn-simpleresponsive > ul > li:before {
    visibility: hidden
}

.tn-revslider-mainul, .tn-revslider-slidesli {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important
}

.fullscreen-container, .fullwidthbanner-container {
    padding: 0;
    position: relative
}

.lay_slider li.tn-revslider-slidesli {
    position: absolute !important;
    opacity: 0
}

.tn-caption .ls-untoggled-content {
    display: block
}

.tn-caption .ls-toggled-content {
    display: none
}

.ls-toggle-content-active.tn-caption .ls-toggled-content {
    display: block
}

.ls-toggle-content-active.tn-caption .ls-untoggled-content {
    display: none
}

.lay_slider .caption, .lay_slider .tn-caption {
    position: relative;
    display: block;
    -webkit-font-smoothing: antialiased !important;
    z-index: 1;
    overflow: hidden
}

.lay_slider .caption, .lay_slider .tn-caption, .tn-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.lay_slider .tn-mask-wrap .tn-caption, .lay_slider .tn-mask-wrap :last-child, .wpb_text_column .lay_slider .tn-mask-wrap .tn-caption, .wpb_text_column .lay_slider .tn-mask-wrap :last-child {
    margin-bottom: 0
}

.tn-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative
}

.tn-carousel-wrapper {
    cursor: url(openhand.cur), move
}

.tn-carousel-wrapper.dragged {
    cursor: url(closedhand.cur), move
}

.tninner_padding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: none !important
}

.tn-caption.tn-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all
}

.tn-caption.tn-hidden-caption, .tn-forcenotvisible, .tn-hide-revslider, .tn-parallax-wrap.tn-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.lay_slider audio, .lay_slider embed, .lay_slider iframe, .lay_slider object, .lay_slider video {
    max-width: none !important
}

.tn-element-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.tn-blockmask, .tn-blockmask_in, .tn-blockmask_out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: scaleX(0) scaleY(0);
    -ms-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0)
}

.tn-parallax-wrap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.lay_row_zone {
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
    font-size: 0
}

.lay_column_inner, .lay_slider .tn-caption.lay_row {
    position: relative;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lay_row_zone_top {
    top: 0
}

.lay_row_zone_middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lay_row_zone_bottom {
    bottom: 0
}

.lay_slider .tn-caption.lay_row {
    display: table;
    table-layout: fixed;
    vertical-align: top;
    height: auto !important;
    font-size: 0
}

.lay_column {
    display: table-cell;
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0
}

.lay_column_inner {
    display: block;
    height: auto !important;
    white-space: normal !important
}

.lay_column_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent
}

.tn-caption .backcorner, .tn-caption .backcornertop, .tn-caption .frontcorner, .tn-caption .frontcornertop {
    height: 0;
    top: 0;
    width: 0;
    position: absolute
}

.lay_column_inner .tn-loop-wrap, .lay_column_inner .tn-mask-wrap, .lay_column_inner .tn-parallax-wrap {
    text-align: inherit
}

.lay_column_inner .tn-mask-wrap {
    display: inline-block
}

.lay_column_inner .tn-parallax-wrap, .lay_column_inner .tn-parallax-wrap .tn-loop-wrap, .lay_column_inner .tn-parallax-wrap .tn-mask-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    line-height: 0
}

.tn-video-play-button, .tn-video-play-button i {
    line-height: 50px !important;
    vertical-align: top;
    text-align: center
}

.lay_column_inner .lay_layer_in_column, .lay_column_inner .tn-parallax-wrap, .lay_column_inner .tn-parallax-wrap .tn-loop-wrap, .lay_column_inner .tn-parallax-wrap .tn-mask-wrap {
    vertical-align: top
}

.lay_break_columns {
    display: block !important
}

.lay_break_columns .tn-parallax-wrap.lay_column {
    display: block !important;
    width: 100% !important
}

.fullwidthbanner-container {
    overflow: hidden
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}

.tn-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0
}

.tn-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    left: -40px
}

.tn-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    right: 0
}

.tn-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00a8ff;
    left: -40px
}

.tn-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    right: 0
}

.tn-layer-inner-rotation {
    position: relative !important
}

img.tn-slider-alternative-image {
    width: 100%;
    height: auto
}

.caption.fullscreenvideo, .ls-background-video-layer, .tn-caption.coverscreenvideo, .tn-caption.fullscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.noFilterClass {
    -webkit-filter: none !important;
    filter: none !important
}

.ls-background-video-layer {
    visibility: hidden;
    z-index: 0
}

.caption.fullscreenvideo audio, .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tn-caption.fullscreenvideo iframe, .tn-caption.fullscreenvideo iframe audio, .tn-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo audio, .fullscreenvideo audio .fullcoveredvideo video, .fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tn-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid .tn-poster {
    display: none
}

.tn-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    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;
    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;
    transition: opacity .3s ease-out !important
}

.tn-audio-html5 .tn-video-play-button, .tn-hiddenaudio {
    display: none !important
}

.tn-caption .html5vid {
    width: 100% !important;
    height: 100% !important
}

.tn-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 40px !important
}

.ls-fullvideo-cover, .tn-dottedoverlay, .tn-shadowcover {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.tn-caption:hover .tn-video-play-button {
    opacity: 1;
    display: block
}

.tn-caption .tn-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
}

.tn-seek-bar, .tn-video-button, .tn-volume-bar {
    outline: 0;
    line-height: 12px;
    margin: 0;
    cursor: pointer
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tn-revstop {
    display: inline-block
}

.videoisplaying .tn-video-play-button {
    display: none
}

.fullcoveredvideo .tn-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
}

.tn-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #000), to(#323232));
    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;
    box-sizing: border-box
}

.lay-btn.lay-hiddenicon i, .lay-btn.lay-withicon i {
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    font-size: 15px
}

.tn-caption:hover .tn-video-controls {
    opacity: .9
}

.tn-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 0
}

.tn-video-button:hover {
    cursor: pointer
}

.tn-video-button-wrap, .tn-video-seek-bar-wrap, .tn-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle
}

.tn-video-seek-bar-wrap {
    width: 80%
}

.tn-video-vol-bar-wrap {
    width: 20%
}

.tn-seek-bar, .tn-volume-bar {
    width: 100%;
    padding: 0
}

.ls-fullvideo-cover {
    width: 100%;
    background: 0 0;
    z-index: 5
}

.disabled_lc .tn-video-play-button, .ls-background-video-layer audio::-webkit-media-controls, .ls-background-video-layer video::-webkit-media-controls, .ls-background-video-layer video::-webkit-media-controls-start-playback-button {
    display: none !important
}

.tn-audio-html5 .tn-video-controls {
    opacity: 1 !important;
    visibility: visible !important
}

.tn-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    z-index: 3
}

.tn-dottedoverlay.twoxtwo {
    background: url(../assets/gridtile.png)
}

.tn-dottedoverlay.twoxtwowhite {
    background: url(../assets/gridtile_white.png)
}

.tn-dottedoverlay.threexthree {
    background: url(../assets/gridtile_3x3.png)
}

.tn-dottedoverlay.threexthreewhite {
    background: url(../assets/gridtile_3x3_white.png)
}

.tn-shadowcover {
    width: 100%;
    background: #fff;
    z-index: -1
}

.tn-shadow1 {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}

.tn-shadow2:after, .tn-shadow2:before, .tn-shadow3:before, .tn-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.tn-shadow2:after, .tn-shadow4:after {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tn-shadow5 {
    position: relative;
    -webkit-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
}

.tn-shadow5:after, .tn-shadow5:before {
    content: "";
    position: absolute;
    z-index: -2;
    -webkit-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;
    border-radius: 100px/20px
}

.tn-button {
    padding: 6px 13px 5px;
    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;
    letter-spacing: -1px;
    text-decoration: none
}

.tn-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, .tn-button.big:hover, .tn-button:hover {
    background-position: bottom, 15px 11px
}

.purchase.green, .purchase:hover.green, .tn-button.green, .tn-button:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.purchase.blue, .purchase:hover.blue, .tn-button.blue, .tn-button:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.purchase.red, .purchase:hover.red, .tn-button.red, .tn-button:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.purchase.orange, .purchase:hover.orange, .tn-button.orange, .tn-button:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.purchase.darkgrey, .purchase:hover.darkgrey, .tn-button.darkgrey, .tn-button.grey, .tn-button:hover.darkgrey, .tn-button:hover.grey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.purchase.lightgrey, .purchase:hover.lightgrey, .tn-button.lightgrey, .tn-button:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.lay-btn, .lay-btn:visited {
    outline: 0 !important;
    -webkit-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;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    cursor: pointer
}

.lay-btn.lay-uppercase, .lay-btn.lay-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}

.lay-btn.lay-withicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    margin-left: 10px !important
}

.lay-btn.lay-hiddenicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    opacity: 0;
    margin-left: 0 !important;
    width: 0 !important
}

.lay-btn.lay-hiddenicon:hover i {
    opacity: 1 !important;
    margin-left: 10px !important;
    width: auto !important
}

.lay-btn.lay-medium, .lay-btn.lay-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}

.lay-btn.lay-medium.lay-hiddenicon i, .lay-btn.lay-medium.lay-withicon i {
    font-size: 14px;
    top: 0
}

.lay-btn.lay-small, .lay-btn.lay-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}

.lay-btn.lay-small.lay-hiddenicon i, .lay-btn.lay-small.lay-withicon i {
    font-size: 12px;
    top: 0
}

.lay-maxround {
    border-radius: 30px
}

.lay-minround {
    border-radius: 3px
}

.lay-burger {
    position: relative;
    width: 60px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, .25);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.lay-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    pointer-events: none;
    -webkit-transform-style: flat !important;
    transform-style: flat !important
}

.lay-burger.revb-white span, .lay-burger.revb-whitenoborder span {
    background: #fff
}

.lay-burger span:nth-child(2) {
    margin: 3px 0
}

#dialog_addbutton .lay-burger:hover :first-child, .open .lay-burger :first-child, .open.lay-burger :first-child {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg)
}

#dialog_addbutton .lay-burger:hover :nth-child(2), .open .lay-burger :nth-child(2), .open.lay-burger :nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

#dialog_addbutton .lay-burger:hover :last-child, .open .lay-burger :last-child, .open.lay-burger :last-child {
    -webkit-transform: translateY(-6px) rotate(-135deg);
    -ms-transform: translateY(-6px) rotate(-135deg);
    transform: translateY(-6px) rotate(-135deg)
}

.lay-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, .2)
}

.lay-burger.revb-darknoborder, .lay-burger.revb-whitenoborder {
    border: 0
}

.lay-burger.revb-darknoborder span {
    background: #333
}

.lay-burger.revb-whitefull {
    background: #fff;
    border: none
}

.lay-burger.revb-whitefull span {
    background: #333
}

.lay-burger.revb-darkfull {
    background: #333;
    border: none
}

.lay-burger.revb-darkfull span, .lay-scroll-btn.revs-fullwhite {
    background: #fff
}

@-webkit-keyframes lay-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes lay-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

.lay-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;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px
}

.lay-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
}

.lay-scroll-btn > .active, .lay-scroll-btn > :focus, .lay-scroll-btn > :hover {
    color: #fff
}

.lay-scroll-btn > .active, .lay-scroll-btn > :active, .lay-scroll-btn > :focus, .lay-scroll-btn > :hover {
    opacity: .8
}

.lay-scroll-btn.revs-fullwhite span {
    background: #333
}

.lay-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.lay-scroll-btn.revs-fulldark span, .tn-bullet {
    background: #fff
}

.lay-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: lay-ani-mouse 2.5s linear infinite;
    animation: lay-ani-mouse 2.5s linear infinite
}

.lay-scroll-btn.revs-dark {
    border-color: #333
}

.lay-scroll-btn.revs-dark span {
    background: #333
}

.lay-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.lay-cbutton-dark-sr, .lay-cbutton-light-sr {
    border-radius: 3px
}

.lay-cbutton-light, .lay-cbutton-light-sr {
    color: #333;
    background-color: rgba(255, 255, 255, .75)
}

.lay-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.lay-sbutton-blue {
    background-color: #3b5998
}

.lay-sbutton-lightblue {
    background-color: #00a0d1
}

.lay-sbutton-red {
    background-color: #dd4b39
}

.tn-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #000;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 200;
    top: 0
}

.tn-bannertimer.tn-bottom {
    top: auto;
    bottom: 0 !important;
    height: 5px
}

.tn-caption img {
    background: 0 0;
    zoom: 1
}

.caption.slidelink a div, .tn-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../assets/coloredbg.png)
}

.tn-caption.slidelink a span {
    background: url(../assets/coloredbg.png)
}

.tn-loader.spinner0, .tn-loader.spinner5 {
    background-image: url(../assets/loader.gif);
    background-repeat: no-repeat
}

.tn-shape {
    width: 100%;
    height: 100%
}

.tn-caption .ls-starring {
    display: inline-block
}

.tn-caption .ls-starring .star-rating {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #ffc321 !important
}

.tn-caption .ls-starring .star-rating, .tn-caption .ls-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star;
    font-size: 1em !important
}

.tn-loader.spinner0, .tn-loader.spinner1 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tn-rotateplane 1.2s infinite ease-in-out;
    animation: tn-rotateplane 1.2s infinite ease-in-out;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tn-caption .ls-starring .star-rating:before, .tn-caption .ls-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.tn-caption .ls-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em !important
}

.tn-caption .ls-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

.tn-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tn-loader.spinner0 {
    background-position: center center
}

.tn-loader.spinner5 {
    background-position: 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px
}

@-webkit-keyframes tn-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)
    }
}

@keyframes tn-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)
    }
}

.tn-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);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    -webkit-animation: tn-scaleout 1s infinite ease-in-out;
    animation: tn-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tn-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes tn-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.tn-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tn-loader.spinner3 .bounce1, .tn-loader.spinner3 .bounce2, .tn-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tn-bouncedelay 1.4s infinite ease-in-out;
    animation: tn-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tn-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tn-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes tn-bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tn-bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tn-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tn-rotate 2s infinite linear;
    animation: tn-rotate 2s infinite linear
}

.tn-loader.spinner4 .dot1, .tn-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tn-bounce 2s infinite ease-in-out;
    animation: tn-bounce 2s infinite ease-in-out;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tn-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes tn-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes tn-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes tn-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tn-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tn-bullets.navbar, .tn-tabs.navbar, .tn-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0
}

.tn-bullets, .tn-tabs, .tn-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tn-tab, .tn-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background-color: #d6d6d6;
    overflow: hidden
}

.tn-arr-imgholder, .tn-tab-image, .tn-thumb-image, .tn-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tn-tab.selected, .tn-tab:hover, .tn-thumb.selected, .tn-thumb:hover {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.tn-tab-mask, .tn-thumb-mask {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.tn-tabs, .tn-thumbs {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.tn-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tn-bullet.selected, .tn-bullet:hover {
    background-color: #000
}

.tn-arrows {
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: block;
    text-align: center;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1000;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tn-arrows:hover {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hginfo, .hglayerinfo {
    font-size: 12px;
    font-weight: 600
}

body.rtl .tn-kbimg {
    left: 0 !important
}

.dddwrappershadow {
    -webkit-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 .tn-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: -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: -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: -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: -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: -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: -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: -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: -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: -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: -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: -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: -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
}

.tn-kbimg-wrap:after, .tn-kbimg-wrap:before {
    height: 500%;
    width: 500%
}

.forcefullwidth_wrapper_tn_banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.lay_slider_wrapper {
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 100% !important;
}

.fullscreen-container, .fullwidthbanner-container {
    margin: 0 auto;
    left: 0 !important;
    position: relative;
    overflow: hidden;
    width: ;
    max-width: 100%;
}

.slider-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .8
}

.lay_slider .slide-title {
    font-size: 60px;
    line-height: 1.3;
    color: #2b2b2b;
    font-weight: 800;
    font-family: Roboto;
    margin: 0
}

.lay_slider .slide-title > *{
    font-size: inherit !important;
    line-height: inherit !important
}

.lay_slider .slide-text {
    font-size: 20px;
    line-height: 1.2;
}

.lay_slider .slide-text > p {
    font-size: inherit !important;
    line-height: inherit !important
}

.lay_slider .tn-editing-layer {
    outline: 2px dashed #00a0d2 !important;
    outline-offset: 2px
}

.lay_slider .caption, .lay_slider .tn-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible
}

.tn-mask-wrap{
    position: relative !important;
}

.tn-loop-wrap{
    position: relative !important;
}

.lay_slider .slide-img img {
    height: auto !important;
    object-fit: contain
}

.lay-slide-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    display: none;
    transition: none !important;
}

.lay-slide-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    display: none;
    transition: none !important;
}

.lay_slider .tnit-btn {
    position: relative;
    font-size: 18px;
    color: #fff;
    background-color: #2b2b2b;
    border: 2px solid #2b2b2b;
    padding: 13px 35px;
    color: #fff;
    text-decoration: none;
    display:flex;
    align-items: center;
    line-height: 1;
    text-align: center;
}

body:not(.fl-builder-edit) .lay_slider .tnit-btn  {
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.lay_slider .tnit-btn:hover {
    color: #2b2b2b;
    background-color: transparent;
    border-color: #2b2b2b
}

.lay_slider .slide-icon {
    font-size: 50px;
    line-height: 1;
    color: grey;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body:not(.fl-builder-edit) .lay_slider .slide-icon {
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.tn-leftarrow:before {
    position: relative;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 700;
    content: '\f053'
}

.tn-rightarrow:before {
    position: relative;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 700;
    content: '\f054'
}

.tn-arrow-classic {
    font-size: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.tn-arrow-classic.tn-leftarrow:before {
    content: '\f060' !important
}

.tn-arrow-classic.tn-rightarrow:before {
    content: '\f061' !important
}

.tn-arrow-classic:hover {
    background-color: #000
}

.tn-arrow-creative {
    font-size: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.tn-arrow-creative .tn-arr-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: #d6d6d6;
    -webkit-transform: scale(0);
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: -1;
    overflow: hidden;
    border: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.tn-arrow-creative:hover .tn-arr-imgholder {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tn-bullets-classic .tn-bullet {
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden
}

.tn-bullets-classic .tn-bullet.selected, .tn-bullets-classic .tn-bullet:hover {
    background-color: #000
}

.tn-bullets-creative .tn-bullet {
    width: 20px;
    height: 20px;
    padding: 3px;
    position: absolute;
    border: 3px solid #e5e5e5;
    background-color: rgba(234, 234, 234, .29);
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden
}

.tn-bullets-creative .tn-bullet.selected, .tn-bullets-creative .tn-bullet:hover {
    background-color: #cecece
}

.tn-thumbs-classic .tn-thumb {
    border: 4px solid #fff
}

.tn-thumbs-creative .tn-thumb {
    border-radius: 50px;
    border: 4px solid #fff;
    overflow: hidden
}

.fl-builder-shape-layer {
    z-index: 2 !important
}

.tn-progress-hidden {
    display: none !important
}

@media screen and (max-width: 992px) {

    .fl-builder-edit .lay_slider:before {
        width: 768px;
    }

}

@media screen and (max-width: 768px) {

    .fl-builder-edit .lay_slider:before {
        width: 361px;
    }

}


@media screen and (max-width: 480px) {
    .lay_slider_wrapper {
        width: 100% !important
    }
}