f.col-main {
  flex: 1;  
}  

.col-complementary {
  flex: 1;  
}
.lineheight {
    float: left;
}
.neon span.woocommerce-Price-amount.amount {
    display: block;
    text-align: left;
    float: left;
    width: 100%;
}

.qty-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty-container .input-qty{
    text-align: center;
    padding: 8px 10px;
    border: 1px solid #d4d4d4;
    max-width: 40px;
    float: left;
}
.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus{
  border: 1px solid #d4d4d4;
  padding: 10px 13px;
  font-size: 10px;
  height: 38px;
  width: 38px;
  transition: 0.3s;
}
.qty-container .qty-btn-plus{
  margin-left: -1px;
}
.qty-container .qty-btn-minus{
  margin-right: -1px;
}


#container_of_neon{  min-height: 135px; min-width: 10px; text-align: center;position: relative; /*background: #1488B8;*/ left: 50%; transform: translate(-50%, -50%);}

/* Responsive: */

@media only screen and (min-width: 640px) {
  .layout {
    display: flex;
  }
	.col {
 /* padding: 1em;*/
  margin: 0 2px 2px 0 ;
 /* background: #b3e888;*/
}

	#neon_canvas_background{
			
			height: 500px !important;
		}
	.font_and_icon_area{width: 100% !important; position: relative;}
	#container_of_neon {
		min-height: 120px !important;}
	
}

/* etc */

body {
  /*margin: 1.5em;*/
	margin: 0;
	padding: 0;
	  font-family: sans-serif;
}

.container {
  max-width: 1200px !important;
  margin-right: auto;
  margin-left: auto;
}
.bcf-main-content {
  width: 100% !important;
  margin: unset !important;
}

.col {
  margin: 0;

}

		/*---------------Noen Canvas -----------------*/
		#neon_canvas_background{
			background-position:center;
			background-repeat: no-repeat;
			/*background-image: url("https://media.istockphoto.com/id/1328217256/photo/modern-living-room-at-night.jpg?s=612x612&w=0&k=20&c=ki4HMyLa2njz-XqIcK3UPEn971svAQQzf-uoYpc9HeE=");
			*/background-color: #000000;
			background-size: cover;
			width: 100%;
			height: 300px;
			text-align: center;
			position: relative;
			transition: background 0.5s ease-out;
		}

		.thumbnail{
			background-position:center;
			background-repeat: no-repeat;
			background-image:  url("https://iso.500px.com/wp-content/uploads/2017/07/stock-photo-219973977-960x1000.jpg");
			background-size: cover;
			width: 60px;
			height: 60px;
			margin: 5px;
			display: inline-block;
		}
		.noen_text_inside_the_canvas{
			position: absolute;
            
			left: 50%;
            transform: translateY(-50%);
			transform: translateX(-50%);font-family: 'CustomBeon';
			font-size: 30px;
			line-height:32px;padding: 8px;
		}
		/* change color of the neon text*/
	.color_effect {
  --interval: 1s;
  display: block;
color: #FFFFFF;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 15px, rgb(94, 198, 244) 0px 0px 5px, rgb(94, 198, 244) 0px 0px 10px, rgb(94, 198, 244) 0px 0px 10px, rgb(94, 198, 244) 0px 0px 10px, rgb(94, 198, 244) 0px 0px 10px, rgb(94, 198, 244) 0px 0px 10px, rgb(94, 198, 244) 0px 0px 10px;
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
  overflow: hidden !important;
}

@keyframes flicker {
	
  from { opacity: 0.90; }
    to { opacity: 1; }
}
		
		
		/*----------------------------Neon letters choice---------- */
		 .change_letters_size{
  margin-bottom: 4px;
 
  text-align:left;}

 .choose_the_size_of_text {
  margin: 0 -11px 0 0;
  position: relative;
			font-size: 12px;  display: inline-block;

}

.choose_the_size_of_text label,
.choose_the_size_of_text input {
  display: inline-block;
}
.neon .button_choose_font .btn,.neon .choose_the_size_of_text .btn {
  height: unset !important;
  padding: unset !important;
  background: none !important;
  border: none !important;
}
.neon .button_choose_color .btn {
  border: none !important;
  border-radius: 0px !important;
}

.choose_the_size_of_text input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.choose_the_size_of_text input[type="radio"]:checked + label,.choose_the_size_of_text input[type="radio"]:checked + label span {

    color: #1CBC9F;

}

.choose_the_size_of_text label {
  cursor: pointer;
  z-index: 90;
  line-height: 1.8em;
}
		
		/*-----------------------------type_neon_text-------------------------------*/
		.type_neon_text{			position: relative; margin-left: 10px;float: left; 		}
		.type_neon_text .label{position: absolute; padding: 3px 7px;top: -25px; left: -5px; font-size: 13px;}
		.type_neon_text textarea {background-color: #fff;  height: 43px; border-color: #B8B8B8; border-radius: 5px;padding: 10px 11px; font-size: 17px; width: 100%;}
		.delete_text{border: 1px solid; background: url("delete_text.svg")  #FCB040 no-repeat center !important; border: 1px solid #FCB040; border-radius: 5px 5px 5px 5px; width: 45px; height: 45px;     margin-left: 38px;}

		.new_line{
		    border: 1px solid #FCB040;
            border-radius: 5px 5px 5px 5px;
            width: 45px;
            height: 45px;
            margin-left: 38px;
            background:#FCB040;
            color:#fff;
            text-align: center;
            padding: 15px 0px;
            float: left;
		}
		.font_and_icon_area{background-color: #353535; border-radius:5px 5px 0px 0px;color: #ffffff;
    max-width: 561px;
    margin: 10px auto;width: 90%; position: relative;
    padding: 10px;}
		/*----------------------------Fonts---------- */
			.button_choose_font {

  margin: 0 5px 0 0;
  display: inline-block;
}

.button_choose_font label,
.button_choose_font input {
  display: block;
	

}

.button_choose_font input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.button_choose_font input[type="radio"]:checked + label {
  
  height: 20px;
	color: aquamarine;


}

.button_choose_font label {
  cursor: pointer;
  z-index: 90;
  line-height: 1.8em;
}

@font-face {
    font-family: 'CustomBeon';
    src: url('fonts/Beon.otf'),
    url('fonts/beon-webfont.woff') format('woff'),
    url('fonts/beon-webfont.ttf') format('truetype');
}
.font-face-beon {
    font-family: CustomBeon, sans-serif !important;
}

@font-face {
    font-family: 'CustomNeon';
    src: url('fonts/Neon Future.ttf') format('truetype');
}
.font-face-neon {
    font-family: CustomNeon, sans-serif !important;
}

@font-face {
    font-family: 'CustomQuenzy';
    src: url('fonts/Quinzey.otf');
}
.font-face-quenzy {
    font-family: CustomQuenzy, sans-serif !important;
}
@font-face {
    font-family: 'CustomRetro';
    src: url('fonts/RetroSignature.otf');
}
.font-face-retro {
    font-family: CustomRetro, sans-serif !important;
}

@font-face {
    font-family: 'CustomArslan';
    src: url('fonts/arslan.ttf');
}
.font-face-arslan {
    font-family: CustomArslan, sans-serif !important;
}

@font-face {
    font-family: 'CustomMax';
    src: url('fonts/MaxType Font Regular.ttf');
}
.font-face-max {
    font-family: CustomMax, sans-serif !important;
}
@font-face {
    font-family: 'CustomNaranj';
    src: url('fonts/NarenjRegular.ttf');
}

		/*----------------------------color choice---------- */
			.button_choose_color {
  /*float: left;*/
				display: inline-block;
  margin: 0 5px 0 0;
  width: 11.5%;
  height: 40px;
 /* position: relative;*/
}

.button_choose_color label,
.button_choose_color input {
  display: block;
  /*position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	width: 25px;*/
	height: 20px;
	background-color: aqua;
}

.button_choose_color input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.button_choose_color input[type="radio"]:checked + label {
  background: #20b8be;
  height: 25px;
  background: url("Icon-feather-check.svg") center no-repeat;
	 -webkit-transition: height 0.3s;   transition: height 0.3s ;

}

.button_choose_color label {
  cursor: pointer;
  z-index: 90;
  line-height: 1.8em;
}
		
		/*-------------------------ICONS -----------------------------*/
		.stroke-transparent {
 -webkit-text-stroke: 2px #ffffff;
 -webkit-text-fill-color: transparent;padding: 5px; cursor: pointer;
}
.neon_icon {
  margin: 0;
	padding: 10px;
  position: absolute;
  top: 27px;
  left: 46%;
  /*transform: translate(-50%, -50%);*/
  font-size: 31px;
  -webkit-text-stroke: 2px;
  -webkit-text-fill-color: transparent;
  /*background: #0F9C80;*/
 
}
.roteticon1, .roteticon2{
    width: 45px; 
    height: 45px;
    position: absolute; 
    bottom: 0px;
    background: #FCB040 !important;
    border: 1px solid #FCB040 !important;
    border-radius: 0 0  5px 5px;
    padding: 10px;
    font-size: 22px;
    opacity: 0.8;
    
    cursor: pointer;
}
.roteticon1 {
    left: 150px;
}
.roteticon2 {
    left: 195px;
}
.owl-carousel {
    display: block  !important;;
}
.neon .owl-nav span {
display:none;
    border-color: #FCB040 !important;
    background: transparent !important;
    border-radius: 50% !important;
    padding: 0px 5px !important;
    font-size: 24px !important;
    line-height: 12px !important;
}
.neon .owl-prev span,.neon .owl-next span {
    color: #FCB040 !important;
    font-size: 20px !important;
    position: inherit !important;
    padding: 0px !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
}
.neon .owl-prev{
    position: absolute;
    top: -23px;
    right: 62px;
    margin-left: -5px;
    height: 20px;
    color: #FCB040 !important;
}
.neon .owl-next{
    position: absolute;
    top: -23px;
    right: 29px;
    height: 20px;
    color: #FCB040 !important;
}
.neon .disabled {
    display: none;
}
.neon .owl-stage-outer {
    width: 95%;
    margin-left: 3.5%;
}
.neon .owl-dots {
    display: none !important;
}
	
		.move_left{border: 1px solid; background: url("left.svg")  #FCB040 no-repeat center !important; border: 1px solid #FCB040; border-radius: 5px 0px 0px 0px; width: 45px; height: 45px;position: absolute; bottom: 0; opacity: 0.8; left: 0px; cursor: pointer;}
		.move_up{border: 1px solid; width: 45px; height: 22.5px;position: absolute; bottom: 22.5px;background: url("up.svg")  #FCB040 no-repeat center !important; border: 1px solid #FCB040 !important; opacity: 0.8; left:46px; cursor: pointer;}	
		.move_down{border: 1px solid; width: 45px; height: 22.5px;position: absolute; bottom: 0px;background: url("down.svg")  #FCB040 no-repeat center !important; border: 1px solid #FCB040 !important; opacity: 0.8; left: 46px; cursor: pointer;}
		
		.move_right{border: 1px solid;width: 45px; height: 45px;position: absolute; bottom: 0px;background: url("right.svg")  #FCB040 no-repeat center !important; border: 1px solid #FCB040 !important; border-radius: 0px 5px 0px 0px; opacity: 0.8; left: 92px; cursor: pointer;}
				.delete_icon{ background: url("delete.svg") no-repeat center; position: absolute; right: 10px; top: 10px;}
		#move_the_iocn{position: absolute; bottom: 0; 	left: 50%; transform: translateY(-50%); transform: translateX(-50%); color: #ffffff; font-size: 11px; text-align: center;}
@media (min-width: 768px) and (max-width: 1024px) {
    .layout {
        display: block !important;
    }
}
@media only screen and (min-width: 768px) {
    .layout {
        display: flex;
        max-width: 1200px;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 600px) {
    .choose_the_size_of_text label {
        font-size: 10px !important;
    }
    .font_and_icon_area {
        margin: 40px auto !important;
    }
    .move_up,.move_down, .move_right,.move_right,.move_left,.roteticon1,.roteticon2 {
        width: 32px !important;
    }
    .roteticon1 {
        font-size: 14px;
        left: 120px;
    }
    .roteticon2 {
        font-size: 14px;
        left: 155px;
    }
    .move_up,.move_down {
        height: 14.5px !important;
    }
    .neon #move_the_iocn br {
        display: none;
    }
    .neon #move_the_iocn p {
        margin-bottom: 30px;
    }
    .move_up {
        bottom: 19px !important;
    }
    .move_right,.move_left,.roteticon1,.roteticon2 {
        height: 32px !important;
    }
    .move_right {
        left: 80px !important;
    }
    .move_left {
        left: 12px !important;
    }
}