html,body{overflow-x:hidden;}
html body.productPage .loading-anim{display:none !important; z-index: 991;width:100%}
html body.productPage .loading-anim #cpc_loader_text,.loading-anim-cpc p{font-size:0px !important;}

.loading-anim{z-index:992;}
h3.ForPrc {
    margin: 0px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.loading-anim {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0px;
  background-color: #eee;
  opacity: 0.8;
  text-align: center;
  padding-top: 18%;
}

.loading-anim p {
  z-index: 10000;
  font-size: 14px !important;
  background: transparent;
  margin-top: -10px;
  color: #000;
  width: 80%;
  margin: 0 auto;
  line-height: 35px;
}

 .font_li>li.active {
    text-shadow: rgb(255 255 255) 0px 0px 2px, rgb(255 255 255) 0px 0px 4px, #3ee186 0px 0px 8px, #3ee186 0px 0px 6px, #3ee186 0px 0px 8px, #3ee186 0px 0px 22px, #3ee186 0px 0px 30px;
}
       .item {
      max-width: 85%;
      padding: 1em;
      background: #eee;
      display: none;
      position: relative;
      -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
      border-radius: 3px;
      text-align: center;
    }

    .item-close {
      cursor: pointer;
      right: 5px;
      top: 5px;
      position: absolute;
      background: #222;
      color: #fff;
      border-radius: 100%;
      font-size: 14px;
      height: 24px;
      line-height: 22px;
      text-align: center;
      width: 24px;
    }
    .gvspopcontainer { margin: 150px auto; max-width: 960px; text-align: center; }
    
    html.js.-popup-opened.-lock {
    overflow: hidden;
}
   .item {
     max-width: 50%;}
    
    @media only screen and (max-width: 768px) {
     .item {
       max-width: 85%;}
}


  #size_table .zeroPrice .withprice,#size_table .zeroPrice .s_size,#size_table .zeroPrice .s_size2  {display:none;}
    #size_table .zeroPrice .noprice  {display:block !important;}
  
  .fontsize_range {
    position: absolute;
    top: 12px;
    left: 35%;
    width: 224px !important;
    z-index: 9;
    display: flex;
    cursor:pointer;
    align-items: center;
}
  
  .fontsize_range label {
    color: #fff;
    width: 182px;
    text-transform: none;
    font-weight: 800;
    margin-bottom: 0px;
}
  .maintextbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-position: top center;
    width: 100%;
    top: 0px;
    height: 100%;
}
.textContainer {
    position: absolute;
    width: auto;
    text-align: center;
    top: 19%;
  	line-height:1.2em;
    white-space: pre-wrap;
  cursor:pointer;
      -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: unset;
      -webkit-transition: text-shadow 0.5s ease;
    -moz-transition: text-shadow 0.5s ease;
    -ms-transition: text-shadow 0.5s ease;
    -o-transition: text-shadow 0.5s ease;
    transition: text-shadow 0.5s ease;
}
  

.length_warning_msg {
    background-color: #4bc3c9;
    margin: 10px;
    padding: 10px 10px 0px;
    border-radius: 10px;
   display:none;
}
  
   .length_warning_msg.active {
   display:block;
}
  
  .length_warning_msg label {
    color: #fff;
    text-align: center;
    font-weight: 900;
    line-height: 22px;
    font-size: 16px;
}

  .vprice {
    font-size: 14px;
}
  
  #shopify-section-header {
    z-index: 99 !important;
  }
  
  .on-off-btn{cursor:pointer;}
  .on-off-btn.on .on-btn {
    display: none;
}
  
  
  .shadowoff #warm_white,.shadowoff #white,.shadowoff #light_red,.shadowoff #pink,.shadowoff #purple,.shadowoff #electric_blue,.shadowoff #ice_blue,.shadowoff #green{    text-shadow: rgb(181 181 181) 0px 1px 0px, rgb(169 169 169) 0px 2px 0px, rgb(148 148 148) 0px 3px 0px, rgb(125 125 125) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(244, 244, 244) !important;}

.shadowoff #lemon_yellow{    text-shadow: rgb(233 227 106) 0px 1px 0px, rgb(218 212 80) 0px 2px 0px, rgb(199 193 68) 0px 3px 0px, rgb(170 165 53) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(255, 249, 124) !important;}

.shadowoff #golden_yellow{    text-shadow: rgb(223 185 31) 0px 1px 0px, rgb(205 169 22) 0px 2px 0px, rgb(186 153 18) 0px 3px 0px, rgb(164 132 1) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(255, 214, 46) !important;}

.shadowoff #orange{    text-shadow: rgb(217 123 0) 0px 1px 0px, rgb(231 127 0) 0px 2px 0px, rgb(191 108 1) 0px 3px 0px, rgb(168 95 0) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(255, 141, 2) !important;}

.shadowoff #red{    text-shadow: rgb(219 20 56) 0px 1px 0px, rgb(188 8 40) 0px 2px 0px, rgb(160 0 29) 0px 3px 0px, rgb(121 0 22) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(255, 42, 77) !important;}

.shadowoff #cotton_candy{    text-shadow: rgb(244 138 219) 0px 1px 0px, rgb(226 113 199) 0px 2px 0px, rgb(212 93 184) 0px 3px 0px, rgb(191 90 167) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(234, 164, 255) !important;}

.shadowoff #deep_pink{    text-shadow: rgb(231 61 205) 0px 1px 0px, rgb(210 47 186) 0px 2px 0px, rgb(196 42 173) 0px 3px 0px, rgb(181 33 159) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(255, 92, 232) !important;}

.shadowoff #deep_blue{    text-shadow: rgb(0 95 208) 0px 1px 0px, rgb(0 98 214) 0px 2px 0px, rgb(0 72 158) 0px 3px 0px, rgb(0 61 133) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(2, 116, 252) !important;}

.shadowoff #tropical_blue{    text-shadow: rgb(45 191 222) 0px 1px 0px, rgb(42 170 198) 0px 2px 0px, rgb(35 145 168) 0px 3px 0px, rgb(29 125 145) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(36, 183, 222) !important;}

.shadowoff #mint{    text-shadow: rgb(67 239 204) 0px 1px 0px, rgb(57 216 184) 0px 2px 0px, rgb(40 187 157) 0px 3px 0px, rgb(29 160 133) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(128, 255, 217) !important;}

.shadowoff #deep_green{    text-shadow: rgb(0 184 55) 0px 1px 0px, rgb(0 155 47) 0px 2px 0px, rgb(0 134 40) 0px 3px 0px, rgb(0 114 34) 0px 4px 0px, rgb(0 0 0 / 23%) 0px 0px 5px, rgb(0 0 0 / 43%) 0px 1px 3px, rgb(0 0 0 / 40%) 1px 4px 6px, rgb(0 0 0 / 38%) 0px 5px 10px, rgb(0 0 0 / 25%) 3px 7px 12px !important;
    color: rgb(11, 215, 72) !important;}                        


                       



  .container.container--flush, #calculator {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
  #calculator{position:fixed; top:50%;}
 
label {
    display: inline-block;
    margin-bottom: 10px;
    font-family: 'Brandon_light';
    color: #333333;
    font-size: 12pt;
    font-weight: 700;
}  
.custom-left {
  display: inline-block;
	background-color: #FFFFFF;
    border-radius: 15px;
	-webkit-box-shadow: 0px 6px 23px -2px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 6px 23px -2px rgba(0,0,0,0.27);
	box-shadow: 0px 6px 23px -2px rgba(0,0,0,0.27);
    width:100%;
  	padding:2px;
}
.tab {
    color: #000000;
    font-weight: 500;
    font-family: 'Brandon_light';
    text-transform: uppercase;
}  

.warpper{
  display:block;
  flex-direction: column;
  align-items: center;
}
.tab {
    padding: 6px 10px 13px;
    width: calc( 100% / 3);
    position: relative;
    display: block;
    float: left;
    margin-right: 0;
    border-radius: 0;
    margin-bottom: 0px;
    font-size: 13pt;
    font-weight: 900;
    text-align: center;
}
.panels {
    display: flow-root;
    width: 100%;
    padding: 0px;
}
.panel {
    margin-bottom: 0px;
    box-shadow: none;
}  
.option_group_custom {
    border: none;
    padding: 10px;
    margin-bottom: 0;
}
.tabs {
	overflow: hidden;
	width: 100%;
	border: 1px solid #ff0060;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.panel{
  display:none;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  color: #ffffff;
  background: #ff0060 !important;
}

.tabs .tab:before{
 content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #ff0060;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.tabs .tab:after{
 content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 100%;
    z-index: 2;
}
#two:checked ~ .tabs #two-tab:after {
 border-left: 10px solid #ff0060;
}

#one:checked ~ .tabs #one-tab:after {
 border-left: 10px solid #ff0060;
}
textarea.form-control.text-tab-1 {
    text-align: center;
    padding-top: 6%;
    background: #f5f5f5;
    border-radius: 15px;
    margin-bottom: 0px;
    font-family: Brandon_light, sans-serif;
    height: 90px;
    font-size: 18px;
  	font-weight: 900;
    color: #000000;

}
.warpper .radio {
    display: none;font-family:inherit;
}
.tabs {
    margin-bottom: 0px;
}  
.size_style label {
    color: #000000;
    font-size: 12pt;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.option-label {
    text-transform: uppercase !important;
    font-family: 'Brandon_reg';
    font-size: 15pt !important;
}
#size_table {
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}
.make_style_form div.size-box.active, .make_style_form div.size-box:hover {
    box-shadow: unset;
    border-color: transparent;
    border-radius: 15px;
    border: 2px solid #ff0060;
    background: #fff;
}
.make_style_form div.size-box {
    margin: 5px;
    padding: 5px;
    border: 0px;
    /* border: 2px solid #e7e6e6; */
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
    border-radius: 15px;
    font-size: 1.1rem !important;
}
.size-box {
    width: calc(50% - 10px);
    float: left;
    border-radius: 0;
    text-align: left;
    padding: 0;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1.5rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.seven.columns.medium-down--one-whole {
    width: 50%;
    margin-right: 50%;
}
.size-box .s_price {
    text-align: left;
    padding: 0px;
}
.size-box strong, .strong {
    font-family: 'Brandon_bld';
    color: #010101;
    font-size: 8pt;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 3px;
    background: #e7e6e6;
    text-transform: uppercase;
    background: #f5f5f5;
    text-transform: capitalize;
    padding-left: 0px;
}
.make_style_form .size-box .s_price div:nth-child(2) {
    color: #000;
    font-family: 'Brandon_bld';
    font-size: 19px;
    padding-left: 0px;
}

#size_table .size-box .s_size, #size_table .size-box .s_size2 {
    padding: 0px;
    text-align: right;
}
.s_size2 div, .s_size div {
    font-family: 'Brandon_reg';
    color: #010101;
    font-size: 9pt;
    width: 100%;
    display: inline-block;
    background: #e7e6e6;
    box-sizing: border-box;
    padding-right: 3px;
}
.make_style_form div.size-box strong, .make_style_form div.size-box .s_size2 div {
    font-size: 12.4px !important;
    line-height: 24px;
}
.s_size2 div, .s_size div {
    background: #f5f5f5;
}
.make_style_form .size-box .s_price div:nth-child(2), .make_style_form .s_size2 div:nth-child(2), .make_style_form .s_size div:nth-child(2) {
    background: #f5f5f5;
}
.make_style_form div.size-box.active .s_price div:nth-child(2), .make_style_form div.size-box.active .s_size2 div:nth-child(2), .make_style_form div.size-box.active .s_size div:nth-child(2), .make_style_form div.size-box:hover .s_price div:nth-child(2), .make_style_form div.size-box:hover .s_size2 div:nth-child(2), .make_style_form div.size-box:hover .s_size div:nth-child(2), .make_style_form div.size-box.active strong, .make_style_form div.size-box.active .s_size2 div, .make_style_form div.size-box.active .s_size div, .make_style_form div.size-box:hover strong, .make_style_form div.size-box:hover .s_size2 div, .make_style_form div.size-box:hover .s_size div {
    background: #fff;
}
label.size_note, .sign_note {
    font-family: 'Brandon_light';
    font-size: 13px;
    text-align: left;
    padding: 0 10px;
    font-weight: normal;
    line-height: 1.5;
    text-transform: unset;
}
.form-group {
    margin: 0;
    display: inline-block;
    width: 100%;
}
.form-group {
    margin-bottom: 15px;
}
.main_radio .col-xs-6 {
    padding: 0 5px;
}
.custom-control.custom-radio {
    margin-bottom: 5px;
}
.custom-control.custom-radio {
    text-align: left;
    width: 100%;
}
#size_table input, .custom-radio input, .dropdown-item input[type=radio] {
    position: absolute;
    opacity: 0;
}
  
  .back_board li{cursor:pointer;} 
.custom-radio.selected label, .custom-radio:hover label {
    box-shadow: unset;
    border-color: transparent;
    border-radius: 15px;
    border: 2px solid #ff0060;
    background: #fff;
}
.custom-radio label {
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
    border-radius: 15px;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #000;
    font-family: 'Brandon_reg';
    font-size: 14.4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    height: 66px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.custom-radio label {
    line-height: 1;
    margin-bottom: 0;
}
.form-group.plug_style {
    margin-left: 10px;
}
.plug_style label {
    text-transform: uppercase;
    font-family: 'Brandon_reg';
}
.plug_style label {
    padding: 0px;
}
.plug_style label, .board_style label {
    color: #000;
    font-size: 14pt;
    margin-bottom: 0px;
}
.plug_style .dropdown {
    display: inline-block;
    background: none;
}
.dropdown, .dropup {
    position: relative;
}
.form-group.plug_style .btn-default {
    border: 0px;
    background: #f5f5f5;
}
.plug_style .btn-default {
    width: 100%;
    padding: 2px 2px 2px 10px;
}
.plug_style h4 {
    line-height: 1.5em;
    letter-spacing: .1em;
    font-family: 'Brandon_reg';
    color: #333333e8;
    display: inline-block;
    font-size: 11pt;
    float: left;
    margin: 0px;
}
.form-group.plug_style i {
    border: 0;
}
.plug_style i {
    float: right;
    border: 1px solid #f3f3f3;
    padding: 0 5px;
    font-size: 1.2rem;
}
.form-group.plug_style {
    display: flex;
    justify-content: center;
    align-items: center;
}
.option-label {
    text-transform: uppercase !important;
    font-family: 'Brandon_reg';
    font-size: 15pt !important;
}

.btn-default {
    border-width: 1px;
    box-shadow: none;
    text-shadow: none;
    width: 50%;
    padding: 2px 5px;
    border-color: #f3f3f3;
}
h4#board_price {
    margin: 0;
    font-size: 12px;
}
.right-sec {
    border-radius: 11px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.right-sec .slider-nav {
    position: absolute;
    width: 100%;
    bottom: 0px;
  	z-index:9;
}
  .right-sec .slider-nav2{
  	z-index:9;
  }
.col-md-3-5 {
    width: 35.5% !important;
}
.col-md-8-5 {
    width: 63.3% !important;
}
.slider-nav {
    padding: 32px 46px !important;
}
.slider-nav img{
    margin-right: 12px;
    margin-left: 12px;
}
.btn-default {
    border-width: 1px;
    box-shadow: none;
    text-shadow: none;
    width: 50%;
    padding: 2px 5px;
    border-color: #f3f3f3;
}
.dropdown-design .btn-default {
    background: #f5f5f5;
    border: 0px;
}
.form-group.board_style {
    text-align: center;
} 
.dropdown-b {
    position: relative;
} 
.dropdown-toggle-design {
    margin: 10px 0px;
} 
.dropdown-design, .dropdown-toggle-design {
    background: #f5f5f5;
    padding: 10px 0;
    border-radius: 15px;
    margin: 10px;
    font-family: 'Brandon_reg';
}  
.dropdown-toggle-design li:nth-child(1) a {
    color: #ff0060;
}
.tot_price_sec {
    font-family: 'Brandon_bld';
    font-size: 12pt;
    margin: 10px 0 0;
}
.custom-checkbox .custom-control-label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    text-transform: unset;
}
.custom-checkbox .custom-control-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    background-color: #fff;
    border: 2px solid gray;
}
.custom-checkbox .custom-control-label .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    content: "";
    position: absolute;
}
.custom-checkbox .custom-control-label input:checked ~ .checkmark:after {
    display: block;
} 
.custom-checkbox .custom-control-label input:checked ~ .checkmark {
    background-color: #4bc3c9;
    border-color: #4bc3c9;
}  
.custom-control.custom-option {
    text-align: left;
    font-family: 'Brandon_light', sans-serif;
}
.custom-control.custom-option .info-light {
    display: none;
    border-radius: 5px;
    background-color: #dcfcfd;
    color: #00c4c8;
    padding: 5px 15px;
    margin-top: 5px;
}
.custom-control.custom-option label {
    float: left;
    line-height: 26px;
    color: #00c4c8;
    font-size: 18px;
}
label {
  margin-bottom:10px;

} 
span.radio_span {
    display: inline-block;
    margin: 10px 0 0;
    font-family: 'Brandon_reg';
    color: #010101;
}  
.custom-control.custom-option small {
    float: right;
    width: 44%;
    font-weight: bold;
    font-size: 14px;
}
.custom-control.custom-option label span {
    float: left;
    color: #00c4c8;
    line-height: 26px;
    font-size: 20px;
}  
.custom-control.custom-option .col-xs-7 small {
    width: 65%;
}  
.custom-control.custom-option .col-xs-6, .custom-control.custom-option .col-xs-5, .custom-control.custom-option .col-xs-7 {
    padding: 0;
    margin-top: 10px;
}
.total-section {
    background: #f5f5f5;
    font-family: 'Brandon_bld';
    padding: 18px 15px 4px;
    border-radius: 15px;
    text-align: left;
}
.total_sel_price {
    float: right;
}
.slick-track:before, .slick-track:after {
    display: none !important;
}

.total_sel_price {
    font-size: 15pt;
    line-height: inherit;
    margin-left: 3px;
    margin-top: 6px;
}
   button.addtocart{
     border:0.1em solid #3EE186;
     padding:4px 0 4px 0;
     text-decoration:none;
     font-weight:300;
     color:#FFF;
     text-align:center;
     transition: all 0.5s;
     background-color:#3EE186;
     width:100%;
     letter-spacing: 3px;
   }
  button.addtocart:hover{
    color:#FFF;
    background-color:#000;
     border:0.1em solid #3EE186;
  }
button#add_to_cart {
    height:56px;
    border-radius: 15px;
    font-family: 'Brandon_bld';
    font-size: 21px;
}
.option_group_custom .form-group.active {
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
}
.font_style li {
    background: transparent;
    color: black;
    height: 3rem;
    font-size: 16px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0;
} 
.option_group_custom {
    border: none;
    padding: 10px;
    margin-bottom: 0;
} 
.clr-btn {
transform: rotate( 
-24deg
 );
    border-radius: 20px;
    width: 10px;
    height: 40px;
    margin-left: 10px;
    box-shadow: -1px 1px 10px #d6d6d6;
}
.clr-btn:hover {
    width: 12px;
    height: 44px;
}
.clr-btn.active {
    width: 13px;
    height: 46px;
    border: 2px solid #fff;
    box-shadow: rgb(255 255 255) 0px 0px 5px, rgb(255 255 255) 0px 0px 10px, rgb(255 144 255) 0px 0px 20px, rgb(255 144 255) 0px 0px 30px, rgb(255 144 255) 0px 0px 40px, rgb(255 144 255) 0px 0px 55px, rgb(255 144 255) 0px 0px 75px;
    margin-top: -4px;
    margin-left: 6px;
}  
.color_style #color_table li.col-xs-2 {
    width: 11% !Important;
    padding: 0 !important;
    height: 46px;
}
.color_desc {
    text-align:center;
    display: inline-block;
    margin-top: 2px;
    font-size: 13px;
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}
.color_desc {
    width: 100%;
    background-color: #f5f5f5;
    color: #000;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.color_desc span.cdesc {
    display: inline-block;
    width: 100%;
    font-family:'Brandon_reg';
}
ul {
     margin-bottom:0px;
} 
.form-group {
    margin-bottom: 0px;
}  
span.cmore {
    font-family: 'Brandon_reg';
    font-size: 16px !important;
}  
.cdesc {
    padding: 0px 5px 0px 5px;
}
.color_desc span.cimg {
    display: none;
    width: 100%;
    max-width: 335px;
    height: 150px;
    margin-top: 10px;
  	cursor:pointer;
}
.color_desc span.cmore {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    text-align: center;
    line-height: 0px;
}
.color_desc span.cmore > a {
    color: #337ab7;
  text-transform: none;
  font-size: 17px;

}  
.rush-order-info.text-center {
    font-family: 'Brandon_light';
    font-size: 15px;
}
.withprice strong {
    font-family: 'Brandon_reg' !important;
}  
  .panels a{
    color:#ff6df9;
  }
.withprice div {
    line-height: 24px;
    font-family: 'Brandon_bld' !important;
}
.sign_note {
    color: #333333;
    display: inline-block;
    padding: 0;
} 
  .custom-checkbox a{
    color:#000;
  }
.btn:hover, .btn.active {
    box-shadow: 0px 0px 5px #a2e6ff, 0px 0px 10px #a2e6ff;
    opacity: 1;
}
  .dropdown-menu>li>a{
    font-family: 'Brandon_light';
  }  
  .size-box.active, .size-box:hover, .board-box.active, .board-box:hover {
    box-shadow: 0px 0px 20px #a2e6ff;
}
  li {
    list-style: none;
}
.custom-pro-head {
   padding-top: 1px;
    padding-bottom: 0px;
    display: block;
    text-align: center;
}
.custom-pro-head h1 {
    font-family: Hamillton;
    color: #2d2d2d;
    font-size: 84px;
    font-weight: 100;
    letter-spacing: 0px;
    padding: 15px 0 20px 0;
}
.custom-pro-head p {
    font-family: Brandon_reg;
    font-size: 20px;
    font-weight: 300;
    color: #545454;
    letter-spacing: 10px;
    position: relative;
    top: 0px;
}  
  
span.bottom_cnt {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 900;
}

/*.fontsize_range  input[type='range']#rang-input-b {
       background: linear-gradient(to right, #3EE186 0%, #3EE186 80%, #fff 80%, #fff 100%);
    }
*/
.fontsize_range  input[type='range'].rang-input {
       background: linear-gradient(to right, #3EE186 0%, #3EE186 80%, #fff 80%, #fff 100%);
    -webkit-appearance: none;
    border-radius: 8px;
  height: 7px;
   outline: none;
  transition: background 450ms ease-in;

    }
    .total-section {
    color: #2b2b2b !important;
    margin-bottom: 0;
}
.dubble-line span {
    font-size: 13px;
    line-height: 12px;
}
.dubble-line p {
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 0px;
}  
 .dubble-line {
    display: inline-block;
    line-height: 20px;
}
.loading-anim p {
    display: block;
    left: 50%;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position: absolute;
}
.loading-anim img {
    display: block;
    left: 50%;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform:translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
} 
.CHF .vprice {
    font-size: 13px;
}
.CHF .withprice div {
    line-height: 26px;
}
.CHF .total_sel_price {
    font-size: 12pt;
    margin-left: 3px;
    line-height: 52px;
}
.gvsmain.container.product-name--custom-neon{
  	max-width: 1300px !important;
    width: 1247px;
    padding: 0px;
}




body.template-product #shopify-section-custom-product-template #video_popup video{width:100%}


@media only screen and (max-width: 768px) {
  
  .gvsmain.container.product-name--custom-neon {
    width: 100%;
}
  
  .on-off-btn {
    top: 32px;
}
.fontsize_range {
    top: 8px;
}  
  .CHF .vprice {
    font-size: 11px;
}
 .CHF .total_sel_price {
    font-size: 11pt;
    line-height: 50px;
}
  
  .col-md-3-5 {
    width: 100% !important;
    padding:0px !important;
}
  .gvsmain.container  {
   padding:0px !important;
  }
  
.total_sel_price {
    font-size: 14pt;
    line-height: 44px;
}
 
  .total-section{ padding: 18px 8px 4px;}
  
  .custom-pro-head p {
    font-size: 17px;
    letter-spacing: 0px;
    top: 0px;
}
}  

			/*rn changes 11dec*/



body.template-product .demo_box_side .video_div {
    text-align: center;
    display: block;
}


body.template-product .demo_box_side .video_div button {
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    margin-top: 10px;
    background: #3ee186;
    padding: 7px 18px;
}
@media only screen and (max-width: 374px) {
.CHF .total_sel_price {
    font-size: 9pt;
  line-height: 50px;}
  
  body.template-product .form-group .label_video {
    display: flex;
    /*padding-bottom:10px;*/
}
 
 
  
  
}
  .slider-for2 .slick-track{display:inline-table;}
  .lightboxHandle{text-transform:capitalize;}

div#custom__image {
    width: 100%;
    text-align: center;
    height: 400px;
    font-size: 100px !important;
}
 body.template-product .gvsmain .js-product_section.product_section .omega .warpper .tabs {
      position: sticky !important;
      top: 135px;
      background: white;
      z-index: 98;}

@media only screen and (max-width: 1024px){
    body.template-product .gvsmain .js-product_section.product_section .omega .warpper .tabs {
      position: sticky !important;
      top: 79.5px;
      background: white;
      z-index: 98;}    /*rn changes 21/12/21*/
  
    body.template-product .form-group .label_video button {
   
   
    font-weight: 500;                
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    margin-bottom: 13px;
    background: #3ee186;
    padding: 7px 18px;
   }
  
  body.template-product .form-group .label_video .button1{width:45%;text-align:center;padding:0;}
  
  body.template-product .form-group label.option-label {
	text-align:center;
	padding-top: 10px;
	font-size: 15px !important;}
  
  body.template-product .form-group .label_video .label{width:45%;text-align:center;padding-top: 8px;}
  
   body.template-product .form-group .label_video {width: 100%;display:flex;}
  body.template-product .form-group .label_video .vertical_margin {width: 10%;}
  
  }

/*rn changes upto here only*/
@media only screen and (max-width: 767px){
    body.template-product .gvsmain .js-product_section.product_section .omega .warpper .tabs {
      position: sticky !important;
      top: 58px;
      background: white;
      z-index: 98;}
 

  }
@media screen and (max-width: 400px){
	body.template-product .form-group .label_video button {
    font-weight: 500;
    color: #ffffff;
    font-size: 10px;
    border-radius: 5px;
    margin-bottom: 13px;
    background: #3ee186;
    padding: 7px 11px;
}
}
@media only screen and (min-width: 767px){
  body.template-product .custom-left .warpper .form-group .button1 {
    display: none;
}

}