/* @font-face {
  font-family: 'Chelsea-g';
  src: url('../fonts/Chelsea.woff');
}

@font-face {
  font-family: 'Cotton-g';
  src: url('../fonts/Cotton.woff');
}

@font-face {
  font-family: 'Cuddle-g';
  src: url('../fonts/Cuddle.woff');
}

@font-face {
  font-family: 'Dobby-g';
  src: url('../fonts/Dobby.woff');
}

@font-face {
  font-family: 'Garden-g';
  src: url('../fonts/Garden.woff');
}

@font-face {
  font-family: 'Minimal-g';
  src: url('../fonts/Minimal.woff');
}

@font-face {
  font-family: 'Modern-g';
  src: url('../fonts/Modern.woff');
}

@font-face {
  font-family: 'Egyptienne-g';
  src: url('../fonts/Egyptienne.woff');
}

@font-face {
  font-family: 'Neon-g';
  src: url('../fonts/Neon.woff');
}

@font-face {
  font-family: 'River-g';
  src: url('../fonts/River.woff');
}

@font-face {
  font-family: 'Prince-g';
  src: url('../fonts/Prince.woff');
}

@font-face {
  font-family: 'Sunshine-g';
  src: url('../fonts/Sunshine.woff');
} */

@font-face {
    font-family: 'Garden-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Garden.woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: 'Cotton-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Cotton.woff');
    font-display: swap
}

@font-face {
    font-family: 'Dobby-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Dobby.woff');
    font-display: swap
}

@font-face {
    font-family: 'Modern-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Modern.woff');
    font-display: swap
}

@font-face {
    font-family: 'Sunshine-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Sunshine.woff');
    font-display: swap
}


@font-face {
    font-family: 'Prince-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Prince.woff');
    font-display: swap
}

@font-face {
    font-family: 'Egyptienne-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Egyptienne.woff');
    font-display: swap
}


@font-face {
    font-family: 'Cuddle-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Cuddle.woff');
    font-display: swap
}

@font-face {
    font-family: 'Neon-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Neon.woff');
    font-display: swap
}


@font-face {
    font-family: 'River-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/River.woff');
    font-display: swap
}


@font-face {
    font-family: 'Chelsea-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Chelsea.woff');
    font-display: swap
}

@font-face {
    font-family: 'Minimal-g';
    src: url('https://echoneon.com/wp-content/plugins/ls-glass-neon/fonts/Minimal.woff');
    font-display: swap
}


.glass-customize-div .tabs_container .cont .font_list label.font1 {
  font-family: 'Garden-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font3 {
  font-family: 'Cotton-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font4 {
  font-family: 'Dobby-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font5 {
  font-family: 'Modern-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font7 {
  font-family: 'Sunshine-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font9 {
  font-family: 'Prince-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font10 {
  font-family: 'Egyptienne-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font13 {
  font-family: 'Cuddle-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font18 {
  font-family: 'Neon-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font24 {
  font-family: 'River-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font26 {
  font-family: 'Chelsea-g';
}

.glass-customize-div .tabs_container .cont .font_list label.font27 {
  font-family: 'Minimal-g';
}


#submit-glass {
  margin: 0 auto;
  color: #FFF;
  font-family: Verdana;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  background-color: #333;
}


.backgroundcolor-box-glass label {

  border-radius: 2px;

  cursor: pointer;

  max-width: 40%;
}


.backgroundcolor-box-glass input {
  z-index: -1;
  top: 0px;
  left: -999999px;
}



.backboardOptionGlass2,
.backboardOptionGlass3 {
  width: 40%;
  line-height: 0 !important;
  border: 1px solid #e1e1e1;
}

.backboard-title {
  line-height: 25px;
  display: block;
  text-align: center;
  font-size: 12px;
}

.tabs_container .cont .color_list label.color11 {
  background-color: #19AFFF;
}

.glass-customize-div .tabs_container .cont .color_list label.color12 {
  background-color: #FF2080;
}

.tabs_container .cont .color_list label.color13 {
  background-color: #00FC00;
}

.colored-when-off .color_list .colornull1,
.colored-when-off .color_list .colornull2,
.colored-when-off .color_list .colornull3 {
  visibility: hidden;
}

.glass-customize-div .backboard-title {
  font-size: 13px;
  font-weight: 600;
}

#backgroundGlass-color2:checked+label,
#backgroundGlass-color3:checked+label,
#backgroundGlass-cable1:checked+label,
#backgroundGlass-cable2:checked+label {

  border: 2px solid !important;
  border-image-slice: 1 !important;
  /* border-image-source: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080) !important; */

}

.glass-customize-div .tabs_container .cont .scene_list label.scene1 {
  background: url(../images/livingroom.jpg) center no-repeat;
  background-size: cover;
}

.glass-customize-div .tabs_container .cont .scene_list label.scene3 {
  background: url(../images/grey-wall-neon-sign-background.jpg) center no-repeat;
  background-size: cover;
  margin-top: -26px;
}

.glass-customize-div .tabs_container .cont .scene_list label.scene4 {
  background: url(../images/white-wall-neon-sign-background.webp) center no-repeat;
  background-size: cover;
}

.power-ul-glass {
  position: absolute;
  top: 0;
  left: 170px;
  z-index: 11111;
}


body .glass-customize-div .tabs_container .cont .color_list input+label {
  width: 32px;
  height: 32px;
  margin-right: 4%;
}



.glass-customize-div .console-2 {
  width: 100% !important;
}

.glass-customize-div .console-1 #tabs {
  margin-left: 12px !important;
}



.glass-customize-div {
  margin-top: 50px !important;
}

.glass-customize-div .tabs_container .cont {
  margin-top: 0;
}

.glass-customize-div #Custom {
  height: auto !important;
}

.glass-customize-div {
  display: flex;
}

.glass-customize-div .scene_list input+label {
  width: 47% !important;
  aspect-ratio: 15 / 3;
  height: 100px;
}

.glass-customize-div #Glass_Customize {
  width: 70% !important;
}

.glass-customize-div #Console {
  width: 30% !important;
}

.glass-customize-div .scene_list {
  display: inline-block;
}



.glass-customize-div #Glass_Customize_back_black,
.glass-customize-div #Glass_Customize_back_black2 {
  /* display: none; */
  opacity: 0;
}

/*sticky changes*/
.glass-customize-div #Glass_Customize {
  position: sticky !important;
  top: 0;
  /* height: 100vh !important; */
}

.glass-customize-div #tab2,
.glass-customize-div #tab3,
.glass-customize-div #tab6 {
  display: block !important;
}

/*font syatys*/
.glass-customize-div .font-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  border: 2px solid gray;
  border-radius: 4px;
  width: 220px;
  background: #FFF;
}

.glass-customize-div .font-type-cher {
  width: 22px;
}

.glass-customize-div .font-type-cher.cher-active {
  transform: rotate(180deg);
}

.glass-customize-div .showFont {
  display: block !important;
}

.glass-customize-div .font_list {
  display: none;
  margin-top: 20px;
}

.glass-customize-div .tabs_container .cont .font_list input:checked+label,
.glass-customize-div .tabs_container .cont .font_list input+label:hover {
  border: 1px solid #5b7e5b;
  color: #5b7e5b;
}

.glass-customize-div .tabs_container .cont .font_list input:checked+label {
  line-height: 48px;
}

.glass-customize-div .tabs_container .cont .font_list input+label {
  line-height: 50px;
  width: 31.3%;
  height: 50px;
  border-radius: 4px;
}

.font_list {
  display: none;
  margin-top: 20px;
}

.glass-customize-div .tabs_container .cont .font_list label.font26 {
  font-size: 23px !important;
}

.glass-customize-div .tabs_container .cont .font_list label.font10 {
  font-size: 18px;
}

/*font ends*/

/*color*/
body .glass-customize-div .console-2 .text-light {
  color: #868686 !important;
}

.glass-customize-div .text-subtext {
  font-weight: 400;
  font-size: 14px;
}

body .glass-customize-div .console-2 .text-light {
  color: #868686 !important;
}

.glass-customize-div .dynamic-size {
  display: flex;
  margin-top: 25px
}

html .glass-customize-div #Console .subdiv .dynamic-size h6 {
  width: 100%;
  max-width: 270px !important;
}

.glass-customize-div .cm-in-main {
  max-width: 100px;
}

.glass-customize-div .sticky-price-section {
  position: sticky;
  bottom: 65px;
  background: #f7f7f7;
  padding: 10px 10px !important;
  width: 100%;
  display: grid;
  z-index: 11111111111;
}

.glass-customize-div #submit-glass {
  width: 100%;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

/*scene starts*/
.glass-customize-div .scene_list {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  z-index: 1111;
}

.glass-customize-div .scene_list input+label {
  width: 100% !important;
  aspect-ratio: 10 / 8;
  clear: both;

  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: .7;
  margin-left: 5px;
  margin-right: 5px;
}

.glass-customize-div .scene_list input+label:hover {
  opacity: 1;
  border: 0.5px solid rgb(236, 236, 236);
}

.glass-customize-div .scene_list input[type=checkbox],
.glass-customize-div .scene_list input[type=radio] {
  display: unset;
}

.glass-customize-div .scene_list input[type=radio]:checked:before {
  content: unset !important;
}

.glass-customize-div .scene_list label.scene1 {
  background: url(../images/livingroom.jpg) center no-repeat;
  background-size: cover;
}

.glass-customize-div .scene_list label.scene3 {
  background: url(../images/grey-wall-neon-sign-background.jpg) center no-repeat;
  background-size: cover;
}

.glass-customize-div .scene_list label.scene4 {
  background: url(../images/white-wall-neon-sign-background.webp) center no-repeat;
  background-size: cover;
}

.glass-customize-div .scene_list input+label {
  height: 50px;
}

/*scene ends*/

/*size section*/
.glass-customize-div #Console .subdiv .t-h input+label {
  font-size: 15px;
  height: 40px !important;
  width: 58px;
  padding: 5px;
}



.glass-customize-div .offEnabled {
  text-shadow: unset !important;
}

.glass-customize-div .offEnabled.offEnabledColorWhite,
.glass-customize-div .offEnabled.Customize_text_Ovewrite span {
  color: #FFF !important;
}

.glass-customize-div .toggle-tube-type-div {
  position: absolute;
  top: 18px;
  left: 320px;
  z-index: 99999;
}


.opacityColor {
  opacity: 0 !important;
}



/*toggle option for mobile*/
.glass-customize-div .toggle-options-mobile button,
.glass-customize-div .toggle-options-mobile-scene button {
  background: #31313129;
  border: 1px solid #FFF;
  border-radius: 5px;
  color: #FFF;
  width: 50px;
  height: 50px;
}

.glass-customize-div .toggle-options-mobile {
  display: none;
  position: absolute;
  top: 20px;
  z-index: 1111;
  left: 20px;
  gap: 10px;
}

.glass-customize-div .toggle-options-mobile-scene {
  display: none;
  position: absolute;
  bottom: 20px;
  z-index: 1111;
  left: 20px;
  gap: 10px;
}

.glass-customize-div .ls-show-toggle {
  display: block !important;
}

.glass-customize-div .close-svg {
  display: none;
}

.glass-customize-div .ls-show-toggle-active .close-svg {
  display: inline-block;
}

.glass-customize-div .ls-show-toggle-active .icon-svg {
  display: none;
}

.glass-customize-div .scene_list.ls-show-toggle {
  flex-wrap: wrap;
  display: flex !important;
}

div .glass-customize-div #Glass_Customize.unset-position {
  position: unset !important;
}


.glass-customize-div .glass-custom-visual-section .scene-image-as-bg-div {
  width: 100%;
}

.glass-customize-div .scene-image-as-bg {
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
}

/*
*
* mobile changes starts
*
*/
@media only screen and (max-width: 967px) {
  .glass-customize-div {
    display: contents !important;
  }

  .glass-customize-div #Glass_Customize {
    z-index: 2;
  }

  .glass-customize-div .glass-Console-main {
    display: flex;
  }

  .glass-customize-div #Console .glass-custom-visual-section {
    display: contents !important;
  }

  .glass-customize-div,
  .glass-customize-div .scene-image-as-bg.ls-for-mobile {
    /* height: 33vh !important; */
    height: 315px !important;
  }

  .glass-customize-div #Console {
    width: 100% !important;
  }

  .glass-customize-div #Glass_Customize {
    width: 100% !important;
  }


  /*scene*/
  .glass-customize-div .power-ul-glass,
  .glass-customize-div .toggle-tube-type-div,
  .glass-customize-div .scene_list {
    display: none;
  }

  .glass-customize-div #tab_power_glass {
    left: 0;
  }

  .glass-customize-div .toggle-options-mobile,
  .glass-customize-div .toggle-options-mobile-scene {
    display: flex;
  }

  .glass-customize-div .power-ul-glass {
    left: 70px;
  }

  .glass-customize-div .toggle-tube-type-div {
    left: 220px
  }

  .glass-customize-div .scene_list {
    width: 100%;
    top: 67%;
    left: 80px;
    transform: unset;
    padding-left: 10px;
    padding-right: 10px;
  }

  .glass-customize-div .scene_list input+label {
    width: 15% !important;
    float: unset !important;
    clear: unset !important;
    opacity: 1 !important;
    border: 1px solid #FFF;
    margin: 0;
    margin-top: 10px;
  }


  .glass-customize-div #Console .subdiv .t-h input+label:not([for='th4']) {
    margin-right: 3px !important;
  }

  .glass-customize-div #Console .subdiv .t-h input+[for='th4'] {
    margin-right: 0 !important;
  }

  .glass-customize-div #Console .subdiv .t-h input+label {
    width: 56px !important;
  }

  .glass-customize-div .ls-for-desktop {
    display: none;
  }

  .sticky-price-section {
    bottom: 0 !important;
  }


  .glass-customize-div .height-unset {
    height: unset !important;
  }

  .glass-customize-div .height-vh {
    height: 33vh !important;
  }

  .glass-customize-div.reverse-div .section-heading {
    display: block !important;
    font-size: 22px !important;
    text-align: center;
    padding: 18px 18px;
  }

  .glass-customize-div.reverse-div {
    display: flex !important;
    flex-flow: nowrap;
    flex-direction: column-reverse;
    height: unset !important;
  }

  .glass-customize-div.reverse-div #Console {
    margin-bottom: 40px;
  }

  .page-id-136620 .menu-sticky-mobile.z-index-0 {
    z-index: 0 !important;
  }

  .glass-customize-div .neon-options-toggle {
    margin-top: 8px !important;
  }
}

.glass-customize-div .sticky-submit-section {
  padding: 10px 10px !important;
  background: #f7f7f7;
}

@media only screen and (min-width: 968px) {
  .glass-customize-div .sticky-submit-section {
    position: sticky;
    bottom: 0;
    z-index: 9999999999;
  }
}

/*toggle button foer the form*/
.glass-customize-div .neon-options-toggle {
  border: 6px solid transparent;
  border-radius: 5px;
  display: flex;
  position: relative;
  margin: 0 18px;
  background: #f7f7f7;
}

.glass-customize-div .glass_neon-toggle-btn {
  border: 0px;
  background: none;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  padding: 16px 15px;
  z-index: 1;
  flex: 1 1 0%;
  cursor: pointer;
  column-gap: 12px;
}

.glass-customize-div .glass-npc-switch-on.neon-switch-on::before {
  right: 50%;
}

.glass-customize-div .glass-npc-switch-on::before {

  background: #303133;
  border-radius: 2px;
  bottom: 0px;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  transition: right 0.4s ease 0s;
  width: 50%;
}

.glass-customize-div button.neon-switch-on {
  color: #FFF;
}

/*custom logo section*/
.glass-customize-div .glass-logo-visual-section {
  display: none;
  padding-top: 3em;
}

.glass-customize-div .glass-logo-visual-section {
  text-align: center;
  width: 100%;
  background: radial-gradient(circle, rgb(69, 73, 93) 0%, rgb(45, 48, 63) 100%);
}

.glass-customize-div .logo-header {
  margin-bottom: 18px;
  margin-top: 9px;
  font-size: 24px !important;
  color: #FFF !important;
  font-family: 'Public Sans';
}

.glass-customize-div .logo-section-div h4 {
  font-size: 19px !important;
  line-height: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: white !important;
  text-align: center;
  font-family: 'Public Sans';
}

.glass-customize-div .logo-section-div p {
  color: #999999;
  margin-bottom: 2.5em;
  font-family: 'Public Sans';
}

.glass-customize-div .logo-section-main {
  display: flex;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0px auto;
  max-width: 75%;

}

@media only screen and (min-width: 1028px) {
  .glass-customize-div .logo-section-main {
    padding: 25px 40px 40px;
    flex-direction: row;
    background: none center bottom / 150% no-repeat;
  }
}

.glass-customize-div .logo-section-div {
  flex: 1 0 33.33%;
  padding: 0px 12px;
}

@media only screen and (min-width: 968px) {
  .glass-customize-div #Glass_Customize {
    height: 100vh !important;
  }
}

/*
*
* mobile changes ends
*
*/

.glass-customize-div {
  background-color: #FFF !important;
}

/*links in custom logo contact form*/
.glass-customize-div .other-links-log-div {
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  gap: 25px;
  text-align: center;
}

.glass-customize-div .other-links-log-div a {
  text-decoration: underline !important;
  font-family: Helvetica, sans-serif;
  font-size: .90em;
}

@media only screen and (max-width:570px) {

  .glass-customize-div #Glass_Customize_back_black,
  .glass-customize-div #Glass_Customize_back_black2 {
    height: 100%;
  }
}

@media screen and (max-width: 570px) {
  .glass-customize-div #Glass_Customize {
    height: 315px !important;
  }

}