html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
.visually-hidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px)
    }
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,to{
        -moz-transform:translateY(0)
    }
    40%{
        -moz-transform:translateY(-30px)
    }
    60%{
        -moz-transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        -moz-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        -o-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        -moz-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        -o-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@font-face{
    font-family:'Montserrat-Black';
    src:url("../fonts/montserrat/Montserrat-Black/Montserrat-Black.eot");
    src:url("../fonts/montserrat/Montserrat-Black/Montserrat-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Black/Montserrat-Black.woff") format("woff"), url("../fonts/montserrat/Montserrat-Black/Montserrat-Black.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Black/Montserrat-Black.svg#Montserrat-Black") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'Montserrat-Bold';
    src:url("../fonts/montserrat/Montserrat-Bold/Montserrat-Bold.eot");
    src:url("../fonts/montserrat/Montserrat-Bold/Montserrat-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Bold/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'Montserrat-ExtraBold';
    src:url("../fonts/montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.eot");
    src:url("../fonts/montserrat/Montserrat-ExtraBold/Montserrat-ExtraBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'OpenSans-Regular';
    src:url("../fonts/open-sans/OpenSans-Regular/OpenSans-Regular.eot");
    src:url("../fonts/open-sans/OpenSans-Regular/OpenSans-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/OpenSans-Regular/OpenSans-Regular.woff") format("woff"), url("../fonts/open-sans/OpenSans-Regular/OpenSans-Regular.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Regular/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'open_sansbold';
    src:url("../fonts/open-sans/OpenSans-Bold/opensans-bold-webfont.eot");
    src:url("../fonts/open-sans/OpenSans-Bold/opensans-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/OpenSans-Bold/opensans-bold-webfont.woff") format("woff"), url("../fonts/open-sans/OpenSans-Bold/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Bold/opensans-bold-webfont.svg#open_sansbold") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'icomoon';
    src:url("../fonts/icomoon/icomoona5a6.eot?i7r6cp");
    src:url("../fonts/icomoon/icomoona5a6.eot?i7r6cp#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoona5a6.ttf?i7r6cp") format("truetype"), url("../fonts/icomoon/icomoona5a6.woff?i7r6cp") format("woff"), url("../fonts/icomoon/icomoona5a6.svg?i7r6cp#icomoon") format("svg");
    font-weight:normal;
    font-style:normal
}
[class*=" icon-"],[class^=icon-]{
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-facebook:before{
    content:"\ea90"
}
.icon-instagram:before{
    content:"\ea92"
}
.icon-twitter:before{
    content:"\ea96"
}
.icon-behance:before{
    content:"\eaa8"
}
.icon-linkedin2:before{
    content:"\eaca"
}
*{
    -webkit-font-smoothing:antialiased;
    box-sizing:border-box
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
    margin:0
}
ul{
    list-style:none;
    padding:0;
    margin:0
}
a{
    color:inherit;
    text-decoration:none;
    outline:none
}
.container{
    max-width:1020px;
    margin:0 auto;
    padding:0 20px
}
*{
    outline:0;
    outline:none;
    font-weight:normal;
    -webkit-font-smoothing:antialiased
}
textarea{
    resize:none;
    overflow:auto
}
ul{
    list-style:none;
    margin:0px;
    padding:0px
}
a{
    text-decoration:none
}
.hidden{
    visibility:hidden
}
#wrapper{
    position:relative;
    top:0;
    left:0;
    width:100%;
    overflow:hidden;
    overflow-x:hidden
}
#wrapper .step1,#wrapper .step2,#wrapper .step3,#wrapper .step4,#wrapper .step5{
    display:block;
    float:left;
    width:100%;
    position:relative
}
.background{
    position:absolute;
    width:100%
}
.background>.bg-colors{
    position:absolute;
    width:100%;
    height:100%
}
.background>.bg-colors>.bg-color{
    float:left;
    width:20%;
    height:100%
}
.step1>.background>.bg-colors>.bg-color:first-child{
    height:0px
}
.step1>.background>.bg-colors>.bg-color:nth-child(2){
    height:0px
}
.step1>.background>.bg-colors>.bg-color:nth-child(3){
    height:0px
}
.step1>.background>.bg-colors>.bg-color:nth-child(4){
    height:0px
}
.bg-colors-border{
    position:absolute;
    width:100%;
    height:100%
}
.bg-colors-border>.bg-color{
    float:left;
    width:20%;
    height:100%;
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:-moz-crisp-edges;
    image-rendering:pixelated;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1, 1);
    transform:translateZ(0) scale(1, 1);
    -webkit-filter:blur(0)
}
#block1 .container-data,#block2 .container-data,#block3 .container-data,#block4 .container-data,#block5 .container-data,#block6 .container-data{
    position:relative;
    width:1024px;
    left:25%;
    margin-left:-100px
}
.block{
    position:relative;
    width:100%
}
body,html,main{
    margin:0px;
    height:100%
}
body{
    background:transparent;
    overflow-x:hidden
}
.contenedor{
    max-width:1000px;
    margin:0 auto
}
.logo{
    position:absolute;
    left:28px;
    top:25px;
    z-index:999
}
@media screen and (min-width:1000px){
    .logo{
        display:block;
        left:55px;
        top:55px
    }
}
.logo img{
    height:auto;
    width:60px
}
@media screen and (min-width:1000px){
    .logo img{
        width:auto
    }
}
.is-sticky #menu{
    background:black
}
.is-sticky #menu.open{
    background:transparent
}
@media screen and (min-width:1000px){
    .is-sticky nav{
        background:rgba(0, 0, 0, 0.75)!important
    }
}
.sticker{
    z-index:99999
}
#menu{
    box-sizing:content-box;
    cursor:pointer;
    height:16px;
    padding:0px;
    position:fixed;
    right:30px;
    transition:0.1s ease-in-out;
    top:25px;
    width:30px;
    z-index:99999
}
@media screen and (min-width:1000px){
    #menu{
        padding:15px;
        right:25px;
        top:25px;
        width:35px
    }
}
#menu span,#menu span:after,#menu span:before{
    background:white;
    border-radius:1px;
    content:'';
    cursor:pointer;
    display:block;
    height:3px;
    position:absolute;
    transition:all 500ms ease-in-out;
    width:30px
}
@media screen and (min-width:1000px){
    #menu span,#menu span:after,#menu span:before{
        background:white;
        height:4px;
        width:35px
    }
}
#menu span{
    top:16px
}
@media screen and (min-width:1000px){
    #menu span{
        top:20px
    }
}
#menu span:before{
    top:-8px
}
@media screen and (min-width:1000px){
    #menu span:before{
        top:-11px
    }
}
#menu span:after{
    bottom:-8px
}
@media screen and (min-width:1000px){
    #menu span:after{
        bottom:-11px
    }
}
#menu.open span{
    background-color:transparent
}
#menu.open span:after,#menu.open span:before{
    top:0
}
#menu.open span:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#menu.open span:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.overlay{
    height:100%;
    right:0;
    position:fixed;
    top:39px;
    visibility:hidden;
    z-index:9999;
    opacity:0;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s
}
@media screen and (max-width:1000px){
    .overlay{
        background:#191919
    }
}
@media screen and (min-width:1000px){
    .overlay{
        position:absolute
    }
}
.overlay.menu-nav{
    top:0
}
.overlay nav{
    display:block;
    font-size:35px;
    position:relative;
    text-align:center;
    top:84px;
    z-index:9999999999999
}
@media screen and (max-width:1000px){
    .overlay nav{
        margin:0 auto;
        width:100%
    }
}
@media screen and (min-width:1000px){
    .overlay nav{
        background:#262626;
        border-radius:0;
        font-size:30px;
        padding:101px 0;
        position:fixed;
        right:0;
        top:0;
        width:450px
    }
}
.overlay ul{
    border-top:1px solid #373737;
    display:block;
    height:100%;
    list-style:none;
    margin:0 auto;
    padding:20px 40px;
    position:relative;
    z-index:999999999999999999
}
@media screen and (max-width:1000px){
    .overlay ul{
        padding:39px 50px
    }
}
.overlay ul.movil{
    display:block
}
@media screen and (min-width:1000px){
    .overlay ul.movil{
        display:none
    }
}
.overlay ul.desktop{
    display:none
}
@media screen and (min-width:1000px){
    .overlay ul.desktop{
        display:block
    }
}
.overlay ul li{
    color:white;
    display:block;
    list-style:none;
    position:relative;
    padding:15px 0;
    text-align:left
}
@media screen and (min-width:1000px){
    .overlay ul li{
        padding:31px 0
    }
}
.overlay ul li a{
    color:white;
    display:block;
    font-size:20px;
    font-family:"Montserrat-Black";
    -o-transition:color 0.5s;
    -ms-transition:color 0.5s;
    -moz-transition:color 0.5s;
    -webkit-transition:color 0.5s;
    transition:color 0.5s;
    text-decoration:none;
    text-transform:uppercase
}
@media screen and (min-width:1000px){
    .overlay ul li a{
        font-size:30px
    }
}
.overlay ul li a:hover{
    color:#40C4ED
}
.overlay ul li a label:focus,.overlay ul li a label:hover{
    color:#ff8b7d
}
@media screen and (min-width:1000px){
    .overlay ul li.movil{
        display:block
    }
}
.overlay ul li .active{
    color:#191919
}
.visible{
    opacity:1;
    visibility:visible;
    transition:opacity 0.5s
}
.cabecera-banner{
    position:relative;
    height:100%
}
@media screen and (min-width:1000px){
    .cabecera-banner{
        height:100%
    }
}
.cabecera-banner .bx-wrapper{
    background:#141414;
    height:100%
}
@media screen and (min-width:1000px){
    .cabecera-banner .bx-wrapper{
        height:100%!important;
        width:100%;
        z-index:1
    }
}
.cabecera-banner .banner{
    color:white;
    height:100%;
    width:100%;
    z-index:0
}
@media screen and (min-width:1000px){
    .cabecera-banner .banner{
        opacity:0;
        position:fixed
    }
}
.cabecera-banner .banner li{
    background-color:transparent;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    height:100%;
    width:100%
}
@media screen and (min-width:1000px){
    .cabecera-banner .banner li{
        background-position:center center
    }
}
.texto-principal{
    background:transparent;
    display:table;
    height:100%;
    position:absolute;
    width:100%;
    z-index:99
}
.texto-principal .caja{
    display:table-cell;
    height:100%;
    width:100%;
    vertical-align:middle
}
@media screen and (min-width:1000px){
    .texto-principal .caja{
        opacity:0;
        padding:0
    }
}
.texto-principal span{
    color:white;
    display:block;
    line-height:86%;
    text-align:center
}
@media screen and (min-width:830px){
    .texto-principal span{
        text-align:center
    }
}
.texto-principal span span{
    display:inline-block
}
.texto-principal span.uno{
    font-family:"Montserrat-Bold";
    font-size:15px
}
@media screen and (min-width:830px){
    .texto-principal span.uno{
        margin:0 10px 0 0;
        font-size:35px
    }
}
.texto-principal span.dos{
    font-family:"Montserrat-Bold";
    font-size:15px;
    margin:0 0 0 40px
}
@media screen and (min-width:830px){
    .texto-principal span.dos{
        margin:0 0 0 60px;
        font-size:35px
    }
}
.texto-principal span.tres{
    font-family:"Montserrat-Black";
    font-size:75px
}
@media screen and (min-width:830px){
    .texto-principal span.tres{
        font-size:180px
    }
}
.texto-principal span.cuatro{
    font-size:38px;
    letter-spacing:7px
}
@media screen and (min-width:830px){
    .texto-principal span.cuatro{
        font-size:80px;
        letter-spacing:15px
    }
}
.site-header{
    width:100%
}
@media screen and (max-width:830px){
    .site-header{
        z-index:999;
        -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2);
        box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2)
    }
}
@media screen and (min-width:830px){
    .site-header{
        background:transparent
    }
}
@media screen and (min-width:1000px){
    .site-header{
        padding:0px
    }
}
#evolucion{
    background:transparent;
    position:relative;
    z-index:2
}
@media screen and (max-width:1000px){
    #evolucion{
        background-color:#191919
    }
}
#evolucion .step2 .background>.bg-colors{
    border-left:1px solid rgba(255, 255, 255, 0.15)
}
#evolucion .step2 .background>.bg-colors>.bg-color{
    height:1300px;
    background-color:#40C4ED;
    border-left:1px solid rgba(255, 255, 255, 0.15)
}
@media screen and (min-width:1000px){
    #evolucion .step2 .background>.bg-colors .bg-color1{
        margin-top:440px
    }
}
@media screen and (min-width:1000px){
    #evolucion .step2 .background>.bg-colors .bg-color2{
        margin-top:520px
    }
}
@media screen and (min-width:1000px){
    #evolucion .step2 .background>.bg-colors .bg-color3{
        margin-top:390px
    }
}
@media screen and (min-width:1000px){
    #evolucion .step2 .background>.bg-colors .bg-color4{
        margin-top:310px
    }
}
@media screen and (min-width:1000px){
    #evolucion .step2 .background>.bg-colors .bg-color5{
        margin-top:440px
    }
}
#block2{
    color:white;
    font-size:0;
    height:auto;
    padding:15% 0 0 0
}
@media screen and (min-width:1000px){
    #block2{
        height:1000px;
        padding:100px 0 0 0
    }
}
@media screen and (min-width:1500px){
    #block2{
        height:1300px
    }
}
#block2 .left{
    display:inline-block;
    padding:0 0 0 4%;
    position:relative;
    vertical-align:middle;
    width:100%;
    z-index:99
}
@media screen and (min-width:1000px){
    #block2 .left{
        height:100%;
        width:42%
    }
}
#block2 .left .conejo{
    display:table;
    height:100%;
    vertical-align:middle;
    width:80%
}
@media screen and (min-width:1000px){
    #block2 .left .conejo{
        position:absolute;
        top:-50px;
        width:100%;
        z-index:9
    }
}
#block2 .left .dino img{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:90%
}
#block2 .left .logo2{
    position:absolute;
    top:0;
    z-index:0
}
@media screen and (max-width:1000px){
    #block2 .left .logo2{
        width:20%
    }
}
@media screen and (max-width:700px){
    #block2 .left .logo2{
        width:25%
    }
}
#block2 .left .logo2 img{
    width:90%
}
@media screen and (min-width:1000px){
    #block2 .left .logo2 img{
        width:40%
    }
}
@media screen and (min-width:1400px){
    #block2 .left .logo2 img{
        width:75%
    }
}
@media screen and (min-width:1500px){
    #block2 .left .logo2 img{
        width:90%
    }
}
#block2 .container-e{
    display:inline-block;
    padding:60px 5% 5% 5%;
    position:relative;
    vertical-align:middle;
    width:100%;
    z-index:9
}
@media screen and (min-width:1000px){
    #block2 .container-e{
        position:absolute;
        padding:0;
        text-align:right;
        top:22%;
        width:52%
    }
}
@media screen and (min-width:1500px){
    #block2 .container-e{
        width:55%
    }
}
@media screen and (min-width:1700px){
    #block2 .container-e{
        width:60%
    }
}
#block2 .container-e h1{
    font-family:"Montserrat-ExtraBold";
    font-size:45px;
    text-transform:uppercase
}
@media screen and (min-width:1000px){
    #block2 .container-e h1{
        font-size:70px
    }
}
@media screen and (min-width:1500px){
    #block2 .container-e h1{
        font-size:120px
    }
}
@media screen and (min-width:1700px){
    #block2 .container-e h1{
        font-size:150px
    }
}
#block2 .container-e p{
    font-family:"OpenSans-Regular";
    font-size:13px;
    padding:0 5%;
    text-align:justify
}
@media screen and (min-width:1000px){
    #block2 .container-e p{
        font-size:18px;
        padding:0 0 0 40%
    }
}
.marca-evolucion{
    background-color:white;
    margin:30px 0;
    padding:30px
}
@media screen and (min-width:600px){
    .marca-evolucion{
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:white;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        margin:30px 0;
        max-width:870px
    }
}
@media screen and (min-width:1000px){
    .marca-evolucion{
        margin:35px 0 0 0;
        padding:12px 0;
        float:right;
        width:600px
    }
}
@media screen and (min-width:1300px){
    .marca-evolucion{
        width:870px
    }
}
@media (min-width:1000px) and (max-width:1500px){
    .marca-evolucion{
        width:680px
    }
}
.marca-evolucion>div{
    margin:0 0 25px;
    text-align:center
}
@media screen and (min-width:600px){
    .marca-evolucion>div{
        -webkit-flex:1 1 0;
        -ms-flex:1 1 0px;
        flex:1 1 0;
        margin:0
    }
}
.marca-evolucion>div img{
    width:auto
}
.video{
    text-align:center
}
.video .caja-banner-1{
    width:auto
}
.videos{
    background:#191919;
    position:relative;
    margin-top:-0%;
    height:auto;
    padding:10% 5% 5% 5%;
    z-index:1
}
@media screen and (min-width:1000px){
    .videos{
        height:100%;
        padding:0
    }
}
.videos .banner{
    color:white;
    height:100%;
    width:100%;
    z-index:9;
    text-align:right
}
.videos .banner .caja-banner-1{
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    padding:0 0 0% 0;
    text-align:left
}
@media screen and (max-width:700px){
    .videos .banner .caja-banner-1{
        background:transparent!important
    }
}
@media screen and (min-width:1000px){
    .videos .banner .caja-banner-1{
        display:inline-block;
        padding:6% 0% 0 33%;
        width:100%
    }
}
@media screen and (min-width:1500px){
    .videos .banner .caja-banner-1{
        padding:11% 0% 0 52%
    }
}
.videos h1{
    background:url(../images/servicios/isoXL_white.png);
    background-position:0px 0;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    font-family:"Montserrat-Black";
    font-size:37px;
    line-height:100%;
    margin:0 0 0px 0;
    padding:37px 0 34px 28px;
    text-align:left;
    text-transform:uppercase
}
@media screen and (min-width:1000px){
    .videos h1{
        background:url(../images/servicios/isoXL_white.png);
        background-repeat:no-repeat;
        background-position:3px 0;
        font-size:110px;
        padding:73px 0 111px 86px
    }
}
.videos h1 span{
    display:block
}
.videos .padding{
    padding:0
}
@media screen and (min-width:830px){
    .videos .padding{
        padding:0 25% 0 0
    }
}
.videos h2{
    border-bottom:1px solid #8a8a8a;
    font-family:"Montserrat-Black";
    line-height:100%;
    font-size:33px;
    margin:0 0 5px 0;
    padding:0 0 10px
}
@media screen and (min-width:830px){
    .videos h2{
        font-size:80px
    }
}
.videos h2 span{
    display:block
}
.videos h3{
    font-size:18px;
    font-family:"Montserrat-Bold"
}
@media screen and (min-width:830px){
    .videos h3{
        font-size:40px
    }
}
.videos p{
    font-size:13px;
    font-family:"OpenSans-Regular"
}
@media screen and (min-width:830px){
    .videos p{
        font-size:18px;
        line-height:1.5
    }
}
.videos ul.lista-detalle{
    list-style:disc;
    margin:0;
    padding:0 0 0 16px
}
.videos ul.lista-detalle li{
    margin:0 0 12px;
    font-size:13px
}
@media screen and (min-width:830px){
    .videos ul.lista-detalle li{
        font-size:18px;
        margin:0 0 22px
    }
}
@media (min-width:1000px) and (max-width:1500px){
    .videos ul.lista-detalle li{
        margin:0 0 10px
    }
}
.videos .owl-carousel{
    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}
.videos .owl-carousel .owl-stage{
    height:100%;
    position:relative;
    -ms-touch-action:pan-Y
}
.videos .owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.videos .owl-carousel .owl-stage-outer{
    height:100%;
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0px, 0px, 0px)
}
.videos .owl-carousel .owl-item{
    height:100%;
    width:100%;
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    text-align:right
}
.videos .owl-carousel .owl-item:first-child{
    text-align:center
}
@media screen and (min-width:1000px){
    .videos .owl-carousel .owl-item:first-child{
        padding:3% 2% 0 2%
    }
}
.videos .owl-carousel .owl-item:first-child li{
    width:auto
}
@media screen and (min-width:1000px){
    .videos .owl-carousel .owl-item:first-child li{
        padding:3% 2% 0 2%
    }
}
.videos .owl-carousel .owl-item img{
    display:block;
    width:100%;
    -webkit-transform-style:preserve-3d
}
.videos .owl-carousel .owl-dots.disabled,.videos .owl-carousel .owl-nav.disabled{
    display:none
}
.videos .owl-carousel .owl-dot,.videos .owl-carousel .owl-nav .owl-next,.videos .owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.videos .owl-carousel .owl-dots{
    margin-top:-5%;
    position:relative;
    text-align:center
}
.videos .owl-carousel .owl-dot{
    border:1px solid transparent;
    display:inline-block;
    margin:0 2px
}
.videos .owl-carousel .owl-dot span{
    width:12px;
    height:12px;
    margin:4px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition:opacity 200ms ease;
    -moz-transition:opacity 200ms ease;
    -ms-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    transition:opacity 200ms ease
}
.videos .owl-carousel .owl-dot.active{
    border:1px solid white
}
.videos .owl-carousel.owl-loaded{
    display:block
}
.videos .owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.videos .owl-carousel.owl-hidden{
    opacity:0
}
.videos .owl-carousel.owl-refresh .owl-item{
    display:none
}
.videos .owl-carousel.owl-drag .owl-item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.videos .owl-carousel.owl-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.videos .owl-carousel.owl-rtl{
    direction:rtl
}
.videos .owl-carousel.owl-rtl .owl-item{
    float:right
}
.videos .no-js .owl-carousel{
    display:block
}
.videos .background>.bg-colors>.bg-color{
    background-color:#141414
}
#block3{
    height:1000px
}
@media screen and (min-width:1000px){
    .content-lista.doble .lista-detalle{
        float:left
    }
}
@media screen and (min-width:1000px){
    .content-lista.doble .lista-detalle:first-child{
        width:60%
    }
}
@media screen and (min-width:1000px){
    .content-lista.doble .lista-detalle:last-child{
        width:40%
    }
}
#section-slides .texto{
    color:white;
    margin:0;
    text-align:left
}
@media screen and (min-width:1000px){
    #section-slides .texto{
        position:absolute
    }
}
#section-slides .texto #transform{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
#section-slides .texto .div{
    line-height:78%
}
#section-slides .texto div,#section-slides .texto span{
    display:inline-block;
    font-family:"Montserrat-Black";
    font-size:85px;
    line-height:83%;
    position:relative;
    z-index:99;
    background-position:center;
    background-size:cover
}
@media screen and (min-width:1000px){
    #section-slides .texto div,#section-slides .texto span{
        font-size:300px;
        vertical-align:middle
    }
}
@media screen and (min-width:1300px){
    #section-slides .texto div,#section-slides .texto span{
        font-size:400px
    }
}
@media screen and (min-width:1600px){
    #section-slides .texto div,#section-slides .texto span{
        font-size:500px
    }
}
@media screen and (max-width:1600px){
    #section-slides .texto div{
        width:22%
    }
}
@media screen and (max-width:1600px){
    #section-slides .texto div img{
        width:100%
    }
}
#section-slides .texto h1{
    background:url(../images/servicios/isoXL_white.png);
    background-position:0px 0;
    background-repeat:no-repeat;
    background-size:contain;
    font-family:"Montserrat-Black";
    font-size:27px;
    margin:0 0 0px 0;
    padding:18px 0 18px 0;
    text-transform:uppercase
}
@media screen and (min-width:830px){
    #section-slides .texto h1{
        margin:0 0 40px 16px;
        font-size:40px
    }
}
@media screen and (min-width:1000px){
    #section-slides .texto h1{
        background:url(../images/servicios/isowopu3.png);
        background-repeat:no-repeat;
        background-position:3px 0;
        font-size:100px;
        padding:21px 0 53px 0
    }
}
#section-slides #transform{
    z-index:2
}
#section-slides .sombra{
    bottom:-9.5%;
    display:inline-block;
    left:-4.5%;
    position:absolute;
    vertical-align:middle;
    z-index:1
}
@media screen and (min-width:1000px){
    #section-slides .sombra{
        bottom:-10.5%;
        left:1.5%
    }
}
#section-slides .ul{
    height:100%;
    overflow:hidden;
    width:100%
}
#section-slides .ul .li{
    height:100%;
    position:absolute;
    width:100%
}
#section-slides .ul .li .banner{
    width:100%
}
#easing_wrapper{
    height:100%;
    overflow:hidden;
    padding:15% 5%;
    width:100%
}
@media screen and (min-width:700px){
    #easing_wrapper{
        padding:1% 5%
    }
}
@media screen and (min-width:1000px){
    #easing_wrapper{
        padding:0
    }
}
#easing{
    background-color:#40C4ED;
    left:0;
    top:8%;
    width:100%;
    z-index:9
}
.skrollable{
    position:fixed;
    z-index:100
}
.skrollr-mobile .skrollable{
    position:absolute
}
.skrollable .skrollable{
    position:absolute
}
.skrollable .skrollable .skrollable{
    position:static
}
.no-js .owl-carousel{
    display:block
}
body,html{
    height:100%
}
.touchonly{
    display:none
}
html.touch .touchonly{
    display:block
}
.noselect *{
    -ms-user-select:none;
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none
}
.doselect *{
    -ms-user-select:auto;
    user-select:auto;
    -webkit-user-select:auto;
    -khtml-user-select:auto;
    -moz-user-select:auto;
    -o-user-select:auto
}
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.clearfix{
    display:inline-block
}
html[xmlns] .clearfix{
    display:block
}
* html .clearfix{
    height:1%
}
#pinContainer{
    width:100%;
    height:100%
}
@media screen and (min-width:1000px){
    #pinContainer{
        overflow:hidden
    }
}
@media screen and (max-width:1000px){
    .p-panel-footer{
        height:auto!important
    }
}
@media screen and (max-width:1000px){
    .evolucion,.p-panel,.videos,.video{
        height:auto!important
    }
}
.panel{
    height:280px;
    width:100%;
    position:relative
}
@media screen and (min-width:830px){
    .panel{
        height:580px
    }
}
@media screen and (min-width:1000px){
    .panel{
        height:100%;
        position:absolute
    }
}
.panel img{
    width:100%
}
.panel .blanco{
    color:white!important
}
.panel .blanco a{
    border:1px solid white!important
}
.panel .caja{
    bottom:15%;
    color:black;
    display:none;
    margin:0 0 2% 2%;
    width:60%
}
@media screen and (min-width:1000px){
    .panel .caja{
        display:block;
        left:12%;
        margin:0;
        position:absolute;
        width:20%
    }
}
.panel .caja h1{
    font-family:"Montserrat-Bold";
    line-height:100%;
    text-transform:uppercase
}
@media screen and (min-width:1000px){
    .panel .caja h1{
        font-size:60px
    }
}
.panel .caja a{
    border:1px solid black;
    display:inline-block;
    margin:2% 0 0 0;
    padding:5% 15%
}
.p-panel{
    background:white
}
@media screen and (min-width:1000px){
    #slideContainer{
        height:100%
    }
}
#content-wrapper,#example-wrapper{
    height:100%
}
.scrollContainer{
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%
}
.scrollContainer{
    height:100%;
    margin:auto
}
#example-wrapper .scrollContent{
    height:100%
}
.horizontal.scrollContainer{
    overflow-y:hidden;
    overflow-x:scroll
}
.box1.outline,.box2.outline,.box3.outline{
    border:1px solid white
}
.blue{
    background-color:#40C4ED
}
.turqoise{
    background-color:#38ced7
}
.brown{
    background-color:#a66f28
}
.bordeaux{
    background-color:#953543
}
.skin{
    background-color:#ED9F4C
}
.black{
    background-color:#000000
}
.white{
    background-color:#FFFFFF
}
.red{
    background-color:#cf3535
}
.green{
    background-color:#22d659
}
.orange{
    background-color:#ea6300
}
#parallaxText{
    width:0;
    height:100%;
    margin:auto;
    position:relative
}
#parallaxText .layer1,#parallaxText .layer2,#parallaxText .layer3{
    position:absolute;
    font-size:50px;
    line-height:50px;
    margin-left:-150px;
    margin-top:-25px;
    width:300px;
    top:50%;
    left:50%;
    text-align:center;
    color:#133f71
}
#parallaxText .layer1{
    top:48%
}
#parallaxText .layer2{
    top:49%
}
#parallaxText .layer3 a{
    display:block;
    font-family:"Source Sans Pro", Arial, sans-serif;
    font-style:normal;
    font-weight:normal
}
#parallax1>div,#parallax2>div,#parallax3>div{
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000
}
.dynamicContent #content{
    width:390px;
    margin:auto;
    text-align:left
}
.dynamicContent #content .box1{
    margin:10px
}
.dynamicContent #loader{
    height:0;
    overflow:hidden;
    line-height:60px
}
.dynamicContent #loader.active{
    height:60px
}
.dynamicContent #loader img{
    vertical-align:text-bottom
}
#customactions{
    height:160px;
    width:170px;
    margin:auto;
    padding-top:40px;
    text-align:left
}
#customactions label{
    width:100px;
    display:inline-block
}
#customactions code{
    color:#3883d8
}
#customactions a.viewsource{
    margin-top:20px;
    display:block;
    text-align:center
}
.demo.responsiveDuration{
    position:relative
}
.responsiveDuration .box1{
    top:50%;
    left:50%;
    position:absolute;
    margin-top:-50px;
    margin-left:-50px
}
#destroybox a{
    display:block;
    margin-top:20px
}
#destroybox a.disabled{
    color:#79b0ee
}
#mobileadvanced{
    width:150px;
    height:150px
}
#mobileadvanced p{
    margin-top:50px
}
#multiDirect{
    text-align:left;
    position:relative
}
#multiDirect .box1{
    left:50vw;
    top:200px;
    margin-left:-60px
}
#multiDirect .box1 p:first-child{
    margin-top:20px
}
#imagesequence{
    height:300px
}
.copyright{
    font-variant:italic;
    font-size:11px
}
#bezier{
    overflow:hidden;
    position:relative
}
#bezier #plane{
    position:absolute;
    left:-100px
}
#bezier a.viewsource{
    margin:100px;
    display:inline-block
}
.demo#section-slides,.demo#section-wipes{
    height:100%;
    width:100%;
    background-image:none
}
@media screen and (min-width:1000px){
    .demo#section-slides,.demo#section-wipes{
        min-height:690px
    }
}
.demo#section-slides .panel>b,.demo#section-wipes .panel>b{
    font-size:15px;
    color:white;
    position:relative;
    display:block;
    height:0;
    overflow:visible;
    top:50%
}
.blue,.bordeaux,.clientes,.clientes-texto,.green,.p-panel,.turqoise,.videos{
    z-index:99
}
.b-primero{
    display:table;
    height:100%;
    width:100%
}
.b-primero .b-caja{
    display:table-cell;
    height:100%;
    text-align:center;
    vertical-align:middle;
    width:100%
}
.clientes{
    background:white;
    display:table
}
.clientes ul{
    display:table-cell;
    padding:5% 10%;
    vertical-align:middle;
    text-align:center
}
@media screen and (min-width:1000px){
    .clientes ul{
        padding:4% 10%
    }
}
.clientes li{
    display:inline-block;
    margin:0 1%;
    text-align:center;
    width:30%
}
@media screen and (min-width:1000px){
    .clientes li{
        margin:1% 3%;
        width:10%
    }
}
.clientes img{
    display:inline-block;
    width:100%
}
.clientes-caja{
    background:#40C4ED;
    display:table;
    height:100%;
    width:100%
}
.clientes-caja .center{
    display:table-cell;
    height:100%;
    text-align:center;
    vertical-align:middle;
    width:100%
}
.clientes-caja h1{
    background:url(../images/servicios/isoXL_white.png);
    background-position:1px 0;
    background-size:contain;
    background-repeat:no-repeat;
    color:white;
    display:inline-block;
    font-family:"Montserrat-Black";
    font-size:40px;
    padding:23px 0 26px 0;
    text-transform:uppercase
}
@media screen and (min-width:830px){
    .clientes-caja h1{
        font-size:40px
    }
}
@media screen and (min-width:1000px){
    .clientes-caja h1{
        background:url(../images/servicios/isoXL_white.png);
        background-repeat:no-repeat;
        background-size:contain;
        background-position:3px 0;
        font-size:100px;
        padding:23px 0 69px 0
    }
}
@media screen and (min-width:1366px){
    .clientes-caja h1{
        font-size:145px;
        padding:50px 0 67px 0
    }
}
#contacto{
    background:#40C4ED;
    color:white;
    padding:2% 0;
    text-align:left
}
@media screen and (min-width:1000px){
    #contacto{
        height:1000px;
        padding:2% 0
    }
}
#contacto .formulario{
    display:inline-block;
    padding:40px 6% 3% 6%;
    position:relative;
    vertical-align:top;
    width:100%
}
@media screen and (min-width:1000px){
    #contacto .formulario{
        position:absolute;
        padding:8% 0 0 0;
        width:40%
    }
}
@media (min-width:1000px) and (max-width:1500px){
    #contacto .formulario{
        padding:3% 0 0 0
    }
}
#contacto .formulario h1{
    background:url(../images/servicios/isoXL_white.png);
    background-position:1px 0;
    background-size:contain;
    background-repeat:no-repeat;
    font-family:"Montserrat-Black";
    font-size:40px;
    margin:0 0 20px 0;
    padding:19px 0 26px 0;
    text-transform:uppercase
}
@media screen and (min-width:830px){
    #contacto .formulario h1{
        margin:0 0 40px 0;
        font-size:110px
    }
}
/*@media screen and (min-width:1000px){
    #contacto .formulario h1{
        background:url(../images/servicios/isoWopu_Azul.png);
        background-repeat:no-repeat;
        background-position:3px 0;
        font-size:70px;
        padding:41px 0 69px 0
    }*/
}
@media screen and (min-width:1366px){
    #contacto .formulario h1{
        font-size:100px;
        padding:50px 0 53px 0
    }
}
#contacto .formulario p{
    font-size:19px
}
#contacto form input,#contacto form textarea{
    background:url(../images/contactenos/linea.png) transparent;
    background-position:3px 0;
    border:none;
    color:white;
    display:block;
    font-family:"OpenSans-Regular";
    margin:0 0 23px 0;
    width:100%
}
@media screen and (max-width:1000px){
    #contacto form input,#contacto form textarea{
        font-size:13px
    }
}
#contacto form input{
    height:28px
}
#contacto form input.enviar{
    background:transparent;
    border:1px solid white;
    display:inline-block;
    font-family:"Montserrat-ExtraBold";
    font-size:21px;
    height:auto;
    margin:5% 0 0 20%;
    padding:10px;
    transition:all 0.2s ease-in;
    text-transform:uppercase;
    width:60%
}
@media screen and (min-width:1000px){
    #contacto form input.enviar{
        font-size:29px;
        margin:5% 0 0 35%;
        width:40%
    }
}
@media screen and (min-width:1500px){
    #contacto form input.enviar{
        width:30%
    }
}
@media (min-width:1000px) and (max-width:1500px){
    #contacto form input.enviar{
        margin:0 0 0 35%
    }
}
#contacto form input.enviar:hover{
    border:1px solid #191919;
    color:#191919;
    transition:all 0.2s ease-in
}
#contacto form textarea{
    line-height:168%;
    height:108px
}
@media (min-width:1000px) and (max-width:1500px){
    #contacto form textarea{
        height:60px
    }
}
#contacto form .content-select{
    background-image:url(../images/contactenos/linea.png);
    background-color:transparent;
    background-position:3px 0
}
#contacto form select{
    background-image:url(../images/contactenos/flecha.png);
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:right top;
    border:none;
    color:white;
    display:block;
    font-family:"OpenSans-Regular";
    margin:0 0 23px 0;
    width:100%;
    height:28px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none
}
@media screen and (min-width:1000px){
    #contacto form select{
        background-position:right center
    }
}
@media screen and (max-width:1000px){
    #contacto form select{
        font-size:13px
    }
}
#contacto .dodo{
    display: none;
    height: 100%;
    margin: 0px 12% 0 15%;
    text-align: center;
    vertical-align: top;
    width: 50%;
}
    
@media screen and (min-width:1000px){
    #contacto .dodo{
        position:absolute;
        display:inline-block;
        width:65%    
    }
}
@media screen and (min-width:1500px){
    #contacto .dodo{
        width:65%
    }
}
#contacto .dodo img{
    position:absolute;
    top:0%;
    width:60%
}
@media screen and (max-width:1400px){
    #contacto .dodo img{
        top:6%
    }
}
.bolsa{
    position:relative
}
@media screen and (min-width:1000px){
    .bolsa{
        height:40%
    }
}
footer{
    background:1919191;
    color:white;
    position:relative;
    z-index:99
}
@media screen and (min-width:1300px){
    footer{
        height:40%
    }
}
footer.footer-movil{
    display:block
}
@media screen and (min-width:1000px){
    footer.footer-movil{
        display:none
    }
}
footer.footer-desktop{
    display:none
}
@media screen and (min-width:1000px){
    footer.footer-desktop{
        display:block
    }
}
footer .contenedor{
    font-size:0
}
footer section{
    background:#262626;
    font-family:"OpenSans-Regular";
        
}
@media screen and (min-width:1000px){
    footer section{
        height:100%;
        padding:4% 0
    }
}
footer section a{
    font-size:18px;
    transition:all 0.2s ease-in;
        text-decoration: none;
}
footer section a span{
    font-family:"open_sansbold"
}
footer section a:hover{
    color:white;
    transition:all 0.2s ease-in
}
footer section p{
    font-size:12px
}
footer section .telefono{
    display:block;
    font-size:20px
}

footer section .font_footer{
    color:#40C4ED;
    font-family:"OpenSans-Regular";
    font-size:18px;
    display:block;
}
footer h1{
    color:white;
    font-family:"Montserrat-ExtraBold";
    font-size:38px
}
@media screen and (min-width:1000px){
    footer h1{
        font-size:60px
    }
}

footer .left{
    display:inline-block;
    padding:0 0 4% 0;
    text-align:center;
    vertical-align:top;
    width:100%
}
@media screen and (min-width:1000px){
    footer .left{
        padding:0 5% 0 0;
        text-align:right;
        width:50%
    }
}
footer .right{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%
}
@media screen and (min-width:1000px){
    footer .right{
        padding:0 0 0 5%;
        text-align:left;
        width:50%
    }
}
footer .redes{
    color:#555555;
    height:10%;
    padding:20px 0;
    text-align:center
}
@media screen and (min-width:1000px){
    footer .redes{
        padding:4% 0
    }
}
footer .redes li{
    display:inline-block;
    margin:0 5px
}
@media screen and (min-width:1000px){
    footer .redes li{
        margin:0 12px
    }
}
footer .redes li a{
    border:1px solid #848484;
    display:block;
    font-size:23px;
    padding:5px;
    transition:all 0.2s ease-in
}
.redes-icon  {
    color:#40C4ED;
    font-size:50px;
    padding: 30px;
}
.redes-icon-mov  {
    color:#40C4ED;
    font-size:50px;
    
    
}
footer .redes li a:hover{
    border:1px solid #FF4131;
    color:#FF4131;
    transition:all 0.2s ease-in
}
.p-panel-footer{
    z-index:99
}
#contacto{
    position:relative;
    z-index:99
}
#contacto .contenedor{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s
}
#cboxOverlay,#cboxWrapper,#colorbox{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    -webkit-transform:translate3d(0, 0, 0)
}
#cboxWrapper{
    max-width:none
}
#cboxOverlay{
    position:fixed;
    width:100%;
    height:100%
}
#cboxBottomLeft,#cboxMiddleLeft{
    clear:left
}
#cboxContent{
    position:relative
}
#cboxLoadedContent{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
#cboxTitle{
    margin:0
}
#cboxLoadingGraphic,#cboxLoadingOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{
    cursor:pointer
}
.cboxPhoto{
    float:left;
    margin:auto;
    border:0;
    display:block;
    max-width:none;
    -ms-interpolation-mode:bicubic
}
.cboxIframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
    padding:0;
    margin:0
}
#cboxContent,#cboxLoadedContent,#colorbox{
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}
#cboxOverlay{
    background:#000;
    opacity:0.9;
    filter:alpha(opacity=90)
}
#colorbox{
    outline:0
}
#cboxContent{
    margin-top:20px;
    background:#000
}
.cboxIframe{
    background:#fff
}
#cboxError{
    padding:50px;
    border:1px solid #ccc
}
#cboxLoadedContent{
    border:5px solid #000;
    background:#fff
}
#cboxTitle{
    position:absolute;
    top:-20px;
    left:0;
    color:#ccc
}
#cboxCurrent{
    position:absolute;
    top:-20px;
    right:0px;
    color:#ccc
}
#cboxLoadingGraphic{
    background:url(images/loading.html) no-repeat center center
}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    width:auto;
    background:none
}
#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active{
    outline:0
}
#cboxSlideshow{
    position:absolute;
    top:-20px;
    right:90px;
    color:#fff
}
#cboxPrevious{
    position:absolute;
    top:50%;
    left:5px;
    margin-top:-32px;
    background:url(images/controls.html) no-repeat top left;
    width:28px;
    height:65px;
    text-indent:-9999px
}
#cboxPrevious:hover{
    background-position:bottom left
}
#cboxNext{
    position:absolute;
    top:50%;
    right:5px;
    margin-top:-32px;
    background:url(images/controls.html) no-repeat top right;
    width:28px;
    height:65px;
    text-indent:-9999px
}
#cboxNext:hover{
    background-position:bottom right
}
#cboxClose{
    position:absolute;
    top:5px;
    right:5px;
    display:block;
    background:url(images/controls.html) no-repeat top center;
    width:38px;
    height:19px;
    text-indent:-9999px
}
#cboxClose:hover{
    background-position:bottom center
}
.site-cache{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:99
}
.site-cache.open{
    background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0
}
.bullets{
    height:22px;
    width:107px;
    bottom:65px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    display:none
}
@media screen and (min-width:1000px){
    .bullets{
        display:block
    }
}
@media (min-width:1000px) and (max-width:1500px){
    .bullets{
        bottom:30px
    }
}
.bullets li{
    border:1px solid transparent;
    display:inline-block;
    padding:4px
}
.bullets li.active{
    border:1px solid white
}
.bullets li .box{
    background-color:white;
    height:12px;
    width:12px;
    display:block
}
.bullets-folio{
    height:22px;
    width:76px;
    bottom:65px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    display:none
}
@media screen and (min-width:1000px){
    .bullets-folio{
        display:block
    }
}
@media (min-width:1000px) and (max-width:1500px){
    .bullets-folio{
        bottom:30px
    }
}
.bullets-folio li{
    border:1px solid transparent;
    display:inline-block;
    padding:4px
}
.bullets-folio li.active{
    border:1px solid black
}
.bullets-folio li .box{
    background-color:black;
    height:12px;
    width:12px;
    display:block
}
/*# sourceMappingURL=main.css.map */

/* paginaConfirmar */

.masthead{
    min-height:100%;
    position:relative;
    display:table;
    width:100%;
    height:auto;
    padding-top:8rem;
    padding-bottom:8rem;
    background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.1))),url(../images/banner/fomr_thank_panda.png);
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../images/banner/fomr_thank_panda.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.masthead h1{
	font-family: montserrat;
    font-size:2rem;
    margin:0;
    padding:0;
		font-weight: 800;
}
.masthead h3{
	font-family: montserrat;
    font-size:1rem;
    margin:0;
    padding-bottom:15px;
	font-weight: 800;
}
@media (min-width:992px){
    .masthead{
        height:100vh
    }
    .masthead h1{
        font-size:5rem
    }
	.masthead h3{
        font-size:2rem
}
}
.btnBack{
    background:transparent;
    border:1px solid white;
    display:inline-block;
    font-family:"Montserrat-ExtraBold";
    font-size:21px;
    height:auto;
    margin:0;
    padding:10px;
    transition:all 0.2s ease-in;
    text-transform:uppercase;
    color: white;
	font-weight: 400;
	
		
}
.btnBack:hover{
    border:1px solid #191919;
    color:#191919;
    transition:all 0.2s ease-in;
	text-decoration: none
}