:root{
    --factorBiggest: 1.4;
    --factorBig: 1.1;
    --factorNormal: 1;
    --factorTablet: .9;
    --factorCel: .65;
    --factorCelMini: .55;
    --factorCelMicro: .45;


    --text-header-large:    8rem;
    --text-header:          4rem;
    --text-subheader:       3rem;
    --text-larger:  2rem;
    --text-large:   1.3rem;
    --text-normal:  1rem;
    --text-small:   .9rem;
    --text-smaller: .8rem;

    --orange: #FFA400;
    --purple: #774CFC;
    --blue: #00B1DA;
    --darkgrey: #1C252C;
}

body {
    overflow-x: hidden;
    margin: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-bottom   {    margin-bottom: 5rem;      }
.dyn-padding-section        {   padding-top: 5rem;      padding-bottom: 5rem; }
.dyn-padding-section-top    {   padding-top: 5rem; }

.dyn-border-radius          {   border-radius: 3.5rem;   }
.dyn-border-radius-small    {   border-radius: 1.0rem;   }

.dyn-border-radius-hero     {   
    border-top-left-radius: 3.5rem;     border-top-right-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;     border-bottom-right-radius: 0rem;
}

/* screen m p utils*/

/*BG utils*/
.dyn-bg-orange {        background-color: var(--orange); }
.dyn-bg-blue {          background-color: var(--blue); }
.dyn-bg-purple {        background-color: var(--purple); }
.dyn-bg-darkgrey {      background-color: var(--darkgrey) !important; }
/*END BG utils*/



/* + + + + + + + + + + + + +     text utils     + + + + + + + + + + + + + */
.dyn-text-bold-light {      font-weight: 500;}
.dyn-text-bold {            font-weight: 700;}

.dyn-purple {       color: var(--purple); }
.dyn-orange {       color: var(--orange); }
.dyn-blue {         color: var(--blue); }
.dyn-text-header-color { color: black}


.dyn-text-header {          line-height: 1;     }
.dyn-text-subheader {       line-height: 1;     }
.dyn-text-larger {          line-height: 1;     }
.dyn-text-large {           line-height: 1;     }

.nav-link {
    position: relative;          
    font-weight: 500;
    color: var(--darkgrey) !important;  text-shadow: white .5px .3px;
    padding:2px;     border-radius: 0;
    transition: .3s;
}
.nav-link:hover{
    background-color: rgba(255, 164, 4, .99);
    top:1px; 
}

.dyn-link-contact {                                   line-height: 140%;  color:#ddf; text-decoration: none;}
.dyn-link-contact:hover { color:#ffffff }
.dyn-text-contact{     
    font-weight: 400;       line-height: 1.1;   color:#ccc; color:#ddd;
    margin-top: .5rem;
}
.dyn-text-errormsg { 
    font-weight: 400;       line-height: .9;    color:#ff8855;
    margin-top: .5rem;
    text-transform: uppercase;
}

/* + + + + + + + + + + + + +     END text utils     + + + + + + + + + + + + + */

/* hover fx*/
.dyn-hover{
    font-family: inherit;
    transition: transform .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 10px;
}
.dyn-hover:hover{    
    background:rgba(0, 177, 218, .02);
    background:rgba(0, 0, 200, .02);
    transform: translate(2px, -4px);
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.15);

}


/* hero mty*/
.dyn-bg-heromty-person{
    position: relative;

    background: url(../images/v3/HeroHappyPersonAtComputer.svg) ;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;

    border-radius: 3.5rem;

    z-index: 10;
}

.dyn-bg-heromty-room{
    background: url(../images/v3/HeroBGRoom_Org.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center ;
}

.dyn-bgline-hero{
    position: relative;
    height: 50vh;
}
.dyn-bgline-hero::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-HeroTop.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom center;
    
    top:0rem;  
    left: 0;
    width: 30%; height: 25%;
    z-index: 100;
}
.dyn-bgline-hero::after{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-HeroBottom.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom center;
    
    top:50%; bottom: 0;  
    left: 50%;
    width: 50%; height: auto;
    z-index: 100;
}



/* transicion tipo de sitio */
.dyn-bgline-webtype{
    position: relative;
    height: 50vh;
}
.dyn-bgline-webtype::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-TipoDeSitio.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom center;
    
    top:-10rem; bottom: -10rem; 
    left: 0;
    width: 100%; height: auto;
    z-index: -100;
}

/* transicion caracteristicas web bien hecha */
.dyn-bgline-greatweb{
    position: relative;
    aheight: 50vh;
}
.dyn-bgline-greatweb::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-TipoDeSitio.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom center;
    
    top:-5rem; bottom: 70%; 
    left: 0;
    width: 100%; height: auto;
    z-index: -100;
}


/* productos */
.dyn-fullheight-responsive  {   height: 100vh;               }

.dyn-bgcircle-prods{
    position: relative;
}
.dyn-bgcircle-prods::before{
    position: absolute;
    content: "";

    border-radius: 50%;
    background: var(--orange);
    bottom:10%; left:10%;
    width: 6rem; height: 6rem;
    z-index: -2;
}

.dyn-bgline-prods1{
    position: relative;
}
.dyn-bgline-prods1::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-Productos1.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:bottom right;
    
    top:50%; bottom: -10rem; 
    left: -300%; right:0px;
    width: auto; height: auto;
    z-index: -1;
}

/* transicion - Dale vida a tu marca*/
.dyn-bgcircle-bringlife{
    position: relative;
}
.dyn-bgcircle-bringlife::before{
    position: absolute;
    content: "";

    border-radius: 50%;
    background: var(--orange);
    top:20%; right:20%;
    width: 8rem; height: 8rem;
    z-index: -2;
}


/* transicion transformamos la respuesta */
.dyn-bgline-transform{
    position: relative;
}
.dyn-bgline-transform::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-transforma.svg);
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    
    top:-10rem; bottom: -10rem; 
    width: 10rem; height: auto;
    z-index: 2;
}
.dyn-bgline-transform2{
    position: relative;
}
.dyn-bgline-transform2::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-transforma2.svg);
    abackground-attachment: fixed;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    
    top:0rem; bottom: 0rem; 
    left:0; right:0;
    z-index: 2;
    aborder: 1px solid blue;
}

/* transicion crece tu mensaje */
.dyn-bgline-growmsg{
    position: relative;
}
.dyn-bgline-growmsg::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineasCreceMensaje.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    
    top:0rem; bottom: 0rem; 
    width: 100%; height: auto;
}


/* transicion caracteristicas sitio */
.dyn-bg-trans-blue { 
    background-color: rgba(0, 177, 218, .99);
    background-image: url(../images/v3/BGwhiteLines.svg) ;
    background-attachment:fixed;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:80%;
    background-position:center;
}

/* transicion caracteristicas sitio */
.dyn-bg-services { 
    abackground-color: rgba(0, 177, 218, .99);
    background-image: url(../images/v3/bgServices.svg) ;
    abackground-attachment:fixed;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
}


/* pilares */
.dyn-bgline-pillars{
    position: relative;
}
.dyn-bgline-pillars::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-pilares.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center left;
    
    top:60%; bottom: -10rem; left:-3rem; 
    width: 100%; height: auto;
}
.dyn-proc-text-desc{
    color: #999;
    transition-duration: 0.5s;
}
.dyn-proc-text-desc:hover{
    color: #000;
}


/* asi somos*/
.dyn-sec-weare{         position: relative;     }
.dyn-sec-weare::before{
    position: absolute;
    content: "";

    border-radius: 50%;
    background: var(--orange);
    bottom:-7rem; left:3rem;
    width: 8rem; height: 8rem;
    z-index: 2;
}
.dyn-sec-weare::after{
    position: absolute;
    content: "";

    border-radius: 50%;
    background: var(--orange);
    top:-2rem; left:30%;
    width: 4rem; height: 4rem;
    z-index: 2;
}

.dyn-weare-rotate{
    transform: rotate(-90deg);
}

.dyn-bg-weare{
    background: url(../images/v3/bg-asi-somos.svg) ;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}

/* asi somos*/


/* clients - testimonios*/

.carousel {     background: #333; }

.main-carousel{ position:relative; }

.carousel-cell {
    /*width: 66%;*/
    width: 100%;
    counter-increment: carousel-cell;
}

.dyn-clients-border {   aborder: 5px solid var(--blue); border-top: 3px solid var(--blue); }
.dyn-clients-logos {height: 40px; }
.dyn-clients-logos2 {height: 60px; }


/* cell member */
.carousel-cell:before {     
    display: block;     text-align: center; 
}
/* END clients - testimonios*/



/* pre-contact */
.dyn-bglines-precontact{         position: relative;     }
.dyn-bglines-precontact::before{
    position: absolute;
    content: "";

    background: url(../images/v3/lineas-preContacto.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center right;
    
    top:-15rem; bottom: -10rem;
    left: 70%; right: 0%; 
    width: auto; height: auto;

    z-index: -2;
}


/* contact */
.dyn-bg-contact {
    background: url(../images/v3/bgContacto.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom;
    border-top-left-radius: 15px;   
}

.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: white !important;
    border-right: .5px solid #CCC !important;
    border-bottom: .5px solid #CCC !important;
}
.dyn-contact-input:focus {      box-shadow: none; }

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

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

/* contact */

/* footer */
.dyn-link-social{     text-decoration: none !important; transition-duration: .3s;}
.dyn-link-social:hover {  transform: scale(1.05) !important; }
/* footer */


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

/* web dev mty */
.dyn-bgline-webdevmty{
    position: relative;
    height: 50vh;
}
.dyn-bgline-webdevmty::before{
    position: absolute;
    content: "";

    background: url(../images/v3/bg-webdevmty.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:bottom right;
    
    top:-5rem; bottom: -10rem;
    top:30%; bottom: -12rem;
    left: 0%; right: 55%; 
    width: auto; aheight: 15rem;
    z-index: -100;
    aborder: 1px solid #ddd;
}

/* + + + + + + + + + + + + +     MediaQueries utils     + + + + + + + + + + + + + */

@media screen and (min-width: 1366px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorBig) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorBig) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorBig) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorBig) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorBig) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorBig) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorBig) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorBig) ); }

    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;           }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:9rem;   position:relative;           }
    .dyn-process-icons{         height:7rem;              }
    .dyn-contact-border{     border-left:1px #875CFF solid ; }
    .dyn-wa{        width:82;   height:82;      }
    .dyn-wa-icon{               height:50px;    }
}

@media screen and (min-width: 993px) and (max-width: 1365px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorNormal) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorNormal) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorNormal) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorNormal) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorNormal) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorNormal) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorNormal) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorNormal) ); }

    .dyn-prods-icons{           height:9rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: 3px solid #00B1DA;}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:7rem;              }
    .dyn-contact-border{     border-left:1px #875CFF solid ; }
    .dyn-wa{        width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorTablet) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorTablet) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorTablet) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorTablet) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorTablet) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorTablet) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorTablet) ); }

    .dyn-text-header-color { color: white;}

    .dyn-fullheight-responsive  {   height: auto;               }
    
    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }

    .dyn-prods-icons{           height:8rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:8rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: none}
    .dyn-pillars-icons{         height:8rem;              }
    .dyn-process-icons{         height:5rem;              }
    .dyn-proc-text-desc{        color: #000;      }
    .dyn-bglines-precontact::before{        top:-2rem; bottom: -5rem;     left: 20%; right: 0%;    }
    .dyn-contact-border{     border-left:none; }
    .dyn-wa{        width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCel) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCel) *.90 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCel) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCel) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCel) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCel) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCel) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCel) ); }

    .dyn-text-header-color { color: white;}

    .dyn-fullheight-responsive  {   height: auto;               }

    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-heromty-cell{
        position: relative;
    }
    
    .dyn-bg-heromty-cell::before{
        position: absolute;
        content: "";
       
        background: url(../images/v3/HeroBGPersonAtComputer.svg); 
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center ;
        
        bottom:0;
        left: 0;
        width: 100%; height: auto;
        z-index: 10;
    }

    .dyn-prods-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: none;}
    .dyn-pillars-icons{         height:7rem;              }
    .dyn-process-icons{         width:3rem;              }
    .dyn-proc-text-desc{        color: #000;      }
    .dyn-bglines-precontact::before{        top:-2rem; bottom: -5rem;     left: 20%; right: 0%;    }
    .dyn-contact-border{     border-left:none; }
    .dyn-wa{        width:55;   height:55;      }
    .dyn-wa-icon{               height:50px;    }
}

@media screen and (min-width: 425px) and (max-width: 576px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMini) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMini)  *1.2 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMini) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMini)   *1.5); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMini)    *1.8 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMini)   *1.5); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMini)     *1.7); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCelMini) *1.7 ); }

    .dyn-text-header-color { color: white;}

    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-heromty-person{
        abackground: url(../images/v3/HeroBGPersonAtComputer.svg) rgba(25, 55, 255, .9);
        background: url(../images/v3/HeroBGPersonAtComputerGray.png) ;
        background-position:bottom right;
        background-size:cover;
    }
    .dyn-bg-heromty-cell{
        position: relative;
    }
    
    .dyn-bg-heromty-cell::before{
        position: absolute;
        content: "";
       
        background: url(../images/v3/HeroBGRoomCell.svg); 
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center ;
        
        bottom:0;
        left: 0;
        width: 100%; height: auto;
        z-index: 10;
    }
    .dyn-bgcircle-prods::before{        background: none;         }
    .dyn-fullheight-responsive  {   height: auto;               }
    
    .dyn-prods-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: none    }
    .dyn-pillars-icons{         height:5rem;              }
    .dyn-process-icons{         width:3rem;              }
    .dyn-proc-text-desc{        color: #000;      }
    .dyn-contact-border{     border-left:none; }
    .dyn-bglines-precontact::before{        top:-2rem; bottom: -5rem;     left: 20%; right: 0%;    }
    .dyn-wa{        width:55;   height:55;      }
    .dyn-wa-icon{               height:50px;    }
}

@media screen and (max-width: 424px) {
    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMicro) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMicro)  *1.3 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMicro) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMicro)   *1.5); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMicro)     *1.8 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMicro)   *1.5); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMicro)     *1.7 ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCelMicro) *1.7 ); }

    .dyn-text-header-color { color: white;}

    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-heromty-person{
        background: url(../images/v3/HeroBGPersonAtComputer.svg) ;
        background-position:bottom right;
        background-size:cover;
    }
    .dyn-bg-heromty-cell{
        position: relative;
    }
    .dyn-bg-heromty-cell::before{
        position: absolute;
        content: "";
       
        background: url(../images/v3/HeroBGRoomCell.svg); 
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center ;
        
        bottom:0;           left: 0;
        width: 100%;        height: auto;
        z-index: 10;
    }
    .dyn-bg-hero-lamp{
        position: relative;
    }
    .dyn-bg-hero-lamp::after{
        position: absolute;
        content: "";
       
        background: url(../images/v3/HeroBGRoomCellLamp.svg); 
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center left ;
        
        top:150%;           left: 2rem;
        width: 6rem;        height: 6rem;
        z-index: 10;
    }

    .dyn-bgcircle-prods::before{        background: none;         }
    .dyn-fullheight-responsive  {       height: auto;               }
    
    .dyn-prods-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-servs-icons-small{     height:5rem;    position:relative;  top:0rem;          }
    .dyn-delivery-bordertop{    border-top: none        }
    .dyn-pillars-icons{         height:5rem;              }
    .dyn-process-icons{         width:3rem;              }
    .dyn-proc-text-desc{        color: #000;       }
    .dyn-bglines-precontact::before{        top:-2rem; bottom: -5rem;     left: 20%; right: 0%;    }
    .dyn-contact-border{        border-left:none; }
    .dyn-wa{        width:45;   height:45;      }
    .dyn-wa-icon{               height:40px;    }
}
/* + + + + + + + + + + + + +     END MediaQueries utils     + + + + + + + + + + + + + */