body, p {font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; font-style: normal;
}
.hero h2 {font-size: 23px;
  font-weight: normal; font-style: normal;
}
.hero h1 { font-size: 38px; }
.swiper-button-next:after, .swiper-button-prev:after {     font-size: 30px;
    padding: 0px 20px; color: #518bc2; font-weight: 900;}
.hero {
     width: 100%; 
     height: 100vh; 
    background: url(../img/bg-instit.jpg) top center no-repeat;
    background-size: cover;
}
.testimonials .swiper-pagination {
    margin-top: 0px;
    position: relative;
    opacity: 0;
}
section#testimonials {
    padding: 60px 0 20px;display:flex;
}
.headcl { padding-bottom: 5px; }
.navbar a, .navbar a:focus { padding: 10px 20px 10px 20px; }
.preload { display:flex; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #231f20; z-index: 1000; justify-content: center; align-items: center; }
.post-dat { color: rgba(1, 41, 112, 0.6); }
.divinv { width: 100%; height: 25px;  }
.headergrl { padding: 140px 0px 100px !important; }
.headergrl h1 { color: #FFFFFF; text-transform: uppercase; }
.headerclientes { background: url(../img/bg-clientes.jpg) top center no-repeat; }
.headerequipo { background: url(../img/bg-equipo.jpg) top center no-repeat; }
.headerproyectos { background: url(../img/bg-proyectos.jpg) top center no-repeat; }
.headerservicios { background: url(../img/bg-servicios.jpg) top center no-repeat; }
.instit { background: url(../img/bg-instit.jpg) top center no-repeat; background-position: 50% 0%; color: #FFFFFF !important; padding: 80px 0 100px;}
.instit img { display: block; width: 220px; margin: 0 auto; }
.instit2 { background: url(../img/bg-instit.jpg) top center no-repeat; background-position: 50% 67.7%; color: #FFFFFF !important; padding: 30px 0 60px;}
.instit2 img { display: block; width: 220px; margin: 0 auto; }
.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }
.order6 { order: 6; }
.order7 { order: 7; }
.order8 { order: 8; }
/*LOGO*/
.header .logo { background: url(../img/logo-identidad-white.svg) top center no-repeat; height: 80px; width: 230px; }
.logowhite { background: url(../img/logo-identidad.svg) top center no-repeat;height: 58px; width: 140px; }
body { font-family: "Roboto", sans-serif; font-weight: normal; font-style: normal; }
.section-header p { font-weight: bold; font-style: normal; }
section#hero { padding: 80px 0; }
section#demos { background: url(../img/bg-clientes.jpg) top center no-repeat; padding: 60px 0 60px;}
section#demos .owl-dots { margin-bottom: 30px; }
section#demos h2 { color: #FFFFFF; }
section#testim { padding: 60px 0 0px; }
.swiper-slide h3 img { max-width: 200px; }
.swiper-slide.thanks h3 img { max-width: 300px; }
.swiper-slide.thanks h3 { top: 30%; }
.thanks { background-color: #FFFFFF; }
.php-email-form.frmsct p{ color: #FFFFFF; font-size: 20px; }
/*.portfolio-details-slider.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    height: 99vh; }*/
.swiper-slide h3 { position: absolute; z-index: 100; width: 100%; text-transform: uppercase; letter-spacing: 1px; text-align: center; top: 45%; font-weight: 700; color: #FFFFFF; font-family: "Roboto", sans-serif; font-weight: bold; font-style: normal; font-size: 2.5rem; padding: 6px 160px; }
.swiper-slide p { position: absolute; width: 100%; text-align: center; top: 48%; font-weight: 400; color: #FFFFFF; font-family: "Roboto", sans-serif; font-weight: normal; font-style: normal;}
.swiper-slide h3 i { font-weight: 300;
    font-style: initial;
    text-transform: initial; font-size: 22px; }
.swiper-slide h3 span { font-weight: 300; }
.swiper-slide.ttestimonios h3 {position: absolute;
    width: 50%;
    left: 50%;
    letter-spacing: 1px;
    text-align: left;
    top: 25%;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-size: 1.25rem;
    padding: 6px 70px;
    text-transform: initial;
    line-height: 28px; }
.swiper-slide.ttestimonios h3 span { color: #666666; }
#counts {/*background: url(../img/bg-pasos.jpg); background: #FFFFFF; */ padding: 10px 0 60px; }/*top right no-repeat*/
#stickersec {background: url(../img/slide-5.jpg); }/*top right no-repeat*/
.countsint {background: url(../img/dica-franja.png) top right no-repeat;}
#counts h2 { color: #FFFFFF; }
#counts.sumate {background: url(../img/bg-sumate.jpg); background-size: cover;}/*top right no-repeat*/
#counts.nosotros {background: url(../img/slide-6.jpg); background-size: cover;}
#counts.sumate p {color: #282828; font-size: 20px; }
.blk { color: #282828; }
div.ctst { width: 100%; text-align: center; height: 20px; margin-top: -20px; margin-bottom: 30px; }
div.ctst2 { width: 100%; text-align: center; height: 20px; margin-top: -20px; margin-bottom: 30px; }
.subtitle { width: 100px; margin: 0 auto; text-align: center; }
.titlenw h2{ font-size: 36px;
    font-weight: 700;
    color: #133f62; 
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    margin-top: 0px; padding-bottom: 20px;
    text-align: center;
}
    .nondeskk { display: none; }
    .nondesk { display: none; } 
    .nonmob { display: block; }
    .header .logo img {
  width: 310px;
}
h2 span { font-weight: 400; }
.team {
    background: #fff;
    padding: 60px 0 80px;
}
.features .feture-tabs .nav-link { font-size: 14px;}
.contnovblog h2 { font-size: 32px; color: #133f62; letter-spacing: 0px; }
.section-header h2 {
    text-transform: inherit; text-align: left;
    font-family: "Roboto", sans-serif; font-weight: 700;
    text-transform: uppercase;
}
.team .member .member-info {
    padding: 25px 15px 10px !important;
}
/* PAGINATION */
.pagination {
  display: inline-block;
  margin-top: 50px;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #e1e1e1; margin: 0px 2px;
}
.pagination a.active {
  background-color: #4CAF50;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination a {
  border-radius: 5px;
}

.pagination a.active {
  border-radius: 5px;
}
.pagination a {
  transition: background-color .3s;
}
/**/
.breadcrumbs {
    padding: 125px 0 15px;
    background: url(../img/proyectos-bg.jpg) top right no-repeat;
    /*background: #012970;*/
    min-height: 240px;
     margin-top: 0px; 
    color: #fff;
}
.nonwrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
}
input[type="file"] {
    border: 0px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border-radius: 0.25rem;
    background-clip: padding-box;
    padding: 4px 10px;
    color: rgb(118, 118, 118);
    width: 100%;
    font-family: inherit;
}
.nonwrap:hover { background: rgba(255, 255, 255, 0) !important; }
.fll { float: left; }
.padpr { padding: 30px; }
.testimonials .swiper-slide { opacity: 1; }
.testimonials .testimonial-item { box-shadow: 0px 0 20px rgb(1 41 112 / 0%); }
.mobile-nav-toggle { color: #707070; }
.member-info p { margin-bottom: .5rem !important; font-size: 16px !important;}
.readmore2 {
    display: flex;
    justify-content: center;
    align-items: center !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    transition: 0.3s !important;
    color: #ea523a !important;
}
.Grztext { font-size: 20px; text-transform: initial; }
.features .feture-tabs .nav-link.active {
    color: #008bf6;
    border-bottom: 3px solid #008bf6;
}
.nav-pills li { width: 20%; text-align: center; }
.features .feture-tabs .nav-link.active > .iconosserv { background: #edf7ff; }
.features .feture-tabs .nav-link.active > .iconosserv img { filter: saturate(var(--value, 4));}
section#portfolio{ padding-top: 100px; }
.centertx { width: 100%; text-align: center; padding-bottom: 20px; }
.btservicios { border: 1px solid #ea523a; width: 160px; padding: 15px 20px; background: #FFF; text-align:center; color: #ea523a !important; border-radius: 25px; }
a.readmore2.pry{
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
}
.centercont { width: 100%; text-align: center; }
.iconosserv { width: 130px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%;
    height: 130px;
    justify-content: center;
    align-items: center;
    padding: 15px 15px; margin: 0 auto;
}
.trebol { position: relative; }
.trebol img { display: block; overflow: hidden; width: 80%;}
.testimonials .testimonial-item .testimonial-img { width: 150px; }
.testimonials .testimonial-item { min-height: 120px; }
h3.post-title:hover { color: #111b3e !important; }
.bothc { width: 100%; height: 10px; }
.btcomprar { margin-top: 16px; font-family: "Roboto", sans-serif; color: #231f20; background-color: #ffcc00; text-transform: uppercase; font-weight: 600; padding: 10px 20px; border-radius: 25px; }
.btcomprar:hover { color: #231f20; }
.btcomprarblue { margin-top: 16px; font-family: "Roboto", sans-serif; color: #231f20; background-color: #0098ed; text-transform: uppercase; font-weight: 400; padding: 10px 20px; border-radius: 25px; }
.btcomprarblue:hover { color: #231f20; }
.form-control.buttonsend.btcomprarblue.btcomprary { margin-top: 16px; font-family: "Roboto", sans-serif; color: #FFFFFF; background-color: #ff9900 !important; text-transform: uppercase; font-weight: 400; padding: 10px 20px; border-radius: 25px; }
.form-control.buttonsend.btcomprarblue.btcomprary:hover { color: #231f20; }
.isoback { position: absolute;  z-index: 1;margin-top: -90px; }
img.isocif1 { /*margin-top: -40px;*/ width: 200px; margin-top: -70px; }
img.isocif2 { /*margin-top: -40px;*/ width: 200px; margin-top: -30px; }
img.isocif3 { /*margin-top: -40px;*/ width: 200px; margin-top: -50px; }

img.isocif1.sumate { /*margin-top: -40px;*/ width: 200px; margin-top: 30px; }
img.isocif2.sumate { /*margin-top: -40px;*/ width: 200px; margin-top: 30px; }
img.isocif3.sumate { /*margin-top: -40px;*/ width: 200px; margin-top: 30px; }
img.isocif3.inst{ /*margin-top: -40px;*/ width: 280px; margin-top: 130px; }

.counts .countersuamte .count-box span {
   
    color: #282828 !important;
   
}
select { background-color: transparent !important; }
input.form-control.buttonsend.btcomprarblue.buttonsend { width: 230px;background: linear-gradient(90deg, rgba(1, 125, 227, 1) 0%, rgba(0, 182, 248, 1) 60%, rgba(0, 192, 252, 1) 84%, rgba(1, 125, 227, 1) 100%);
    border-radius: 25px !important;
    color: #111111;
    font-size: 18px;
    letter-spacing: 1px;
    /*background-color: #0098ed !important;*/ }
select { border: 0px solid #ced4da;
    border-bottom: 0px solid #ced4da;font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
        border-radius: 0.25rem;
    background-clip: padding-box;
    padding: 10px 10px; color: rgb(118, 118, 118);
    width: 100%;font-family: inherit; }
.sumate h3 { color: #FFFFFF; }
.count-box span { z-index: 100; position: relative; color: #FFF !important; }
h3 .post-title:hover { color: #111b3e !important; }
#team header p { color: #FFFFFF; }
.bxbg { background-color: #FFFFFF; }
.navbar a { font-size: 15px; font-weight: 400; letter-spacing: 1px; /*text-transform: uppercase;*/ font-family: "Roboto", sans-serif;/*font-family: 'Barlow', sans-serif; font-weight: bold; font-style: normal;*/}
.navbar a{ color: #FFFFFF; font-size: 16px; font-family: "Roboto", sans-serif;/*font-family: 'Barlow', sans-serif; font-weight: bold; font-style: normal;*/}
.navbar a:focus { font-size: 16px; font-family: "Roboto", sans-serif;/*font-family: 'Barlow', sans-serif; font-weight: bold; font-style: normal;*/}
.navbar a:selected { font-size: 15px; font-family: "Roboto", sans-serif;/*font-family: 'Barlow', sans-serif; font-weight: bold; font-style: normal;*/ }
/*.header { background-color: #FFFFFF; }*/
.manifiesto p { font-size: 18px; }
.features .feture-tabs h3 { text-transform: uppercase; }
.section-header p { font-size: 32px; text-transform: uppercase; }
.boton { margin-top: 20px; padding: 15px 40px; border-radius: 4px; color: #FFF; transition: 0.5s; color: #fff; background: #ea523a; font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;}
    a { color: #ffffff; }
    a:hover { color: #ea523a; }
    .boton:hover { color: #FFFFFF; background-color: #002f87 !important; }
    .about .btn-read-more:hover  { background-color: #e80d39 !important; }
    .back-to-top:hover { background-color:#0068ed; }
    .navbar .getstarted, .navbar .getstarted:focus, .navbar .getstarted:hover, .navbar .getstarted:selected {background: #002f87 !important;}
    .navbar .getstarted:hover {background: #002f87 !important;}
.contact .php-email-form { background-color: rgba(255, 255, 255,0);max-width: 800px; margin: 0 auto; }
.swiper-button-next, .swiper-button-prev { color: #FFF; }
.features .feture-tabs { margin-top: 20px;}
.contact .php-email-form button[type=submit] { background-color: #ea523a; }
.contact .php-email-form button[type=submit]:hover { background-color: #e80d39; }
form.php-email-form.frmsct{ background-color: rgba(255, 255, 255,0) !important; box-shadow: 0px 0px 0px #CCCCCC;}
.back-to-top { background-color: #0098ed; }
#testimonials { background-color: #FFFFFF; }
section#hero { padding: 0px 0 0px;} /*80px 0 0px*/
.footer { background: #FFFFFF; background: url(../img/slide-1.jpg) top center no-repeat; text-transform: uppercase;}
.footer .copyright { color: #111b3e; font-family: "Roboto", sans-serif; font-style: italic;}
#contactanos {  background: url(../img/bg-form.jpg) top center no-repeat; background-size: 100%; background-position: 50% 80%;}
#contactanos2 {  background: url(../img/bg-contacto.jpg) top center no-repeat; background-size: 100%; }
.footer a { color: #FFFFFF;  }
.copyright { color: #FFFFFF !important;  }
.about .content { background-color: #002f87; padding: 40px;}
.about h2, .about p { color: #FFFFFF; }
.tfleft { text-align: left; }
.tfright { text-align: right; }
.tfrightmb { text-align: right; padding-top:30px; }
.entry-content ol, .entry-content ul {   padding-left: 1rem;
}
.entry-content li {
    list-style: auto; padding-bottom: 10px; font-size: 18px;
}
.container-full { width: 100%; }
.red { padding-top: 16px; color: #ea523a;font-size: 30px;}
.about h3 {
    color: #7a86e5;
    font-size: 28px;}
    .padbt { padding-bottom: 10px; }
.entry-content li::marker { color: #002f87; font-weight: 600; }
footer img { width: 80px; }
.imgc { width: 100%; text-align: center; padding-top: 20px;  }
input.buttonsend { background-color: #ea523a !important; color: #FFFFFF !important; text-align:center; margin: 0 auto; width: 100px; border-radius: 4px !important; cursor:pointer; border: 0; padding: 10px 30px; color: #fff; transition: 0.4s; border-radius: 4px;}
input.buttonsend::placeholder {color: #FFFFFF !important; font-size: 16px;}
.socialicons { width: 100%; text-align: center; padding-top: 0px; padding-bottom: 6px; }
.socialicons img{ max-width: 36px !important; margin: 0 8px; }
.contfrm { padding: 50px 50px; border-radius: 25px;  }
.contfrm  h2, .contfrm  h1 { color: #FFFFFF; text-transform: uppercase;}
.contfrm  h2 { margin-top: 10px; padding-top: 10px !important;     /*font-size: 1.6rem;*/}
.contfrm p { color: #FFFFFF; }
.contfrm h4 { color: #006bd9; }
.contact .php-email-form { height: auto;}
.form-control { border: 0px solid #ced4da; border-bottom: 1px solid #585959 !important; }
textarea { border-bottom: 1px solid #585959 !important; padding-left: 12px !important; }
textarea::placeholder { /*padding-left: 12px;*/ }
#contact p { color: #FFFFFF; }
.contact .php-email-form input, .contact .php-email-form textarea { color: #cecece; font-size: 18px; letter-spacing: 1px; background-color: transparent; border: 0px solid #000; padding-left: 13px;
    width: 100%;}
.contact .php-email-form input.btcomprarblue { width: 200px; border-radius: 25px !important; color: #cecece; font-size: 18px; letter-spacing: 1px; background-color: #0098ed !important;}
.breadcrumbs h2 { padding-top: 10px;}
.counts .count-box span { display: block; font-weight: 600; color: #214059; font-size: 62px;}
.portfolio-details .portfolio-info h3 {
   
    border-bottom: 1px solid #0f92f7;
}
.team .member .member-img:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url("") no-repeat center bottom;
    background-size: contain;
    z-index: 1;
}
.footer .socialicons { text-align: inherit; }
.recent-blog-posts .post-box {
    box-shadow: 0px 0 30px rgb(1 41 112 / 0%);
    border-radius: 0px;
}
.contpry { background: url(../img/proyectos/PlandeAguas–Rivera2020.jpg) top center no-repeat; height: 300px; background-position: center;  }
.contpry2 { background: url(../img/proyectos/PlandeAguas–Rivera2020.jpg) top center no-repeat; height: 300px; background-position: center;  }
.counts .count-box { position: relative; }
.counts .count-box p { font-family: "Roboto", sans-serif; padding: 0; margin: 0; /*font-family: 'Barlow', sans-serif; font-weight: 600;*/ line-height: 20px; font-size: 16px; text-align: center; color: #000000; text-transform: uppercase; font-weight: 400;}
.counts .count-box { background: transparent; min-height: 156px; box-shadow: 0px 0 30px rgb(1 41 112 / 0%); text-align: center; flex-direction: column; }
.count-box { justify-content: center; }
#team { /*background-color: #111b3e;*/background: url(../img/proyectos-bg.jpg) top center no-repeat; }
.team .member { border-radius: 0px; }
.team .member .member-info {
    padding: 25px 15px 20px 15px;
}
.member { width: 100%; }
    .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
    color: #006bd9;
    border-color: #00407c;
}
.counts .count-box { font-weight: 600; letter-spacing: 1px; }
.counts .count-box i {
    font-weight: 400;
    line-height: 0;
    margin-right: 20px;
    color: #000000;
    font-size: 18px;
}
/* COUNTER SCROLL*/
.slidecontainer {
  width: 100%;border-radius: 25px;
}
.slidecontainer p { color: #333333; }
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #F5F5F5;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 25px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 5px solid #0098ed;
  cursor: pointer;
  border-radius: 25px;
}

.slider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 5px solid #0098ed;
  cursor: pointer;
  border-radius: 25px;
}
/**/
.logf { width: 210px;
    padding-top: 30px; }
.socialicons img { padding-top: 15px; }
.contfrm .orgs { width: 140px; }
.dtds { display: flex; justify-content: space-around; padding: 0px 60px; margin-bottom: 20px; }
.spscont img { max-width: 260px;  }
.scrollbt { position: absolute;
    width: 50px;
    left: 50%;
    z-index: 900;
    bottom: 3%; margin-left: -25px;}
    .suamte p { font-size: 20px; color: #333333; }
   section#counts.counts.sumate{ padding-top: 150px; }
   section#counts.counts.nosotros{ padding-top: 150px; }
.imgtrebol {     box-shadow: 6px 11px 20px #CCCCCC; margin-top:68px; }
   .trebolazul { width: 40%; height: 160px; position: absolute; top: 0%; left: 20%; background-color: rgba(200,200,200,.4); cursor: pointer; }
   .trebolamarillo { width: 160px;
    height: 200px;
    position: absolute;
    top: 15%;
    right: 22%;
    background-color: rgba(255,192,0,.4);
    cursor: pointer; }
    .rotated-amarillo { transition: 1s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
   .trebolverde{ width: 160px;
    height: 200px;
    position: absolute;
    top: 15%;
    left: 4%;
    background-color: rgba(51,153,51,.4);
    cursor: pointer; }
    .rotated-amarillo { transition: 1s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
    .rotated-verde { transition: 1s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
/**/
.textprs {
    width: 80%;
    height: 70px;
    position: relative;
    top: -3%;
    left: 0%;
    background-color: rgba(200,200,200,.2);
   
}
.textprs input { color: #222222 !important; text-transform: uppercase; font-size: 24px; text-align: center; font-weight: 600; background-color: transparent; margin-top: 50px;}
.textprs input::placeholder {color: #222222 !important; background-color: transparent !important;}
.textprsstickersec {
    width: 100%;
    height: 70px;
    position: relative;
    top: -3%;
    left: 0%;
    background-color: rgba(200,200,200,0);
   
}
.textprsstickersec input { color: #222222 !important; text-transform: uppercase; font-size: 32px; text-align: center; font-weight: 600; background-color: transparent; margin-top: 50px;}
.textprsstickersec input::placeholder {color: #222222 !important; background-color: transparent !important;}
a.texthdclr { color: #222222 !important; }
.ctorgs p { color: #282828; font-size: 18px; }
.ctorgs h5 { color: #FFFFFF; }
.ctorgs img { max-width: 200px; }
.ctimgslect { width: 100%; margin: 0 auto; }
.imgselected { max-width: 300px; margin: 0 auto; }
/* sub de trebol */
div.ctst3 {
       width: 80%;
    text-align: center;
    height: 20px;
   margin-top: 10px;
    margin-bottom: 20px;
}
div.ctst3-b {
    width: 100%;
    text-align: center;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.ctst3 img {
    width: 180px;
}
.swiper-slide img.ctst4  {
    max-width: 360px !important; margin-bottom: 20px;
}
img.stickersec { max-width: 290px; }
.textprs.intstick input { margin-top: 0px; }
.textprsstickersec.intstick input { margin-top: 0px; }
.swiper-slide.stickerint h3 {
    top: 25%;
}
.textprsstickersec input { border-bottom: 0px solid #ced4da; }
img.subtitle.secstk{ width: 200px; }
.stickerint h3 { color: #222222; }
.hh { padding: 0px 20px;
    margin-bottom: 20px; }
    .hh img {  width:160px; padding: 10px 20px; }
.hh p { display: inline-block; color: #CCCCCC;}
.logfnosotros { width: 250px !important; padding-top: 30px; }
.acalar { color: #222222 !important;
    display: inline-block;
    text-align: left;
    float: left; }
    .spv { width: 100%; height: 50px;  }
    .grxsm { color: #00b050; font-size: 18px; float: right; padding-top: 5px; }
    p.acalar { color: #ff0000 !important; }
    p.acalar span { color: #0070c0; }
    h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; letter-spacing: 1px; }
    .basesyc { text-align: center; padding-top: 14px; }

    .bt1 { margin-top: 26px !important; font-family: "Roboto", sans-serif; color: #FFFFFF;
    background: linear-gradient(90deg,rgba(1, 125, 227, 1) 0%, rgba(0, 182, 248, 1) 60%, rgba(0, 192, 252, 1) 84%, rgba(1, 125, 227, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 25px;
    max-width: 360px !important; width: 360px !important; font-size: 16px; margin: 0 auto; padding: 16px 16px; letter-spacing: 2px; font-weight: 500;
    text-align: center;}

    .bt1:hover { margin-top: 26px !important; font-family: "Roboto", sans-serif; color: #FFFFFF;
    background: linear-gradient(90deg,rgba(1, 125, 227, 1) 0%, rgba(0, 182, 248, 1) 60%, rgba(0, 192, 252, 1) 84%, rgba(1, 125, 227, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 25px;
    max-width: 360px !important; width: 360px !important; font-size: 16px; margin: 0 auto; padding: 16px 16px; letter-spacing: 2px; font-weight: 500;
    text-align: center;}

    .cloudst { position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 100%; }
    .cloudst2 { position: absolute !important; bottom: 0px !important; left: 0px !important; z-index: 1; width: 100% !important; }
    .vidinst, .vidinst video { border-radius: 25px; }
    .vidinst { margin-bottom: 20px; }
    .sep { margin-top: 20px; }
    .txtinst { background-color: transparent; border: 2px solid #FFFFFF; border-radius: 16px; }
    .txtinst h3 { text-transform: initial !important; }
    .recent-blog-posts .post-box .post-title {
    font-size: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 18px;
    position: relative;
    transition: 0.3s;
}
.recent-blog-posts .post-box .post-title:hover { color: #FFFFFF !important; }
.post-box:hover, .recent-blog-posts .post-box:hover { color: #FFFFFF !important; }
.post-box h3 { font-size: 1.25rem; }
    .count-box.cb1 div span { color: #761879 !important; display: flex;}
    .count-box.cb2 div span { color: #b71e70 !important; display: flex;}
    .count-box.cb3 div span { color: #d92700 !important; display: flex;}
    .count-box.cb4 div span { color: #f86600 !important; display: flex;}
    .count-box.cb5 div span { color: #fabb00 !important; display: flex;}
    .count-box.cb6 div span { color: #dd453c !important; display: flex;}
    .counts .count-box span.txtct{ display: block; float: left; margin: 0; padding: 0; }
    .counts .count-box span.txtct2{ display: block; float: left; margin: 0; padding: 0; }
    .counts .count-box { padding: 16px; }
    div.ctnumb { display: flex; }
    .btcto { background: linear-gradient(90deg,rgba(1, 125, 227, 1) 0%, rgba(0, 182, 248, 1) 60%, rgba(0, 192, 252, 1) 84%, rgba(1, 125, 227, 1) 100%); border-radius: 25px; }
    .btcto a { color: #FFFFFF !important;  }
    .post-box h3 { font-weight: 400; text-transform: uppercase; }
    .post-box h3 span { font-size: 26px; font-weight: 600; }
    .post-box.srv{ text-align: center;}
    .post-box p { font-size: 1.4rem; font-weight: 400; }
    .section-header { width: 100%; text-align: center !important; padding-bottom: 10px;}
    .section-header h2 { color: #0075de; font-size: 30px; text-align: center; padding: 10px; }
    .section-header h5 { padding: 1rem 14rem; line-height: 28px; }
    .section-header h5 span { font-weight: 400; }
    .trebol h2 { text-transform: inherit; font-size: 3.3rem; }
    .trebol h3 { color: #FFFFFF; font-weight: 400; }
    footer p { color: #FFFFFF !important; font-weight: 400; text-transform: initial !important; text-align: center !important; font-size: 15px; padding: 3.5rem 1rem .8rem; letter-spacing: 1px;}
    .ttestimonios img { padding-left: 5rem; cursor: pointer; }
    .swiper-slide video { height: 115%;
    margin-top: -5rem;
    width: 115%;
    margin-left: -6rem;}
    .vidinst video {
/*       margin-top: -3rem;
    width: 103%;
    height: 109%;
    margin-left: -2%;*/
    margin-top: -4rem;
    width: 107%;
    height: 120%;
    margin-left: -2%;
}
.vidinst { padding-right: 35px;
    margin-bottom: 0px;
    overflow: hidden;
}
.nmbrscnt { border-right: 1px solid #cdcdcd;}
.nmbrscnt:last-child { border-right: 0px solid #999999;}
.contvidtest { display: none; }
.contvidtest.view { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; background-color: rgba(0, 0, 0, .8);
    padding: 7rem 18rem;}
    .cerrarct { position: absolute; left: 90%; top: 12%; cursor: pointer; width: 50px; height: 50px; z-index: 500; }
    .flexi { display: flex; justify-content: space-around; }
    .vineta {
    width: 12px !important;
    height: 12px !important;
    display: block;
    position: relative;
    display: inline-block !important;
}
.navbar .active { color: #FFFFFF; border-bottom: 2px solid #008bf6; }
.navbar li:hover > a { color: #008bf6; }
.navbar .active:focus { color: #FFFFFF; }
.active:focus{ color: #099cef; }
a.nav-link.scrollto.texthdclr.active { color: #FFFFFF; }
.navbar .active.coloractive { color: #222222 !important; }
li.btcto.texthdclr { border-bottom: 0px solid #000; }
.container-full.headerfullvideo {width: 100%;
    position: relative;
    top: -11px;
    left: 0px;}
    .col-lg-8.vidinst { width: 64.66666667%;
        margin-right: 2%; }
span.wpin { position: fixed;bottom: 85px; right: 15px; z-index: 9999999999; }
span.wpin img { width: 42px; }
@media only screen and (max-width: 48em) {
    span.wpin { position: fixed;
    top: 19px;
    right: 66px; height: 30px;
    z-index: 9999999999; opacity: 1;}
     span.wpin img { width: 30px; }
.header .logo {
    height: 70px;
    width: 210px;
}
    .col-lg-8.vidinst {
    width: 100%;
    margin-right: 0%;
}
    .cloudst, .cloudst2  { display: none !important; }
    section#hero { overflow: hidden; }
    .recent-blog-posts .post-box .post-title { margin-bottom: 6px; }
    #counts { padding: 10px 0 10px; z-index: 100;}
    .cerrarct { left: 85%; }
    .contvidtest.view { padding: 10rem 0rem; }
    .recent-blog-posts .post-box { padding: 8px 30px; }
     footer p { color: #FFFFFF !important;
    text-transform: initial !important;
    text-align: center !important;
    font-size: 15px;
    padding: 1.5rem 1rem .8rem;
    letter-spacing: 1px;
    font-weight: 400;}
    .scrollbt { bottom: 6%; }
    .swiper-slide video {
    margin-top: 5rem;
    width: 415%;
    margin-left: -35rem;}
.vidinst video {
    margin-top: 0rem;
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-bottom: 0rem; width: 107%;}
.txtinst { margin-top: 30px;
        margin-left: 4%;
        width: 92%;}
    .trebol h2 { font-size: 2rem; }
    #contactanos { background-size: cover; }
    .swiper-slide.ttestimonios h3 { top: 90%; }
    .ttestimonios img { padding-left: 0rem; width: 100%;
    position: relative; }
    .instit { padding: 30px 0 50px; background-size: cover; }
    .instit2 { padding: 30px 0 50px; background-size: cover; }
    .counts .count-box span { font-size: 48px; }
    .nmbrscnt { width: 50%; }
    .section-header h5 { padding: 1rem 2rem; }
    .mobile-nav-toggle { font-size: 42px; color: #00b3f7;}
    .swiper-slide.ttestimonios h3 {display: none;
    position: absolute;
    width: 100%;
    left: 0%; }
    .navbar a { font-weight: 500; }
    .bt1 { width: 100% !important; font-size: 16px; margin: 0 auto; padding: 10px 16px; letter-spacing: 2px; }
    .bt1:hover {width: 100%; font-size: 16px; margin: 0 auto; padding: 10px 16px; letter-spacing: 2px; }
    .swiper-slide.stickerint h3 {
    top: 30%;
}
    .imgtrebol {   margin-top:10px; }
    .hh img {
    width: 180px; }
    .tfrightmb { text-align: center; }
    img.subtitle {
    margin-top: -20px !important;
    width: 160px !important;
}
    div.ctst3 {
    width: 100%; }
    .textprs {
    width: 100%; }
      .textprsstickersec {
    width: 100%; }
  .scrollbt { margin-left: -25px; }
  .dtds { display:flex; flex-direction: column; }
  #contactanos2 { background-size: cover;padding: 100px 0 30px; }
    .contfrm .orgs {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
    margin-left: 10%
}
.contfrm {
    padding: 0px 10px 10px;
    border-radius: 25px;
}
    .trebol img {
    width: 100%;
    margin-bottom: 20px;
    margin-top: -50px;
}
    .order1 { order: 3; }

.order2 { order: 2; }
.order3 { order: 1; }
.order4 { order: 4; }
.order5 { order: 5; }
.order6 { order: 6; }
.order7 { order: 7; }
.order8 { order: 8; }
    .nav-pills li {
    width: 100%; }
    .portfolio #portfolio-flters li { width: 80%; border: 1px solid #d9d9d9; }
    .col-lg-2.col-md-6.portfolio-item { text-align: center; }
    .padpr {   padding: 30px 0px;}
.fll { float: none; }
.portfolio .portfolio-wrap .portfolio-links a { background-color: #008bf6 !important; }
.portfolio .portfolio-wrap .portfolio-links a:hover { background-color: #008bf6 !important; }
    .titlenw h2 { font-size:30px; }
    .hidmb { opacity: 0 !important; }
    .headergrl { padding: 130px 0px 50px !important; }
.nondesk { display: block; } 
.nonmob { display: none; }
.header .logo img {  width: 120px;}
.swiper-slide h3 { font-size: 1.45rem; padding: 10px 47px; }
.navbar-mobile ul { background-color: transparent;  }
.navbar-mobile a, .navbar-mobile a:focus { color: #FFF; }
.navbar .getstarted, .navbar .getstarted:focus { background: #ea523a; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #FFFFFF;}
.breadcrumbs h2 { padding-top: 16px;}
.swiper-slide h3 { top: 36%; }
.imgspc { padding-top: 30px; }
section { padding: 30px 0; }
.contact .php-email-form { margin-top: -20px;}
.navbar-mobile a, .navbar-mobile { color: #FFFFFF; font-size: 19px; padding: 8px 20px; border-bottom: 1px solid #474747;}
.navbar-mobile {  background: url(../img/slide-1.jpg) top center no-repeat; }
.bi-x::before { color: #FFFFFF; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: rgb(89 175 255);}
.centrmb { text-align: center; }
.nondeskk { display: block; }
.hh p {
    display: inline-block;
    color: #CCCCCC;
    font-size: 18px;
}
.socialttk { padding-top: 0px; }
.navbar-mobile li:last-child {border-bottom: 0px solid #474747;}
}