@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900|Montserrat:100,200,300,400,500,600,700,800,900');
/*Typografia*/
body
{
    font-family: 'Titillium Web', sans-serif;
}
/*Generales*/
.titulo1{font-family: 'Titillium Web', sans-serif;color: #fff;font-weight: 700;margin: 8px 0;font-size: 52.5px;}
.titulo1 .light{font-size: 300;color: #fff;}
.subtitulo1{font-family: 'Titillium Web', sans-serif;}
.linea{border: 0;width: 100%;max-width: 80px;background: #fff;height: 6px;margin: 20px 5px;border-radius: 5px;}
.parrafo{font-family: 'Montserrat', sans-serif;color: #fff;font-size: 14px;padding: 4px 0;}
.btn.white{color:#fff;background:transparent;border:1px solid #fff;font-size:14px}
.btn{text-decoration:none;font-weight:300;position:relative;text-align:center;border-radius:5px;padding-left:25px;padding-right:25px;box-shadow:0 0 0 0 transparent;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}
.btn:hover{color:#fff;box-shadow:0 0 0 0 rgba(255,150,0,.5);background-color:#c40029;border:1px solid #fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.btn:hover:before{-webkit-animation:shine .5s 0s linear;-moz-animation:shine .5s 0s linear;animation:shine .5s 0s linear}
.btn:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}
.btn:before{content:'';display:block;width:0;height:80%;position:absolute;top:7%;left:0;opacity:0;background:#fff;box-shadow:0 0 15px 3px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg)}@-webkit-keyframes shine{from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}@-moz-keyframes shine{from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}@keyframes shine{from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}
.center-div{position: relative;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.center-horizontal{left: 50%;transform: translateX(-50%) translateY(0%);-webkit-transform: translateX(-50%) translateY(0%);-moz-transform: translateX(-50%) translateY(0%);-o-transform: translateX(-50%) translateY(0%);-ms-transform: translateX(-50%) translateY(0%);}
.center-vertical{top: 50%;transform: translateX(0%) translateY(-50%);-webkit-transform: translateX(0%) translateY(-50%);-moz-transform: translateX(0%) translateY(-50%);-o-transform: translateX(0%) translateY(-50%);-ms-transform: translateX(0%) translateY(-50%);}
.adorno{max-width: 85px;position: relative;margin: 0 auto 10px auto;}
.adorno .circle{display: inline-block;margin: 8px 6px; border-radius: 50%; background: #c50029;height: 14px; width:14px;}
/*Menu*/
.m-scroll{position: relative;
top: -93px;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;}
#main-menu{padding: 30px 0;background-color: transparent;border-color: transparent;-webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;}
#main-menu.active {padding: 15px 0;background-color: #c1002b;border-color: #c1002b;}
#main-menu .navbar-header .navbar-brand {float: left;height: auto;padding: 0 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #fff;background-color: transparent;border-bottom: 4px solid #000;}
.navbar-default .navbar-nav > li > a {color: #fff;padding: 15px 0 7px 0;margin: 0 25px;font-size: 16px;font-weight: 600;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color: #fff;border-bottom: 4px solid #000;}
#main-menu #navbar .hamburguesa{display: none;border: 0;margin: 8px 30px;}
#main-menu #navbar .hamburguesa .icon-bar{background: #fff;}
#main-menu #navbar .hamburguesa:hover, #main-menu #navbar .hamburguesa:focus{background: transparent;}
#main-menu #navbar .hamburguesa:hover .icon-bar,#main-menu #navbar .hamburguesa:focus .icon-bar{background: #000;}
/*Banner*/
#banner{background: url('../../images/bg/bg-banner.png') no-repeat center;background-size: cover;position: relative;
overflow: hidden;}
#banner .contenido{padding: 150px 0 0 0;position: relative;overflow: hidden;}
#banner .contenido .titulo1{padding-top: 120px;height: 290px;}
#banner .contenido .titulo1 span{display: block;}
#banner .contenido .list-button{margin: 35px 0;padding: 0;}
#banner .contenido .list-button li{float: left;padding-right: 25px;}
#banner .contenido .list-button li .btn{z-index: 10;font-family: 'Montserrat', sans-serif;color: #fff;font-weight: 600;font-size: 15px;}
#banner .contenido img{position: relative;z-index: 9;}

#bot{background: #fff;position: relative;min-height: auto;}
#bot .slider .carousel{padding: 60px 0;}
#bot .slider .carousel .item{height: auto;height: 600px;width: 100%;}
#bot .slider .carousel .item .container{position: relative;}
#bot .slider .carousel .carousel-indicators {bottom: 45%;left: 7%;width: auto;margin: 0;}
#bot .slider .carousel .carousel-indicators .active {width: 5px;height: 33px;margin: 0;background-color: #c5002b;margin-bottom: 10px;border: 1px solid #c5002b;}
#bot .slider .carousel .carousel-indicators li {display: block;width: 4px;height: 32px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #c9c9c9;border: 1px solid #c9c9c9;border-radius: 0px;margin-bottom: 10px;border: 1px solid #c9c9c9;border-radius: 5px;}
#bot .slider .carousel .item .mobile-chat{position: relative;margin-left: 20%;width: 100%;max-width: 300px; height: auto;min-height: 600px;background: url('../../images/movil-red.png') no-repeat center;background-size: cover;background-repeat: no-repeat;border-radius: 35px;}
#bot .slider .carousel .item .mobile-chat .chat{overflow: hidden;font-family: 'Montserrat', sans-serif;color: #000;font-size: 12px;position: relative;border: 0px solid #e1e1e1;border-radius: 10px;background: #fff;margin: 5px 14px;padding: 10px 5px 0px 5px;position: relative;top: 70px;}
#bot .slider .carousel .item .mobile-chat .chat .textchat{clear: both;visibility: hidden;position: relative;display: block;min-height: auto;padding-bottom: 8px;}
#bot .slider .carousel .item .mobile-chat .chat .textchat .bot{font-size: 12px;background: #e9e9e9;float: left;padding: 4px 8px;text-align: left;max-width: 85%;border-radius: 20px;}
#bot .slider .carousel .item .mobile-chat .chat .textchat i{color:#ff0021;padding: 0 4px;}
#bot .slider .carousel .item .mobile-chat .chat .textchat .person{font-size: 12px;background: #b0b0c9;float: right;padding: 4px 8px;text-align: left;max-width: 85%;border-radius: 20px;}
#bot .slider .carousel .item .mobile-chat .chat .textchat .person i{float: right;}
#bot .contenido .titulo1{margin: 80px 0 5px 0;text-align: center;}
#bot .contenido .titulo1 .light{color: #25263f;font-weight: 300;}
#bot .contenido .titulo1 .red{color: #c40029;}
#bot .contenido .parrafo{font-size: 16px;font-weight: normal;color: #25263f;padding: 75px 0;max-width: 80%;margin: 0 auto;text-align: center;}
#beneficios{background: #25263f;position: relative;height: auto;padding: 30px 0;}
#beneficios .titulo1{margin: 40px 0 5px 0;text-align: center;}
#beneficios .titulo1 .light{color: #fff;font-weight: 300;}
#beneficios .titulo1 .red{color: #c40029;}
#beneficios	.beneficios:before, #beneficios	.beneficios:after{content: "";display: table;clear: both;}
#beneficios	.beneficiosbox{background: url(../../images/beneficios.png) no-repeat;background-size: cover;color: #fff;background-size: cover;background-position: 35px -75px;padding: 80px 0 30px 0;}
#beneficios	.beneficios	.beneficio#b1,#beneficios	.beneficios	.beneficio#b8{text-align: center;display: block;margin: 0 auto;color: #fff;min-height: 200px;}
#beneficios	.beneficios	.beneficio#b6,#beneficios	.beneficios	.beneficio#b7{min-height: auto;}
#beneficios	.beneficios	.beneficio{display: block;min-height:300px;height: auto;font-family: 'Titillium Web', sans-serif;font-weight: 600;color: #fff;font-size: 26.14px;}
#beneficios	.beneficios	.beneficio.left{text-align: right;}
#beneficios	.beneficios	.beneficio#b1:after{content: "";width: 20px;height: 304px;background: transparent url("../../images/b1.png") no-repeat center;position: absolute;display: block;margin: 0 auto;clear: both;left: 0;right: 0;}
#beneficios	.beneficios	.beneficio#b2:after{content: "";width: 269px;height: 238px;background: transparent url("../../images/b2.png") no-repeat 0 center;position: absolute;display: inline-block;left: 30%;top: 10%;}
#beneficios	.beneficios	.beneficio#b3:after{content: "";width: 269px;height: 238px;background: transparent url("../../images/b3.png") no-repeat 0 center;position: absolute;display: inline-block;right: 30%;top: 10%;}
#beneficios	.beneficios	.beneficio#b4:after{content: "";width: 250px;height: 20px;background: transparent url("../../images/b4.png") no-repeat 0 center;position: absolute;display: inline-block;left: 25%;top: 2%;}
#beneficios	.beneficios	.beneficio#b5:after{content: "";width: 304px;height: 20px;background: transparent url("../../images/b5.png") no-repeat 0 center;position: absolute;display: inline-block;right: 28%;top: 8%;}
#beneficios	.beneficios	.beneficio#b6:before{content: "";width: 269px;height: 238px;background: transparent url("../../images/b6.png") no-repeat 0 center;position: absolute;display: inline-block;left: 28%;bottom: 100%;}
#beneficios	.beneficios	.beneficio#b7:before{content: "";width: 269px;height: 238px;background: transparent url("../../images/b7.png") no-repeat 0 center;position: absolute;display: inline-block;left: 20%;bottom: 70%;}
#beneficios	.beneficios	.beneficio#b8:before{content: "";width: 20px;height: 304px;background: transparent url("../../images/b8.png") no-repeat center;position: absolute;display: block;margin: 0 auto;left: 0;right: 0;bottom: 100%;}
#aplicaciones{background: #fff url('../../images/bg/bg-aplications.png') no-repeat center;background-size: cover; position: relative;height: auto;padding: 0px 0 0px 0;}
#aplicaciones .titulo1{margin: 40px 0 5px 0;text-align: center;}
#aplicaciones .titulo1 .light{color: #0a0c1c;font-weight: 300;}
#aplicaciones .titulo1 .red{color: #c40029;}
#aplicaciones .aplicaciones{padding: 0;}
#aplicaciones .aplicaciones:after, #aplicaciones .aplicaciones:before{display: table;content: "";clear: both;}
#aplicaciones .aplicaciones .aplicacion{border-radius: 30px; background: #16172e;padding: 20px 40px;margin: 90px 0px 0 70px;}
#aplicaciones .aplicaciones .aplicacion .subtitulo1{text-align: center;color: #fff;font-size: 47.83px;}
#aplicaciones .aplicaciones .aplicacion .subtitulo1:after{content: '';display: block;background: red;width: 73px;height: 3px;margin: 15px auto;}
#aplicaciones .aplicaciones .aplicacion .descripcion{font-size: 14.93px;color: #fff;font-family: 'Montserrat',sans-serif;text-align: center;padding: 8px;}
#aplicaciones .owl-theme .owl-controls {margin-top: 0px;text-align: center;top: 50%;transform: translateX(0%) translateY(-50%);-webkit-transform: translateX(0%) translateY(-50%);-moz-transform: translateX(0%) translateY(-50%);-o-transform: translateX(0%) translateY(-50%);-ms-transform: translateX(0%) translateY(-50%);position: absolute;left: -2%;}
#aplicaciones .owl-theme .owl-controls .owl-page {display: block;}
#aplicaciones .owl-theme .owl-controls .owl-page span {display: block;width: 4px;height: 32px;margin: 1px;margin-bottom: 1px;text-indent: -999px;cursor: pointer;background-color: #c9c9c9;border: 1px solid #c9c9c9;border-radius: 0px;margin-bottom: 10px;}
#aplicaciones .owl-theme .owl-controls .owl-page.active span{width: 5px;height: 33px;margin: 0;margin-bottom: 0px;background-color: #c5002b;margin-bottom: 10px;border:1px solid #c5002b;border-radius: 5px;}
#datos{background: url('../../images/bg/bg-counters.png') no-repeat center;background-size: cover;padding: 70px 0 20px 0;}
#datos .titulo1{text-align: center;margin: 16px 0;}
#datos .titulo1 .light{color: #0a0c1c;font-weight: 300;}
#datos .titulo1 .red{color: #c40029;}
#datos .adorno .circle{background: #15162d;}
#datos .counters{padding: 40px 0;}
#datos .counters .text-counter{display: block;font-size: 26.16px;color: #c40029;text-align: center;padding: 16px 0;line-height: 1;}
#casos{position: relative;padding-top: 70px;}
#casos .titulo1{text-align: center;margin: 16px 0;}
#casos .titulo1 .light{color: #0a0c1c;font-weight: 300;}
#casos .titulo1 .red{color: #c40029;}
#casos .adorno .circle{background: #15162d;}
#casos .casos{background: #fff url('../../images/bg/bg-casos.png') no-repeat center;background-size: cover;}
#casos .casos .caso{position: relative;padding: 45px 0;}
#casos .casos .caso:before, #casos .caso:after{content: "";position: relative;clear: both;}
#casos .casos .caso .content .titulo1{color: #25263f;text-align: center;font-size: 50px;font-weight: 300;margin-top: 50px;}
#casos .casos .caso .content .linea{background: #c70028;margin: 0 auto}
#casos .casos .caso .content .text{font-size: 16px;color: #25263f;text-align: center;padding: 45px 60px;}
#casos .casos .caso .img-case{border-radius: 35px;}
#casos .casos .owl-theme .owl-controls { margin-top: 60px;}
#casos .casos .owl-theme .owl-controls .owl-page span {width: 42px;height: 4px;margin: 1px 10px;text-indent: -999px;cursor: pointer;background-color: #c9c9c9;border: 1px solid #c9c9c9;border-radius: 0px;margin-bottom: 10px;}
#casos .casos .owl-theme .owl-controls .owl-page.active span{width: 43px;height: 5px;margin: 0;margin-bottom: 0px;background-color: #c5002b;margin-bottom: 10px;border:1px solid #c5002b;border-radius: 5px;}
#accion{background: url('../../images/bg/call-to-action.png') no-repeat center;background-size: cover;position: relative;}
#accion .call-to-action{padding: 60px 0;font-family: 'Titillium',sans-serif;color: #fff;}
#accion .call-to-action .texto1{font-size: 23.22px;display: block;}
#accion .call-to-action .texto2{font-size: 63.85px;margin: 0;font-weight: 700;line-height: 1;}
#accion .call-to-action .btn{margin-top: 30px;}
#contacto{background: url('../../images/bg/bg-contact.png') no-repeat center;background-size: cover;position: relative;}
#contacto .contacto{padding: 40px 0;}
#contacto .contacto .form{-webkit-box-shadow: 0px 0px 28px 7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 28px 7px rgba(0,0,0,0.75);box-shadow: 0px 0px 28px 7px rgba(0,0,0,0.75);padding: 20px;}
#contacto .contacto .form .titulo{font-size: 'Titillium',sans-serif;color: #fff;font-size: 42px;font-weight:600;line-height: 1;margin-bottom: 40px;}
#contacto .contacto .form .campo{margin: 18px 0;position: relative;}
#contacto .contacto .form .campo .form-control {height: 36px;padding: 4px 12px;font-size: 14px;line-height: 1.42857143;color: #fff;background-color: transparent;border: 1px solid #fff;border-radius: 8px;}
#contacto .contacto .form .campo .form-control.error{border:2px solid red;}
label.error{display: none !important;}
#contacto .contacto .form .campo textarea.form-control {height: auto;}
#contacto .contacto .form .campo.boton{text-align: right;}
#contacto .contacto .form .campo .btn{font-weight: 600;font-size: 24.19px;}
#contacto .contacto .mapa{position: relative;width: auto;height: auto;padding: 0 15px;margin-bottom: 20px;}
#contacto .contacto .mapa #map{width: 100%;min-height: 300px;height: auto;position: relative;}
#contacto .contacto .info-contact{min-height: 110px;margin-bottom: 40px;}
#contacto .contacto .info-contact:after{content: "";display: block;position: absolute;width: 1px;height: 100%;background: #c40029;top: 0;right: 2%}
#contacto .contacto .info-contact:nth-child(4):after{content: "";display: none;}
#contacto .contacto .info-contact .head-title{color: #c40029;font-size: 18px;margin: 6px 0;}
#contacto .contacto .info-contact .body-info{font-size: 13.5px;font-family: 'Montserrat',sans-serif;color:#fff;padding-top: 12px;padding-bottom: 0;margin-bottom: 0;font-weight: 300;}
#contacto .contacto .info-contact .body-info a{color: #fff;}
#contacto .contacto .info-contact .body-info a:hover{color: #fff;text-decoration: none;}
#contacto .contacto .social-media .title{color: #c40029;font-size: 18px;margin: 6px 0;}
#contacto .contacto .social-media .media{color: #fff;font-size: 18px;margin: 0px 14px 0 0;display: inline-block;}
#contacto .contacto .social-media .media .fa{background: #fff;color: #0d0e1f;border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 2.2;}
#contacto .contacto .social-media .media:hover .fa{background: #be002b;color: #fff;}
#contacto .contacto .social-media span{margin-top: 0;position: relative;bottom: 10px;}
#contacto .footer{border-top: 3px solid #fff;}
#contacto .footer .info, #contacto .footer .info a{font-family: 'Montserrat',sans-serif;color: #fff;margin: 0;padding: 32px 0;font-size: 14px;  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
#contacto .footer .info.rigth{text-align: right;}
#contacto .footer .info a{font-weight: 600;}
.topBoton {position: fixed;bottom: 20px;right: 40px;z-index: 10;background-size: contain;display: none;font-size: 3em;text-align: center;}
.topBoton .UP {background: rgba(146,0,41,.7);display: inline-block;width: 48px;height: 48px;text-decoration: none;color: #fff;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
.topBoton .UP .fa{bottom: 10px;position: relative;z-index: 11;}
.menu-right{position: fixed;right: 0%;top:50%;z-index: 12;}
.menu-right .iconos{width: 60px;height: auto;text-align: center}
.menu-right .iconos#whatsapp{background: green;color: #fff;}
.menu-right .iconos .contenido{position: relative;padding:2px 0 8px 0;}
.menu-right .iconos .contenido .link{color: #fff;padding-top: 5px;display: inline-block;font-size: 14px;}
.menu-right .iconos .contenido .link:hover{text-decoration: none;}
.menu-right .iconos .contenido .link .fa{font-size: 24px;margin: 10px 0;}
.menu-right .iconos#facebook{background: #0084ff;color: #fff;}
.widget{position: relative;overflow: hidden;}
.contenedor-fb{width: 300px;position: fixed;top: 20%;right: -600px;background: #4267b2;padding: 4px;z-index: 999;border-radius: 5px;border-bottom: 0;color:#fff;}
.contenedor-fb .title{padding: 0.2em 1em .5em 1em;margin: 0;text-align: center;}
.contenedor-fb .title .cerrar{cursor: pointer;position: absolute;display: inline-block;color: #fff;text-decoration: none;right: 10px;font-weight: 100;font-size: 20px;top: 2px;}

.progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #16172e;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #16172e;
    font-size: 50.83px;
    color: #fff;
    line-height: 125px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.blue .progress-bar{
    border-color: #c40029;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

canvas {
  display: block;
  vertical-align: bottom;
}
#linears-js{
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 835px;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 9;
}
.video-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/overlay-pattern.png) repeat;
    opacity: 0.6;
}
.video{
	position: relative;
	overflow: hidden;
}
.video video
{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}