/*
 * Particle Theme Accent/Brand Colors
 */
.pa-color-primary { color: #167abd; }
.pa-color-primary-rgba { color: rgba(22, 121, 188,1); }
.pa-color-primary-b { color: #1d8ad4; }
.pa-color-primary-c { color: #1991e2; }
.pa-color-primary-d { color: #083859; }
.pa-color-primary-d-rgba { color: rgba(8, 56, 88,1); }
.pa-color-secondary { color: #00f2ff; }
.pa-color-secondary-rgba { color: rgba(0,242,255,1); }
.pa-color-secondary-b { color: #00bbff; }
.pa-color-secondary-b-rgba { color: rgba(0,187,255,1); }
nav a em {
    color: #1991e2;
}
.pa-p-v2.pa-bright a {
    color: #00f2ff;
}
.pa-p-v2.pa-dark a, 
.pa-h2-v2-hero-subhead strong {
    color: #ffffff;
}
.pa-p-v2.pa-dark a:hover {
    color: #1991e2;
}
.pa-h2-quote strong {
    color: #1d8ad4;
}
a, 
a:hover, 
a:hover .pa-h3-v1.pa-bright {
    color: #1d8ad4;
}
button[type="submit"]:hover, 
input[type="submit"]:hover {
    background-color: #1d8ad4;
    border-color: #1d8ad4;
}
.pa-form-on-white button[type="submit"] {
    border: 2px solid #167abd;
    background-color: #167abd;
}
a.pa-button-primary {
    background-color: #167abd;
}
a.pa-button-secondary {
    background: rgb(0,242,255);
    background: -moz-linear-gradient(90deg, rgba(0, 40, 255, 0.53) 0%, rgba(22, 121, 188,0.8) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 40, 255, 0.53) 0%, rgba(22, 121, 188,0.8) 100%);
    background: linear-gradient(90deg, rgba(0, 40, 255, 0.53) 0%, rgba(22, 121, 188,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#00bbff",GradientType=1);
    border: 1px solid #29579d;
}
.pa-gradient-back-v1 {
    background: rgb(0,242,255);
    background: -moz-linear-gradient(90deg, rgba(0,242,255,0.8) 0%, rgba(22, 121, 188,0.8) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,242,255,0.8) 0%, rgba(22, 121, 188,0.8) 100%);
    background: linear-gradient(90deg, rgba(0, 40, 255, 0.53) 0%, rgba(22, 121, 188,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#167abd",GradientType=1);
}
.pa-gradient-back-v2 {
    background: rgb(0,187,255);
    background: -moz-linear-gradient(left,  rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,242,255,1) 0%,rgba(0,187,255,1) 100%);
    background: linear-gradient(to right,  rgba(0,242,255,1) 0%,rgba(0,187,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f2ff", endColorstr="#00bbff",GradientType=1 );
}
.pa-portfolio-thumb-deco-1, 
.pa-portfolio-thumb-deco-2 {
    background: rgb(22, 121, 188);
    background: -moz-linear-gradient(90deg, rgba(22, 121, 188,0.8) 0%, rgba(0,242,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(22, 121, 188,0.8) 0%, rgba(0,242,255,1) 100%);
    background: linear-gradient(90deg, rgba(22, 121, 188,0.8) 0%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#167abd",endColorstr="#00f2ff",GradientType=1);
}
.pa-portfolio-thumb-heading:hover {
    color: #00f2ff;
}
.pa-portfolio-thumb-hover-icon {
    color: #1991e2;
}
.pa-icon-list-icon i {
    color: #1d8ad4;
}
.pa-what-we-do .pa-h1-v2.pa-bright strong {
    color: #1d8ad4;
}
.pa-serv-list-icon i {
    color: #1d8ad4;
}
.pa-skill-bar {
    background: rgb(0,187,255);
    background: -moz-linear-gradient(90deg, rgba(0,187,255,1) 0%, rgba(8, 56, 88,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,187,255,1) 0%, rgba(8, 56, 88,1) 100%);
    background: linear-gradient(90deg, rgba(0,187,255,1) 0%, rgba(8, 56, 88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bbff",endColorstr="#083859",GradientType=1);
}
.pa-contact-info p span i {
    color: #1d8ad4;
}
.pa-social-icons i {
    background-color: #167abd;
}
.pa-social-icons i:hover {
    background-color: #1d8ad4;
}
footer a:hover {
    color: #1991e2;
}
.pa-project-icons i {
    color: #1d8ad4;
}
.pa-project-icons i:hover {
    background-color: #1d8ad4;
}
a.post-comments-badge-link:hover {
    color: #1d8ad4;
}
.pa-blog-feed-top-metas p a:hover {
    color: #1d8ad4;
}
.pa-blog-tags,
 .pa-blog-cats {
    border-left: 4px solid #1d8ad4;
}
.pa-blog-tags p a:hover, 
.pa-blog-cats p a:hover, 
.pa-dark-mode .pa-blog-tags p a:hover, 
.pa-dark-mode .pa-blog-cats p a:hover, 
.cat-item a:hover, 
.tag-cloud-link:hover, 
.pa-dark-mode .cat-item a:hover, 
.pa-dark-mode .tag-cloud-link:hover, 
.pa-post-bottom-metas div a:hover, 
.pa-related-info-wrapper a:hover, 
.pa-rel-meta-right a:hover, 
table a:hover, 
.pa-dark-mode table a:hover, 
.pa-dark-mode .pa-featured-headliner .post-image-inner header p a:hover, 
.pa-dark-mode :not(.pa-featured-headliner) .pa-h3-blog-feed-title-font a:hover  {
    color: #1d8ad4;
}
.pa-h3-blog-feed-title-font a:hover {
    color: #1d8ad4;
}
a.moretag {
    background-color: #167abd;
}
.widget_title {
    border-left: 4px solid #1d8ad4;
}
.pa-custom-recent-thumb-hook:hover, 
.pa-dark-mode .pa-custom-recent-thumb-hook:hover {
    color: #1d8ad4;
}
button.pa-search-button:focus {
    color: #1d8ad4;
}
input.search-field {
    border-left: 4px solid #1d8ad4;
}
@media all and (min-width: 992px) and (max-width: 1499px) {
    .pa-featured-headliner header h3 a {
        color: #1d8ad4;
    }
}
@media all and (max-width: 575px) {
    .pa-featured-headliner header h3 a {
        color: #1d8ad4;
    }
}
#loader  {
    border-top-color: #1d8ad4;
}
#loader:before  {
    border-top-color: #1991e2;
}
#loader:after  {
    border-top-color: #083859;
}






/* Selector de lenguaje */
.switch {
  display: flex;
  justify-content: center;
}
.switch__wrapper {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 26px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 28px;
  margin: 0px 1em 0px 0px;
}
.switch__wrapper input {
  display: none;
}
.switch__wrapper input:checked + .switch__slider:before {
  transform: translateX(40px);
}
.switch__wrapper input:checked ~ div:after {
  color: #ffffff;
  transition: color 0.3s ease 0s;
}
.switch__wrapper input:checked ~ div:before {
  color: #919191;
  transition: color 0.3s ease 0s;
}
.switch div::before {
  content: "ESP";
  position: relative;
  z-index: 5;
  font-weight: 300;
  font-size: 15px;
  color: #ffffff;
  bottom: 0px;
  left: 12px;
  cursor: pointer;
  transition: color 0.3s ease 0s;
}
.switch div::after {
  content: "ENG";
  position: relative;
  z-index: 5;
  font-weight:300;
  font-size: 15px;
  color: #919191;
  bottom: 0px;
  left: 27px;
  cursor: pointer;
  transition: color 0.3s ease 0s;
}
.switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  border-radius: 34px;
}
.switch__slider::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 26px;
  left: -1px;
  bottom: -1px;
  background-color: #1d8ad4;
  transition: all 0.4s ease 0s;
  border-radius: 28px;
}

/* Selector de lenguaje 2*/
.switch2 {
  display: flex;
  justify-content: center;
}
.switch__wrapper2 {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 26px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 28px;
  margin: 0px 1em 0px 0px;
}
.switch__wrapper2 input {
  display: none;
}
.switch__wrapper2 input:checked + .switch__slider:before {
  transform: translateX(40px);
}
.switch__wrapper2 input:checked ~ div:after {
  color: #ffffff;
  transition: color 0.3s ease 0s;
}
.switch__wrapper2 input:checked ~ div:before {
  color: #919191;
  transition: color 0.3s ease 0s;
}
.switch2 div::before {
  content: "ESP";
  position: relative;
  z-index: 5;
  font-weight: 300;
  font-size: 15px;
  color: #919191;
  bottom: 0px;
  left: 12px;
  cursor: pointer;
  transition: color 0.3s ease 0s;
}
.switch2 div::after {
  content: "ENG";
  position: relative;
  z-index: 5;
  font-weight:300;
  font-size: 15px;
  color: #ffffff;
  bottom: 0px;
  left: 27px;
  cursor: pointer;
  transition: color 0.3s ease 0s;
}
.switch__slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  border-radius: 34px;
}
.switch__slider2::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 26px;
  left: -1px;
  bottom: -1px;
  background-color: #1d8ad4;
  transition: all 0.4s ease 0s;
  border-radius: 28px;
  transform: translateX(40px);
}

/* Estilo del wasap flotante */
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:94px;
    right:35px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}

/* iconos del footer */
    .circle {
        display: flex;
        /* CIRCLE SIZE */
        background: #167abd;
        /*BACKGROUND COLOR HERE*/
        border-radius: 50%;
        justify-content: center;
        align-items: center;
    }
    
    .circle>i {
        background-repeat: no-repeat;
        /* IMAGE SIZE */
        width: 30px;
        height: 30px;}

@-webkit-keyframes circle {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes circle {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.circle:hover
{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


    .slideshow
    {
    position: relative;
}
    .slideshow img
    {
    position: absolute;
     z-index:-1;
    }

    .container.brody{
        padding: 8% 0% 8% 5%;
    }
    .container.brody2{
        padding: 8% 0% 8% 5%;
    }

    .typed-text.mega-typed {
    font-size: 52px!important;
    line-height: 89px!important;
    }

    .logomez-header{width: 76%!important;}


    a.finalb.pa-button-secondary{
        background: white;
        color: #1f59d8;
        font-weight: 700;
        font-size: 19px;
        margin: 5% 5% 5% 3%;
    }

    .logomez{margin-top: 11px;
    padding-left: 24px;}

    .pa-navbar a.nav-link {
          font-size: 18px;
    }

    .h1foot{
        text-align: center;
        font-size: 50px;
        font-weight: 600;
        padding-top: 5%;
    }


/* quotes slider */



/* Slides */
.mySlides {
  display: none;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;
  font-size: 28px;
  color: white;}

/* Add a blue color to the author */
.author {color: cornflowerblue;font-size: 24px;}

.bigshow{
    background-image: url('../images/image-section3.png');
    background-size: cover;
    padding: 5% 6% 5% 6%;
}
.papu{

    padding: 8% 6% 8% 6%;
}

@media only screen and (m-width: 600px) {
  body {
    background-color: lightblue;
  }
}

.align-middle{
    margin-top: auto;
    margin-bottom: auto;
}

.subtext{
    font-size:26px;
    text-align: center;
}