:root {
    --p:16px;
    --h2:40px;
    --h3:28px;
    --h4:24px;
    --h5:20px;
    --p-m:14px;
    --h2-m:28px;
    --h3-m:22px;
    --h4-m:20px;
    --h5-m:18px;

    --blue:#153d8a;
    --light-blue: #009bd9;
    --white: #fff;
    --black: #1f1f1f;
    --stroke-grey: #ccc;
    --bg-grey: #f1f1f1;
    --bg-blue: rgba(21,61,138,0.1);
    --grey: #999;
    --transparent: rgba(255,255,255,0);

    --shadow: 5px 10px 15px rgba(0,0,0,0.2);

    --font: "UniversLTStd", Helvetica;
    --font-bold:"UniversLTStd-Bold",Helvetica;
    --font-black: "UniversBlack", Helvetica;

}


* {
    box-sizing: border-box;
  }

@font-face {
	font-family: 'UniversLTStd';
	src: url('../font/UniversLTStd.otf') format('opentype');
	font-style: normal;
}
@font-face {
	font-family: 'UniversLTStd-Bold';
	src: url('../font/UniversLTStd-Bold.otf') format('opentype');
	font-style: normal;
}
@font-face {
	font-family: 'UniversBlack';
	src: url('../font/univers-75-black.ttf') format('truetype');
	font-style: normal;
}
#los-page-container body,
#los-page-container html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

#los-page-container h1, #los-page-container h2{
    font-family: var(--font-bold) !important;
    color:var(--blue) !important;
    line-height:120%;
    font-size:var(--h2) !important;
    margin:0;
    padding:0;
}

#los-page-container h3{
    font-family: var(--font-bold);
    font-weight:bold;
    color:var(--blue);
    line-height:120%;
    font-size:var(--h3);
    margin:0;
    padding:0;
}

#los-page-container h4{
    font-family: var(--font-bold);
    font-weight:normal;
    color:var(--white);
    line-height:120%;
    font-size:var(--h4);
    margin:0;
    padding:0;
}

#los-page-container h5{
    font-family: var(--font-bold);
    font-weight:normal;
    color:var(--black);
    line-height:120%;
    font-size:var(--h5);
    margin:0;
    padding:0;
}
#los-page-container ul{
    margin-top:0;
}
#los-page-container p,#los-page-container li{
    font-family: var(--font);
    font-weight:normal;
    color:var(--black);
    line-height:150%;
    font-size:var(--p);
    margin-bottom:12px;
    margin-top:0;
}
#los-page-container a{
    font-family: var(--font);
    font-weight:normal;
    color:var(--black);
    line-height:150%;
    font-size:var(--p);
    margin-bottom:0;
    margin-top:0;
    transition:color 0.4s ease;
}
#los-page-container a:hover{
    color:var(--light-blue) !important;
}
#los-page-container .bold{
    font-family: var(--font-bold);
}
#los-page-container b{
    font-family: var(--font-bold);
    font-weight:normal;
    color:var(--black);
    line-height:150%;
    font-size:var(--p);
    margin-bottom:12px;
    margin-top:0;
}
#los-page-container .wrapper{
    width:100%;
    display:flex;
    flex-direction: column;
    align-items: center;
}
#los-page-container img{
    border-radius:4px;
}
#los-page-container .three-column{
    width:calc((100% - 40px)/3);
}
#los-page-container .two-column{
    width:calc((100% - 20px) /2);
}
#los-page-container .four-column{
    width:calc((100% - 60px)/4);
}
#los-page-container .five-column{
    width:calc((100% - 80px)/5);
}
#los-page-container .two-column.gap60{
    width:calc((100% - 60px)/2);
    min-width:calc((100% - 60px)/2);
}
#los-page-container .two-column-1-3{
    width:calc((100% - 60px)/3);
}
#los-page-container .two-column-2-3{
    width:calc((100% - 60px)/3*2);
}
#los-page-container .big-text{
    font-size:56px;
}
#los-page-container .bg-lightblue{
    background-color:var(--bg-blue) !important;
}
#los-page-container .bg-white{
    background-color:var(--white);
}
#los-page-container .bg-gray{
    background-color:var(--bg-grey) !important;
}
#los-page-container .flex{
    display:flex;
    flex-direction: column;
}
#los-page-container .flexrow{
    display:flex;
    flex-direction: row;
    width:100%;
}
#los-page-container .flexcolumn{
    display:flex;
    flex-direction: column;
    width:100%;
}
#los-page-container .flexwrap{
    flex-wrap:wrap;
}
#los-page-container .gap60{
    gap:60px;
}
#los-page-container .gap40{
    gap:40px;
}
#los-page-container .gap20{
    gap:20px;
}
#los-page-container .gap10{
    gap:10px;
}
#los-page-container .space-between{
    align-content:space-between;
    justify-content: space-between;
}
#los-page-container .vertical-center{
    align-items:center;
}
#los-page-container .round-corner{
    border-radius:4px;
    overflow:hidden;
}
#los-page-container .wrapper.ogl section{
    padding:80px 0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
#los-page-container .content-wrapper{
    width:1300px;
    display:flex;
    flex-direction: column;
    gap:40px;
    position:relative;
}
#los-page-container .text-block{
    display:flex;
    flex-direction:column;
    gap:20px;
    width:100%;
}
#los-page-container .text-block.tight{
    gap:10px;
}
#los-page-container .text-block p{
    margin-bottom:0;
}
#los-page-container .pad80{
    padding-top:80px !important;
    padding-bottom:80px !important;
}
#los-page-container .pad40{
    padding-top:40px !important;
    padding-bottom:40px !important;
}
#los-page-container .pad20{
    padding-top:20px !important;
    padding-bottom:20px !important;
}
#los-page-container .pad0{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
#los-page-container .pad-h40{
    padding-left:40px !important;
    padding-right:40px !important;
}
#los-page-container .bg-blue{
    background-color:var(--blue) !important;
    color:var(--white);
}
#los-page-container .white-text{
    color:var(--white) !important;
}
#los-page-container .blue-text{
    color:var(--blue) !important;
}
#los-page-container .lightblue-text{
    color:var(--light-blue) !important;
}
#los-page-container .mainbutton{
    padding:12px 50px;
    background:var(--blue);
    color:var(--white);
    text-transform: uppercase;
    font-size: var(--p);
    font-weight: bold;
    font-family: var(--font);
    transition: all 0.3s;
    text-decoration: none;
    border-radius: 100px;
    width: fit-content;
    display:block;
    text-align: center;
}
#los-page-container .mainbutton span{
    padding-left:1px;
}
#los-page-container .mainbutton:hover{
    background:var(--light-blue);
    color:var(--white) !important;
}
#los-page-container .secondary-button{
    padding:12px 50px;
    background:var(--transparent);
    color:var(--blue);
    border:1px solid var(--blue);
    text-transform: uppercase;
    font-size: var(--p);
    font-weight: bold;
    font-family: var(--font);
    transition: all 0.3s;
    text-decoration: none;
    border-radius: 100px;
    width: fit-content;
    display:block;
    text-align: center;
}
#los-page-container .secondary-button:hover{
    background:var(--blue);
    color:var(--white) !important;
}
#los-page-container .flexcenter{
    justify-content: center;
    align-items: center;
}
#los-page-container .hidden{
    display:none;
}
#los-page-container .img-wrapper{
    width:100%;
}
#los-page-container .img-wrapper img{
    width:100%;
}
#los-page-container .text-center{
    text-align:center;
}
#los-page-container .hide-desktop{
    display:none;
}
@media(max-width:1300px){
    #los-page-container .content-wrapper{
        width:100%;
        padding:0 40px;
    }
    #los-page-container section{
        padding:60px 0;
    }
    #los-page-container .gap40{
        gap:20px;
    }
    #los-page-container .gap60{
        gap:40px;
    }
    #los-page-container ul{
        padding-left:18px;
    }
    #los-page-container .big-text{
        font-size:40px;
    }
}
@media (max-width:1000px) {
    #los-page-container header, #los-page-container footer{
        overflow:hidden;
    }
    #los-page-container .hide-desktop{
        display:block;
    }

    #los-page-container .two-column,#los-page-container .three-column,#los-page-container .four-column,#los-page-container .five-column,#los-page-container .two-column-1-3,#los-page-container .two-column-2-3{
        width:100%;
        min-width:100%;
    }
    #los-page-container .two-column.gap60{
        width:100%;
        min-width:100%;
    }
    #los-page-container p,#los-page-container li,#los-page-container a{
        font-size:var(--p-m) !important;
    }
    #los-page-container h1,#los-page-container h2{
        font-size: var(--h2-m) !important;
        font-family: var(--font-bold) !important;
    }
    #los-page-container h3{
        font-size: var(--h3-m) !important;
    }
    #los-page-container h4{
        font-size:var(--h4-m) !important;
    }
    #los-page-container h5{
        font-size:var(--h5-m) !important;
    }
    #los-page-container .wrapper.ogl section{
        padding:40px 0;
    }
    #los-page-container .flexrow{
        flex-direction: column;
    }
    #los-page-container .flexrow.m-flexrow{
        flex-direction: row;
    }
    #los-page-container .gap40,#los-page-container .gap60{
        gap:20px;
    }
    #los-page-container .mainbutton{
        padding:12px 0;
        width:100%;
        display:block;
        text-align: center;
        font-size:var(--p-m);
    }
    #los-page-container .secondary-button{
        padding:12px 0;
        width:100%;
        display:block;
        text-align: center;
        font-size:var(--p-m);
    }
    #los-page-container .pad80{
        padding-top:40px;
        padding-bottom:40px;
    }
}

/*-----------
Animation
-------------*/

#los-page-container .fade-up{
    opacity:0;
    transform:translateY(100px);
    visibility: hidden;
      transition: opacity 0.6s ease-out, transform 1.2s ease-out;
      will-change: opacity, visibility;
}
#los-page-container .fade-right{
    opacity:0;
    transform:translateX(100px);
    visibility: hidden;
      transition: opacity 0.5s ease-out, transform 1s ease-out;
      will-change: opacity, visibility;
    transition-delay:0.2s;
}

#los-page-container .fade-left{
    opacity:0;
    transform:translateX(-100px);
    visibility: hidden;
      transition: opacity 0.5s ease-out, transform 1s ease-out;
      will-change: opacity, visibility;
    transition-delay:0.1s;
}
#los-page-container .fade-up.faded,
#los-page-container .fade-right.faded,
#los-page-container .fade-left.faded{
    opacity:1;
    transform:translateX(0);
    transform:translateY(0);
    visibility:visible;
}
#los-page-container .fade{
    opacity:1;
    transform:translateY(100px);
    animation: fade 1s ease-out forwards;
}
#los-page-container .scale-in{
    transform:scale(0);
    transition:all 0.8s;
}
#los-page-container .scale-in.scaled{
    transform: scale(1);
}
@keyframes fade{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* HEADER */
#los-page-container #header{
    width:100%;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:20px;
    border-bottom:1px solid var(--stroke-grey);
    padding:0;
}
#los-page-container .topbanner{
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-height:500px;
    width: 100%;
}
#los-page-container #header .ogl-nav-wrapper{
    background-color:transparent !important;
    padding:0 !important;
}
#los-page-container #header .topbanner img{
    min-width:100%;
    max-width: 100%;
}
#los-page-container #header .mainheader{
    width:1300px;
    display:flex;
    flex-direction: column;
    gap:40px;
}
#los-page-container #header .mainheader .topnav{
    display:flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding:20px 0;
}
#los-page-container .topnav img{
    width:178px;
}
#los-page-container #lan-dropdown{
    max-height: 108px;
    position: absolute;
    z-index: 100;
    transition: max-height 0.5s ease;
    background-color:var(--white);
    border:1px solid var(--stroke-grey);
    border-radius:5px;
    overflow:hidden;
    width:160px;
    margin-top:10px;
}
#los-page-container #lan-dropdown.hide{
    max-height:0px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    border:none;
}
#los-page-container #lan-dropdown img{
    width:24px;
    height:24px;
}
#los-page-container #lan-dropdown .lan{
    display:flex;
    gap:20px;
    position:relative;
    align-items: center;
    padding:8px;
    cursor: pointer;
}
#los-page-container #lan-dropdown .lan:hover{
background-color:var(--bg-grey);
transition: background-color 0.5s ease;
}
#los-page-container #lan-dropdown .lan p{
    margin-bottom:0;
    padding-bottom:0;
    font-family: var(--font-bold);
}
#los-page-container .lan.active{
    background-color:var(--bg-grey);
    border-radius:3px;
}
#los-page-container a.lan{
    text-decoration: none !important;
}
#los-page-container .dropdown-wrapper{
    margin:8px;
    display:flex;
    flex-direction: column;
    gap:10px;
}
#los-page-container .lan-wrapper{
    display:flex;
    align-items:center;
    justify-content: flex-end;
    gap:10px;
    width:160px;
    cursor: pointer;
}
#los-page-container .lan-wrapper p{
    margin-bottom: 0;
    padding-bottom: 0;
}
#los-page-container .lan-wrapper img{
    width:24px;
    height:24px;
    transform:rotate(0deg);
    transition:transform 0.5s ease;
}

#los-page-container .lan-wrapper p{
    padding-bottom:0;
    color:var(--black);
    font-weight: bold;
}
#los-page-container .nav{
    display: flex;
    justify-content: space-around;
    width:1300px;
}
#los-page-container .ogl-nav-wrapper{
    width:100%;
    display:flex;
    justify-content: space-around;
}
#los-page-container a.navitem{
    color:var(--black);
    font-weight:bold;
    font-size: var(--h5);
    font-family:var(--font);
    text-decoration: none;
    display: block;
    flex-grow: 1;
}
#los-page-container a.navitem h5{
    padding:15px 25px;
    transition: all 0.3s;
    text-align: center;
}
#los-page-container a.navitem:hover h5{
    color:var(--light-blue);

}
#los-page-container a.navitem.active h5{
    color:var(--light-blue);
}
#los-page-container a.navitem .nav-indicator{
    height:4px;
    max-width:0;
    transition:max-width 0.5s ease;
    background-color:var(--blue);
    position:relative;
    top:2px;
}
#los-page-container a.navitem:hover .nav-indicator{
    max-width:100%;
}
#los-page-container a.navitem.active .nav-indicator{
    max-width:100%;
}
@media (max-width:1300px) {
    #los-page-container #header .mainheader{
        width:100%;
    }
    #los-page-container .nav{
        width:100%;
    }
    #los-page-container #header .mainheader .topnav{
        padding:0 40px;
    }
    #los-page-container a.navitem h5{
        text-align:center;
        height:calc(100% - 4px);
        display:flex;
        align-items: center;
    }
}
@media(max-width:1000px){
    #los-page-container #header .mainheader{
        width:100%;
        padding-bottom:40px;
    }
    #los-page-container #header .mainheader .topnav{
        padding:0 40px;
    }
    #los-page-container #header{
        border:none;
    }
    #los-page-container .mobile-menu{
        width:100%;
        background-color: var(--blue);
        color:var(--white);
        font-family: var(--font-bold);
        font-size:var(--h5);
        text-align: center;
        padding:10px;
        cursor: pointer;
    }
    #los-page-container .ogl-nav-wrapper.hide{
        max-height:0;
        overflow: hidden;
    }
    #los-page-container .nav{
        display:block;
        width:100%;
    }
    #los-page-container .ogl-nav-wrapper{
        display:flex;
        flex-direction:column;
        background-color: var(--white);
        z-index: 100;
        position: relative;
        width:100%;
        box-shadow:5px 15px 25px rgba(0,0,0,0.1);
    }
    #los-page-container #header .mainheader{
        gap:20px;
    }
    #los-page-container a.navitem.active{
        border:none;
        background:var(--bg-blue);
    }
    #los-page-container a.navitem.active .nav-indicator{
        display:none;
    }
}
/*LOS*/
#los-page-container .wrapper.ogl .topsection{
    display:flex;
    width:1300px;
    padding:80px 0;
    gap:60px;
    align-items: center;
}
#los-page-container .topsection .flexrow{
    align-items: center;
}
#los-page-container .topsection .maintext{
    width: 650px;
    display:flex;
    flex-direction: column;
    gap:20px;
}
#los-page-container .topsection .maintext h4{
    color:var(--blue);
}
#los-page-container .topsection .maintext div:first-child{
    display: flex;
    flex-direction: column;
    gap:10px;
}

#los-page-container .topsection .mainimg{
    width:590px;
}
#los-page-container .topsection .mainimg img{
    width:100%;
}
@media (max-width:1300px) {
    #los-page-container .topsection{
        width:100%;
        padding:80px 40px 0 40px;
    }
    #los-page-container .maintext .flexrow{
        flex-direction: column;
        align-items: flex-start;
    }
}
@media(max-width:1000px){
    #los-page-container .wrapper.ogl .topsection{
        width:100%;
        padding:0 40px;
    }
    #los-page-container .topsection .flexrow{
        flex-direction:column-reverse;
        gap:20px;
    }
    #los-page-container .topsection .mainimg{
        width:100%;
    }
    #los-page-container .topsection .maintext{
        width: 100%;
    }
}

/*SOLUTIONS*/
#los-page-container #solutions{
    width:1300px;
    display:flex;
    flex-direction: column;
    gap:40px;
    padding:0;
}
#los-page-container #solutions .infoboxes{
    display: flex;
    flex-direction: column;
    gap:20px;
}
#los-page-container #solutions .infoboxes > div{
    display: flex;
    gap:20px;
}
#los-page-container div.infobox-3column{
    height:450px;
}
#los-page-container div.infobox-2column{
    height:350px;
}
#los-page-container div.single-infobox{
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius:4px;
}
#los-page-container div.single-infobox a{
    text-decoration: none;
}
#los-page-container div.single-infobox  .content{
    height:78px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    padding:32px;
    gap:10px;
    transition:all 1s;
}
#los-page-container div.single-infobox .content div:first-child{
    display:flex;
    flex-direction: column;
    gap:10px;
    justify-content: flex-end;
    height:100%;
}
#los-page-container div.single-infobox .content h3{
    text-transform: uppercase;
}
#los-page-container div.single-infobox .content h3,
#los-page-container div.single-infobox .content p{
    color:var(--white);
    text-decoration: none;
}
#los-page-container div.single-infobox .content p,
#los-page-container div.single-infobox .content .arrow{
    max-height:0;
    overflow: hidden;
    transition: all 0.5s;
    margin:0;
    height:0;
}
#los-page-container #infobox-analysis{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/dielectric-oil-analysis-LOS.jpg);
    background-blend-mode: hard-light, color, normal;
    transition:all 1s;
    background-size:100%;
    background-position:center;
}
#los-page-container #infobox-analysis:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/dielectric-oil-analysis-LOS.jpg);
    background-position:center;
}
#los-page-container div.infobox-3column:hover .content p{
    max-height:120px;
    height:120px;
}
#los-page-container div.infobox-2column:hover .content p{
    max-height:80px;
    height:80px;
}
#los-page-container div.single-infobox:hover .content .arrow{
    max-height: 30px;
    height:30px;
}
#los-page-container div.single-infobox:hover{
    background-size:120% !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: all 1s ease;
}
#los-page-container div.infobox-3column:hover .content{
    height:320px;
}
#los-page-container div.infobox-2column:hover .content{
    height:250px;
}
#los-page-container div.single-infobox:hover .content div:first-child{
    height:fit-content;
}
#los-page-container #infobox-fleet{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/dielectric-oil-analysis-LOS.png);
    background-blend-mode: hard-light, color, normal;
    transition:all 0.5s;
    background-size:100%;
    background-position:center;
}
#los-page-container #infobox-fleet:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/dielectric-oil-analysis-LOS.png);
    background-position:center;
}
#los-page-container #infobox-monitoring{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/transformer-monitoring-LOS.png);
    background-blend-mode: hard-light, color, normal;
    transition:all 0.5s;
    background-size:100%;
    background-position:center;
}
#los-page-container #infobox-monitoring:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/transformer-monitoring-LOS.png);
    background-position:center;
}
#los-page-container #infobox-training{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/training-LOS.png);
    background-blend-mode: hard-light, color, normal;
    transition:all 0.5s;
    background-size:100%;
    background-position:center;
}
#los-page-container #infobox-training:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/training-LOS.png);
    background-position:center;
}
#los-page-container #infobox-my-personalized-space{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/my-personalized-space-LOS.png);
    background-blend-mode: hard-light, color, normal;
    transition:all 0.5s;
    background-size:100%;
    background-position:center;
}
#los-page-container #infobox-my-personalized-space:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(21, 61, 138, 0.60) 0%, rgba(21, 61, 138, 0.60) 100%), url(../img/my-personalized-space-LOS.png);
    background-position:center;
}
@media(max-width:1300px){
    #los-page-container #solutions{
        width:100%;
        padding:80px 40px;
    }
    #los-page-container #infobox-analysis,
    #los-page-container #infobox-fleet,
    #los-page-container #infobox-monitoring,
    #los-page-container #infobox-training,
    #los-page-container #infobox-my-personalized-space{
        background-size:150%;
    }
    #los-page-container #infobox-analysis:hover,
    #los-page-container #infobox-fleet:hover,
    #los-page-container #infobox-monitoring:hover,
    #los-page-container #infobox-training:hover,
    #los-page-container #infobox-my-personalized-space:hover{
        background-size:170% !important;
    }
}
@media (max-width:1000px) {
    #los-page-container #solutions{
        width:100%;
        padding:40px;
    }
    #los-page-container #solutions .infoboxes > div{
        flex-wrap: wrap;
    }
    #los-page-container div.infobox-3column,
    #los-page-container div.infobox-2column{
        height:280px;
    }
    #los-page-container div.single-infobox .content{
        max-height:280px;
        height:fit-content;
        padding:20px;
    }
    #los-page-container div.single-infobox .content p,
    #los-page-container div.single-infobox  .content .arrow{
        max-height:280px;
        height:fit-content;
    }
}
/*ICONBOX*/
#los-page-container #iconbox{
    width:1300px;
    padding:80px 0;
    display:flex;
    flex-direction: column;
    gap:40px;
    align-items: center;
}
#los-page-container .iconboxes{
    display:flex;
    gap:20px;
    flex-wrap: wrap;
    width: 100%;
}
#los-page-container .single-iconbox{
    border:1px solid var(--stroke-grey);
    border-radius:4px;
    padding:40px;
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: flex-start;
}

#los-page-container .single-iconbox.logo-iconbox{
    border:none;
    background-color:var(--bg-grey);
    display:flex;
    justify-content: center;
    align-items: center;
}
#los-page-container .single-iconbox:not(:last-child) img{
    width:80px;
}
@media (max-width:1300px) {
    #los-page-container #iconbox{
        width:100%;
        padding:0 40px 40px 40px;
    }
    #los-page-container .single-iconbox{
        padding:20px;
    }
}
/*About the Laboratory OKSMAN SERAPHIN*/
#los-page-container #about-LOS div.two-column:first-child{
    width:590px;
}
#los-page-container #about-LOS div.two-column:last-child{
    width:640px;
}
#los-page-container #laboratory-img{
    background-image:url(../img/OKSMAN-SERAPHIN-Laboratory.webp);
    background-sizE:cover;
    height:400px;
}
@media(max-width:1300px){
    #los-page-container #about-LOS div.two-column:first-child,
    #los-page-container #about-LOS div.two-column:last-child{
        width:100%;
    }
    #laboratory-img{
        height:240px;
    }
}
/*ISO*/
#los-page-container .iso h3{
    color:var(--white);
}
#los-page-container .iso{
    gap:60px;
    justify-content: center;
}
@media(max-width:1300px){
    #los-page-container div.iso{
    padding:0 40px;
    gap:10px;
    align-items:center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #los-page-container .iso h3{
    width:45%;
    text-align: center;
  }
}
/*FAQ*/
#los-page-container .FAQ{
    padding-bottom:120px;
}
#los-page-container .FAQ .faq-item{
    width:1300px;
    padding:40px 60px 24px 60px;
    border-bottom:1px solid var(--blue);
    display:flex;
    flex-direction: column;
    gap:20px;
    cursor: pointer;
}
#los-page-container .FAQ .faq-item .flexrow{
    justify-content:space-between;
    width:100%;
}
#los-page-container .flexrow img{
    transition:all 0.5s ease;
}
#los-page-container .FAQ .flexrow img:hover{
    filter:brightness(1.5);
}
#los-page-container .faq-content.hide{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.8s ease;
}
#los-page-container .faq-content{
    transition:max-height 0.8s ease;
    overflow:hidden;
    max-height:290px;
}
#los-page-container .faq-content a{
    font-family: var(--font-bold);
    color:var(--blue);
    text-decoration: underline;
    transition:color 0.4s ease;
}
#los-page-container .faq-content img{
    width:100%;
}
@media(max-width:1300px){
    #los-page-container .FAQ{
        padding-bottom:40px !important;
    }
    #los-page-container .FAQ h2{
        padding-bottom:20px;
    }
    #los-page-container .FAQ .faq-item{
        width:100%;
        padding:40px 40px 20px 40px;
    }
    #los-page-container .FAQ .faq-item .flexrow{
        flex-direction: row;
    }
    #los-page-container .FAQ .faq-item .flexrow h3{
        width:80%;
    }
    #los-page-container .FAQ .faq-item .flexrow img{
        width:20px;
    }
    #los-page-container .FAQ .faq-item .faq-content > .flexrow img{
        width:100%;
    }
}
@media (max-width:1000px) {
    #los-page-container .FAQ .faq-item{
        width:100%;
        padding:20px 40px 0 40px;
    }

    #los-page-container .faq-content:not(.hide){
        margin-bottom:20px;
    }
    #los-page-container .FAQ .faq-item .faq-content > .flexrow{
        flex-direction:column-reverse;
    }

}
/*Footer*/
#los-page-container .footer{
    background:url(../img/footer.jpg);
    background-size:cover;
}
#los-page-container .footer h2{
    color:var(--white);
    text-align:center;
}
#los-page-container .footer .two-column:last-child{
    flex-direction:column;
}
#los-page-container .footer p{
    color:var(--white);
}
#los-page-container .footer a{
    color:var(--white);
}
@media (max-width:1300px) {
    #los-page-container .footer h2{
        text-align: left;
    }
    #los-page-container .footer iframe{
        height:300px;
    }
}

/*-----------------------------------------------------------------
ANALYSIS AND DIAGNOSTICS
-----------------------------------------------------------------*/

/*Two column side*/
#los-page-container .wrapper.ogl .side-two-columns{
    gap:40px;
    padding-top:0;
}

#los-page-container .two-column-side{
    display:flex;
    flex-direction: column;
    width: 100%;
}
#los-page-container .two-column-left .two-column-side-wrapper{
    width:1300px;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
#los-page-container .two-column-side .two-column-side-wrapper > div{
    width:820px;
}
#los-page-container .two-column-side > div{
    padding:60px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#los-page-container .side-two-columns .bg-gray h4{
    min-width:320px;
    color:var(--black);
}
#los-page-container .side-two-columns .bg-gray p{
    min-width:420px;
}
#los-page-container .two-column-side p{
    margin-bottom:0;
}

#los-page-container .two-column-img{
    width:420px;
    position: absolute;
    z-index: 100;

}
#los-page-container .two-column-img img{
    width:100%;
}
#los-page-container .image-right .two-column-img{
    right:0;
}
#los-page-container .two-column-right .two-column-side-wrapper{
    width:1300px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
@media(max-width:1300px){
    #los-page-container .side-two-columns{
        padding-top:80px;
    }
    #los-page-container .two-column-left .two-column-side-wrapper,
    #los-page-container .two-column-right .two-column-side-wrapper{
        width:100%;
        padding:0 40px;
    }
    #los-page-container .two-column-side .two-column-side-wrapper > div{
        width:calc(100% - 460px);
    }
    #los-page-container .image-right .two-column-img{
        right:40px;
    }
    #los-page-container .side-two-columns .bg-gray p{
        min-width:calc(50% - 40px);
    }
    #los-page-container .side-two-columns .bg-gray h4{
        min-width:50%;
        max-width:50%;
    }
    #los-page-container .two-column-side{
        margin-top:-60px;
    }
}
@media(max-width:1000px){
    #los-page-container .wrapper.ogl .side-two-columns{
        padding-top:40px;
        gap:0;
    }
    #los-page-container .two-column-img{
        width:100%;
        position:static;
        padding-top:40px;
    }
    #los-page-container .two-column-left .two-column-side-wrapper,
    #los-page-container .two-column-right .two-column-side-wrapper{
        width:100%;
        padding:40px 0 0 0;
    }
    #los-page-container .two-column-side .two-column-side-wrapper > div{
        width:100%;
    }
    #los-page-container .two-column-side > div{
        padding:40px 40px;
    }
    #los-page-container .side-two-columns .mainbutton{
        margin-top:40px;
    }
    #los-page-container .bg-gray .two-column-side-wrapper{
        padding-top:0;
    }
    #los-page-container .side-two-columns .bg-gray h4{
        min-width:100%;
        color:var(--black);
    }
    #los-page-container .bg-gray p{
        min-width:100%;
    }
}
/*step by step*/
#los-page-container .wrapper.ogl .steps{
    padding-top:0;
}
#los-page-container .step-wrapper{
    gap:20px;
}
#los-page-container .single-step{
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
    border:1px solid var(--stroke-grey);
    border-radius:4px;
    margin-top:32px;
    gap:20px;
    padding:0 32px 32px 32px;
}
#los-page-container .number-wrapper{
    width:64px;
    height:64px;
    background:var(--blue);
    border-radius:200px;
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top:-32px;
    margin-bottom: -32px;
}
#los-page-container .number-wrapper h2{
    color:var(--white) !important;
}
#los-page-container .icon-wrapper{
    width:140px;
    height:120px;
    display:flex;
    justify-content: center;
    align-items: center;
}
#los-page-container .icon-wrapper img{
    width:100%;
}
#los-page-container .single-step h4,
#los-page-container .single-step p{
    color:var(--black);
    text-align: center;
}
/*emergency report*/
@media(max-width:1300px){
    #los-page-container .emergency > div{
        gap:10px;
    }
    #los-page-container .emergency h3{
        text-align:center;
    }
}

/*receive report*/
#los-page-container .wrapper.ogl .vertical-tabs{
    padding-bottom:0;
}
#los-page-container .vertical-tabs .content-wrapper > .flexrow{
    gap:0;
}
#los-page-container .vertical-tab-wrapper{
    width:320px;
    min-width:320px;
    border-right:1px solid var(--stroke-grey);
}
#los-page-container .single-tab{
    width:100%;
    text-align:right;
    padding:32px 40px 32px 0;
    cursor: pointer;
}
#los-page-container .single-tab:not(.active) h5{
    font-family:var(--font);
    transform:scale(1);
    transition:all 0.5s ease;
}
#los-page-container .single-tab.active h5{
    color:var(--blue);
}
#los-page-container .single-tab:not(.active):hover h5{
    color:var(--blue);
    font-family:var(--font-bold);
    transform:scale(1.1);
    transition:all 0.5s ease;
}
#los-page-container .vertical-tab-indicator-wrapper{
    width:4px;
}
#los-page-container .vertical-tab-indicator{
    background:var(--blue);
    height:112px;
    position:relative;
    width:4px;
    top:0px;
    left:-2px;
    transition:top 0.5s ease;
}
#los-page-container .vertical-tab-content-wrapper{
    padding:32px 0px 0px 60px;
    width:976px;
}
#los-page-container .vertical-tab-content{
    transform:translateY(100px);
    opacity:0;
    transition: opacity 1s ease, transform 1s ease;
    overflow:hidden;
}
#los-page-container .vertical-tab-content.visible{
    opacity:1;
    transform:translateY(0);
    transition: opacity 1s ease, transform 1s ease;
}
#los-page-container .vertical-tab-content.hidden{
    opacity:0;
    transform:translateY(100px);
    transition: opacity 1s ease, transform 1s ease;
}
#los-page-container .vertical-tab-content h3{
    width:100%;
    text-align:left;
}
#los-page-container .vertical-tab-content .two-column{
    width:calc((100% - 40px)/2);
}
#los-page-container .vertical-tab-content h4{
    font-family:var(--font);
    color:var(--blue);
}
#los-page-container .vertical-tab-content p,
#los-page-container .vertical-tab-content li,
#los-page-container .vertical-tab-content b{
    margin-bottom:0;
}
#los-page-container .mobile-tab-content{
    display:none;
}
@media(max-width:1300px){
    #los-page-container .vertical-tab-content-wrapper{
        width:calc(100% - 320px);
    }
    #los-page-container .vertical-tabs h2{
        padding: 0 20px;
    }
}
@media(max-width:1000px){
    #los-page-container .vertical-tabs .content-wrapper{
        padding:0;
    }
    #los-page-container .vertical-tab-indicator-wrapper{
        display:none;
    }
    #los-page-container .vertical-tab-content-wrapper{
        display:none;
    }
    #los-page-container .vertical-tab-wrapper{
        width:100%;
        border:none;
    }
    #los-page-container .single-tab.active h5{
        background:var(--bg-blue);
        transform:scale(1);
        border-top:1px solid var(--bg-blue);
        border-bottom: 1px solid var(--bg-blue);
    }
    #los-page-container .single-tab h5{
        padding:20px;
        border-top:1px solid var(--stroke-grey);
        border-bottom: 1px solid var(--stroke-grey);
    }
    #los-page-container .single-tab{
        text-align:left;
        padding:0;
    }
    #los-page-container .mobile-tab-content{
        display:block;
        max-height:0px;
        overflow:hidden;
        transition:max-height 1s ease;
    }
    #los-page-container .mobile-tab-content > .wrapper{
        padding:20px;
        text-align:left;
        align-items:flex-start;
    }
    #los-page-container .single-tab:not(.active):hover h5{
        transform:scale(1);
        color:var(--black);
        font-family:var(--font);
    }
    #los-page-container .mobile-tab-content h4{
        font-family:var(--font);
        color:var(--blue);
    }
    #los-page-container .mobile-tab-content p,
    #los-page-container .mobile-tab-content li,
    #los-page-container .mobile-tab-content b,
    #los-page-container .mobile-tab-content ul{
        margin-bottom:0;
    }
}

/*-----------------------------------------------------------------
Fleet Management Asistance
-----------------------------------------------------------------*/

/*Carousel*/
#los-page-container .carousel{
    margin-bottom:80px;
}
#los-page-container .bg-blue h2,
#los-page-container .bg-blue p{
    color:var(--white) !important;
}
#los-page-container .carousel > .content-wrapper > .flexrow{
    position: relative;
    align-items:center;
}
#los-page-container .carousel-wrapper .bg-white p{
    color:var(--black) !important;
}
#los-page-container .carousel-left-arrow,
#los-page-container .carousel-right-arrow{
    position:absolute;
    width:50px;
    height:50px;
    padding:10px;
    border:1px solid var(--white);
    border-radius:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:rgba(255,255,255,0);
    transition:background-color 0.3s ease;
    cursor: pointer;
}
#los-page-container .carousel-left-arrow{
    left:-100px;
}
#los-page-container .carousel-right-arrow{
    right:-100px;
}
#los-page-container .carousel-right-arrow img{
    transform:rotate(180deg);
}
#los-page-container .carousel-left-arrow:hover,
#los-page-container .carousel-right-arrow:hover{
    background-color:rgba(255,255,255,0.1);
}
#los-page-container .single-carousel{
    border-radius:5px;
    overflow:hidden;

    display:none;
}
#los-page-container .single-carousel.active{
    display:block;
    animation: fade 0.8s forwards;
}
#los-page-container .carousel-img img{
    width:100%;
}
#los-page-container .carousel-img{
    height:calc((100%)/455 *432);
    width:455px;
    min-width:455px;
    margin-top:-1px;
    margin-bottom: -5px;
}
#los-page-container .carousel-text{
    padding:40px;
    justify-content: center;
    align-items: center;
}
#los-page-container .carousel-text ul li{
    font-family:var(--font-bold);
}
#los-page-container .carousel-text p,
#los-page-container .carousel-text li,
#los-page-container .carousel-text ul,
#los-page-container .carousel-text b{
    margin-bottom:0;
}
#los-page-container .carousel-indicators{
    width:100px;
}
#los-page-container .dot{
    width:12px;
    height:12px;
    border:1px solid var(--white);
    border-radius:50px;
    background-color:rgba(255,255,255,0);
    transition:background-color 0.3s ease;
    cursor: pointer;
    min-width:12px;
}
#los-page-container .dot.active{
    background-color:var(--white);
}
#los-page-container .dot:hover{
    background-color:rgba(255,255,255,0.5);
}
@media(max-width:1300px){
    #los-page-container .carousel{
        margin-top:40px;
        margin-bottom:0;
    }
    #los-page-container .carousel-wrapper{
        width:100%;
    }
    #los-page-container .carousel-img{
        width:100%;
        min-width:0;
    }
    #los-page-container .carousel-img img{
        width:100%;
    }
    #los-page-container .carousel-text{
        padding:24px;
    }
    #los-page-container .carousel-indicators.flexrow{
        flex-direction:row;
    }
    #los-page-container .carousel-left-arrow,
    #los-page-container .carousel-right-arrow{
        display:none;
    }
}
/*Worldwide Expertise*/
#los-page-container .worldwide-expertise .four-column{
    padding:28px;
}
#los-page-container .worldwide-expertise .four-column img{
    width:100px;
}
#los-page-container .worldwide-expertise .four-column h3,
#los-page-container .worldwide-expertise .four-column p{
    text-align: center;
    margin-bottom: 0;
}
#los-page-container .worldwide-expertise h2{
    text-align: center;
}
/*-----------------------------------------------------------------
Monitoring
-----------------------------------------------------------------*/

/*Which transformers require data monitoring surveillance?*/

#los-page-container .transformers .four-column{
    padding:40px 32px;
}
#los-page-container .transformers .img-wrapper{
    width:60px;
    min-width: 60px;
}
#los-page-container .transformers h5{
    font-family:var(--font);
}
#los-page-container .transformers h5 span{
    font-family:var(--font-bold);
}
@media(max-width:1300px){
    #los-page-container .transformers{
        margin-top:40px;
    }
}
/*Image Separator*/
#los-page-container .image-separator .monitoring{
    background:url(../img/Air-Insulated-Switchgear-electrical-substation.webp);
    background-size:cover;
    width:100%;
    height:100%;
    background-position: center;
}
#los-page-container .image-separator{
    padding:0 !important;
    width:100% !important;
    height:500px;
}
@media(max-width:1300px){
    #los-page-container .image-separator{
        height:200px;
    }
}
/*Our Monitoring data surveillance*/
#los-page-container .monitoring-data-surveillance .text-block h4{
    font-family:var(--font);
}
#los-page-container .monitoring-data-surveillance .single-iconbox img{
    width:80px;
}
/*3 rows reduce risk*/
#los-page-container .reduce-risk .two-column-2-3 h3{
    width:100%;
}
@media(max-width:1300px){
    #los-page-container .reduce-risk .pad80{
        padding-top:40px !important;
        padding-bottom:40px !important;
    }
}
@media(max-width:1000px){
    #los-page-container .reduce-risk,
    #los-page-container .reduce-risk .flexcenter {
        padding-top:0px !important;
    }
    #los-page-container .reduce-risk .bg-gray .flexrow{
        flex-direction: column-reverse;
    }
}

/*-----------------------------------------------------------------
Training
-----------------------------------------------------------------*/

/*Training on interpreting dielectric oil analysis results*/

#los-page-container .horizontal-tab-wrapper{
    border-bottom:1px solid var(--stroke-grey);
}
#los-page-container .horizontal-tab-wrapper .single-tab{
    text-align:center;
    padding:10px 40px 20px 40px;
}
#los-page-container .horizontal-tab-wrapper .single-tab h4{
    font-family:var(--font);
    color:var(--black);
    transform:scale(1);
    transition:all 0.5s ease;
}
#los-page-container .horizontal-tab-wrapper .single-tab.active h4{
    color:var(--blue);
    font-family:var(--font-bold);
}
#los-page-container .horizontal-tab-wrapper .single-tab:not(.active):hover h4{
    transform:scale(1.1);
    color:var(--blue);
    font-family:var(--font-bold);
}
#los-page-container .horizontal-tab-indicator-wrapper{
    width:100%;
}
#los-page-container .horizontal-tab-indicator{
    height:4px;
    position:relative;
    top:-2px;
    background-color:var(--blue);
    width:33%;
    left:0;
    transition:left 0.8s ease;
}
#los-page-container .horizontal-tab-content .wrapper{
    align-items:flex-start;
}
#los-page-container .horizontal-tab-content ul{
    margin-bottom:10px;
}
#los-page-container .horizontal-tab-content li{
    margin-bottom:0px;
}
#los-page-container .horizontal-tab-content{
    transform:translateY(50px);
    opacity:0;
    transition: opacity 1s ease, transform 1s ease;
    overflow:hidden;
}
#los-page-container .horizontal-tab-content.visible{
    opacity:1;
    transform:translateY(0);
    transition: opacity 1s ease, transform 1s ease;
}
#los-page-container .horizontal-tab-content.hidden{
    opacity:0;
    transform:translateY(100px);
    transition: opacity 1s ease, transform 1s ease;
}
#los-page-container .H-mobile-tab-content{
    display:none;
}
@media(max-width:1300px){
    #los-page-container .bg-gray.h-tab{
        margin-top:80px;
    }
    #los-page-container .h-tab > div > div.flexrow{
    align-items: center;
}
#los-page-container .horizontal-tab-wrapper .single-tab h4{
    font-size:var(--h4-m);
}
}
@media(max-width:1000px){
    #los-page-container .bg-gray.h-tab{
        margin-top:40px;
    }
    #los-page-container section.h-tab:nth-child(4) > div > div{
        flex-direction: column-reverse;
    }
    #los-page-container .H-mobile-tab-content{
        display:block;
        max-height:0px;
        overflow:hidden;
        transition:max-height 1s ease;
    }
    #los-page-container .H-mobile-tab-content > .wrapper{
        padding:20px;
        text-align:left;
        align-items:flex-start;
    }
    #los-page-container .horizontal-tab-wrapper .single-tab:not(.active):hover h4{
        transform:scale(1);
        color:var(--black);
        font-family:var(--font);
    }
    #los-page-container .H-mobile-tab-content h3{
        font-family:var(--font);
        color:var(--blue);
    }
    #los-page-container .horizontal-tab-wrapper .single-tab.active h4{
        background:var(--bg-blue);
        transform:scale(1);
        border-top:1px solid var(--bg-blue);
        border-bottom: 1px solid var(--bg-blue);
    }
    #los-page-container .horizontal-tab-wrapper .single-tab h4{
        padding:20px;
        border-top:1px solid var(--stroke-grey);
        border-bottom: 1px solid var(--stroke-grey);
    }
    #los-page-container .horizontal-tab-wrapper .single-tab{
        text-align:left;
        padding:0;
    }
    #los-page-container .horizontal-tab-content-wrapper,
    #los-page-container .horizontal-tab-indicator-wrapper{
        display:none;
    }
    #los-page-container .horizontal-tab-wrapper ul,
    #los-page-container .horizontal-tab-wrapper li,
    #los-page-container .horizontal-tab-wrapper p{
        margin-bottom:0;
    }
    #los-page-container div.single-tab.active > div > div > div:nth-child(3){
        width:100%;
    }
}

/*-----------------------------------------------------------------
My personalized Space
-----------------------------------------------------------------*/

/*Quote*/
#los-page-container .quote > div > div{
    gap:80px;
}
#los-page-container .quote-icon{
    width:120px;
    max-width:120px;
    min-width:120px;
}
#los-page-container .right-quote{
    transform:rotate(180deg);
    display:flex;
    align-items:flex-start;
}
#los-page-container .quote-text h4{
    color:var(--black);
}
#los-page-container .quote-content{
    align-items: flex-end;
}
#los-page-container .quote-meta{
    width:320px;
    max-width:320px;
}
#los-page-container .quote-meta > div{
    align-items:center;
}
#los-page-container .quote-meta img{
    width:80px;
    height:80px;
}
#los-page-container .quote-meta .text-block{
    gap:5px;
}
@media(max-width:1300px){

}
@media(max-width:1000px){
    #los-page-container .quote{
        margin-top:40px;
    }
    #los-page-container .quote > div > div{
        gap:0px;
    }
    #los-page-container .quote-icon{
        width:100%;
        max-width:100%;
        min-width:100%;
        display:flex;
    }
    #los-page-container .quote-icon img{
        width:80px;
    }
}
/*Managing analysis*/
#los-page-container .managing-analysis h4{
    color:var(--black);
}
#los-page-container .managing-analysis .two-column{
    border:1px solid var(--stroke-grey);
    padding:32px;
}
#los-page-container .managing-analysis ul{
    margin-bottom:0;
}
#los-page-container .managing-analysis li:last-child{
    margin-bottom:0;
}
#los-page-container .managing-analysis img{
    width:100px;
    height:80px;
}
#los-page-container .managing-analysis .two-column .flexrow{
    justify-content: flex-start;
    align-items: center;
}
@media(max-width:1300px){

}
@media(max-width:1000px){
    #los-page-container .managing-analysis .two-column{
        padding:32px 20px 32px 10px;
    }
}
/*carousel*/
#los-page-container .carousel.center-carousel{
    margin-bottom:0;
}
#los-page-container .center-carousel > div.content-wrapper{
    width:900px;
}

#los-page-container .center-carousel > div > div.text-block h2,
#los-page-container .center-carousel > div > div.text-block p{
    text-align:center;
}
#los-page-container .carousel-wrapper .bg-white p{
    color:var(--black);
}

#los-page-container .center-carousel .carousel-left-arrow,
#los-page-container .center-carousel .carousel-right-arrow{
    border:1px solid var(--blue);
    background-color:rgba(255,255,255,0);
    top:170px;
}
#los-page-container .center-carousel .carousel-left-arrow:hover,
#los-page-container .center-carousel .carousel-right-arrow:hover{
    background-color:var(--bg-blue);
}
#los-page-container .center-carousel .dot{
    border:1px solid var(--blue);
    background-color:rgba(255,255,255,0);
}
#los-page-container .center-carousel .dot.active{
    background-color:var(--blue);
}
#los-page-container .center-carousel .dot:hover{
    background-color:var(--bg-blue);
}
#los-page-container .center-carousel .carousel-img{
    width:100%;
    min-width:100%;
}
#los-page-container .center-carousel .carousel-wrapper{
    width:750px;
}
#los-page-container .center-carousel .carousel-text{
    padding-bottom:0;
}
#los-page-container .center-carousel .carousel-text h4{
    color:var(--black);
}
#los-page-container .center-carousel .carousel-text li{
    font-size:var(--p);
    font-family: var(--font);
}
#los-page-container section.center-carousel > div > div:nth-child(2){
    align-items: flex-start;
    justify-content: center;
}

@media(max-width:1300px){
    #los-page-container .carousel.center-carousel{
        margin-top:0;
    }
    #los-page-container .center-carousel > div.content-wrapper{
        width:100%;
    }
    #los-page-container .center-carousel .carousel-wrapper{
        width:100%;
    }
    #los-page-container .center-carousel .carousel-text li{
        font-size:var(--h4-m);
    }
    #los-page-container .center-carousel .carousel-text{
        padding-left:0;
        padding-right:0;
    }
}
/*enhance efficiency*/
@media(max-width:1000px){
    #los-page-container #enhance-effiency > div > div:nth-child(3){
        flex-direction: column-reverse;
    }
}

/*-----------------------------------------------------------------
Get A Quote Form
-----------------------------------------------------------------*/

#los-page-container .form-header > .content-wrapper{
    max-width:1000px;
}
#los-page-container form.mktoForm{
    width:100%;
}

@media(max-width:1300px){
    #los-page-container .form-header{
        padding-top:0;
    }
}


/*-----------
Form
-------------*/
#los-page-container form.mktoForm{
    width:100% !important;
    display:flex;
    flex-wrap:wrap;
}
#los-page-container form.mktoForm div.mktoFormRow{
    width:100%;
}
#los-page-container .mktoForm div.mktoFormCol{
    width:calc((100% - 20px) / 2);
    margin-bottom:20px!important;
}

#los-page-container .mktoForm div.mktoFormRow > div.mktoFormCol:nth-child(odd){
    margin-right:20px;
}
#los-page-container form > div:nth-child(5) > div.mktoFieldDescriptor.mktoFormCol,
#los-page-container form > div:nth-child(6) > div.mktoFieldDescriptor.mktoFormCol,
#los-page-container form > div:nth-child(7) > div.mktoFieldDescriptor.mktoFormCol,
#los-page-container form > div:nth-child(8) > div.mktoFormCol,
#los-page-container form > div:nth-child(9) > div.mktoFieldDescriptor.mktoFormCol,
#los-page-container form > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol{
    width:100%;
    margin-right:0;
}
#los-page-container div.mktoOffset{
    width:0 !important;
}
#los-page-container .mktoForm .mktoFieldWrap{
    width:100%;
}
#los-page-container .mktoForm .mktoLabel{
    display:block;
    width:fit-content !important;
    margin-bottom:10px;
    font-family: var(--font);
    font-size:var(--p);
}
#los-page-container .mktoForm .mktoRequiredField .mktoLabel{
    font-family:var(--font-bold);
}
#los-page-container .mktoRadioList label{
    font-family: var(--font);
    font-size:var(--p);
}
#los-page-container .mktoForm input[type=text],
#los-page-container .mktoForm input[type=url],
#los-page-container .mktoForm input[type=email],
#los-page-container .mktoForm input[type=tel],
#los-page-container .mktoForm input[type=number],
#los-page-container .mktoForm input[type=date],
#los-page-container .mktoForm textarea.mktoField,
#los-page-container .mktoForm select.mktoField{
    width:100% !important;
    height:50px !important;
    padding:13px 15px !important;
    border:1px solid var(--stroke-grey);
    border-radius:4px;
    font-family: var(--font);
    font-size:var(--p);
}
#los-page-container .mktoForm .mktoRadioList, #los-page-container .mktoForm .mktoCheckboxList{
    width:100% !important;
}
#los-page-container .mktoForm textarea.mktoField{
    height:80px !important;
}
#los-page-container div.mktoHtmlText.mktoHasWidth{
    width:100% !important;
    font-family: var(--font);
    font-size:var(--p);
}
#los-page-container select.mktoField{
    font-family:var(--font);
    font-size:var(--p) !important;
}
#los-page-container input::placeholder{
    font-family:var(--font);
    font-size:var(--p) !important;
}
#los-page-container .mktoForm #LblconsentNotes{
    margin-left:30px;
}
#los-page-container .mktoForm> div:nth-child(9) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired{
    position:absolute;
}
#los-page-container form.mktoForm div.mktoButtonRow{
    display:flex;
    justify-content:flex-start;
    margin-top:0px !important;
    width:100%;
}
#los-page-container .mktoForm .mktoButtonWrap.mktoSimple {
    width:100% !important;
    margin:0 !important;
}

#los-page-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
    color:var(--white) !important;
    background:var(--blue) !important;
    width:250px;
    padding:12px !important;
    font-family:var(--font-bold);
    font-size:var(--p) !important;
    border:none !important;
    border-radius:50px;
    background-image:none !important;
    font-weight:700;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: all 0.3s ease;
}

#los-page-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover{
    border:none !important;
    background:var(--light-blue) !important;
    color:var(--white) !important;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: all 0.3s ease;
}
#los-page-container .mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input{
    position: relative;
    top:4px;
}
@media(max-width:768px){

    #los-page-container .mktoForm div.mktoFormCol{
        width:100%;
        margin-right:0;
    }
    #los-page-container .mktoForm div.mktoFormCol:nth-child(odd){
        margin-left:0;
    }

    #los-page-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
        width:100%;
    }

}

/*-----------------------------------------------------------------
Thank you
-----------------------------------------------------------------*/

#los-page-container #thankyou .wrapper{
    align-items: flex-start;
}