body {overflow-x: hidden; font-size:18px; line-height: 110%;}

.navbar {background-color: transparent; }

.dyn-mainwrapper {height: 100%; height: 100vh;}
.dyn-fullscreen {min-height: 100%;}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    .dyn-thirdscreen {min-height: 50vh;} /*55vh*/
    .dyn-heroblank {min-height: 47vh;}
}
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .dyn-thirdscreen {min-height: 22vh;} /*25vh*/
    .dyn-heroblank {min-height: 20vh;}
}


.dyn-sectionpadding {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.dyn-transitionpadding {padding-top: 2rem; padding-bottom: 2rem;}
.dyn-transitionpadding-lg {padding-top: 4rem; padding-bottom: 0rem;}
.dyn-padding-1 {padding-top: 1.5rem; }
.dyn-headerpadding {padding-bottom: 1.5rem;}

.dyn-ourclientspadding {padding-top: 3rem; padding-top: 3rem;}

/* 1 rem: 16px */
.adyn-font-headerlarge {font-size:65px; font-weight: 600; line-height: 110%;}
.adyn-font-header {font-size:45px; font-weight: 600; line-height: 110%;}
.adyn-font-textlarge {font-size:25px;}
.adyn-font-plan {font-size:21px;}
.adyn-font-text {font-size:18px;}
.adyn-font-textsmall {font-size:16px; line-height: 120%;}
.adyn-font-textsmallest {font-size:14px; line-height: 120%;}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 1024px) {
    .dyn-font-headerlarge {font-size:4rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header {font-size:3.75rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header-small {font-size:2.75rem; font-weight: 600; line-height: 110%;}
    .dyn-font-hero {font-size: 2.0rem; font-weight: 500; line-height: 120%;}
    .dyn-font-textlarge {font-size:1.5rem;}
    .dyn-font-plan {font-size:1.25rem;}
    .dyn-font-text {font-size:1.1rem;}
    .dyn-font-textsmall {font-size:1rem; line-height: 120%;}
    .dyn-font-textsmallest {font-size:0.85rem; line-height: 120%;}
    .dyn-hero-bg{
        background:url('/images/liderRevisandoContabilidad.jpg') rgba(50, 60, 80, 0.9);
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;  
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (min-width: 601px) and (max-width: 1023px) {
    .dyn-font-headerlarge {font-size:2.25rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header {font-size:2.0rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header-small {font-size:1.75rem; font-weight: 600; line-height: 110%;}
    .dyn-font-hero {font-size: 1.5rem; font-weight: 500; line-height: 120%;}
    .dyn-font-textlarge {font-size:1.5rem;}
    .dyn-font-plan {font-size:1.25rem;}
    .dyn-font-text {font-size:1.1rem;}
    .dyn-font-textsmall {font-size:1rem; line-height: 120%;}
    .dyn-font-textsmallest {font-size:0.85rem; line-height: 120%;}
    .dyn-hero-bg{
        background:url('/images/liderRevisandoContabilidad.jpg') rgba(50, 60, 80, 0.9);
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

}


/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .dyn-font-headerlarge {font-size:2.0rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header {font-size:2.0rem; font-weight: 600; line-height: 110%;}
    .dyn-font-header-small {font-size:1.7rem; font-weight: 600; line-height: 110%;}
    .dyn-font-hero {font-size: 1.2rem; font-weight: 500; line-height: 120%;}
    .dyn-font-textlarge {font-size:1.5rem;}
    .dyn-font-plan {font-size:1.25rem;}
    .dyn-font-text {font-size:1.1rem;}
    .dyn-font-textsmall {font-size:1rem; line-height: 120%;}
    .dyn-font-textsmallest {font-size:0.85rem; line-height: 120%;}
    .dyn-hero-bg{
        background:url('/images/liderRevisandoContabilidad.jpg') rgba(50, 60, 80, 0.9);
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

}


.dyn-color-blue {color:#222154;}
.dyn-bggray {background-color: #E5E6E6;}
.dyn-bgblue {
    background-color: #222154;
    /*background:linear-gradient(to right, #222154 0%, #222154 100%);*/
}
.dyn-bghilite{    background:#b3ebeb; }


.dyn-bgdarkgray {background-color: #231f20;}
.dyn-white {background-color: #ffffff;}

.dyn-btn-contact {background-color:  #E9575C; }

.dyn-border-blue {border: 1px solid #222154; border-radius: 5px;}

.dyn-border-red {border: 1px solid #E9575C; border-radius: 5px;}
.dyn-border-red-top {border-top: 1px solid #E9575C; }

.dyn-border-red-vertical {
    border-left: 1px solid #E9575C; 
    border-right: 1px solid #E9575C; 
}
.dyn-border-red-bottom {
    border-bottom: 1px solid #E9575C; 
}
.dyn-border-red-horizontal {
    border-top: 1px solid #E9575C; 
    border-bottom: 1px solid #E9575C; 
}
.dyn-border-red-left {
    border-left: 1px solid #E9575C; 
}
.dyn-border-red-right {
    border-right: 1px solid #E9575C; 
}
.dyn-border-white-right {
    border-right: 1px solid #ffffff; 
}
.dyn-border-white {
    border: 1px solid #ffffff; 
}
.dyn-border-blue { border: 1px solid #777; }


/* .no-display{     opacity: 0; } 
*/

@keyframes fadein {
     0% { opacity: 0; }
     25% { opacity: 0; }
     50% { opacity: 0; }
     75% { opacity: 0; }
    100% { opacity: 1; }
}
  
.animate-one {
    animation-name: fadein;     animation-duration: 1s;     /*animation-delay: 2s;*/
}
.animate-two {
    animation-name: fadein;     animation-duration: 1.5s;     /*animation-delay: 2s;*/
}
.animate-three {
    animation-name: fadein;     animation-duration: 2s;     /*animation-delay: 2s;*/
}

.dyn-chg-bg {    color: inherit;}
.dyn-chg-bg:hover {
    background: #E9575C;
    /*background:rgba(100, 100, 100, 1);*/
    /*box-shadow: 5px 5px 5px  rgba(0, 0, 123, 1);*/
}

.dyn-chg-bg1 {    
    border-radius: 5px; 
    color:#222154;
    /*background: #e7eefe;*/
    /*border: 1px solid #fafafa;*/
    /*border-color: #a0c0f0;
    border-style: solid;
    border-width: 0px 1px 0px 1px;*/
}
.dyn-chg-bg1:hover {
    background: #222154;
    color:#fff;
    /*background:rgba(100, 100, 100, 1);*/
    /*box-shadow: 5px 5px 5px  rgba(0, 0, 123, 1);*/
}

/* Box shadow */
.dyn-box-shadow {
    transition-duration: 0.4s;

    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;

}
.dyn-box-shadow:hover {
    background: #f8f8ff;;

    border-style: solid;
    border-color: #E9575C;
    border-width: 1px 1px 1px 1px;
}

.dyn-bounce {
    padding: inherit;
}

@keyframes bounce {
    0%, 20%, 60%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    40% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    80% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }

  .dyn-bounce:hover {
    animation: bounce 1s;
  }

/*************       Slides        ****************/
/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto */
.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
  }

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
 /* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4.5s;
  animation-name: fade;
  animation-duration: 4.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/*************       Slides        ****************/


.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 20px;
  width: 20px;
  /*outline: black;*/
  background-size: 100%, 100%;
  border-radius: 50%;
  /*border: 1px solid black;*/
  background-image: none;
}

.carousel-control-next-icon:after
{
    content: '>';
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.carousel-control-prev-icon:after {
  content: '<';
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.carousel-control-prev,
.carousel-control-next{
      top: 72%;
}