/*
@font-face {
  font-family: gobcl;
  src: url("../fonts/gobCL_Regular.otf");
}*/

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    /* zoom: 90%; */
}

/*
btn {
	border: 2px solid white;
}

.h-custom {
	height: calc(100% - 73px);
}

.tooltip-pos{
	right: 0
}

span.error {
	color: #dc3545;
}

.branding {
	height: 2em;
}
*/

.container {
    width: 1360px !important;
}

.navbar-products {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
	background: url(../images/homepage/banner.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;  
    color: white;
}

.banner-degrade {
    display: flex;
    background: linear-gradient(to right, rgba(96,182,108,0.75), rgba(32,49,88,0.75)) !important;   
    height: min-content;
    padding: 0.5em;
    border: none !important;
    color: white !important;
    width: 100%;
    height: 101%;
}

/*
    position: relative;
    background: url(../images/homepage/banner.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;

    background: linear-gradient(to right, rgb(96,182,108), rgb(32,49,88)) !important;   
*/

.navbar-products h1 {
    margin: 0;
    padding: 0;
}

.central {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.info-products {
    text-align: justify;
}

.info-products h1 {
    font-size: 2em;
    text-align: left;
    margin: 0 auto 10px;
}

.h8em {
    height: 8em;
}

.margin8 {
    margin-top: 11em;
}

.rowline {
    display: flex;
    flex-direction: row;
}

.block {
    position: relative;
    background: white;
    border: 2px solid transparent;
    padding: 0 0.5em;
    z-index: 2;
    color: grey;
    text-align: center;
    font-size: 1.75em;
    line-height: 1.25;
    transition: 0.5s all;
    margin-bottom: 0.25em;
    width: 100%;
}

.column {
    display: flex;
    flex-direction: column;
}

.panel-info {
    margin: 0;
    padding: 0;
    border: 1px solid #60b66cbf;
}

.panel-heading {
    padding: 10px 30px;
    color: white !important;
    background: linear-gradient(to right, rgba(96,182,108,0.75), rgba(32,49,88,0.75)) !important;
}

.panel-body {
    padding: 25px 15px;
}

.progress {
    background-color: transparent;
}

.ums {
    position: relative;
    background: url(../images/homepage/bg-ums.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    width: auto;
    height: 45%;
}

.gda {
    position: relative;
    background: url(../images/homepage/bg-gda.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    width: auto;
    height: 50%;
}

.electrolight {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, rgba(68,168,216,0.75), rgba(98,178,47,0.75)) !important;  
    height: min-content;
    padding: 0.5em;
    border: none !important;
    color: white !important;
    position: absolute;
    text-align: left;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 101%;
}

.green {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, rgba(96,182,108,0.75), rgba(32,49,88,0.75)) !important;   
    height: min-content;
    padding: 0.5em;
    border: none !important;
    color: white !important;
    position: absolute;
    text-align: left;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 101%;
}

.btn-primary {
    background-color: #60b66c !important;
    background-image: none;
    border: none;
    transition: 0.5s all;
}

.btn-primary:hover {
    background-color: #203158 !important;
    transition: 0.5s all;
} 

/*
.banner {
    width: 98%;
    margin-top: 10px; 
    height: auto;
}

.banner img {
    max-width: 100%;
}
*/

/* ------------------ */
/*     SLIDER CSS     */
/* ------------------ */

.slider {
    width: 98%;
    margin: 10px 0;
    padding: 0;
}

.slider img {
    max-width: 100%;
    /*
    object-fit: cover;
    object-position: center;
    */
}

#slideshow {
    margin: 0;
    position: relative;
    width: auto;
    height: auto;
}

#slideshow > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#slideshow > div > img {
  max-width: 100%;
  z-index: -1;
}

#slideshow:hover i, #slideshow:hover .slider-dots{
  opacity: 1;
}

#slideshow > div > span {
  z-index: 0;
  position: absolute;  
  top: 4em;
  right: 5em;
  width: 250px;  
  transform: rotate(-20deg);
}

.slidebtn {
  z-index:99;
  background:transparent;
  outline:none;
  border:none;
  transition: all 0.3s;
}

.slidebtn:active,250px
.slidedtn:focus {
  outline:none;
}
 
.slidebtn i {
  color:#FFF;
  font-size:2em;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/*
.prev {
    position: absolute;
    font-size: 5em;
    top: 10px;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}

.next {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

.slider-dots {
  list-style: none;
  padding-left: 0;
  text-align: center;
  height: 6em;
  bottom: 0em;
  width: 100%;
  position: absolute;
  margin: 0 auto;
  transition: all 0.3s;
  z-index: 1;
}

.slider-dots li {
    color: #000;
    display: inline;
    font-size: 100px;
    margin-right: 5px;
    cursor:pointer;
}

.slider-dots li.active-dot {
    color: #fff;
}*/

/* ------------------ */
/*     NAVBAR CSS     */
/* ------------------ */

.navbar-footer {
    height: 26px;
    min-height: 26px;
    background-color: #f9f9f9;
    border-top: 1px solid #b7babe;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-footer .footer-tools {
    float: right;
    border-bottom: 0;
    font-size: 11px;
    margin: 0;
}

.navbar-footer .footer-tools>li>.tool {
    border-left: 1px solid #b7babe;
    line-height: 1;
    padding: 7px 10px;
}

.navbar-sec {
    background-color: #032b5e;
    border-color: #e7e7e7;
}

.panel {
   width: 600px;
    margin: 1px auto;
}

.panel2 {
	min-width: auto;
    margin: 1px auto;
}

body.modal-open {
    overflow: visible;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.wizard .wizard-body {
    background-color: #fcfcfc;
}
   /* 
.modal {
    position: relative;
    display: block;
    z-index: 1;
}*/

.modal .wizard nav {
    border-bottom-left-radius: 4px;
}

.modal .wizard .wizard-body {
    border-bottom-right-radius: 4px;
}
    
.panel .wizard nav {
    border-bottom-left-radius: 4px;
}

.panel .wizard .wizard-body {
    border-bottom-right-radius: 4px;
}

/*
.circle {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	font-size: 3.5em;
	color: rgba(24,55,94,1);
	margin: 0.5em auto;
	border: 3px solid rgba(24,55,94,1);
}

.circle-full  {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	font-size: 3.5em;
	color: white;
	margin: 0.5em auto;
	background: rgba(0,212,255,1);
	border: 3px solid rgba(0,212,255,1);
}

.column {
    display: flex;
    flex-direction: column;
}

.block, .block2 {
    background: white;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
    padding: 0.5em 0.3em;
    z-index: 2;
    color: grey;
    text-align: center;
    font-size: 1.5em;
    margin: 0.2em;
    transition: 0.5s all;
    line-height: normal;
    height: auto;
}

.block2 {
    background: transparent;
    position: relative;
    padding: 0em;
}

.block i, .block2 i {
    font-size: 4.5em;
    margin: 0.25em auto;
}

.block2 i {
    font-size: 6em;
    padding: 0em;
}

.block span {
    padding-top: 2em;
}

.block:hover {
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
    border: 2px solid #43a7d8;
    transition: 0.33s all;
    color: #43a7d8;
    cursor: pointer;
}

.block2:hover {
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
    transition: 0.33s all;
    cursor: pointer;
}

.rowline, .rowline2 {
    display: flex;
    flex-direction: row;
}

.center {
    display: flex;
}

.quarter {
    width: 24%;
}

.third {
    width: 33%;
}

.third-b {
    width: 30%;
}

.half {
    width: 50%;
}

.three-quarters {
    width: 75%;
}

.full {
    width: 100%;
}
*/

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */


/* FADING TOP */
.fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/* PULSATE */
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/*#signupModal .modal-content*/
	/*{*/
	/*	min-height:650px;*/
	/*}*/
	.modal-md2 {
		--mdb-modal-width: 650px;
	}
	.stepper{--mdb-steps-transition: height 0.2s ease-in-out;position:relative;padding:0;margin:0;width:100%;list-style:none;overflow:hidden;transition:var(--mdb-steps-transition)}.steps-step,.timeline-step,.stepper-vertical .stepper-step{--mdb-steps-step-after-left: 2.45rem;--mdb-steps-step-after-width: 1px;--mdb-steps-step-after-margin-top: 0.5rem;--mdb-steps-step-after-bg: rgba(var(--mdb-emphasis-color-rgb), 0.1);height:fit-content;position:relative}.steps-step-after,.timeline-step:after,.stepper-vertical .stepper-step:not(:last-child):after{position:absolute;left:var(--mdb-steps-step-after-left);width:var(--mdb-steps-step-after-width);margin-top:var(--mdb-steps-step-after-margin-top);content:"";background-color:var(--mdb-steps-step-after-bg)}.steps-content,.timeline-content,.stepper-vertical .stepper-content{--mdb-steps-content-padding-y: 1.5rem;overflow:hidden;padding-top:0;padding-bottom:var(--mdb-steps-content-padding-y);padding-right:var(--mdb-steps-content-padding-y)}.steps-head-vertical,.timeline-head,.stepper-vertical .stepper-head{--mdb-steps-head-vertical-padding-top: 1.5rem;--mdb-steps-head-vertical-padding-x: 1.5rem;padding-left:var(--mdb-steps-head-vertical-padding-x);padding-right:var(--mdb-steps-head-vertical-padding-x);padding-top:var(--mdb-steps-head-vertical-padding-top)}.steps-head-icon-vertical,.timeline-head-icon,.stepper-vertical .stepper-head-icon{--mdb-steps-head-icon-vertical-margin-right: 0.75rem;margin-right:var(--mdb-steps-head-icon-vertical-margin-right)}.steps-head-text-after-vertical,.stepper-vertical .stepper-head-text:after{position:absolute}.steps-head,.timeline-head,.stepper-head{--mdb-steps-head-line-height: 1.3;--mdb-steps-head-hover-bgc: rgba(var(--mdb-emphasis-color-rgb), 0.025);display:flex;align-items:center;text-decoration:none;color:unset;line-height:var(--mdb-steps-head-line-height)}.steps-head-hover,.stepper-head:hover{background-color:var(--mdb-steps-head-hover-bgc)}.steps-head-focus,.stepper-head:focus{outline:none}.steps-head-text,.timeline-head-text,.stepper-head-text{--mdb-steps-head-text-color: rgba(var(--mdb-emphasis-color-rgb), 0.55);--mdb-steps-head-text-after-font-size: 0.8rem;color:var(--mdb-steps-head-text-color)}.steps-head-text-after,.timeline-head-text:after,.stepper-head-text:after{display:flex;font-size:var(--mdb-steps-head-text-after-font-size);content:attr(data-mdb-content)}.steps-head-icon,.timeline-head-icon,.stepper-head-icon{--mdb-steps-head-icon-font-size: 0.875rem;--mdb-steps-head-icon-width: 1.938rem;--mdb-steps-head-icon-height: 1.938rem;--mdb-steps-head-icon-font-weight: 500;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:var(--mdb-steps-head-icon-font-size);width:var(--mdb-steps-head-icon-width);height:var(--mdb-steps-head-icon-height);font-weight:var(--mdb-steps-head-icon-font-weight)}.steps-active-head-text,.timeline-head-text,.stepper-active .stepper-head-text{--mdb-steps-active-head-text-font-weight: 500;font-weight:var(--mdb-steps-active-head-text-font-weight)}.stepper{--mdb-stepper-padding-x: 1rem;--mdb-stepper-step-height: 4.5rem;--mdb-stepper-step-head-padding-left: 0rem;--mdb-stepper-step-head-padding-right: 0rem;--mdb-stepper-step-head-height: 1px;--mdb-stepper-step-head-bg: rgba(var(--mdb-emphasis-color-rgb), 0.1);--mdb-stepper-step-head-margin-right: 0.5rem;--mdb-stepper-step-head-margin-left: 0.5rem;--mdb-stepper-head-icon-margin-y: 1.5rem;--mdb-stepper-head-icon-margin-right: 0.5rem;--mdb-stepper-vertical-step-top: 3.25rem;--mdb-stepper-vertical-step-height: calc(100% - 2.45rem);--mdb-stepper-vertical-content-padding-left: 3.75rem;--mdb-stepper-vertical-content-transition: height 0.3s ease-in-out, margin-top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;--mdb-stepper-vertical-head-padding-bottom: 1.5rem;--mdb-stepper-mobile-step-margin-y: 1rem;--mdb-stepper-mobile-step-head-padding-x: 0.25rem;--mdb-stepper-mobile-head-icon-height: 0.5rem;--mdb-stepper-mobile-head-icon-width: 0.5rem;--mdb-stepper-mobile-content-top: 2.56rem;--mdb-stepper-mobile-active-head-icon-bg: var(--mdb-primary);--mdb-stepper-mobile-completed-head-icon-bg: var(--mdb-success);--mdb-stepper-head-icon-bg: var(--mdb-surface-inverted-bg);--mdb-stepper-head-icon-color: var(--mdb-surface-inverted-color);--mdb-stepper-completed-head-icon-bg: var(--mdb-success-bg-subtle);--mdb-stepper-completed-head-icon-color: var(--mdb-success-text-emphasis);--mdb-stepper-active-head-icon-bg: var(--mdb-primary-bg-subtle);--mdb-stepper-active-head-icon-color: var(--mdb-primary-text-emphasis);--mdb-stepper-invalid-head-icon-bg: var(--mdb-danger-bg-subtle);--mdb-stepper-invalid-head-icon-color: var(--mdb-danger-text-emphasis);--mdb-stepper-disabled-head-color: rgba(var(--mdb-emphasis-color-rgb), 0.3);--mdb-stepper-disabled-head-icon-bg: var(--mdb-surface-inverted-bg);--mdb-stepper-disabled-head-icon-color: rgba(var(--mdb-surface-inverted-color-rgb), 0.55);--mdb-stepper-mobile-head-padding-y: 0.5rem;--mdb-stepper-mobile-head-padding-x: 1rem;--mdb-stepper-mobile-footer-height: 2.5rem;--mdb-stepper-back-btn-i-margin-right: 0.5rem;--mdb-stepper-next-btn-i-margin-left: 0.5rem;--mdb-stepper-mobile-progress-bar-height: 0.3rem;--mdb-stepper-mobile-progress-height: 0.3rem;--mdb-stepper-mobile-progress-background-color: var(--mdb-secondary-bg);--mdb-stepper-mobile-active-progress-bar-color: var(--mdb-primary);--mdb-stepper-mobile-footer-bg: var(--mdb-stepper-mobile-bg);--mdb-stepper-mobile-head-bg: var(--mdb-stepper-mobile-bg);--mdb-stepper-mobile-invalid-icon-bg: var(--mdb-danger)}.stepper:not(.stepper-vertical){display:flex;justify-content:space-between}.stepper:not(.stepper-vertical) .stepper-content{position:absolute;width:100%;padding-right:var(--mdb-stepper-padding-x);padding-left:var(--mdb-stepper-padding-x)}.stepper:not(.stepper-vertical) .stepper-step{flex:auto;height:var(--mdb-stepper-step-height)}.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head{padding-left:var(--mdb-stepper-step-head-padding-left)}.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head{padding-right:var(--mdb-stepper-step-head-padding-right)}.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before{flex:1;height:var(--mdb-stepper-step-head-height);width:100%;margin-right:var(--mdb-stepper-step-head-margin-right);content:"";background-color:var(--mdb-stepper-step-head-bg)}.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after{flex:1;height:var(--mdb-stepper-step-head-height);width:100%;margin-left:var(--mdb-stepper-step-head-margin-left);content:"";background-color:var(--mdb-stepper-step-head-bg)}.stepper:not(.stepper-vertical) .stepper-head-icon{margin-top:var(--mdb-stepper-head-icon-margin-y);margin-right:var(--mdb-stepper-head-icon-margin-right);margin-bottom:var(--mdb-stepper-head-icon-margin-y);margin-left:0}.stepper-vertical .stepper-step:not(:last-child):after{top:var(--mdb-stepper-vertical-step-top);height:var(--mdb-stepper-vertical-step-height)}.stepper-vertical .stepper-content{padding-left:var(--mdb-stepper-vertical-content-padding-left);transition:var(--mdb-stepper-vertical-content-transition)}.stepper-vertical .stepper-content-hide{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;height:0 !important}.stepper-vertical .stepper-head{padding-bottom:var(--mdb-stepper-vertical-head-padding-bottom)}.stepper.stepper-mobile{justify-content:center;align-items:flex-end}.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon{display:none}.stepper.stepper-mobile .stepper-step{flex:unset;height:fit-content;margin-top:var(--mdb-stepper-mobile-step-margin-y);margin-bottom:var(--mdb-stepper-mobile-step-margin-y)}.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after{margin-left:0}.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before{margin-right:0}.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head{padding-left:var(--mdb-stepper-mobile-step-head-padding-x);padding-right:var(--mdb-stepper-mobile-step-head-padding-x)}.stepper.stepper-mobile .stepper-head-icon{font-size:0;margin:0;height:var(--mdb-stepper-mobile-head-icon-height);width:var(--mdb-stepper-mobile-head-icon-width);z-index:1}.stepper.stepper-mobile .stepper-head-text{display:none}.stepper.stepper-mobile .stepper-content{top:var(--mdb-stepper-mobile-content-top)}.stepper.stepper-mobile .stepper-active .stepper-head-icon{background-color:var(--mdb-stepper-mobile-active-head-icon-bg)}.stepper.stepper-mobile .stepper-completed .stepper-head-icon{background-color:var(--mdb-stepper-mobile-completed-head-icon-bg)}.stepper.stepper-mobile .stepper-invalid .stepper-head-icon{background-color:var(--mdb-stepper-mobile-invalid-icon-bg)}.stepper-form{display:inherit;justify-content:inherit;width:inherit;position:inherit}.stepper-content{left:0}.stepper-head{cursor:pointer}.stepper-head-icon{background-color:var(--mdb-stepper-head-icon-bg);color:var(--mdb-stepper-head-icon-color)}.stepper-completed .stepper-head-icon{background-color:var(--mdb-stepper-completed-head-icon-bg);color:var(--mdb-stepper-completed-head-icon-color)}.stepper-active .stepper-content{display:block}.stepper-active .stepper-head-icon{background-color:var(--mdb-stepper-active-head-icon-bg);color:var(--mdb-stepper-active-head-icon-color)}.stepper-invalid .stepper-head-icon{background-color:var(--mdb-stepper-invalid-head-icon-bg);color:var(--mdb-stepper-invalid-head-icon-color)}.stepper-disabled .stepper-head{cursor:default}.stepper-disabled .stepper-head-icon{background-color:var(--mdb-stepper-disabled-head-icon-bg);color:var(--mdb-stepper-disabled-head-icon-color)}.stepper-disabled .stepper-head-text{color:var(--mdb-stepper-disabled-head-color)}.stepper-mobile-head{position:absolute;align-self:normal;height:fit-content;background-color:var(--mdb-stepper-mobile-head-bg);width:100%;padding-top:var(--mdb-stepper-mobile-head-padding-y);padding-right:var(--mdb-stepper-mobile-head-padding-x);padding-bottom:var(--mdb-stepper-mobile-head-padding-y);padding-left:var(--mdb-stepper-mobile-head-padding-x)}.stepper-mobile-footer{position:absolute;display:flex;justify-content:space-between;align-items:center;background-color:var(--mdb-stepper-mobile-footer-bg);width:100%;height:var(--mdb-stepper-mobile-footer-height)}.stepper-back-btn{display:block;left:0}.stepper-back-btn .btn-link{color:unset}.stepper-back-btn i{margin-right:var(--mdb-stepper-back-btn-i-margin-right)}.stepper-next-btn{display:block;right:0}.stepper-next-btn .btn-link{color:unset}.stepper-next-btn i{margin-left:var(--mdb-stepper-next-btn-i-margin-left)}.stepper-mobile-progress-bar{height:var(--mdb-stepper-mobile-progress-bar-height);background-color:var(--mdb-stepper-mobile-active-progress-bar-color);width:0}.stepper-mobile-progress{height:var(--mdb-stepper-mobile-progress-height);flex-grow:100;background-color:var(--mdb-stepper-mobile-progress-background-color)}

@media (max-width: 450px) {
	.h-custom {
		height: 100%;
	}
}

/***** BREAKPOINTS *****/

/*  Large Devices (laptop /desktop) - 1080px an up  */
@media only screen and (max-width: 1080px) {

    h1 {
        margin: 1em auto 0.25em auto;
        font-size: 2em;
    }

    main {
        padding: 0.5em;
    }

    .container {
        width: 100% !important;
        margin: 0.8em 0em;
    }

    .margin8 {
        margin-top: 12em;
    }

    .banner {
        width: 100%;
        margin-bottom: 2em;
    }

    .block, .block2 {
        font-size: 1.25em;
        width: auto;
    }

    .block2 {
        background: transparent;
        height: 12em;
        width: 100%;
    }

    .rowline2 {
        display: flex;
        flex-direction: column;
    }

    .column-row {
        display: flex;
        flex-direction: row;
    }

    .blue, .green, .electrolight, .bluepurple {
        width: 100.4%;
        height: 101%;
    }
}

/*  Large Devices (landscape tablets) - 768px an up  */
@media only screen and (max-width: 768px) {

    h1 {
        margin: 2em auto 0.25em auto;
        font-size: 2em;
    }

    h2 {
        font-size: 1.75em;
        margin: 0.1em;
    }

    h3 {
        font-size: 1.25em;
        margin: 0em;
    }

    em {
        font-size: 1em;
    }

    #plain {
        margin: auto;
        width: 600px;
    }
    
    .modal .modal-dialog {
        width: 600px;
    }
    
    .panel {
        width: 600px;
        margin: 1px auto;
    }

    .col-7, .col-5 {
        width: 100%;
        margin: 1em;
    }

    .navbar-pmgd {
        height: 4em;
    }

    .big-title2 {
        width: 90%;
        margin: 0 5%;
        top: 25%;
    }

    .slider {
        width: 100%;
        height: 50vh;
    }

    .logo {
        width: 11em;
        margin: 1em 37%;
    }

    .big-title {
        top: 12%;
    }

    .degrade-pmgd, .degrade-pip {
        width: 100%;
        height: 50vh;
    }

    .column-row {
        display: flex;
        flex-direction: column;
    }

    .block {
        font-size: 1.5em;
        margin: 0.3em 0;
    }

    .block2 {
        font-size: 1.5em;
        margin: 0.25em !important;
        height: 10em;
        width: auto;
    }

    .ums, .gda {
        height: 7em;    
    }

    .col-sm-6 {
        margin: 0.75em 0;
        padding: 0;
    }

    .block i {
        font-size: 5em;
    }

    .block2 i {
        font-size: 4em !important;
    }

    .rowline, .rowline2 {
        flex-direction: column;
    }

    .others {
        margin: 0.25em !important;
    }

    .others img {
        max-width: 35% !important;
        position: relative;
        top: -3.5em;
        margin: 0 auto;
    }

    .scale:hover {
        transform: scale(1.025);
        transition: 0.33s all;
    }

    .border-box i {
        font-size: 3.5em !important;
        margin: auto 0;
    }

    .border-box {
        font-size: 0.85em;
    }   

    .active:has(i:hover) {
        transform: scale(1.05);
    }

    table {
        font-size: 0.75em;
    }

    tbody button i {
        font-size: 3.5em !important;
        transition: 0.5s all;
    }
}

/*  Large Devices (landscape tablets) - 600px an up  */
@media only screen and (max-width: 600px) {

    .navbar-products {
        height: 8em;
    }

    h1 {
        margin: 2em auto 0.25em auto;
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.5em;
        margin: 0.1em;
    }

    .plus {
        font-size: 5em;
    }

    tbody button i {
        font-size: 3em !important;
        transition: 0.5s all;
    }

    .schedule {
        width: inherit;
        font-size: 1em !important;
        margin: 0.75em 0.25em;
    }

    .overflow {
        overflow-x: auto;
        padding-top: 0.5em;
        scrollbar-color: #43a7d8 white;
        scrollbar-width: thin;
        scrollbar-gutter: auto;
    }

    .view768 {
        width: 768px;
        margin: 1em auto;
        font-size: 1em;
    }

    .inners {
        margin: 1em auto;
    }

    .logo {
        width: 10em;
        margin: 2em 33%;
    }

    .mobile-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-wrap .quarter {
        width: 43.75%;
        margin: 0.5em auto;
    }

    .third-b {
        width: 45%;
    }

    .block {
        margin: 1.5% 1%;
    }

    .block i {
        font-size: 6.5em;
    }

    .block2 {
        font-size: 1em;
    }

    .block2 i {
        font-size: 4em !important;
    }

    .logo {
        width: 9em;
        margin: 2em 37.5%;
    }

    .slider {
        height: 45vh;
    }

    .degrade {
        height: 45vh;
    }

    .line-block {
        margin: 0.75em auto;
    }

    .panel {
        width: 90%;
        margin: 1px auto;
    }
}


/*  Large Devices (landscape tablets) - 480px an up  */
@media only screen and (max-width: 400px) {

    .logo {
        width: 9em;
        margin: 2em 32%;
    }

    h1 {
        margin: 2.75em auto 0.25em auto;
        font-size: 1.75em;
    }

    h2 {
        font-size: 1.25em;
        margin: 0.1em;
    }

    .mobile-wrap .quarter {
        width: 42.5%;
    }

    .third-b {
        width: 44%;
    }

}