@import"../fonts/fonts.css";
*,*:before,*:after{
    box-sizing:border-box
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    text-size-adjust:none;
    text-decoration:unset
}
footer,header,nav,section,main{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input{
    -webkit-appearance:none;
    border-radius:0
}
*:focus{
    outline:none
}
html{
    width:100vw;
    height:100%;
    font-size:10px;
    font-family:"Regular";
    overflow-x:hidden;
    scroll-behavior:smooth
}
body{
    height:100%;
    background-color:rgb(17, 18, 19);
    margin:0
}
body>div{
    overflow:hidden !important
}
strong{
    font-family:"Bold"
}
.back-top{
    position:fixed;
    right:10%;
    bottom:10%;
    z-index:3000;
    transition:all .25s linear;
    opacity:0
}
.back-top.fix{
    opacity:1
}
.back-top:hover{
    transform:translateY(-5%)
}
.desktop{
    display:block
}
.mobile{
    display:none
}
@media only screen and (max-width: 900px){
    .desktop{
        display:none !important
    }
    .mobile{
        display:block !important
    }
}
.navbar{
    background-color:hsla(47, 100%, 40%, 0.2);
    position:fixed;
    float:left;
    width:100%;
    height:70px;
    display:flex;
    justify-content:center;
    align-items:stretch;
    z-index:3000
}
.navbar .center{
    width:80%;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    padding:2rem 0;
    z-index:3000
}
@media only screen and (max-width: 900px){
    .navbar .center.bg{
        background-color:rgba(176, 162, 6, 0.7)
    }
}
@media only screen and (max-width: 900px){
    .navbar{
        position:fixed;
        top:0;
        left:0;
        right:0
    }
    .navbar .center{
        width:100%;
        padding:2rem;
        align-items:center
    }
}
.navbar-logo{
    display:flex;
    align-items:center
}
.navbar-menu{
    display:flex;
    align-items:center
}
.navbar-menu a{
    color:#dee2e6;
    letter-spacing:1px;
    text-decoration:unset;
    margin-left:3rem;
    text-transform:uppercase;
    transition:all .25s linear
}
.navbar-menu a:hover{
    opacity:.5
}
@media only screen and (max-width: 900px){
    .navbar-menu{
        display:flex;
        top:0;
        right:0;
        bottom:0;
        position:fixed;
        width:90%;
        height:100vh;
        transition:all .25s ease-in;
        transform:translateX(100%);
        flex-direction:column;
        justify-content:center;
        background-color:rgba(176, 162, 6, 0.7);
        z-index:1000;
        backdrop-filter:blur(5px)
    }
    .navbar-menu a{
        margin-left:0;
        padding:1.5rem;
        font-size:1.6rem;
        font-family:"Light";
        z-index:3001
    }
}
.menu-on .navbar-menu{
    transition:all .25s ease-out;
    transform:translateX(0);
    box-shadow:0 0 3rem rgba(0,0,0,.3)
}
.navbar-toggler{
    display:none
}
@media only screen and (max-width: 900px){
    .navbar-toggler{
        position:relative;
        height:19px;
        width:21px;
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:space-between;
        z-index:1001
    }
}
.navbar-toggler-bar{
    width:100%;
    height:3px;
    background-color:#fff;
    transition:all .3s ease-in-out
}
.menu-on .navbar-toggler-bar:nth-child(1){
    position:absolute;
    top:7px;
    transform:rotate(135deg)
}
.menu-on .navbar-toggler-bar:nth-child(2){
    position:absolute;
    top:7px;
    opacity:0;
    transform:rotate(-135deg)
}
.menu-on .navbar-toggler-bar:nth-child(3){
    position:absolute;
    top:7px;
    transform:rotate(-135deg)
}
.menu-on .navbar-toggler-bar:nth-child(1){
    position:absolute;
    top:7px;
    transform:rotate(135deg)
}
.menu-on .navbar-toggler-bar:nth-child(2){
    position:absolute;
    top:7px;
    opacity:0;
    transform:rotate(-135deg)
}
.menu-on .navbar-toggler-bar:nth-child(3){
    position:absolute;
    top:7px;
    transform:rotate(-135deg)
}
.screen{
    width:100vw;
    min-height:100vh;
    float:left;
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    position:relative;
    overflow:hidden
}
.screen.fix{
    margin-top:-70px;
    z-index:1
}
@media only screen and (max-width: 900px){
    .screen.fix{
        margin-top:0px
    }
}
@media only screen and (max-width: 900px){
    .screen{
        height:auto;
        min-height:100vh
    }
}
.screen.h-90{
    min-height:90vh
}
.screen.h-80{
    min-height:80vh
}
.screen.h-70{
    min-height:70vh
}
.screen.h-60{
    min-height:60vh
}
.screen.h-50{
    min-height:50vh
}
.col{
    width:10%;
    display:flex;
    justify-content:center;
    align-items:stretch
}
@media only screen and (max-width: 900px){
    .col{
        display:none
    }
}
.col.float{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:auto
}
.col .line{
    background-color:#343a40;
    width:1px;
    z-index:1000;
    opacity:0
}
.center{
    width:80%
}
.center.fix{
    width:90%
}
@media only screen and (max-width: 900px){
    .center{
        width:100%;
        padding:2rem
    }
    .center.fix{
        width:100%
    }
}
.intro-bg{
    background-image:url("../images/foto-intro.jpg");
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat
}
@media only screen and (max-width: 900px){
    .intro-bg{
        background-size:auto 100%;
        background-position:right;
    }
}
.intro{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding-bottom:10rem
}
.intro-top-title{
    font-size:2rem;
    color:#fff;
    font-family:"Light";
    padding-bottom:2rem
}
.intro-title{
    font-size:6rem;
    color:#fff;
    font-family:"Bold";
    text-shadow: 0 0 4px rgb(0, 0, 0);
}
@media only screen and (max-width: 900px){
    .intro-title{
        font-size:5rem
    }
}
@media only screen and (max-width: 350px){
    .intro-title{
        font-size:3.5rem
    }
}
.intro-btn-contact,.intro-btn-down{
    width:15rem;
    height:5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border:solid 1px #adb5bd;
    color:#fff;
    margin:3rem 0;
    font-size:1.6rem;
    transition:all .25s linear
}
.intro-btn-contact:hover,.intro-btn-down:hover{
    background-color:rgba(255,255,255,.1)
}
.intro-btn-down{
    width:5rem;
    height:5rem;
    border-radius:50%;
    position:absolute;
    bottom:10%;
    transition:all .25s linear
}
.intro-btn-down img{
    height:50%
}
.intro-btn-down:hover{
    background-color:rgba(255,255,255,0)
}
.intro-btn-down.fix{
    opacity:0
}
.card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    position:relative
}
.card.left{
    align-items:flex-end
}
.card-intro{
    width:37%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start
}
.card-intro.fix{
    width:100%
}
@media only screen and (max-width: 900px){
    .card-intro{
        width:100%;
        flex-wrap:wrap
    }
}
.card-section{
    color:#dee2e6;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:1.4rem;
    z-index:2;
    margin:0 0 3rem 0
}
.card-section .line{
    background-color:#adb5bd;
    height:1px;
    width:5rem;
    margin:0 .5rem
}
.card-title{
    color:#fff;
    font-size:3.7rem;
    font-family:"Bold";
    z-index:2
}
.card-description{
    color:#fff;
    font-size:2rem;
    line-height:3.5rem;
    font-family:"Normal";
    z-index:2;
    margin:3rem 0 0 0;
    text-shadow: 0 0 2px rgb(0, 0, 0);
    /* background-color:rgba(0,0,0,.2) */
}
.card-foto{
    position:absolute;
    right:0;
    top:20%;
    left:30%;
    height:60%;
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1
}
@media only screen and (max-width: 900px){
    .card-foto{
        position:relative;
        right:auto;
        top:auto;
        left:auto;
        height:auto;
        float:left;
        width:100%;
        padding-bottom:60%;
        margin-top:3rem
    }
}
.left .card-foto{
    left:0;
    right:40%
}
.card-text-bg{
    color:rgba(255,255,255,.1);
    font-family:"Bold";
    font-size:20rem;
    position:absolute;
    top:50%;
    margin:-30rem 0 0 -1000px;
    width:3000px;
    left:50%;
    user-select:none
}
.card-min-wrap{
    width:65%;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-direction:row
}
.card-min-wrap.fix{
    width:100%
}
@media only screen and (max-width: 900px){
    .card-min-wrap{
        width:100%;
        flex-wrap:wrap
    }
}
.card-min{
    width:22%
}
@media only screen and (max-width: 900px){
    .card-min{
        width:100%
    }
}
.products .card-min-wrap{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start
}
.products .card-min{
    width:21%;
    padding-left:5%;
    margin-bottom:2rem
}
@media only screen and (max-width: 900px){
    .products .card-min{
        width:100%
    }
}
.fix .card-min{
    width:14%
}
@media only screen and (max-width: 900px){
    .fix .card-min{
        width:100%
    }
}
.card-min-logo img{
    height:5rem
}
@media only screen and (max-width: 900px){
    .card-min-logo{
        text-align:center
    }
}
.card-min-title{
    color:#fff;
    font-size:2.3rem;
    font-family:"Bold";
    margin:3rem 0
}
.card-min-title.fix{
    font-size:2.1rem;
    line-height:3rem;
    font-family:"Regular"
}
@media only screen and (max-width: 900px){
    .card-min-title{
        text-align:center
    }
}
.card-min-text{
    color:#6c757d;
    font-size:2rem;
    line-height:2.6rem;
    font-family:"Regular";
    margin:2rem 0
}
@media only screen and (max-width: 900px){
    .card-min-text{
        text-align:center
    }
}
.products .card-min-text{
    min-height:21rem
}
.products .card-min-text strong{
    width:100%;
    float:left;
    color:#fff;
    margin-bottom:2rem
}
@media only screen and (max-width: 900px){
    .products .card-min-text{
        min-height:auto
    }
}
.card-min-btn{
    width:100%;
    height:5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border:solid 1px #adb5bd;
    color:#fff;
    margin:3rem 0;
    font-size:1.6rem;
    font-family:"Light"
}
.card-min-btn:hover{
    background-color:rgba(255,255,255,.1)
}
.card-colors-wrap{
    width:90%;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-direction:row
}
@media only screen and (max-width: 900px){
    .card-colors-wrap{
        flex-wrap:wrap
    }
}
.card-colors{
    width:16%
}
@media only screen and (max-width: 900px){
    .card-colors{
        width:100%
    }
}
.card-colors.cian .card-colors-title{
    color:#00f0ff
}
.card-colors.cian span{
    background-color:#00f0ff
}
.card-colors.magenta .card-colors-title{
    color:#fc53ff
}
.card-colors.magenta span{
    background-color:#fc53ff
}
.card-colors.orange .card-colors-title{
    color:#ff6422
}
.card-colors.orange span{
    background-color:#ff6422
}
.card-colors.teal .card-colors-title{
    color:#47e9b8
}
.card-colors.teal span{
    background-color:#47e9b8
}
.card-colors-top-title{
    color:#fff;
    font-size:3rem;
    font-family:"Regular"
}
.card-colors-title{
    font-size:3rem;
    font-family:"Bold";
    margin:2rem 0 3rem 0
}
.card-colors-description{
    color:#6c757d;
    font-size:2rem;
    line-height:2.6rem;
    font-family:"Regular";
    letter-spacing:1px
}
.card-colors-description span{
    color:#000
}
.card-award-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:stretch;
    flex-direction:row
}
.card-award-wrap.fix{
    width:100%
}
@media only screen and (max-width: 900px){
    .card-award-wrap{
        flex-wrap:wrap
    }
}
.card-award{
    width:25%;
    background-color:#212529;
    padding:5rem 5rem 3rem 5rem;
    margin:0 3rem
}
@media only screen and (max-width: 900px){
    .card-award{
        width:100%;
        margin:1rem 0
    }
}
.card-award-logo img{
    height:5rem
}
.card-award-title{
    color:#fff;
    font-size:2.3rem;
    font-family:"Bold";
    margin:3rem 0
}
.card-award-text{
    color:#fff;
    font-size:2rem;
    line-height:3.5rem;
    font-family:"Light"
}
.card-award-btn{
    width:100%;
    height:5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border:solid 1px #adb5bd;
    color:#fff;
    margin:3rem 0;
    font-size:1.6rem;
    font-family:"Light"
}
.card-clients{
    width:100%;
    margin:10rem 0;
    text-align:center
}
.card-clients img{
    width:70%
}
@media only screen and (max-width: 900px){
    .card-clients img{
        width:100%
    }
}
.card-testimonials{
    width:50%
}
.card-testimonials .card-section{
    justify-content:flex-start
}
@media only screen and (max-width: 900px){
    .card-testimonials{
        width:100%
    }
}
.contact{
    width:100%;
    display:flex;
    flex-direction:column
}
.contact-row{
    width:100%;
    margin:5rem 0;
    display:flex;
    align-items:flex-start
}
.contact-num{
    color:#fff;
    display:flex;
    align-items:center;
    font-size:2.3rem;
    font-family:"Light"
}
.contact-num img{
    width:1.4rem;
    margin:0 1rem
}
.contact-form{
    color:#fff
}
@media only screen and (max-width: 900px){
    .contact-form{
        width:100%
    }
}
.contact-label{
    color:#fff;
    font-size:2.3rem;
    font-family:"Light"
}
.contact-input{
    color:#fff;
    border-bottom:solid 1px #343a40
}
.contact-input input[type=text]{
    background-color:#000;
    border:none;
    width:60rem;
    margin:1rem 0;
    font-size:2.3rem;
    font-family:"Light";
    padding:.3rem 1rem;
    color:orange
}
.contact-input input[type=text]::placeholder{
    color:rgba(255,165,0,.3)
}
@media only screen and (max-width: 900px){
    .contact-input input[type=text]{
        width:100%;
        font-size:1.6rem
    }
}
.contact-line{
    width:7rem;
    height:1px;
    background-color:#fff;
    margin:3rem 0
}
.contact-date{
    color:#fff;
    font-size:2rem
}
.footer-logos{
    width:100%;
    float:left;
    text-align:center;
    padding:20rem 0rem 3rem 0rem;
    justify-content:center
}
@media only screen and (max-width: 900px){
    .footer-logos img{
        width:100%
    }
}
.footer{
    min-height:20rem
}
@media only screen and (max-width: 900px){
    .footer{
        height:auto
    }
}
.footer-container{
    display:flex;
    justify-content:stretch;
    align-items:stretch
}
@media only screen and (max-width: 900px){
    .footer-container{
        flex-wrap:wrap
    }
}
.footer-container .col{
    width:20%;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    font-family:"Light";
    font-size:1.4rem;
    padding-right:5rem
}
@media only screen and (max-width: 900px){
    .footer-container .col{
        padding:0
    }
}
.footer-container .col h1{
    font-family:"Bold";
    margin:0 0 2rem 0
}
.footer-container .col a{
    color:#fff;
    margin:0 0 1rem 0
}
.footer-container .col a:hover{
    color:#adb5bd
}
.footer-container .col img{
    width:70%
}
@media only screen and (max-width: 900px){
    .footer-container .col img{
        width:50%;
        align-self:center
    }
}
@media only screen and (max-width: 900px){
    .footer-container .col{
        width:100%;
        text-align:center
    }
}
.fotos .foto6{
    width:50%;
    float:left
}
.fotos .foto4{
    width:33.3333333%;
    float:left
}
@media only screen and (max-width: 900px){
    .fotos .foto6{
        width:100%;
        float:left
    }
    .fotos .foto4{
        width:100%;
        float:left
    }
}
.gallery{
    width:100%;
    float:left;
    padding:10rem 0 0 0
}
.slider{
    color:#fff
}
.slider li{
    width:20%;
    padding-bottom:19%;
    background-size:100% auto;
    position:relative
}
.slider li.foto_gallery{
    background-size:100% auto;
    background-position:center center;
    background-repeat:no-repeat
}
.slider li .foto-text,.slider li .foto-ini{
    opacity:1;
    position:absolute;
    padding:3rem;
    top:0;
    left:0;
    right:0;
    bottom:0;
    font-size:3rem;
    font-family:"Light";
    transition:all .25s linear;
    background-color:rgba(0,0,0,.2)
}
.slider li .foto-text h3,.slider li .foto-ini h3{
    font-family:"Bold";
    font-size:5rem
}
.slider li .foto-text span,.slider li .foto-ini span{
    position:absolute;
    bottom:3rem;
    font-size:2rem
}
.slider li .foto-ini{
    opacity:1;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    font-size:3rem;
    font-family:"Bold";
    /* backdrop-filter:blur(10px); */
    color:red;
    background-color:rgba(0,0,0,.2)
}
/* .slider li:hover .foto-ini{
    opacity:0
}
.slider li:hover .foto-text{
    opacity:0
} */
.slider li .foto-office{
    top:auto;
    left:0;
    right:0;
    bottom:0
}
.testimonios{
    width:100%;
    float:left
}
.testimonios .wrap-buttons{
    width:100%;
    float:left;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.testimonios .slide-button{
    border:none;
    background-color:#000;
    color:#6c757d;
    padding-left:3rem;
    cursor:pointer
}
.testimonios .slide-button.selected{
    color:#fff
}
.testimonios .slide-button-nav{
    width:5rem;
    height:5rem;
    border-radius:50%;
    border:solid 1px #6c757d;
    background-color:#000;
    color:#6c757d;
    font-size:3rem;
    cursor:pointer;
    text-align:center
}
.testimonios .slide-button-nav i{
    margin-left:-0.3rem
}
.testimonios .slide-button-nav:last-of-type{
    margin-left:3rem
}
.testimonios .slide-button-nav:last-of-type i{
    margin-left:-0.1rem
}
.testimonios .slide-button-nav:hover{
    background-color:rgba(255,255,255,.1)
}
.slide-testimonio{
    color:#f8f9fa;
    font-size:1.6rem;
    line-height:3rem;
    font-family:"Regular";
    margin:3rem 0 0 0;
    letter-spacing:1px;
    flex-wrap:wrap
}
.slide-testimonio span{
    width:100%;
    min-height:20rem;
    float:left
}
@media only screen and (max-width: 900px){
    .slide-testimonio span{
        height:26rem
    }
}
.portrait{
    width:100%;
    float:left;
    padding:3rem 0;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    font-family:"Bold"
}
.portrait img{
    margin-right:2rem
}
/*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N;
 Licensed MIT */
.lSSlideOuter{
    overflow:hidden;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.lightSlider:before,.lightSlider:after{
    content:" ";
    display:table
}
.lightSlider{
    overflow:hidden;
    margin:0
}
.lSSlideWrapper{
    max-width:100%;
    overflow:hidden;
    position:relative
}
.lSSlideWrapper>.lightSlider:after{
    clear:both
}
.lSSlideWrapper .lSSlide{
    -webkit-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition:all 1s;
    -webkit-transition-property:-webkit-transform,height;
    -moz-transition-property:-moz-transform,height;
    transition-property:transform,height;
    -webkit-transition-duration:inherit !important;
    transition-duration:inherit !important;
    -webkit-transition-timing-function:inherit !important;
    transition-timing-function:inherit !important
}
.lSSlideWrapper .lSFade{
    position:relative
}
.lSSlideWrapper .lSFade>*{
    position:absolute !important;
    top:0;
    left:0;
    z-index:9;
    margin-right:0;
    width:100%
}
.lSSlideWrapper.usingCss .lSFade>*{
    opacity:0;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transition-duration:inherit !important;
    transition-duration:inherit !important;
    -webkit-transition-property:opacity;
    transition-property:opacity;
    -webkit-transition-timing-function:inherit !important;
    transition-timing-function:inherit !important
}
.lSSlideWrapper .lSFade>*.active{
    z-index:10
}
.lSSlideWrapper.usingCss .lSFade>*.active{
    opacity:1
}
.lSSlideOuter .lSPager.lSpg{
    margin:10px 0 0;
    padding:0;
    text-align:center
}
.lSSlideOuter .lSPager.lSpg>li{
    cursor:pointer;
    display:inline-block;
    padding:0 5px
}
.lSSlideOuter .lSPager.lSpg>li a{
    background-color:#222;
    border-radius:30px;
    display:inline-block;
    height:8px;
    overflow:hidden;
    text-indent:-999em;
    width:8px;
    position:relative;
    z-index:99;
    -webkit-transition:all .5s linear 0s;
    transition:all .5s linear 0s
}
.lSSlideOuter .lSPager.lSpg>li:hover a,.lSSlideOuter .lSPager.lSpg>li.active a{
    background-color:#428bca
}
.lSSlideOuter .media{
    opacity:.8
}
.lSSlideOuter .media.active{
    opacity:1
}
.lSSlideOuter .lSPager.lSGallery{
    list-style:none outside none;
    padding-left:0;
    margin:0;
    overflow:hidden;
    transform:translate3d(0px, 0px, 0px);
    -moz-transform:translate3d(0px, 0px, 0px);
    -ms-transform:translate3d(0px, 0px, 0px);
    -webkit-transform:translate3d(0px, 0px, 0px);
    -o-transform:translate3d(0px, 0px, 0px);
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.lSSlideOuter .lSPager.lSGallery li{
    overflow:hidden;
    -webkit-transition:border-radius .12s linear 0s .35s linear 0s;
    transition:border-radius .12s linear 0s .35s linear 0s
}
.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{
    border-radius:5px
}
.lSSlideOuter .lSPager.lSGallery img{
    display:block;
    height:auto;
    max-width:100%
}
.lSSlideOuter .lSPager.lSGallery:before,.lSSlideOuter .lSPager.lSGallery:after{
    content:" ";
    display:table
}
.lSSlideOuter .lSPager.lSGallery:after{
    clear:both
}
.lSAction>a{
    width:5rem;
    display:block;
    top:50%;
    height:5rem;
    cursor:pointer;
    position:absolute;
    z-index:99;
    margin-top:-2.5rem;
    opacity:1;
    -webkit-transition:opacity .35s linear 0s;
    transition:opacity .35s linear 0s;
    background-color:rgba(0,0,0,.3);
    box-shadow:.3rem .3rem 1rem 0px rgba(0,0,0,.3);
    border-radius:50%;
    transition:all .1s linear;
    transform:scale(0.8)
}
.lSAction>a::before{
    content:"";
    height:.2rem;
    width:2rem;
    transform:rotate(45deg);
    position:absolute;
    top:33%;
    left:33%;
    background-color:#fff
}
.lSAction>a::after{
    content:"";
    height:.2rem;
    width:2rem;
    transform:rotate(-45deg);
    position:absolute;
    top:60%;
    left:33%;
    background-color:#fff
}
.lSAction>a:hover{
    transform:scale(1)
}
.lSAction>.lSPrev{
    background-position:0 0;
    left:1rem;
    transform:rotate(180deg) scale(0.8)
}
@media only screen and (max-width: 900px){
    .lSAction>.lSPrev{
        left:-1rem
    }
}
.lSAction>.lSPrev:hover{
    transform:scale(1) rotate(180deg)
}
.lSAction>.lSNext{
    background-position:-32px 0;
    right:1rem
}
@media only screen and (max-width: 900px){
    .lSAction>.lSNext{
        right:-1rem
    }
}
.lSAction>a.disabled{
    pointer-events:none
}
.cS-hidden{
    height:1px;
    opacity:0;
    filter:alpha(opacity=0);
    overflow:hidden
}
.lSSlideOuter.vertical{
    position:relative
}
.lSSlideOuter.vertical.noPager{
    padding-right:0px !important
}
.lSSlideOuter.vertical .lSGallery{
    position:absolute !important;
    right:0;
    top:0
}
.lSSlideOuter.vertical .lightSlider>*{
    width:100% !important;
    max-width:none !important
}
.lSSlideOuter.vertical .lSAction>a{
    left:50%;
    margin-left:-14px;
    margin-top:0
}
.lSSlideOuter.vertical .lSAction>.lSNext{
    background-position:31px -31px;
    bottom:10px;
    top:auto
}
.lSSlideOuter.vertical .lSAction>.lSPrev{
    background-position:0 -31px;
    bottom:auto;
    top:10px
}
.lSSlideOuter.lSrtl{
    direction:rtl
}
.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{
    padding-left:0;
    list-style:none outside none
}
.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{
    padding-right:0
}
.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{
    float:left
}
.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{
    float:right !important
}
@-webkit-keyframes rightEnd{
    0%{
        left:0
    }
    50%{
        left:-15px
    }
    100%{
        left:0
    }
}
@keyframes rightEnd{
    0%{
        left:0
    }
    50%{
        left:-15px
    }
    100%{
        left:0
    }
}
@-webkit-keyframes topEnd{
    0%{
        top:0
    }
    50%{
        top:-15px
    }
    100%{
        top:0
    }
}
@keyframes topEnd{
    0%{
        top:0
    }
    50%{
        top:-15px
    }
    100%{
        top:0
    }
}
@-webkit-keyframes leftEnd{
    0%{
        left:0
    }
    50%{
        left:15px
    }
    100%{
        left:0
    }
}
@keyframes leftEnd{
    0%{
        left:0
    }
    50%{
        left:15px
    }
    100%{
        left:0
    }
}
@-webkit-keyframes bottomEnd{
    0%{
        bottom:0
    }
    50%{
        bottom:-15px
    }
    100%{
        bottom:0
    }
}
@keyframes bottomEnd{
    0%{
        bottom:0
    }
    50%{
        bottom:-15px
    }
    100%{
        bottom:0
    }
}
.lSSlideOuter .rightEnd{
    -webkit-animation:rightEnd .3s;
    animation:rightEnd .3s;
    position:relative
}
.lSSlideOuter .leftEnd{
    -webkit-animation:leftEnd .3s;
    animation:leftEnd .3s;
    position:relative
}
.lSSlideOuter.vertical .rightEnd{
    -webkit-animation:topEnd .3s;
    animation:topEnd .3s;
    position:relative
}
.lSSlideOuter.vertical .leftEnd{
    -webkit-animation:bottomEnd .3s;
    animation:bottomEnd .3s;
    position:relative
}
.lSSlideOuter.lSrtl .rightEnd{
    -webkit-animation:leftEnd .3s;
    animation:leftEnd .3s;
    position:relative
}
.lSSlideOuter.lSrtl .leftEnd{
    -webkit-animation:rightEnd .3s;
    animation:rightEnd .3s;
    position:relative
}
.lightSlider.lsGrab>*{
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
.lightSlider.lsGrabbing>*{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:-moz-grabbing;
    cursor:-o-grabbing;
    cursor:-ms-grabbing;
    cursor:grabbing
}
/*# sourceMappingURL=main.css.map */