@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap');
body{background:#fff;color:#24125F;top:0!important;font-family:'Raleway', sans-serif!important;}
.font-raleway{font-family:'Raleway', sans-serif!important;}
ul,li{padding:0;margin:0!important;list-style:none;}
a{text-decoration:none!important;}
a:hover{color:#fd7f26;}
.d-grid{display:grid;}
nav .active{color:#fff!important;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
ul.list-disc{padding-left:18px;}
ul.list-disc li{list-style-type:disc;padding-bottom:15px;}
#menu .dropdown-item:focus,#menu .dropdown-item:hover{background-color:#170b3e!important;}
.m1{background-color:#24125f;}
.m1 nav.fixed-top{background-color:#24125f;}
.m1 .carousel-control-next,.m1 .carousel-control-prev{width:10%;}
.m2{height:inherit!important;}
.m2 .header{background-color:#170b3e!important;}
.m2 .menu .logo{margin:15px!important;}
.m2 .menu .logo img{height:42px!important;}
.m2 .menu{top:inherit!important;}
.text-blue{color:#24125f!important;}
.display-4{font-size:3.2rem;}
.m3{background-position-x:center!important;height:auto!important;padding-bottom:17px;}
.m3 .header{position:absolute;top:0;width:100%;}
.m3 .menu{position:absolute!important;top:52px!important;}
.overflow-auto{overflow:auto;}
.overflow-hidden{overflow:hidden;}
#menu nav.fixed-top{max-height:100%;}
#menu{position:relative;}
#menu a{color:rgba(255, 255, 255, 0.80);}
#menu a:hover{color:#fff;}
#menu ul{float:left;}
#menu .header{padding:15px 25px;border-bottom:1px solid rgba(255, 255, 255, 0.50);overflow:auto;}
#menu ul li{float:left;}
#menu ul.social{float:right;}
#menu .logo{margin:25px;}
#menu .navbar-brand img{height:60px;}
#menu .banner{color:#fff;margin-top:70px;margin-bottom:70px;position:absolute;bottom:0;}
#menu .banner .min{max-width:388px;}
#menu .banner a.btn{font-weight:600;}
#menu .fix{position:fixed!important;top:0!important;}
#menu .menu{width:100%;z-index:1040;top:0;position:inherit;top:52px;}
#menu .menu .container a.logo{margin-left:0;}
#menu .menu .container ul.float-right{padding-right:0!important;}
#menu .fix{background:#24125F;}
#menu nav.fixed-top .navbar-brand img{height:50px;transition-duration:0.5s;transition-delay:0s;}
#menu .fix a.logo{margin-bottom:0;margin-top:10px;}
#menu.abierto .header{background-color:#170b3e;}
#menu.abierto .navbar-expand-lg{background-color:#180d3c;}
.btn{border-radius:25px;color:#24125F;border:0;}
.btn-blue{background-color:#24125F!important;}
.btn-sky{background-color:#7ce0d3!important;}
.btn-sky:hover{background-color:#0dffe0!important;}
.btn-orange{background-color:#fd7f26;}
.btn-orange:hover{background-color:#ff6a00;}
.btn-outline,.btn-outline:hover{border:1px solid!important;}
.text-orange{color:#fd7f26;}
.btn:hover{border-color:rgba(255, 255, 255, 0.55);}
.bg-sky{background:rgb(36,18,95,1);background:linear-gradient(90deg,rgba(36,18,95,1)0%,rgba(124,224,211,1)100%);color:#fff;}
.bg-blue{background:rgb(124,224,211);background:linear-gradient(90deg, rgba(124,224,211,1) 0%, rgba(36,18,95,1) 100%);}
.bg-primary{background-color:#24125F!important;}
.b-radius{display:inline-flex;border-radius:30px;overflow:hidden;}
.br-15{border-radius:15px!important;}
ul.nav-pills .nav-item .active{color:white!important;background:rgb(36,18,95,1);background:linear-gradient(90deg, rgba(36,18,95,1) 0%, rgba(124,224,211,1) 100%);}
ul.nav-pills .nav-item:last-child .active{color:white!important;background:rgb(124,224,211);background:linear-gradient(90deg,rgba(124,224,211,1) 0%,rgba(36,18,95,1) 100%);}
#video{color:#24125F;}
#video .b-radius{height:301px;}
#video iframe{width:560px;}
#video p{font-weight:600;font-size:20px;}
#video ul{margin-left:18px!important;}
#video ul li{list-style:disc;margin-bottom:0.25rem!important;}
.font-weight-black{font-weight:900;}

#imagen ul{padding-left:18px;}
#imagen ul li{list-style-type: disc;}
#imagen .alvaro{position: absolute;width:50%;left:0;bottom:0;padding:0 15px;}
#productos a{color:#24125F;}

.items a.d-grid,.resultados a.d-grid{background-color:#f5f5f5;border-radius:15px;overflow:hidden;}
.items h4,.resultados h4{font-size:18px;}
.items a img,.resultados a img{transition:all .3s;}
.items a:hover img,.resultados a:hover img{transform:scale(1.1);}
img.zoom:hover{transform:scale(1.1);}
img.zoom{transition:all .3s;}
.items>div a{width:300px;}

#contacto form .input-group{border-bottom:1px solid #24125f;}
#contacto form .input-group-text{background-color:transparent;border:0;color:#24125f;}
#contacto form .form-control{border:0;}
#contacto form textarea{border:1px solid #24125f!important;border-radius:15px;}
#contacto form .mensaje label{background:#fff;padding:0 5px;font-size:1.25rem;}
#contacto .cards{color:#fff;text-align:center;}
#contacto .cards .card{border-radius:45px;}
#contacto .middle{border-left:1px solid #ddd;border-right:1px solid #ddd;}

#map{height:400px;}

#nosotros .card{border-radius:20px;}
#nosotros .card img{height:165px;}
#nosotros .accordion .card-header{background-color:transparent;border-bottom:0;}
#nosotros .accordion .card-body{border-top:1px solid #ddd;}
#nosotros .accordion .card{border:1px solid #ddd;}
#nosotros .about .btn-sky:hover{background-color:#7ce0d3!important;}

footer{background-color:#24125F;color:#fff;}
footer a{color:#fff;}
footer ul li{font-size:14px;}
footer h4{font-size:16px;font-weight:600;}
footer ul.social li{float:left;}
footer ul.social a{color:#24125F;}
footer ul.social a li:hover{background-color:#fff!important;}
footer ul li.facebook{padding:6px 12px 4px 12px;}
footer ul li.linkedin{padding:6px 10px 4px 10px;}
footer ul li.twitter{padding:6px 9px 4px 9px;}
footer .traductor{width:161px;overflow:hidden;}

.trayectoria .carousel-caption{position:inherit;margin:0 55px;}
.trayectoria .carousel{height:350px;background-size:100%;}
.trayectoria .carousel-inner{padding-top:130px;}
.trayectoria .carousel-caption{left:0;}
.trayectoria .carousel-caption p{max-width:700px;}

#asesoria,#disponibilidad{height:351px;background-size:100% auto;}

#productos .form-control-lg:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important;}
#productos .form-control-lg:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:0;border-bottom-left-radius:0;}
#productos .form-control-lg:not(:last-child){border-radius:0;}

#producto .accordion .card{border-radius:15px;border-bottom:1px solid rgba(0,0,0,.125);}
#producto img.item{border-radius:15px;}

.post img{max-height:160px;}

#servicio .row {border-radius:15px;}
#servicio .services a .position-absolute{top:0;bottom:0;}
#servicio .services hr{width:150px;border:1px solid #fff;margin:0 auto;transition:all .3s;}
#servicio .services a:hover hr{width:170px;}
#servicio .services a img{transition:all .3s;}
#servicio .services a:hover img{transform:scale(1.1);}

#efacturas .emisor{max-width:230px;}
#efacturas .receptor{max-width:230px;}
#efacturas .info ul,#efacturas .card .card-list{padding-left:18px;}
#efacturas .info ul li,#efacturas .card .card-list li{list-style:disc;}
#efacturas img.mw-100{height:160px;}

#opensoft .process img{max-width:200px;}
#opensoft .process ul li{list-style-position:inside!important;list-style:disc;padding-bottom:15px}
#opensoft iframe{width:500px;height:515px;}
#opensoft .card .card-body{border-bottom:1px solid rgba(0,0,0,.125);}

.clients .clientes{width:1100%;}
.clients .clientes .client img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:all .3s;}
.clients .clientes .client img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}

#google_translate_element span{display:none;}
#google_translate_element select{background-color:transparent;color:#fff;padding:10px;border:2px solid #fff;border-radius:25px;}
#google_translate_element select option{color:#000;text-align:right;}
iframe.skiptranslate{display:none;}

.copyright{background-color:#180d3c;font-size:11px;}
.copyright a{color:#ddd;}

.accordion .title .fa-minus:before{content:"\f068";}
.accordion .plus .fa-minus:before{content:"\f067";}

#menu .carousel-control-prev,#menu .carousel-control-next{z-index:999;}
#menu .carousel-control-prev-icon,#menu .carousel-control-next-icon{width:60px;height:60px;}

.trayectoria .carousel-item-next,.trayectoria .carousel-item-prev{
    transition:-webkit-transform 1.5s ease;
    transition:transform 1.5s ease;
    transition:transform 1.5s ease,-webkit-transform 1.5s ease;
}
.trayectoria .carousel-item.active{
    transition:-webkit-transform 0.9s ease;
    transition:transform 0.9s ease;
    transition:transform 0.9s ease,-webkit-transform 0.9s ease;
}

/*----------------------- Preloader -----------------------*/
body.preloader-wrapper{overflow:hidden;}
.preloader-wrapper .preloader>img {
    animation-name:spin;
    animation-duration:1500ms;
    animation-iteration-count:infinite;
}
.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: rgb(124,224,211);
    background: linear-gradient(90deg, rgba(124,224,211,0.90) 0%, rgba(36,18,95,0.90) 0%, rgba(36,18,95,0.90) 45%, rgba(124,224,211,0.90) 100%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}
.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}

.dropdown:hover>.dropdown-menu{display:block;top:100%;}

@media(min-width:768px){
    footer{padding:3rem;}
    #menu .bars{display:none;}
    .trayectoria .carousel-control-next,.trayectoria .carousel-control-prev{width:30%;z-index:99;}
    .trayectoria .carousel-control-next-icon,.trayectoria .carousel-control-prev-icon{height:50px;width:50px;}
}
@media(max-width:767px){
    #menu{background-size:auto 100%;}
    #menu nav.fixed-top{overflow-y: scroll;}
    #menu .header{font-size:14px;}
    #menu a.logo img{height:45px;}
    #menu .menu ul{display:none;}
    #menu .fix a.logo{margin-top:15px;}
    #menu .open{background-color:#170b3e;transition-duration:0.5s;transition-timing-function: linear;}
    #menu .open ul{display:inherit;background-color:#24125f;z-index:10;transition-duration:0.5s;transition-timing-function: linear;}
    #video iframe{width:100%;height:100%;}
    #video .b-radius{height:229px;margin-top:1rem;}
    #nosotros .acordion .d-table{display:inherit!important;}
    #nosotros .acordion .d-table .d-table-cell{display:inherit!important;}
    #imagen{text-align:center;}
    #imagen .text{padding-bottom:0!important;margin-bottom:0!important;}
    #imagen .alvaro{width:100%;position:inherit;}
    #imagen ul li{list-style-type:none;}
    #productos .products{padding:0;}
    #productos ul li a{margin:0!important;}
    #productos ul li img{width:100%;margin-bottom:1rem;max-height:inherit!important;}
    #productos ul li p{text-align:center;}
    footer{padding:25px 0px;}
    footer .social{margin-bottom:0!important;}
    footer .icons ul{float:none;display:inline-block;}
    footer .traductor{float:inherit;}
    footer .row>div{margin-bottom:2rem;}
    .m1 .banner .container{text-align:center;padding-left:25px;padding-right:25px;}
    .m3{background-position-y:0!important;}
    .m3 .botones{display:none;}
    .m3 img.w-100{width:250%!important;margin-left:-75%;}
    #nosotros .container>.row{text-align:center;}
    .trayectoria .carousel{background-size:auto 100%;}
    .trayectoria .carousel-inner{padding-top:115px;}
    .items a.d-grid{width:100%;}
    .items .mx-3{margin:0!important;}
    #asesoria{background-position:center;background-size:auto 100%;}
    #disponibilidad{background-size:auto 100%;height:auto;}
    #opw>.container img.logo{width:100%;margin-bottom:1rem;}
    #opensoft .b-radius{width:100%;}
    #opensoft iframe{width:100%;height:204px;}
    #opensoft .process .card{height:inherit!important;}
    #opensoft .video .d-table{width:100%!important;text-align:center;}
    #opensoft .destacados .row{padding:0!important;}
    #opensoft #collapseOne .text-center img{height:inherit!important;max-width:100%!important;}
    #servicio .services a{max-width:100%;}
    #efacturas .beneficts .px-5:nth-child(2){padding:0 0 1rem 0!important;}
    .preloader-wrapper .preloader{width:70px;}
    #menu{height:470px;}
    .m1 .overflow-hidden>img{left:0%;margin-left:-100%;}
    .m1 .overflow-hidden>img.w-100{height:100%!important;width:inherit!important}
    #menu .menu .bars{margin-right:11px!important;}
    #menu img.cover{height:100%!important;width:inherit!important;}
    #menu .banner{margin-bottom:30px;}
    #menu .header .container{padding:0;}
    #efacturas .beneficts img{max-width:100%!important;}
    #efacturas .beneficts .text-center.px-5{padding-left:0!important;padding-top:1rem;padding-right:0!important;}
}
@media(max-width:539px){
    .m1 .banner h1{font-size:22px;}
}
@keyframes spin{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}