:root{
    --factorBiggest: 1.45;
    --factorBig: 1.15;
    --factorNormal: 1;
    --factorTablet: .9;
    --factorCel: .65;
    --factorCelMini: .55;
    --factorCelMicro: .55;

    --orange:#F5842F; 
    --blue: #0B2F42; 
    --darkblue: #061F32; 
    --lightgray: #f0f0f0; 
    --test: #17354e; /*154369*/

}

body {
    overflow-x: hidden;
    /*margin-top:0px;*/
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif; 
    font-size: 16px;
    color: black;
}


/* screen m p utils*/
.dyn-height-full {     height: 100vh; }

.dyn-margin-section     {           margin-top: 5rem;       margin-bottom: 5rem; }
.dyn-margin-section-top {           margin-top: 5rem;      }
.dyn-margin-section-bottom {        margin-bottom: 5rem;      }
.dyn-padding-section    {           padding-top: 5rem;      padding-bottom: 5rem; }
.dyn-padding-section-half    {      padding-top: 2.5rem;    padding-bottom: 2.5rem; }
.dyn-padding-section-small    {     padding-top: 3.5rem;    padding-bottom: 2.5rem; }
.dyn-padding-section-top    {       padding-top: 5rem;      }
.dyn-padding-section-bottom    {    padding-bottom: 5rem;      }
.dyn-padding-small{                 padding-top: 2rem;  }
/* end screen m p utils*/


/*BG utils*/
.dyn-bg-orange {        background-color: var(--orange); }
.dyn-bg-blue {          background-color: var(--blue); }
.dyn-bg-lightgray {     background-color: var(--lightgray); }
.dyn-bg-proddesc {          
    background-color: var(--blue); color:white;
    background-color: #f5f5f5; color:var(--blue);
}
/*BG utils*/


/* ## Navbar */
.dyn-navbar-logo {      height: .7rem;}
.dyn-navbar-text-size {      font-size: small;}
.dyn-navbar-dropdown{   background: #ddd; }
.dyn-navbar-dropitem{   background: inherit; }
.dyn-navbar-dropitem-sols{   background: var(--blue); color:white; }
.dyn-navbar-dropitem-sols:hover{   background: var(--darkblue); color:var(--orange); }
/* End Navbar */



/* ## hero */
 
.dyn-bg-hero{
    abackground: url('../images/siamsa/lean-management-aluminio.jpg');
    position: relative;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position:bottom center; 
    background-size:cover;
}
.dyn-bg-hero::before {
    content:'';
    position: absolute;
    background: url('../images/siamsa/LeanCover-Black-Reverse-Animated2.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:cover;

    /*full screen image*/
    /* top: 3rem;      bottom: -2.5rem;      left: 7rem;     right: 7rem; */
     top: 0rem;      bottom: 0rem;      left: 0rem;     right: 0rem; 

    /*box-shadow: 10px 10px 25px rgba(0, 0, 0, .7);*/
    opacity: .95;
}

.dyn-cart-cover{
    position: relative;
}
.dyn-cart-cover::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cover-structure.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 100%;
    top: 0rem;      bottom: -2rem;      left: -1rem;     right: 0rem; 
    top: 0rem;      bottom: -2rem;      left: 1rem;     right: 0rem; 
    z-index: -1;
}
.dyn-cart-cover::after{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cover-structure.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 100%;
    top: 0rem;      bottom: -2rem;      left: 0rem;     right: -1rem; 
    top: 0rem;      bottom: -2rem;      left: 0rem;     right: 1rem; 
    z-index: -1;
}


/* end hero */


/* ## systems*/
.dyn-systems-fx {     transition: transform .9s ease-in-out;   }
.dyn-systems-fx:hover {     transform: translatey(-.5rem);  }

.dyn-system-fx {     transition: transform .9s ease-in-out;   }
.dyn-system-fx:hover {     transform: translatey(-1rem); }


.dyn-cart-systems{
    position: relative;
}
.dyn-cart-systems::before{
    content:'';
    position: absolute;

    background: url('../images/siamsa/cart-systems-left-orange.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:3rem;
    top: 0rem;      bottom: -2.4rem;      left: -3rem;     right: 0rem; 
    z-index: -1;
}
.dyn-cart-systems::after{
    content:'';
    position: absolute;

    background: url('../images/siamsa/cart-systems-right-orange.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:3rem;
    top: 0rem;      bottom: -2.4rem;      left: 0rem;     right: -3rem; 
    z-index: -1;
}
/* systems*/


/* ## products*/
.dyn-prod-width{            margin: auto;   width:12rem;    }
.dyn-prod-img-width{        width: 100%;    height:8rem;     }
.dyn-btn-catalog {
    background-color:  var(--orange); 
    color: white; 
    transition-duration: 0.3s;
}
.dyn-btn-catalog:hover {
    background-color: var(--blue); 
    color: white; 
}


.dyn-bg-sol-super{     background: url('../images/siamsa/Supermercado2.jpg'); }
.dyn-bg-sol-flow{     background: url('../images/siamsa/Flow3.jpg'); }
.dyn-bg-sol-cart{     background: url('../images/siamsa/Carro2.jpg'); }
.dyn-bg-sol-workstation{     background: url('../images/siamsa/Mesa1.jpg'); }
.dyn-bg-sol-board{     background: url('../images/siamsa/Ayuda1.jpg'); }
.dyn-bg-sol-other{     background: url('../images/siamsa/Otros3.jpg'); }

.dyn-bg-prod-tube{      background: url('../images/siamsa/tubo.jpg'); }
.dyn-bg-prod-union{     background: url('../images/siamsa/union.jpg'); }
.dyn-bg-prod-accesories{      background: url('../images/siamsa/accesorios.jpg'); }
.dyn-bg-prod-roller{     background: url('../images/siamsa/roller.jpg'); }
.dyn-bg-prod-frame{     background: url('../images/siamsa/montura.jpg'); }

.dyn-bg-prod-guide{     background: url('../images/siamsa/guia.jpg'); }
.dyn-bg-prod-container{     background: url('../images/siamsa/caja.jpg'); }
.dyn-bg-prod-wheel{     background: url('../images/siamsa/rueda.jpg'); }
.dyn-bg-prod-surface{     background: url('../images/siamsa/superficie.jpg'); }

.dyn-bg-prod-sqr{     background: url('../images/siamsa/PerfilDeAcero.png'); }
.dyn-bg-prod-tub-alum{     background: url('../images/siamsa/TubularDeAluminio.png'); }
.dyn-bg-prod-perf-alum{     background: url('../images/siamsa/PerfilDeAluminio.png'); }

.dyn-bg-sol{
    background-repeat: no-repeat;     
    background-position: center; 
    transition: .3s;
    /*background-size: 14rem 10rem;     height: 10rem; 
    background-size: 12rem 8rem;     height: 8rem; */
}
.dyn-bg-sol:hover{
    filter: grayscale(1%) brightness(.95) contrast(95%);
    transform: translateY(-.1rem);
}
.dyn-prod-fx{           transition: .3s;        }
.dyn-prod-fx:hover{           
    filter: grayscale(1%) brightness(.95) contrast(95%);
    transform: translateY(-.15rem) scale(101%);
}

.dyn-sol-text{
    margin-left: auto;      margin-right: auto; 
    padding-top:.25rem;     padding-bottom:.25rem;
}
.dyn-sol-pad{
     padding-top:.25rem;     padding-bottom:.25rem;
}

.dyn-prod-border-bottom{    
    border-bottom: 4px #f5f5f5 solid; 
    z-index: -2;     position:relative;     top:1rem;
}
.dyn-prod-border-bottom-nopad{    
    border-bottom: 4px #f5f5f5 solid; 
    z-index: -2;     position:relative;     height:.9rem;
}

.dyn-cart-prod{
    position: relative;
    padding-top:1rem; padding-bottom:1rem;
}
.dyn-cart-prod::before{
    content:'';    position: absolute;

    background: url('../images/siamsa/half-cart-square.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 1.5rem;
    top: 0rem;      bottom: -.65rem;      left: .025rem;     right: 0rem; 
    z-index: -1;
}
.dyn-cart-prod::after{
    content:'';    position: absolute;

    background: url('../images/siamsa/half-cart-square.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 1.5rem;
    top: 0rem;      bottom: -.65rem;      left: 0rem;     right: .025rem; 
    z-index: -1;
}

.dyn-new-cart-prod{
    position: relative;
    padding-top:1rem; padding-bottom:1rem;
}
.dyn-new-cart-prod::before{
    content:'';    position: absolute;

    background: url('../images/siamsa/half-cart-square.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 1.5rem;
    top: 0rem;      bottom: -.65rem;      left: .025rem;     right: 0rem; 
    z-index: -1;
}
.dyn-new-cart-prod::after{
    content:'';    position: absolute;

    background: url('../images/siamsa/half-cart-square.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 1.5rem;
    top: 0rem;      bottom: -.65rem;      left: 0rem;     right: .025rem; 
    z-index: -1;
}


.dyn-cart-solutions{
    position: relative;
}
.dyn-cart-solutions::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/cart-solutions.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 7.4rem;
    top: -1rem;      bottom: -6.4rem;      left: -1.5rem;     right: 0rem; 
    top: -1rem;      bottom: -6.4rem;      left: 5.1rem;     right: 0rem; 
    z-index: 1;
}
.dyn-cart-solutions::after{
    content:'';    position: absolute;

    background: url('../images/siamsa/cart-solutions.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 7.4rem;
    top: -1rem;      bottom: -6.4rem;      left: 0rem;     right: -1.5rem; 
    top: -1rem;      bottom: -6.4rem;      left: 0rem;     right: 5.1rem; 
    z-index: 1;
}

.dyn-cart-solutions-mid{
    position: relative;
}
.dyn-cart-solutions-mid::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/cart-solutions.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:auto 7.4rem;
    top: -1rem;      bottom: -6.4rem;      left: 0rem;     right: 0rem; 
    z-index: 0;
}

.dyn-cursor{        cursor:default  }
.dyn-cursor:hover{  cursor:zoom-in  }
/* end products*/


/* ## proceso */
.dyn-play{
    position: relative;
}
.dyn-play::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/play.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:top left; 
        background-size:auto 1rem;
    top: 0.1rem;      bottom: 0rem;      left: -1rem;     right: 0rem; 
    z-index: 1;
}

.dyn-project-app{     position: relative;   }
.dyn-project-app::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cart-project.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 4rem;
    top: 0rem;      bottom: -6.5rem;      left: 0rem;     right: 0rem; 
    z-index: -1;

    transition: transform 1.5s ease-in-out; 
}
.dyn-project-app:hover::before{    transform: translateX(7rem);     }
.dyn-project-app::after{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cart-project.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 4rem;
    top: 0rem;      bottom: -6.5rem;      left: 0rem;     right: 0rem; 
    z-index: -1;

    transition: transform 1.5s ease-in-out; 
}
.dyn-project-app:hover::after{    transform: translateX(-7rem);     }

/* proceso */



/* ## nosotros*/
.dyn-we-border {    border-left: 2px #F5842F none; }
.dyn-square {
    background:url('../images/siamsa/cart-square.svg');
    background-blend-mode: overlay;
    background-position:center;
    background-repeat:no-repeat;
    /*background-size:20px 20px;*/
    background-attachment: fixed;
}

/* end nosotros*/


/* ## experience*/
.dyn-car-height{     height: 10rem;      }

.dyn-car-wheels {
    border-bottom:4px var(--orange) solid;
    position: relative;
    bottom:-3.8rem;
    height:1.5rem;
}
.dyn-car-wheels::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/cart-systems-left-orange.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 3rem;
    top: 0rem;      bottom: -2rem;      left: 2rem;     right: 0rem; 
    z-index: -1;
}
.dyn-car-wheels::after{
    content:'';     position: absolute;

    background: url('../images/siamsa/cart-systems-right-orange.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 3rem;
    top: 0rem;      bottom: -2rem;      left: 0rem;     right: 2rem; 
    z-index: -1;
}

/* end experience*/


/* ## faq */
.dyn-btn-faq {
    background-color:  white; 
    color: var(--blue); 
    transition-duration: 0.4s;
    border: 1px solid var(--blue);
}
.dyn-btn-faq:hover {
    background-color: white; background-color: var(--blue); 
    color: #ffa400; color:white;
    border: 1px solid #ffa400; border: 1px solid var(--blue);
}
/* faq */



/* ## catalog */

.dyn-catalog-app{     position: relative;   }
.dyn-catalog-app::before{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cart-project.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom left; 
        background-size:auto 2rem;
    top: 0rem;      bottom: -2.5rem;      left: 0rem;     right: 0rem; 
    z-index: -1;

    transition: transform 1.5s ease-in-out; 
}
.dyn-catalog-app::after{
    content:'';     position: absolute;

    background: url('../images/siamsa/icons/cart-project.svg');
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom right; 
        background-size:auto 2rem;
    top: 0rem;      bottom: -2.5rem;      left: 0rem;     right: 0rem; 
    z-index: -1;

    transition: transform 1.5s ease-in-out; 
}

.dyn-cat-img{     color:inherit; }
.dyn-cat-img:hover{
    filter: grayscale(1%) brightness(.95) contrast(95%);
}

.dyn-cat-width{     margin-left: auto;  margin-right: auto;     }

.dyn-btn-prod {
    background-color:  var(--orange); 
    color: white; 
    transition-duration: 0.4s;
    border: 1px solid var(--orange);
}
.dyn-btn-prod:hover {
    background-color: white; background-color: var(--blue); 
    color: #ffa400; color:white;
    border: 1px solid #ffa400; border: 1px solid var(--blue);
}

.dyn-cat-border-bottom{         border-bottom: 4px #f5f5f5 solid;       }
.dyn-filter-border-bottom {     border-bottom:3px #F5842F solid;           }
.dyn-specs-section-border {     border-top:3px #F5842F solid;           }
.dyn-specs-border-bottom{       border-bottom: 1px var(--orange) solid;   }

/* catalog */



/* ## contact */
.dyn-contact-border {
    border-radius:10px; border:4px #F5842F solid;
}
.dyn-contact-input {
    padding: 0;
    width: 100%;
    font-size: .9rem;
    font-weight: 300;
    background-color: transparent !important;
    border: none !important;
    
    border-radius: 0% !important;
    color: #000 !important;
    border-right: 1px solid var(--orange) !important;
    border-bottom: 1px solid var(--orange) !important;
}
.dyn-contact-input:focus {      box-shadow: none; }

.dyn-btn-contact {
    background-color:  var(--blue); 
    color: white; 
    transition-duration: 0.4s;
    border: 2px solid var(--blue);
}
.dyn-btn-contact:hover {
    background-color: white; 
    color: #ffa400;
    border: 2px solid #ffa400;
}

.dyn-contact-halfscreen {       height: 50%;        }
.dyn-contact-app-left {
    height:100%;                position: relative; 
    top:2rem;   left:.5rem;     z-index: -11;
}
.dyn-contact-app-right {
    height:100%;                position: relative; 
    top:2rem;   left:-.5rem;    z-index: -1;}

.dyn-input-error {
    border-color: #ff8855 !important;
}

.dyn-icon-width{            width:1.5rem;}
.dyn-icon-height{           height:1.5rem;}
.dyn-icon-height-small{     height:1.3rem;}

/* end contacto */


/* ## whatsapp */
 /* floating WhatsApp*/
 .dyn-wa{
    z-index: 99999999;
    position:fixed;
    bottom:10px; 
    right:10px; 
}


.dyn-wa{            width:82px;     height:86px;    }
.dyn-wa-icon{       height:60px;        }
/* end whatsapp */


/* ## text utils */
.dyn-text-bold {font-weight: 700;}
.dyn-purple {     color: var(--purple); }
.dyn-orange {     color: var(--orange); }
.dyn-blue {     color: var(--blue); }
.nav-link { color: #BBB !important;     padding:0;     border-radius: 0;}
.dyn-link-decor {text-decoration: none;}
.dyn-link-decor-white {text-decoration: none; color:white;}
.dyn-link-decor-white:hover {color: var(--orange);}
.dyn-link-decor-white2 {text-decoration: none; color:white;}
.dyn-link-decor-white2:hover {color: var(--blue);}
.dyn-link-decor-blue {text-decoration: none; color:var(--blue);}
.dyn-link-decor-blue:hover {color: white;}

/* ## font sizes */
.dyn-text-navbar {          font-size: 0.9rem;  }
.dyn-text-cover {           font-weight: 700;       line-height: 1.1; }
.dyn-text-header {          font-weight: 700;       line-height: 1.1;}
.dyn-text-subheader {       font-weight: 700;       line-height: 1.1;}
.dyn-text-subheader-proc {  font-weight: 700;       line-height: 1;}
.dyn-text-larger {                                  line-height: 1.3;}
.dyn-text-trans {           font-weight: 700;       line-height: 1.1;}
.dyn-text-contact{     
                            font-weight: 400;       line-height: 1.1;   color:#0B2F42;
    margin-top: .5rem;
}
.dyn-text-email {                                  line-height: 140%;  color:#0B2F42; text-decoration: none;}
.dyn-text-email:hover { color:#128; }
.dyn-text-errormsg { 
                            font-weight: 400;       line-height: .9;    color:#ff8855;
    margin-top: .5rem;
    text-transform: uppercase;
}
.dyn-text-footer {                                  line-height: 1.2;   color:#ddd;}

.dyn-text-proddesc {            font-size: 0.7rem;  }
.dyn-text-cat-filter {          color: white;   }

@media screen and (min-width: 1200px)  {
    .dyn-text-cover {           font-size: 3.5rem;  }
    .dyn-text-subcover {        font-size: 2.5rem;  }
    .dyn-text-coversmall{       font-size: 1.1rem;   }
    .dyn-text-two {             font-size: 2.0rem   }
    .dyn-text-one {             font-size: 1.0rem   }

    .dyn-text-header {          font-size: 5.0rem;  }
    .dyn-text-subheader {       font-size: 2.35rem; }
    .dyn-text-subheader-proc {  font-size: 4.0rem;  }
    .dyn-text-larger     {      font-size: 1.3rem;  }
    .dyn-text-contact{          font-size: 1.1rem;  }
    .dyn-text-footer {          font-size: 0.8rem;  }
    .dyn-text-smaller {         font-size: 0.8rem;  }
    .dyn-text-errormsg {        font-size: 0.8rem;  }

    .dyn-text-regular {         font-size: 1.4rem;  }

    /* cover */
    .dyn-cover-topspace {           height:7rem;            }
    .dyn-cover-midspace {           height:6rem;            }
    .dyn-cover-px{                  padding-left: 4rem;     }

    /* products */
    .dyn-prod-width{                width:12rem;    }
    .dyn-prod-img-width{            height:8rem;     }

    .dyn-bg-sol{        background-size: 12rem 8rem;     height: 8rem;  }
    .dyn-sol-text{      width:12rem;                                    }

    /* we */
    .dyn-logo-big {                 height: 3rem;       }
    .dyn-we-border {            border-left-style: solid; }
    .dyn-square{                background-size:20px 20px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: 3rem;   }
    .dyn-text-cat-filter {       font-size: 1rem;   }
    .dyn-cat-img{       height: auto;          width: 100%;      }
    .dyn-cat-width{                             width: 100%;     }

    .dyn-wa{            width:65px;     height:65px;    }
    .dyn-wa-icon{       height:50px;        }
    
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .dyn-text-cover {           font-size: 3.0rem;  }
    .dyn-text-subcover {        font-size: 2.5rem;  }
    .dyn-text-coversmall{       font-size: 1.1rem;   }
    .dyn-text-two {             font-size: 2.0rem   }
    .dyn-text-one {             font-size: 1.0rem   }

    .dyn-text-header {          font-size: 5.0rem;  }
    .dyn-text-subheader {       font-size: 2.35rem;  }
    .dyn-text-subheader-proc {  font-size: 4.0rem;  }
    .dyn-text-larger     {      font-size: 1.3rem;  }
    .dyn-text-contact{          font-size: 1.1rem;   }
    .dyn-text-footer {          font-size: 0.8rem;  }
    .dyn-text-smaller {         font-size: 0.8rem;  }
    .dyn-text-errormsg {        font-size: 0.8rem;   }

    .dyn-text-regular {         font-size: 1.4rem;  }

    /* cover */
    .dyn-cover-topspace {           height:7rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cover-px{                  padding-left: 3rem;     }

    /* products */
    .dyn-prod-width{                width:12rem;    }
    .dyn-prod-img-width{            height:8rem;     }

    .dyn-bg-sol{        background-size: 12rem 8rem;     height: 8rem;  }
    .dyn-sol-text{      width:12rem;                                    }

    /* we */
    .dyn-logo-big {             height: 3rem;       }
    .dyn-we-border {            border-left-style: solid; }
    .dyn-square{                background-size:20px 20px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: 3rem;   }
    .dyn-text-cat-filter {       font-size: 1rem;   }
    .dyn-cat-img{       height: 11rem;          width: 15.4rem;      }
    .dyn-cat-width{                             width: 15.4rem;     }

    .dyn-wa{            width:65px;     height:65px;    }
    .dyn-wa-icon{       height:50px;        }
    
}

@media screen and (min-width: 993px) and (max-width: 1023px) {
    .dyn-text-cover {           font-size: calc( 3.5rem * var(--factorTablet) * 0.7 ); }
    .dyn-text-subcover {        font-size: calc( 2.5rem * var(--factorTablet) * 0.7 ); }
    .dyn-text-coversmall {      font-size: calc( 1.1rem * var(--factorTablet) * 1.0 ); }
    .dyn-text-two {             font-size: calc( 2.0rem * var(--factorTablet) ); }
    .dyn-text-one {             font-size: calc( 1.0rem * var(--factorTablet) ); }

    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorTablet) *.85 ); }
    .dyn-text-subheader {       font-size: calc( 2.35rem * var(--factorTablet) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorTablet) ); }
    .dyn-text-larger     {      font-size: calc( 1.3rem * var(--factorTablet) ); }
    .dyn-text-contact{          font-size: calc( 1.1rem * var(--factorTablet) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorTablet) ); }
    
    .dyn-text-regular {         font-size: calc( 1.4rem * var(--factorTablet) ); }

    /* cover */
    .dyn-cover-topspace {           height:8rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cover-px{                  padding-left: 4rem;     }

    /* products */
    .dyn-prod-width{                width:12rem;    }
    .dyn-prod-img-width{            height:8rem;     }

    .dyn-bg-sol{        background-size: 12rem 8rem;     height: 8rem;  }
    .dyn-sol-text{      width:12rem;                                    }

    /* we */
    .dyn-logo-big {             height: 3rem;       }
    .dyn-square{                background-size:20px 20px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: 3rem;   }
    .dyn-text-cat-filter {       font-size: 1rem;   }
    .dyn-cat-img{           height: auto;      width: 100%;      }
    .dyn-cat-width{                            width: 100%;     }

    .dyn-wa{            width:65px;     height:65px;    }
    .dyn-wa-icon{       height:50px;        }
    
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .dyn-text-cover {           font-size: calc( 3.5rem * var(--factorTablet) * 0.7 ); }
    .dyn-text-subcover {        font-size: calc( 2.5rem * var(--factorTablet) * 0.7 ); }
    .dyn-text-coversmall {      font-size: calc( 1.1rem * var(--factorTablet) * 1.0 ); }
    .dyn-text-two {             font-size: calc( 2.0rem * var(--factorTablet) ); }
    .dyn-text-one {             font-size: calc( 1.0rem * var(--factorTablet) ); }

    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorTablet) *.85 ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorTablet) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorTablet) ); }
    .dyn-text-larger     {      font-size: calc( 1.3rem * var(--factorTablet) ); }
    .dyn-text-contact{          font-size: calc( 1.1rem * var(--factorTablet) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorTablet) ); }

    .dyn-text-regular {         font-size: calc( 1.4rem * var(--factorTablet) ); }
    
    /* cover */
    .dyn-cover-topspace {           height:7rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cover-px{                  padding-left: 4rem;}

    /* products */
    .dyn-prod-width{                width:10rem;    }
    .dyn-prod-img-width{            height:8rem;     }

    .dyn-bg-sol{        background-size: 11rem 8.5rem;     height: 8.5rem;  }
    .dyn-sol-text{      width:11rem;                                    }

    /* we */
    .dyn-logo-big {             height: calc( 3.0rem * var(--factorTablet) * 0.9 ); }
    .dyn-square{                background-size:0px 0px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: calc( 3rem * var(--factorTablet) );   }
    .dyn-text-cat-filter {      font-size: calc( 1rem * var(--factorTablet) );   }
    .dyn-cat-img{           height: auto;      width: 100%;      }
    .dyn-cat-width{                            width: 100%;     }

    .dyn-wa{            width:55px;     height:55px;    }
    .dyn-wa-icon{       height:50px;        }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .dyn-text-cover {           font-size: calc( 3.5rem * var(--factorCel) ); }
    .dyn-text-subcover {        font-size: calc( 2.5rem * var(--factorCel) ); }
    .dyn-text-coversmall {      font-size: calc( 1.1rem * var(--factorCel) ); }
    .dyn-text-two {             font-size: calc( 2.0rem * var(--factorCel) ); }
    .dyn-text-one {             font-size: calc( 1.0rem * var(--factorCel) * 1.3 ); }

    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCel) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCel) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCel) ); }
    .dyn-text-larger       {    font-size: calc( 1.3rem * var(--factorCel) ); }
    .dyn-text-contact{          font-size: calc( 1.1rem * var(--factorCel) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCel) ); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCel) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCel) ); }

    .dyn-text-regular {         font-size: calc( 1.4rem * var(--factorCel) ); }

    /* cover */
    .dyn-cover-topspace {           height:6rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cart-cover::before{        background: none;       }
    .dyn-cart-cover::after{         background: none;       }


    /* systems */
    .dyn-cart-systems::before{left: 0rem;}
    .dyn-cart-systems::after{right: 0rem;}

    /* products */
    .dyn-prod-width{            width:auto;    }
    .dyn-prod-img-width{        height:9rem;     }
    .dyn-prod-border-bottom-nopad{  border: none;  }

    .dyn-bg-sol{        background-size:cover;     height: 9rem;  width: auto; }
    .dyn-sol-text{      width:auto;                                    }

    .dyn-cart-prod::before{     background: none;       }
    .dyn-cart-prod::after{      background: none;       }

    /* we */
    .dyn-logo-big {             height: 3rem;       }
    .dyn-square{                background-size:0px 0px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: calc( 3rem * var(--factorCel) );   }
    .dyn-text-cat-filter {      font-size: calc( 1rem * var(--factorCel) );   }
    .dyn-cat-img{           height: auto;      width: 100%;      }
    .dyn-cat-width{                            width: 100%;     }

    /* plan */
    .dyn-sm-play{         position: relative;     }
    .dyn-sm-play::before{
        content:'';     position: absolute;

        background: url('../images/siamsa/play.svg');
            background-blend-mode: overlay;     background-repeat: no-repeat;
            background-position:top left;       background-size:auto 1rem;
        top: 0.1rem;      bottom: 0rem;      left: -1rem;     right: 0rem; 
        z-index: 1;
    }

    .dyn-contact-border {        border-radius:0px; }

    .dyn-wa{            width:55px;     height:55px;    }
    .dyn-wa-icon{       height:50px;        }
}

@media screen and (min-width: 425px) and (max-width: 576px) {

    body {font-size: calc( 16px * var(--factorCelMini) *1.7);  }

    .dyn-text-cover {           font-size: calc( 3.5rem * var(--factorCelMini) ); }
    .dyn-text-subcover {        font-size: calc( 2.5rem * var(--factorCelMini) ); }
    .dyn-text-coversmall {      font-size: calc( 1.1rem * var(--factorCelMini) * 1.7); }
    .dyn-text-two {             font-size: calc( 2.0rem * var(--factorCelMini) ); }
    .dyn-text-one {             font-size: calc( 1.0rem * var(--factorCelMini) * 1.6); }

    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCelMini) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCelMini) * 0.9 ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCelMini) ); }
    .dyn-text-larger {          font-size: calc( 1.3rem * var(--factorCelMini) * 1.3); }
    .dyn-text-contact{          font-size: calc( 1.1rem * var(--factorCelMini) * 1.6 ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCelMini) * 1.6); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCelMini) * 1.8); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCelMini) * 1.6); }

    .dyn-text-regular {         font-size: calc( 1.4rem * var(--factorCelMini) ); }

    /* cover */
    .dyn-cover-topspace {           height:7rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cart-cover::before{        background: none;       }
    .dyn-cart-cover::after{         background: none;       }

    /* systems */
    .dyn-cart-systems::before{left: 0rem;}
    .dyn-cart-systems::after{right: 0rem;}

    /* products */
    .dyn-prod-width{            width:10rem;    }
    .dyn-prod-img-width{        height:7rem;     }
    .dyn-prod-border-bottom-nopad{  border: none;  }

    .dyn-bg-sol{        background-size: 10rem 7rem;     height: 7rem;  }
    .dyn-sol-text{      width:10rem;                                    }

    .dyn-cart-prod::before{     background: none;       }
    .dyn-cart-prod::after{      background: none;       }
    
    /* we */
    .dyn-logo-big {             height: calc( 3.0rem * var(--factorCelMini) * 1.4 ); }
    .dyn-square{                background-size:0px 0px;       }
    
    /* catalog */
    .dyn-text-header-cat {      font-size: calc( 3rem * var(--factorCelMini) );   } 
    .dyn-text-cat-filter {      font-size: calc( 1rem * var(--factorCelMini) );   }
    .dyn-cat-img{           height: 7rem;  width: 9.8rem;      }   
    .dyn-cat-width{                         width: 9.8rem;     }

    /* plan */
    .dyn-sm-play{         position: relative;     }
    .dyn-sm-play::before{
        content:'';     position: absolute;
    
        background: url('../images/siamsa/play.svg');
            background-blend-mode: overlay;     background-repeat: no-repeat;
            background-position:top left;       background-size:auto 1rem;
        top: 0.1rem;      bottom: 0rem;      left: -1rem;     right: 0rem; 
        z-index: 1;
    }

    .dyn-contact-border {        border-radius:0px; }

    .dyn-wa{            width:45px;     height:45px;    }
    .dyn-wa-icon{       height:40px;        }
}

@media screen and (max-width: 424px) {

    body {font-size: calc( 16px * var(--factorCelMicro) *1.8);  }

    .dyn-text-cover {           font-size: calc( 3.5rem * var(--factorCelMicro) ); }
    .dyn-text-subcover {        font-size: calc( 2.5rem * var(--factorCelMicro) ); }
    .dyn-text-coversmall {      font-size: calc( 1.1rem * var(--factorCelMicro) * 1.7 ); }
    .dyn-text-two {             font-size: calc( 2.0rem * var(--factorCelMicro) ); }
    .dyn-text-one {             font-size: calc( 1.0rem * var(--factorCelMicro) * 1.5 ); }

    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCelMicro) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCelMicro) * 0.9 ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCelMicro) ); }
    .dyn-text-larger {          font-size: calc( 1.3rem * var(--factorCelMicro) * 1.4); }
    .dyn-text-contact{          font-size: calc( 1.1rem * var(--factorCelMicro) * 1.6); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCelMicro) * 1.6); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCelMicro) * 1.8); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCelMicro) * 1.6); }

    .dyn-text-regular {         font-size: calc( 1.4rem * var(--factorCelMicro) * 1.3 ); }

    /* cover */
    .dyn-cover-topspace {           height:7rem;            }
    .dyn-cover-midspace {           height:4rem;            }
    .dyn-cart-cover::before{        background: none;       }
    .dyn-cart-cover::after{         background: none;       }

    /* systems */
    .dyn-cart-systems::before{left: 0rem;}
    .dyn-cart-systems::after{right: 0rem;}

    /* products */
    .dyn-prod-width{                width:8.5rem;    }
    .dyn-prod-img-width{            height:7rem;     }
    .dyn-prod-border-bottom-nopad{  border: none;  }

    .dyn-bg-sol{        background-size: 8.5rem 7rem;     background-size: 100% 7rem;
            height: 7rem;  }
    .dyn-sol-text{      width:8.5rem; width:100%;                                    }

    .dyn-cart-prod::before{     background: none;       }
    .dyn-cart-prod::after{      background: none;       }

    /* we */
    .dyn-logo-big {             height: calc( 3.0rem * var(--factorCelMicro) * 1.4 ); }
    .dyn-square{                background-size:0px 0px;       }

    /* catalog */
    .dyn-text-header-cat {      font-size: calc( 3.0rem * var(--factorCelMicro) );   } 
    .dyn-text-cat-filter {      font-size: calc( 1.0rem * var(--factorCelMicro) * 1.5   );   }
    .dyn-cat-img{           height: 6rem;   width: 8.4rem;      }
    .dyn-cat-width{                         width: 8.4rem;     }

    /* plan */
    .dyn-sm-play{         position: relative;     }
    .dyn-sm-play::before{
        content:'';     position: absolute;
    
        background: url('../images/siamsa/play.svg');
            background-blend-mode: overlay;     background-repeat: no-repeat;
            background-position:top left;       background-size:auto 1rem;
        top: 0.1rem;      bottom: 0rem;      left: -1rem;     right: 0rem; 
        z-index: 1;
    }

    .dyn-contact-border {        border-radius:0px; }

    .dyn-wa{            width:45px;     height:45px;    }
    .dyn-wa-icon{       height:40px;        }

    
}


/* font utils*/