.ls-container {
margin-left : auto;
margin-right : auto;
}
#layerslider-container {
width : 80%;
min-width : 200px;
max-width : 1920px;
margin : 0 auto;
}
#layerslider-container-fw {
width : 100%;
margin : 0 auto;
}
#ls-transition-gallery {
border : #e3e3e3 solid 1px;
border-radius : 5px;
border-collapse : collapse;
width : 100%;
}
#ls-transition-gallery td:first-child {
border-right : 1px solid #e3e3e3;
}
.ls-popup {
width : 300px;
height : 150px;
position : absolute;
padding : 20px;
background : #fff;
border-radius : 7px;
color : #eee;
z-index : 6000;
box-shadow : 0 7px 30px -5px black;
}
.ls-popup .inner {
width : 300px;
height : 150px;
padding : 0;
box-shadow : none;
background : none;
}
.ls-container {
visibility : hidden;
position : relative;
}
.ls-lt-container {
position : absolute;
}
.ls-lt-container, .ls-lt-container * {
text-align : left !important ;
direction : ltr !important ;
}
.ls-container-fullscreen {
margin : 0 auto !important ;
padding : 2% !important ;
background : #000 !important ;
border-radius : 0 !important ;
border : none !important ;
}
.ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow {
display : none !important ;
}
.ls-overflow-hidden {
overflow : hidden;
}
.ls-inner {
position : relative;
background-position : center center;
z-index : 2;
}
.ls-loading-container {
position : absolute !important ;
display : none;
z-index : 3 !important ;
left : 50% !important ;
top : 50% !important ;
}
.ls-loading-indicator {
margin : 0 auto;
}
.ls-inner, .ls-layer {
width : 100%;
height : 100%;
}
.ls-layer {
position : absolute;
display : none;
background-position : center center;
overflow : hidden;
}
.ls-active, .ls-animating {
display : block !important ;
}
.ls-layer > * {
position : absolute;
line-height : normal;
margin : 0;
left : 0;
top : 0;
}
.ls-layer .ls-bg {
left : 50%;
top : 50%;
}
.ls-yourlogo {
position : absolute;
z-index : 99;
}
.ls-bar-timer {
position : absolute;
width : 0;
height : 2px;
background : #fff;
border-bottom : 2px solid #555;
opacity : 0.550000011920928955078125;
z-index : 4;
top : 0;
}
.ls-circle-timer {
width : 24px;
height : 24px;
position : absolute;
right : 10px;
top : 10px;
z-index : 4;
opacity : 0.64999997615814208984375;
display : none;
}
.ls-ct-half {
background : #fff;
}
.ls-ct-center {
background : #444;
}
.ls-ct-left, .ls-ct-right {
width : 50%;
height : 100%;
overflow : hidden;
}
.ls-ct-left, .ls-ct-right {
float : left;
position : relative;
}
.ls-ct-rotate {
width : 200%;
height : 100%;
position : absolute;
top : 0;
}
.ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half {
left : 0;
}
.ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half {
right : 0;
}
.ls-ct-hider, .ls-ct-half {
position : absolute;
top : 0;
}
.ls-ct-hider {
width : 50%;
height : 100%;
overflow : hidden;
}
.ls-ct-half {
width : 200%;
height : 100%;
}
.ls-ct-center {
width : 40%;
height : 40%;
left : 30%;
top : 30%;
position : absolute;
}
.ls-ct-half, .ls-ct-center {
border-radius : 100px;
}
.ls-bottom-nav-wrapper {
height : 0;
}
.ls-bottom-slidebuttons {
text-align : left;
}
.ls-bottom-nav-wrapper, .ls-below-thumbnails {
z-index : 2;
height : 0;
position : relative;
text-align : center;
margin : 0 auto;
}
.ls-below-thumbnails {
display : none;
z-index : 6;
}
.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next {
outline : none;
}
* .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * {
direction : ltr !important ;
}
.ls-bottom-slidebuttons {
position : relative;
z-index : 1000;
}
.ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides {
position : relative;
}
.ls-nothumb {
text-align : center !important ;
}
.ls-link {
position : absolute;
width : 100% !important ;
height : 100% !important ;
left : 0 !important ;
top : 0 !important ;
background : url(blank.gif);
}
.ls-vpcontainer {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
}
.ls-videopreview {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
cursor : pointer;
}
.ls-playvideo {
position : absolute;
left : 50%;
top : 50%;
cursor : pointer;
}
.ls-tn {
display : none !important ;
}
.ls-thumbnail-hover {
display : none;
position : absolute;
left : 0;
}
.ls-thumbnail-hover-inner {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
display : none;
}
.ls-thumbnail-hover-bg {
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
}
.ls-thumbnail-hover-img {
position : absolute;
overflow : hidden;
}
.ls-thumbnail-hover img {
max-width : none !important ;
position : absolute;
display : inline-block;
visibility : visible !important ;
left : 50%;
top : 0;
}
.ls-thumbnail-hover span {
left : 50%;
top : 100%;
width : 0;
height : 0;
display : block;
position : absolute;
border-left-color : transparent !important ;
border-right-color : transparent !important ;
border-bottom-color : transparent !important ;
}
.ls-thumbnail-wrapper {
position : relative;
width : 100%;
margin : 0 auto;
z-index : 4;
}
.ls-thumbnail {
position : relative;
margin : 0 auto;
}
.ls-thumbnail-inner, .ls-thumbnail-slide-container {
width : 100%;
}
.ls-thumbnail-slide-container {
overflow : hidden !important ;
position : relative;
}
.ls-touchscroll {
overflow-x : auto !important ;
}
.ls-thumbnail-slide {
text-align : center;
white-space : nowrap;
float : left;
position : relative;
}
.ls-thumbnail-slide a {
overflow : hidden;
display : inline-block;
width : 0;
height : 0;
position : relative;
}
.ls-thumbnail-slide img {
max-width : none !important ;
max-height : 100% !important ;
height : 100%;
visibility : visible !important ;
}
.ls-shadow {
display : none;
position : absolute;
z-index : 1;
top : 100%;
width : 100%;
left : 0;
overflow : hidden !important ;
visibility : hidden;
}
.ls-shadow img {
width : 100% !important ;
height : auto !important ;
position : absolute !important ;
left : 0 !important ;
bottom : 0 !important ;
}
.ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next {
visibility : hidden;
}
.ls-wp-fullwidth-container {
width : 100%;
position : relative;
}
.ls-wp-fullwidth-helper {
position : absolute;
}
.ls-overflow-hidden {
overflow : hidden;
}
.ls-lt-tile {
position : relative;
float : left;
perspective : 500px;
}
.ls-curtiles {
overflow : hidden;
}
.ls-curtiles, .ls-nexttiles {
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
}
.ls-curtile, .ls-nexttile {
overflow : hidden;
position : absolute;
width : 100% !important ;
height : 100% !important ;
}
.ls-curtile {
left : 0;
top : 0;
}
.ls-curtile img, .ls-nexttile img {
position : absolute;
}
.ls-3d-container {
position : relative;
perspective : 1000px;
overflow : visible !important ;
}
.ls-3d-box {
position : absolute;
top : 50%;
left : 50%;
transform-style : preserve-3d;
}
.ls-3d-box div {
overflow : hidden;
background : #777;
margin : 0;
padding : 0;
position : absolute;
transform-style : preserve-3d;
}
.ls-fullscreen {
position : absolute;
z-index : 10;
cursor : pointer;
display : block;
}
html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen {
transition : none;
line-height : normal;
outline : none;
padding : 0;
border : 0;
}
html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a {
transition : none;
line-height : normal;
outline : none;
padding : 0;
border : 0;
}
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {
background : none !important ;
min-width : 0 !important ;
max-width : none !important ;
border-radius : 0;
box-shadow : none;
border : 0;
padding : 0;
}
html * .ls-wp-container .ls-layer > *, body * .ls-wp-container .ls-layer > *, #ls-global * .ls-wp-container .ls-layer > * {
line-height : normal;
outline : none;
padding : 0;
margin : 0;
border : 0;
}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * {
box-sizing : content-box !important ;
}
html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo {
margin : 0;
}
html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn {
display : none;
}
.site {
overflow : visible !important ;
}
.ls-debug-console * {
margin : 0 !important ;
padding : 0 !important ;
border : 0 !important ;
color : #fff !important ;
text-shadow : none !important ;
font-family : "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important ;
line-height : normal !important ;
text-align : left !important ;
font-style : normal !important ;
}
.ls-debug-console h1 {
padding-top : 10px !important ;
font-size : 17px !important ;
font-weight : bold !important ;
}
.ls-debug-console h1:first-child {
padding-top : 0 !important ;
}
.ls-debug-console ul {
padding-top : 10px !important ;
list-style : none !important ;
}
.ls-debug-console li {
margin-left : 10px !important ;
font-size : 13px !important ;
position : relative !important ;
font-weight : normal !important ;
}
html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-global * .ls-debug-console li ul {
display : none;
width : 260px;
left : -10px;
}
.ls-debug-console li ul {
position : absolute !important ;
bottom : 100% !important ;
padding : 10px 10px 10px 0 !important ;
background : #fff !important ;
border-radius : 10px !important ;
box-shadow : 0 0 20px black !important ;
}
html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-global * .ls-debug-console li:hover ul {
display : block;
}
.ls-debug-console li ul * {
color : #000 !important ;
}
.ls-debug-console a {
text-decoration : none !important ;
border-bottom : 1px dotted #fff !important ;
}
.ls-error {
border-radius : 5px !important ;
background : #fff !important ;
height : auto !important ;
width : auto !important ;
color : #fff !important ;
padding : 20px 40px 30px 80px !important ;
position : relative !important ;
box-shadow : 0 2px 20px -5px black;
}
.ls-error p {
line-height : normal !important ;
text-shadow : none !important ;
margin : 0 !important ;
padding : 0 !important ;
border : 0 !important ;
text-align : justify !important ;
font-family : Arial, sans-serif !important ;
}
.ls-error .ls-error-title {
line-height : 40px !important ;
color : red !important ;
font-weight : bold !important ;
font-size : 16px !important ;
}
.ls-error .ls-error-text {
color : #555 !important ;
font-weight : normal !important ;
font-size : 13px !important ;
}
.ls-error .ls-exclam {
width : 40px !important ;
height : 40px !important ;
position : absolute !important ;
left : 20px !important ;
top : 20px !important ;
border-radius : 50px !important ;
font-size : 30px !important ;
font-weight : bold !important ;
color : #fff !important ;
line-height : 40px !important ;
background : red !important ;
text-align : center !important ;
}
html * .ls-container .ls-shadow, html * .ls-container .ls-layer > *, html * .ls-container .ls-fullscreen, html * .ls-container .ls-webkit-hack, html * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-shadow, body * .ls-container .ls-layer > *, body * .ls-container .ls-fullscreen, body * .ls-container .ls-webkit-hack, body * .ls-container .ls-3d-container, body * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container *, body * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-global * .ls-container .ls-shadow, #ls-global * .ls-container .ls-layer > *, #ls-global * .ls-container .ls-fullscreen, #ls-global * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-3d-container, #ls-global * .ls-container .ls-lt-container, #ls-global * .ls-container .ls-lt-container *, #ls-global * .ls-container .ls-thumbnail-wrapper, #ls-global * .ls-container .ls-bottom-nav-wrapper {
backface-visibility : hidden;
transform : translateZ(0);
}
html * .ls-container .ls-video-layer, body * .ls-container .ls-video-layer, #ls-global * .ls-container .ls-video-layer, html * .ls-container .ls-layer iframe, body * .ls-container .ls-layer iframe, #ls-global * .ls-container .ls-layer iframe {
backface-visibility : visible !important ;
transform : none !important ;
}
html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
z-index : 1;
}
.ls-layer, .ls-layer * {
font-family : 'Lato', sans-serif;
font-weight : normal;
text-shadow : none !important ;
}
.ls-layer h2 {
font-weight : bold;
text-transform : uppercase;
padding-right : 20px;
padding-left : 20px;
font-size : 24px;
line-height : 48px;
color : #fff;
background : #333334;
white-space : nowrap;
}
.ls-layer h3 {
text-transform : uppercase;
font-weight : bold;
padding-bottom : 20px;
font-size : 24px;
color : #333334;
white-space : nowrap;
}
.ls-layer h4 {
font-weight : bold;
padding-right : 20px;
padding-left : 20px;
font-size : 18px;
line-height : 40px;
color : #fff;
white-space : nowrap;
}
.ls-layer h5 {
font-weight : bold;
font-size : 24px;
color : #333334;
white-space : nowrap;
}
.ls-layer .button-text2 a {
font-weight : bold;
text-transform : uppercase;
color : #fff;
text-decoration : none;
padding-right : 20px;
padding-left : 20px;
font-size : 20px;
line-height : 44px;
color : #fff;
white-space : nowrap;
display : inline-block;
}
.ls-layer .button-text a {
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
padding-right : 20px;
padding-left : 20px;
font-size : 14px;
line-height : 38px;
color : #fff;
white-space : nowrap;
display : inline-block;
}
.ls-layer .text1 {
font-size : 16px;
line-height : 24px;
color : #333334;
}
.ls-layer .text2 {
width : 390px;
padding : 20px;
font-size : 16px;
line-height : 24px;
color : #333334;
}