/*
Theme Name: ActiveHub - Website
Theme URI: FSP
Author: FSP 
Author URI: 
Description: Active Hub

*/

*{padding: 0; margin: 0;}
body{--color1: #2aa6bc; --color2: #5a5ca4; --color3: #007aff; --font1: 'Montserrat', sans-serif; --font2:  'Poppins', sans-serif;}
.container{width: 1200px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 100px 0px;}
h1,h2,h3,h4,h5,h6{font-family: var(--font1);}
p, a,span{font-family: var(--font1);}
.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 25px; grid-row-gap: 25px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_2{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.row-center{display: flex; align-items: center; justify-content: space-between;}

a{text-decoration: none;}

.cabecera{width: 100%; position: absolute; top: 0; left: 0; padding: 43px 0px; background: linear-gradient(180deg,rgba(0, 0, 0, 0.76) 24%, rgba(0, 0, 0, 0) 92%); z-index: 20;}

.slider{background: url(img/banner.webp); background-size: cover; background-position: center;height: 100vh; padding-top: 145px; position: relative;
 display: flex; align-items: center; box-sizing: border-box; animation: animTexto3 7s ease-in-out infinite alternate;}
@keyframes animTexto3 {
  from {
    background-size:  100% auto;
  }
  to {
     background-size: 107%  auto ;
  }
}

.info-extra a.btn{background: var(--color1);}

.wpcf7-not-valid-tip{ background: #f2f2f2; border-radius: 20px; width: 60%; margin: 0 auto; font-size: 13px !important; margin-bottom: 11px;}
.wpcf7-response-output{padding: 15px; border-radius: 20px; width: 60%; margin: 0 auto; font-size: 13px !important; background: #f2f2f2;}

.nav-menu li{display: inline-block;}
.nav-menu li a{color: #fff; font: 600 16px var(--font1); padding: 10px 15px;}
a.btn{padding: 8px 19px; color: #fff; border-radius: 20px;  display: inline-block; font-weight: 600; transition: all 0.4s linear;}
a.btn:hover{background: #fff; color: var(--color2); transform: scale(0.9);}

ul.sub-menu{
    display: block !important;
}
.nav-menu li{
    position: relative;
}
.nav-menu li ul.sub-menu{
    position: absolute;
	max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    background: #fff;
    min-width: 300px;
	z-index: 2222; margin-top: 30px;border-radius: 10px; overflow: hidden;
}
.nav-menu li ul.sub-menu li::before{
	display: none;
}
.nav-menu li ul.sub-menu li{display: block;}

.nav-menu li ul.sub-menu li a{
    width: 100%; color: var(--color1);
	line-height: 43px; display: block;
	padding: 0px 30px !important;
}
.nav-menu li ul.sub-menu li a:hover{
	background: var(--color1); color: #fff;
}
.nav-menu li:hover > ul.sub-menu{
	max-height: 500px;}
.modal-dialog {
  background: #fff;
  width: 100%; margin: 90px auto;
  max-width: 500px;
  border-radius: 12px;
  padding: 25px;
  position: relative;
  animation: popup-show 0.3s ease;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}
.modal-dialog h3{font: 700 30px var(--font1); color: var(--color1);}
.modal-dialog h4{font: 500 20px var(--font2); color: var(--color2);}

.modal-body input{background: #fdfdfd; border: 1px solid #e4e4e4; padding: 14px 26px; box-sizing: border-box; width: 100%; border-radius: 8px; margin-bottom: 15px}
.modal-body input::placeholder{font: 14px var(--font1); color: #a3a3a3;}
.modal-body #enviar{ width: 100%;}


.bt1{ background: var(--color1);}
.bt2{ background: var(--color2);margin-left: 8px;}

.txt-slider{width: 605px; color: #fff;}
.txt-slider h5{font: 500 25px var(--font1);}
.txt-slider h2{font: 800 44px var(--font1);}.txt-slider h2 strong{color: var(--color1); padding-top: 10px;}
.txt-slider p{font: 500 16px var(--font1); padding-top: 15px; line-height: 19px;}

.call{padding-top: 50px;}
.txt-slider i{color: #fff; font-size: 51px; margin-right: 23px;}
.call p{color: #fff; font: 600 11px var(--font1); padding-top: 0px;}
.call a{color: #fff; font: 600 40px var(--font1);}
.call .row-center{justify-content: flex-start;}

.page-serv{background-position: top !important;}
.page-serv::before{content: ""; display: block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: linear-gradient(270deg,rgba(0, 12, 30, 0) 37%, rgba(0, 12, 30, 1) 81%); z-index: 0;}
.page-serv .container{position: relative; z-index: 10}
.page-serv .txt-slider h2{font-size: 35px}
.page-serv .txt-slider h1{display: inline-block; background: var(--color1); color: #fff; font-size: 17px; padding: 3px 7px; border-radius: 10px; margin-bottom: 14px;}
.page-serv .txt-slider p{font-size: 16px; line-height: 26px;}
.page-serv .txt-slider{width: 583px;}
.page-serv .txt-slider img{margin-top: 20px; display: inline-block; cursor: pointer;}

.page-btn i{font-size: 23px; margin-right: 5px;}
.page-btn{background: var(--color2); margin-top: 10px; }
.page-btn:hover{background: #fff; margin-top: 10px; }

.box-serv{padding: 70px 0px; background: #fbfbfb;}
.box-serv .box{text-align: center; padding: 50px 15px; box-shadow: 0px 0px 7px #CCC;border-radius: 13px; background: #fff; transition: all 0.4s linear; cursor: pointer;}
.box-serv .box:hover{transform: translateY(-10px); box-shadow: 0px 0px 1px #CCC;}
.box-serv .box h2{font: 700 15px var(--font1); color: #1a1a1a; padding: 15px 0px 10px;}
.box-serv .box p{font: 400 14px var(--font1); color: #1a1a1a;}
.box img{width: 64px !important}


.accordion-page h3{color: #fff; font-size: 24px; font-weight: 400;}

.thumb-box{width: 100%; height: 200px; overflow: hidden; border-radius: 20px;}
.text-box{padding: 20px; box-sizing: border-box;}
.text-box h3{font:800 18px var(--font1); color: var(--color1); padding-bottom: 10px;}
.text-box p{font: 14px var(--font1); color: #666; line-height: 20px;}


.identidad .container{max-width: 1200px; background: #f2f2f2; border-radius: 15px; padding: 40px 5%; box-sizing: border-box;}
.identidad .container .grid_3{padding-top: 30px;}
.identidad{margin: 50px 0px;}
.identidad p{padding-top: 20px;}
.identidad h3{padding-top: 10px;}
.identidad .container .grid_3 span{width: 80%; text-align: center; display: block; margin: 0 auto;}

.brands{padding: 65px 0px;}
.title h3{font: 800 31px var(--font1); color: #000;}
.title h3 strong{color: var(--color3);}
.title{padding-bottom: 30px;}

.tabs_links{ width: 800px; margin: 0 auto; max-width: 92%; margin-bottom: 30px;}
.tabs_item{ width:100%;     background: #f2f2f2;
    color: #353535;
    cursor: pointer;
    display: inline-block;
    transition: all 0.8s;
    padding: 13px 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    font-family: var(--font1);
    border-radius: 20px; box-shadow: 1px 1px 4px #aaaaaaae;}
.tabs_item img{width: 80px; filter: opacity(66%);}
.tabs_item h2{font-size: 13px; font-weight: 700;}.tabs_item.active img{filter: opacity(100%);}
.panels{position: relative; width: 100%;min-height: 400px;margin: 0 auto; }
.tabs-container{margin-top: 30px; height: auto !important;}
.panel-item{position: absolute; top: 0;left: 0; width: 100%; height: 100%;opacity: 0.0; transition: all 0.8s; }
.active{z-index: 2222;  opacity: 1; position:relative;}
a.active{ background: var(--color1);  color: #fff; position: relative; box-shadow: 0px 0px 0px transparent;}
a.active::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f2f2f2;}

.content-soluciones{box-shadow: 1px 1px 4px #aaaaaaae; width: 100%; padding: 13px; border-radius: 34px;}
.txt-solu{padding: 0px 65px; width: 49%; box-sizing: border-box;}
.txt-solu h4{font: 700 29px var(--font1); color: #444444;}
.txt-solu h3{font: 400 15px var(--font1); color: #444444; padding-top: 20px;}
.txt-solu .row{width: 365px; padding-top: 30px;}

.thumb-solu{width: 559px; border-radius: 34px; overflow: hidden;}
.thumb-solu img{display: block;}

.soluciones{padding: 65px 0px;}

.testimonio{background:  url(img/test.jpg); padding: 100px 0px; background-attachment: fixed; border-radius: 10px;}.testimonio .grid_2{width: 747px;}
.box-test{box-shadow: 0px 10px 25px -10px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 25px; background: #fff;}
.thumb-test{border-radius: 50%; width: 77px; height: 77px; margin-right: 20px; overflow: hidden;}.txt-test{width: 67%;}
.txt-test i{font-size: 33px; color: var(--color4);}.txt-test p{font-size: 15px; color: #757575;} .txt-test h3{font-size: 16px; color: var(--color4); margin-top: 15px;}
.testimonio .grid_2 .box-test:nth-child(2n+2){transform: translateY(25px);}
.dark{background: var(--color3);}.dark p, .dark h3, .dark i{color: #fff;}
.test-txt{width: 30%;}.test-txt h4{font-size: 40px; color: #fff; line-height: 40px;}.test-txt p{padding-top: 20px; font-size: 15px; color: #fff;}



.servicios{background: url(img/servicios.jpg); background-size: cover; padding: 70px 0px; background-attachment: fixed;}
.new-images{position: relative; width: 500px; max-width: 100%;}
  .new-image{ left: 0; opacity: 0; transition: all 0.5s ease-in-out; visibility: hidden; transform: scale(0.0); height: 0px; overflow: hidden;}
  .new-image.active{opacity: 1; transform: scale(1); visibility: initial; height: auto;}

:root{ --size: 560px; --radius: 210px; --hub-radius: 140px; --item-size: 72px; --accent:#3b6cff; --bg1:#2f2f2f; --bg2:#4a4a4a; }

.stage{ position:relative; width:var(--size); height:var(--size); }

.hub{ position:absolute; left:50%; top:50%; translate:-50% -50%; width: calc(var(--hub-radius) * 2); height: calc(var(--hub-radius) * 2); border: 3px solid var(--accent); border-radius:50%; background:#0000; box-shadow: 0 0 0 2px #0001 inset; pointer-events:none; }
.orbit{ position:absolute; inset:0; display:grid; place-items:center; will-change:transform; transform: scale(1.2);}

.spoke{ --angle: 0deg; position:absolute; left:50%; top:50%; height:2.5px; background: var(--accent); opacity:.95; border-radius:3px; transform-origin: 0 50%; width: calc(var(--radius) - var(--item-size) / 2 - 8px - var(--hub-radius)); transform: rotate(var(--angle)) translateX(var(--hub-radius)); z-index: 1; }
.spoke::before{ content:""; position:absolute; left:0; top:50%; translate:-50% -50%; width: 12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 0 0 2px var(--accent); }

.item{ --angle: 0deg; --z: 5; position:absolute; left:50%; top:50%; translate:-50% -50%; width: 110px;; height:110px; border-radius:50%; display:grid; place-items:center; cursor:pointer; z-index: 5; background:#fff; box-shadow: 0 0 0 3px var(--accent) inset, 0 6px 18px #0006; transform: rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle))); transition: transform .2s ease, box-shadow .2s ease; }
.item.active{ box-shadow: 0 0 0 3px #fff inset, 0 0 0 2px var(--accent), 0 10px 24px #0008; background: #00000040;}

.item img{ width:80%; height: auto; object-fit:contain; filter: drop-shadow(0 1px 1px #0006); transition: all 0.4s ease-in-out;}
.item.active img{ transform: scale(0.8); }

.wrap{ display:flex;align-items:center; justify-content: space-between; }
.panel{ color:#e9eefc;min-height: 180px; display:grid; align-content:start; width: 45%;}
.panel h3{ margin:0; font-size:1.1rem; letter-spacing:.3px }
.panel p{ margin:0; line-height:1.5; color:#c7d2ee; padding-bottom: 15px;}
.panel .row{max-width: 365px; padding-top: 20px;}
.hint{ opacity:.75; font-size:.92rem }
.panel .title{padding-bottom: 0px;}



#orbitData{display: none;}
.single-slide{
    height: 299px;
    overflow: hidden;
    position: relative;
    z-index: -1;
    display: flex;
    align-items: center;
    background: url(img/servicios.jpg);
    background-size: cover;
    background-position: center;
}

/**NOSOTROS**/

.nosotros-page aside{width: 25%;}
.nosotros-page .owl-dots{display: none;}

.nosotros .form{margin-bottom: 0px; padding: 0px; background: transparent;}
.nosotros-page .form input::placeholder{color: #fff; font: 15px var(--font1);}.wpcf7-spinner{position: absolute;}
.text-nos{color: #666; line-height: 1.9;}
.text-nos .row{margin-top: 30px;}.nosotros-page img{display: block;}
.text-nos .row div{padding: 0px 30px 30px; border: 2px dashed var(--color2); box-sizing: border-box; width: 47%;}
.text-nos .row div h4{font-size: 26px; background: #fff; transform: translateY(-20px); padding: 0px 10px;}


.thumb-nos img{
    width: 80%;
}
.nos-int{
    padding: 30px;
    background: #0b2f50d9;
    position: absolute;
    top: 20%;
    right: 0px;
    display: none;
    z-index: 2;
}
.nosotros{
    box-sizing: border-box;
    max-width: 1360px;
    margin: 0 auto;
    padding: 50px 0px;
}

.thumb-nos p{
    padding: 10px;
    border-bottom: 2px solid #ffffff94;
    font-size: 16px;
    font-family: var(--font2);
    line-height: 40px;
    color: rgba(255, 255, 255, 0.8);
}
.thumb-nos p:nth-child(1){
    padding-top: 0px;
}

.thumb-nos p strong{
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}
.nosotros .row-center{
    justify-content: left;
}
.txt-nos{
    max-width: 750px;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
}

.txt-nos p{
    font: 16px var(--font2);
    margin-bottom: 30px;
    color: #7b7b7b;    line-height: 30px;
}
.txt-nos li{
    list-style: none;
    font: 12px var(--font2);
    margin: 8px;
    color: #7b7b7b;
}
.txt-nos li i{
    color: var(--color2);
    font-size: 15px;
    margin-right: 3px;
}
.txt-nos .btn{
    border-radius: 0px;
    margin-top: 15px;
}

.features h3{
    font: 23px var(--font1);
    font-weight: 700;
    margin-bottom: 12px;
    color: #212529;
}
.features p{
    font: 15px var(--font2);
    color: #666;
    line-height: 1.8;
}
.features article{
    padding: 41px 25px;
}
.features article:nth-child(1){background: #f2f2f2;}
.features article:nth-child(2){background: var(--color1);}
.features article:nth-child(2) p{color: #fff;}.features article:nth-child(2) h3{color: #fff;}
.features article:nth-child(3) p{color: #fff;}.features article:nth-child(3) h3{color: #fff;}
.features article:nth-child(3){background: #242424;}

.features span{
    display: inline-block;
    max-width: 70%;
}
.features{
    padding: 0px 0px 70px 0px;
}

.faq{
    background: url();
    background-repeat: no-repeat;
	background-size: cover;
    padding: 40px 0px;
}
.faq h4{
	font: 23px var(--font1);
}
.faq h3{
	font: 46px var(--font1);
}
.main-container{
	padding-top: 40px;
}
h3.title{color: var(--color1); font-family: var(--font3); font-size: 45px; padding-bottom: 30px;}
h3.title::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color2);
    margin-bottom: 8px;
    transform: translateX(-25px);
}
h3.title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color2);
    margin-bottom: 8px;
    transform: translateX(25px);
}


h4.btn-item1{
	display: block;
	padding: 18px 20px;
    box-sizing: border-box;
    background: #ebebeb;
    font-family: var(--font1);
    font-size: 16px !important;
    display: flex;
    line-height: 33px;
    border: 1px solid #d5dde7;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0px !important;
    color: #000; border-radius: 5px;
}
.btn-item1::after{
    content: '+';
    color: #fff;
    background: #011327;
    line-height: 23px;
    height: 30px;
    font-weight: 300;display: flex; align-items: center; justify-content: center;
    font-size: 24px;
    box-sizing: border-box;
    width: 30px; border-radius: 50%;
    text-align: center;
}
.btn-item1.active1::after{
    content: '-';
    color: #fff;
}
.item-content1{
	overflow: hidden;
	max-height: 0px;
	transition: all 0.3s;
}
.item-content1 p{
	font-size: 16px;
	font-weight: 400;
	color: #1A1A1A;
    padding: 14px 20px;
}
.item1{
	margin-bottom: 14px;
}
.active1 + .item-content1{
	max-height: 10em;
	transition: all 0.3s;
}
.btn-item1.active1{
	transition: all 0.3s;
	color: var(--color1);
}





.thumb-page{width: 30%; background: #011425; border-radius: 0px 20px 20px 0px;}
.txt-page{width: 100%; padding: 80px 6%; box-sizing: border-box; text-align: center;}
.wp-block-columns{padding:7px 0px;}
.txt-page p{font: 15px var(--font2); color: #333; line-height: 25px; padding-bottom: 15px;}
.txt-page li, .accordion-page li{font: 17px var(--font2); color: #333; list-style: none; display: block; line-height: 23px; padding: 5px 0px;}
/***.txt-page li::before, .accordion-page li::before{content: "\eb7c";    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;padding-right: 4px;color: var(--color1);}**/
.txt-page .grid_2{padding: 20px 0px;}

.accordion-page li{color: #fff;}
.txt-page h2{font: 600 30px var(--font1); padding-bottom: 20px;}

.accordion-page h3.title, .clientes h3.title, .staff h3.title{color: #fff; font: 600 30px var(--font2); padding-bottom: 30px; border-bottom: none;}
.accordion-page  h3.title::after, .clientes  h3.title::after, .staff h3.title::after{display: none;}
.staff h3.title{color: #333; padding-bottom: 10px;}
.staff center p{color: #023047; font-weight: 400; padding-bottom: 30px;}
.staff center p span{font-weight: 900;}

.valor{padding: 80px 0px 0px;}.valor .cont{box-shadow: 0px 0px 8px #f2f2f2; border-radius: 20px;}
.valor .cont h2{background: var(--color2); padding: 10px 15px; color: #fff; font-size: 18px; border-radius: 20px 20px 0px 0px; text-align: center;}
.txt-val{padding: 30px 10px; border-radius: 0px 0px 20px 20px;background: #fbfbfb; align-items: center;}
.txt-val p{padding-left: 10px; font-size: 15px; color: #1a1a1a; line-height: 24px;}
.txt-val img{width: 111px;}

.slider1{ height: 476px; position: relative;z-index: -1; background-position: center !important; animation: animTexto3 7s ease-in-out infinite alternate;}
.bread{position: absolute; left: 0; right: 0; margin: 0 auto; top: 70%; text-align: center; color: #fff; width: 100%;}
.bread a{color: #fff;}
.slider1 h1{position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(180deg,rgba(0, 12, 30, 0) 35%, rgba(0, 12, 30, 1) 88%); height: 289px; text-align: center;  padding-top:12%; color: #fff; box-sizing: border-box;}


.txt-content ul{list-style: none;}
.txt-content li{display: flex; align-items: center; padding: 10px 0px;}
.txt-content li p{font-size: 19px;}
.thumb-cont img{display: block;} .thumb-cont{border-radius: 15px; overflow: hidden;}

.icon-sol{background: #f2f2f2; border-radius: 50%;width: 80px; height: 80px; margin-right: 30px; display: flex; align-items: center; justify-content: center;}

.accordion-page{padding: 140px 0px; background: url(img/servicios.jpg); background-attachment: fixed; background-position: center;}
.btn-item2{padding: 20px; border: 1px solid var(--color1); border-radius: 10px; color: #FFF; margin-bottom: 20px;}
.btn-item2 i{color: #fff;}



.item-content2{
	overflow: hidden;
	max-height: 0px;
	transition: all 0.3s;
}
.item-content2 p{
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
	color: #FFF;
   
}
.item2{
	margin-bottom: 14px;
}
.active2 + .item-content2{
	max-height: 37em;
	transition: all 0.3s;
}
.btn-item2{cursor: pointer;}
.btn-item2.active2{
	transition: all 0.3s;
	color: var(--color1);
}





@media (max-width: 980px){ .wrap{ grid-template-columns: 1fr; } .panel{ order:-1; width:min(90vw, 560px) } }

.formulario{width: 996px; margin: 0 auto; max-width: 100%;}
.thumb-form{width: 318px;}
.thumb-form img{display: block; width: 100%;}
.form h3, .panel h4{font:300 14px var(--font1); color: #898989;}
.form h3::before, .panel h4::before{content: "";display: inline-block; width: 52px; height: 2px; background: #898989; margin-right: 10px; transform: translateY(-3px);}
.form h4, .panel h3{font: 700 33px var(--font1); color: #000;}
.form h4 strong, .panel h3 strong{color: var(--color3);}
.form h4, .panel h3{padding-bottom: 30px;}
.panel h4, .panel h3{color: #fff;}


.form input{background: #fdfdfd; border: 1px solid #e4e4e4; padding: 14px 26px; box-sizing: border-box; width: 100%; border-radius: 8px;}
.form input::placeholder{font: 14px var(--font1); color: #a3a3a3;}
.form{width: 63%;}
#enviar{background: var(--color3); padding: 8px 10px; width: auto; color: #fff; font: 600 17px var(--font1); border: 1px solid transparent; margin-top: 20px;}
.thumb-form{border-radius: 10px; overflow: hidden;}


.bar-footer{background: #F7F7F7; padding: 20px 0px; position: relative;}
.redesf a{background: #fff; height: 45px; width: 45px; border-radius: 50%; display: inline-block; color: var(--color1); line-height: 45px; text-align: center; font-size: 19px;}
.bar-footer::before{content: '';
    position: absolute;
    left: 0px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;}
    
.bar-footer form{display: flex; overflow: hidden;}
.bar-footer .cnt a{font-size: 25px; font-weight: 700; color: var(--color1);}
.bar-footer .cnt{border: none;}.bar-footer .cnt:hover{border: none;}
.bar-footer input{background: #fff; width: 250px; height: 50px; border: 1px solid #fff; padding: 0px 10px; box-sizing: border-box; font: 15px var(--font2);}
.bar-footer #enviar2{width: 40px; color: #fff; height: 51px;}
.bar-footer .enviar{position: relative;}.bar-footer .enviar::before{content: "\f0d9"; display: inline-block;
font-family: 'remixicon' !important;-webkit-font-smoothing: antialiased; position: absolute; left: -3px; top: 12px; color: var(--color1); font-size: 27px;}
  
.contact{padding: 72px 0px;}
.cnt i{color: var(--color3); font-size: 44px; margin-right: 10px; color: var(--color1);}
.redesf a{display: inline-block; margin: 0px 7px;}



.menu-btn{display: none;}.modal-open{overflow-x: hidden;overflow-y: auto;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 122299;display: none;overflow: hidden;-webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,.2); width: 100vw;}
.modal{ opacity: 0; transition: all 0.9s;}.modal.in{  opacity: 1;}


footer{padding: 65px 0px 0px; background: url(img/foot.jpg);}
footer p{padding: 10px 0px; font-size: 15px; color: #fff; line-height: 23px;}
footer a{ color: #fff; font-size: 15px; margin-top: 8px; display: inline-block;line-height: 23px;}
footer i{color: var(--color2);}
footer h4, footer h5{font-size: 19px; color: #fff; padding-bottom: 29px;}
footer a.logo img{height: 60px;}
footer ul li{margin-left: 24px;line-height: 28px;}footer ul li::marker{color: #fff;}
footer ul li:first-child{line-height: inherit;padding-bottom: 8px;}footer h5{font-size: 19px; margin-top: 8px; padding: 0px;}
.redes i{font-size: 30px; margin: 0 5px;}

.copy{ color: #fff; padding: 25px 0px; text-align: center; border-top: 1px solid #f2f2f2bd; margin-top: 65px; font: 500 15px var(--font1);}
.redesf a{margin-left: 7px;}

footer a i{font-size: 19px; color: #fff;}
.pago {display: flex; align-items: center; background: #fff; padding: 5px; border-radius: 20px; width: 72%;}.pago img{width:30px; padding: 0px 20px;}
.movil i{color: #fff; font-size: 40px;}
.movil{display: none;}


@media only screen and (max-width: 1200px){
   .container{width: 800px; max-width: 100%;}
   .nav-menu{position: fixed; width: 40vw; background: #fff; padding: 50px 2%; left: -100%; top: 0; height: 100vh;}
   .servicios .wrap, .content-soluciones .row-center, .nav-menu li, .testimonio .row{display: block;}
   .stage{margin: 0 auto;}
   .txt-solu, .thumb-solu, .panel, .test-txt{width: 100%;}
   .txt-solu{padding: 60px 5%;}
  .test-txt{padding: 40px 0px;}
  .form{width: 55%;}
  .movil{display: block;}
	.accordion-page .row-center{display: block;}
	.icon-sol{min-width: 80px;}.thumb-cont{margin-top: 30px;}
	.txt-page h2{font-size: 25px;}
	.accordion-page{padding: 70px 0px;}
	.identidad .container{box-sizing: border-box;}.identidad .container{width: 100%;  padding: 70px 5%;}.identidad{margin: 0px;}
	.slider1{height: 400px;}.slider1 h1{padding-top: 37%;}
  footer .row{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
  footer .row span{display: block; width: 100% !important;}
  .menu-responsive .row{padding-top: 60px;}
  .menu-responsive{padding: 50px 6%; background: rgb(1 21 42 / 94%);}
  .menu-responsive .logo{margin-bottom: 50px; display: block;}
  .menu li{display: block;}.menu li a{color: #fff; font-size: 23px; padding: 10px 0px; display: block;}

  .close{background: #fff; width: 60px; height: 60px; position: absolute; bottom: 220px; top: 130px; right: 30px; margin: 0 auto; border-radius: 50%; color: #000; border: 1px solid #fff;
  box-shadow: 0px 0px 10px #ccc; font-size: 40px;}

}
@media only screen and (max-width: 800px){
   .container{width: 500px; max-width: 94%;}
   .cabecera .btn{display: none;}
   .slider{height: 700px; background-size: 0px 100%;}
   .txt-slider{width: 100%;}
   .txt-slider h2{font-size: 33px;}
   .content-page .row-center{display: block;}
   .txt-page{width: 100%;}
   .thumb-page{width: 95%; height: 399px; border-radius: 20px;margin: 30px auto 0px;}
   .accordion-page .container{max-width: 98%;}
   @keyframes animTexto3 {
    from {
      background-size:  auto  100%;
    }
    to {
      background-size:   auto  107%;
    }
  }
  .testimonio .grid_2{ grid-template-columns: repeat(1, 3fr); width: 100%;}
  .grid_3, .grid_4{ grid-template-columns: repeat(1, 3fr); width: 100%;}
  .testimonio .grid_2 .box-test:nth-child(2n+2){transform: translateY(0px);}
  .formulario.row-center{display: block;}
  .thumb-form, .form{width: 100%; padding-top: 20px;}
  .bar-footer .row-center{  display: grid; grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap:30px;
        text-align: center;}
        .cnt, .bar-footer form{justify-content: center;}
        .bar-footer form{margin: 0 auto;}
        .container img{display: block; margin: 0 auto;}
        .bar-footer .enviar{width: 20px;}
        .bar-footer{padding-top: 30px;}
        .stage{width: 100%; transform: scale(0.8);}
}
@media only screen and (max-width: 510px){
   footer .row{grid-template-columns: repeat(1, 3fr);}
   .content-soluciones{box-sizing: border-box;}
   .stage{width: 100%; transform: scale(0.7);}
   .thumb-form{width: 90%; margin: 0 auto;}
   .container{overflow: hidden;}
	ul.sub-menu{max-height: 0px; overflow: hidden; transition: all 0.4s ease-in-out;}
	.menu li:hover ul.sub-menu{position: relative; max-height: 300px;}
   .logo img{height: 45px;}
   .txt-slider h5{font-size: 15px;}
   .txt-slider h2{font-size: 23px;}
   .txt-slider p{font-size: 14px;}
   .call a{font-size: 28px;}.call img{display: none;}.call p{font-size: 12px;}.slider{height: 597px;}
   .tabs_links{    grid-template-columns: repeat(2, 3fr);}

   .txt-solu h3{font-size: 23px;}
   .txt-solu .row{display: block;} .txt-solu a.btn{width: 100%; text-align: center; box-sizing: border-box; margin: 10px 0px;}a.btn{font-size: 15px;}
   .txt-solu .row{width: 100%;}
}