* {
   font-family: 'Poppins', sans-serif;
   line-height: normal;
}

:root {
   --left-text-spacing: 175px;
}

html,
body {
   margin: 0;
   padding: 0;
   border: 0;
   background-color: white;
   /* background-color: #060a17; */
   height: 100dvh;
}

html {
   font-size: 100%;
   -webkit-touch-callout: none;
   -webkit-text-size-adjust: none;
   -ms-text-size-adjust: 100%;
}

body{
    
   /* margin-top:40px !important; */
}

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
picture,
menu,
nav,
section, div {
   display: block;
   
}

.sections section p {
   line-height: 1.2;
}



.sections section {
    display:flex;
    width: 100dvw;
    
   font-size: 1.3rem;
}

.sections section:first-of-type{
    height: 1200px; 
    /* min(100dvh, 1080px); */
}

.full {
   width: 100dvw;
   max-width: unset;
}

.wrapper {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
   width: 100%;
   flex: 1;
}

.bg{
   position: relative;
   max-width: 3000px;
   height: 100%;
   width: 100%;

}

.bg.fullwidth {
   max-width:unset;
}

.float {
   width:unset;
   height: unset;
}

.bg img{
   width: 100%; 
   object-fit:cover;
   height: 100%;
   display: block;
}

.zup{
   z-index: 100;
}
.e{
   position: absolute;
   margin: auto;
}
.e img{
   display: block;
   width: 100%;
   /* height: 100%; */
}

.black {
   color: black;
}

.white > * {
   color: white;
}


.blu-pg-sec-ttl {
    font-size: 40px !important;
    margin-bottom: 20px;
    line-height: 0.92;
    font-weight: 600;
    text-transform: capitalize;
 }
 .blu-pg-sec-subttl {
    font-size: 1.8rem !important;
    margin-top: -20px;
    font-weight: 600;
    text-transform: capitalize;
 }
 .blu-pg-txt {
    position: relative;
    text-align: center;
    margin: auto;
    width: 800px;
    top: 50px;
 }

.unanchored{
   position: absolute;
}

 .anchored{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.center {
    text-align: center;
}

.details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px;
 }

 
 .details p {
    margin: 0;
 }

 .omega {
   width: 1200px;
}

 /* .omega {
    width: 1400px;
 } */

.t-txt > *, .t-txt {
    display: none;
}

.m-txt > *, .m-txt {
    display: none;
}

.d-txt > *, .d-txt {
    display: unset;
}

.fullheight {
   height:100%;
   object-fit:cover;
}

.disclaimer {
   color: #b7909d;
   font-size: 14px;
}

 
/*gallery*/
.slider {
    background: #ffffff;
    display: block;
    /* overflow: hidden; */
    height: 970px;
    padding-top: 50px
 }
 
 .custom-navigation {
    display: table !important;
    width: 100%;
    table-layout: fixed;
    padding-top: 10px;
 }
 
 .custom-navigation>* {
    display: table-cell;
 }
 
 .custom-navigation {
    position: relative;
 }
 
 .custom-navigation>a {
    width: 100%;
    position: relative;
 }
 
 .custom-navigation .flex-next {
    text-align: right;
 }
 
 #main {
    margin: 0px;
 }
 
 .custom-controls-container {
    display: none;
 }
 
 a.flex-prev {
    position: absolute;
    left: 100px;
    top: -425px;
    z-index: 999;
    display: block;
    width: 54px;
    height: 64px;
    background: url('images/gallery/arrow-left.png') center center no-repeat;
 }
 
 a.flex-next {
    position: absolute;
    right: 100px;
    top: -425px;
    width: 54px;
    height: 64px;
    background: url('images/gallery/arrow-right.png') center center no-repeat;
 }
 
 .slides li {
    width: 100%;
    height: 850px;
 }
 
 .first {
    background: url('images/gallery/cream1.png') center center no-repeat;
 }
 
 .second {
    background: url('images/gallery/cream2.png') center center no-repeat;
 }
 
 .third {
    background: url('images/gallery/cream3.png') center center no-repeat;
 }
 
 .fourth {
    background: url('images/gallery/cream4.png') center center no-repeat;
 }
 
 .fifth {
    background: url('images/gallery/cream5.png') center center no-repeat;
 }
 
 .colorBtnWrap {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0px;
 }
 
 .colorBtn {
    float: left;
    width: 20%;
    margin: 0 1.5%;
    cursor: pointer;
    padding: 0% 0;
    border-radius: 100%;
    width: 35px;
    height: 35px;
 }
 
 .colors-sec {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
 }
 
 
 .blu-sec-specs {
    height: auto !important;
    color: black;
    background-image: url('images/d-bg7.webp');
    /* background-color: white; */
 }
 
 .blu-sec-specs .blu-pg-sec-omega {
    width: 900px;
    margin: 0 auto;
    padding: 100px 20px;
 }
 
 .row {
    display: inline-flex;
    padding: 40px 0px;
    flex-wrap: nowrap;
    clear: both;
    width: 100%;
    border-bottom: solid 1px #919191
 }
 
 .row:first-child {
    margin-top: 40px;
 }
 
 .row:last-child {
    border-bottom: none
 }
 
 .column {
    width: 30%;
 }
 
 .column:last-child {
    width: 50%;
 }
 
 .column li {
    font-size: 16px;
 }
 
 .spec_subttl {
    font-weight: 600;
    font-size: 20px
 }
 
 .device-name,
 .specs-links {
    margin-bottom: 20px
 }
 
 .device-name {
    float: left;
 }
 
 .device-name img {
    height: 120px;
    width: auto;
 }
 
 /* @@@@ align links with middle or bottom of name graphic @@@@ */
 .specs-links {
    float: right;
    position: relative;
    top: 30px;
 }
 
 .specs-links li {
    display: inline;
    margin-left: 20px
 }
 
 .specs-links a {
    color: black;
    border-radius: 20px;
    padding: 8px 20px;
 }
 
 .specs-links #buy-button {
    padding: 8px 20px;
    font-size: 18px;
    background-color: #fa8855;
    color:white;
 }
 
 #sales-guide {
    background: none;
    color: black;
    text-decoration: underline;
    font-weight: 600;
 }
 
 footer {
    width: 100%;
    background: black;
    text-align: center;
    margin-top: 0px;
 }

 @media (max-width: 2000px) {
   .sections section:first-of-type {
      height: 980px;
   }
 }


 /* tablet */
 @media (max-width: 1400px) {



   .disclaimer {
      font-size: 12px;
   }

.sections section {
    font-size: 1.2rem;
}

.sections section:first-of-type {
   height: 900px;
}

.blu-sec-specs {
   background-image: url('images/t-bg7.webp');
}

.blu-pg-sec-ttl {
    font-size: 36px !important;
    margin-bottom: 20px;
    line-height: 0.92;
    font-weight: 600;
    text-transform: capitalize;
 }
 .blu-pg-sec-subttl {
    font-size: 1.8rem !important;
    margin-top: -20px;
    font-weight: 600;
    text-transform: capitalize;
 }
.omega {
    width:980px
}
.d-txt > *, .d-txt {
    display: none;
}

.m-txt > *, .m-txt {
    display: none;
}
.t-txt > *, .t-txt {
    display: unset;
}

 }
 
 /* mobile */
 @media (max-width: 980px) {
   .slider {
      display: none;
   }
   .blu-sec-specs .blu-pg-sec-omega {
      width: 430px;
      margin: 0 auto;
      padding: 55px 0px;
   }
   
   .blu-sec-specs {
      background-image: url('images/m-bg7.webp');
   }

   .omega {
      width: 400px;
   }

   .device-name {
      display: flex;
      justify-content: center;
      float: none;
   }

   p {
      margin: 8px 0px;
   }
   .blu-pg-sec-ttl {
      font-size: 32px !important;
      margin-bottom: 16px;
   }

    .sections section {
        /* font-size: 1rem; */
        font-size: 16px;
    }

    .sections section:first-of-type {
      height: 850px;
   }
    
    .d-txt > *, .d-txt {
        display: none;
    }
    
    .t-txt > *, .t-txt {
        display: none;
    }
    
    .m-txt > *, .m-txt {
        display: unset;
    }

    .disclaimer {
      font-size: 10px;
   }
    
 }

 @media (max-width: 450px) {
   .blu-sec-specs .blu-pg-sec-omega {
      width: 90%;
   }
 }