/* css reset */

#prod-desc-container,#prod-desc-container *{box-sizing:border-box}
#prod-desc-container{font-size:16px;max-width:930px;margin:0 auto;
   /*  font-family: 'Poppins', sans-serif; */
    font-family: 'Cabinet Grotesk', sans-serif;
}
#prod-desc-container .headline-1{font-size:1.75em;margin:14px 14px 0px 14px}
#prod-desc-container .headline-2{font-size:1.5em;margin:14px 14px 0px 14px}
#prod-desc-container .paragraph{margin:14px; line-height: 1.5;}
#prod-desc-container .desc-img.lazy,#prod-desc-container .desc-img{width:initial;max-width:100%;height:auto}

#prod-desc-container .m-bottom-1{margin-bottom: 14px;}
#prod-desc-container .m-bottom-2{margin-bottom: 24px;}
#prod-desc-container .m-top-1{ margin-top: 14px; }
#prod-desc-container .m-top-2{ margin-top: 24px;}

#prod-desc-container .clr-primiary{
    color: #000;
}
#prod-desc-container .txt-bold{
    font-weight: 500;
}
/* COLOR TOP - START */
#prod-desc-container .bg-top-50pct{
    background: white;
}
#prod-desc-container .prod-top .col-2 .headline-1,
#prod-desc-container .prod-top .col-2 .headline-2
{
    color: black;
}
#prod-desc-container .prod-top{
    background-color:  white;
    color:black;
}



/* COLOR TOP - END  */
/* TOP */
#prod-desc-container .main-device{
    max-height:540px;
    margin:1em 0;
}

#prod-desc-container .prod-top .col-2{
    text-align:center;
    margin: auto 0;
    padding: 0 54px;
}
#prod-desc-container .prod-top .col-2 .prod-logo, #prod-desc-container .prod-top .col-2 .prod-series{
    max-width:80%;
    margin:1em;
}

/*YOUTUBE*/
#prod-desc-container .lay-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#prod-desc-container .lay-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* FEATURES */
#prod-desc-container .features {
    width:100%;
}

#prod-desc-container .item-features{
    text-transform: uppercase;
    text-align: center;
   /*  padding: .5rem; */
}


/* ICONS */
#prod-desc-container .prod-icons{
    background-color: rgb(0, 0, 0);
    color:rgb(255, 255, 255);
    padding:2em;
}

#prod-desc-container .prod-icon{
    padding:25px;
}

#prod-desc-container .prod-icons .prod-icon {
  height: auto;
  width:auto;
  margin:14px 14px 0 14px;
}

.section-title {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.section-title b {
    height: 1px;
    opacity: 0.2;
}

.section-title b {
    background-color: currentColor;
    display: block;
    flex: 1;
	margin:5px;
}

#prod-desc-container h3.title-1{border-bottom: 2px solid #ececec;text-align:left;}
#prod-desc-container span.title-1{border-bottom:2px solid rgba(0,0,0,.1);margin-bottom:-2px;margin-right:15px;padding-bottom:2.5px}

#prod-desc-container .flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
#prod-desc-container .col{padding:0em}
#prod-desc-container .col-1{width:100%;padding:13px;}
#prod-desc-container .col-2{width:50%}
#prod-desc-container .col-1-25{width:25%}
#prod-desc-container .col-2-30{width:30%;display:flex;justify-content:center;}
#prod-desc-container .col-2-70{width:70%;display:flex;align-content:center;align-items:center}

#prod-desc-container .fancy-underline{position:relative;}
#prod-desc-container .fancy-underline:after {background: url(./../img/underline.png) 50% top no-repeat;background-size: 100% 9px;border-radius:999px;color:green;content:"";height:9px;image-rendering:-webkit-optimize-contrast;left:0;position:absolute;right:0;top:80%;}

#prod-desc-container .bottom-pict{width:450px;}

#prod-desc-container .lheight-35{line-height:35px;}

#prod-desc-container .movie-1{margin:0px}

#prod-desc-container .photos { display:flex;flex-wrap:wrap;}

#prod-desc-container .col.center{justify-content:center;text-align:center;display:flex;flex-wrap:wrap;align-content:center}

@media screen and (max-width: 919px) {
    #prod-desc-container{font-size:14px;max-width:100%}
    #prod-desc-container .col-1,#prod-desc-container .col-2{width:100%}


    #prod-desc-container .prod-top .col-2 .prod-logo{
        max-width:55%;
        margin:2.5em 0 1em 0;
    }
}