.element_animating{
        -webkit-animation: color-change 4s infinite;
        
-moz-animation: color-change 4s infinite;
        -o-animation: color-change 4s infinite;
      
  -ms-animation: color-change 4s infinite;
        animation: color-change 4s infinite;
    }

  
  @-webkit-keyframes color-change {
       
   0% { color: #6495ed; }
        
       
   50% { color:red; }    
   
   100% { color: #6495ed; }
    }
   
     @-moz-keyframes color-change {
 
     0% { color: #6495ed; }
        
  50% { color:red; }       
     100% { color: #6495ed; }
    }
   
     
      @-ms-keyframes color-change {
 
      0% { color: #6495ed; }
        
      50% { color:red; }   
      100% { color: #6495ed; }
    }
  
        
      @-o-keyframes color-change {
 
       0% { color: #6495ed; }
         
      50% { color:red; }    
       100% { color: #6495ed; }
    }
   
       
        @keyframes color-change {
 
        0% { color: #6495ed; }
        
        50% { color:red; }
        
      100% { color: #6495ed; }
    
    
}




.sp-preview
{
    position:relative;
    width:30px;
    height: 25px;
    border: solid 1px #222;
     margin: 0 5px 0 0;
    float:left;
    z-index: 0;
    
    
    
}

.sp-palette
{
    *width: 420px;
    max-width: 420px;
}



.sp-palette .sp-thumb-el
{
    width:30px;
    height: 30px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

#homepage_icon{
width:30px;
height:30px;
vertical-align:middle;
}


.the_feedback{
width:800px;text-align:center;margin:20px auto 20px auto; font-family:arial, helvetica, sans-serif;
}
.element_feedback{
margin:5px auto 10px auto;text-align:left;
width:550px;
}
.form_feedback{
width:500px;padding:10px 5px 5px 5px;margin:6px 0px 10px 0px;
border:0;background-color:#E9E9E9;
}
.textarea_feedback{
width:450px;height:150px;padding:3px;font-size:1.2em;
}
.header_2
{
width:100%;
border-top:1px solid #fff;border-bottom:1px solid #fff;
text-decoration:none;display:inline-block;
text-shadow:0 1px 0 rgba(255,255,255,1);font-weight:900;color:#4a4a4a;

border-top:1px solid #FFFFFF;
border-bottom:1px solid #b3b3b3;
margin:25px 0 0 0;
padding:5px 0 0 0;


background-color:#ddd;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#f7f5f6));
background-image:-webkit-linear-gradient(top,#ddd,#f7f5f6);
background-image:-moz-linear-gradient(top,#ddd,#f7f5f6);
background-image:-ms-linear-gradient(top,#ddd,#f7f5f6);
background-image:-o-linear-gradient(top,#ddd,#f7f5f6);
background-image:linear-gradient(to bottom,#ddd,#ddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DDDDDD,endColorstr=#F7F5F6)

}




h1{
font-size:24px;font-family:'Lobster';
display:inline;
}




#tr_options{/*height:128px;*/}
#td_center{width:630px;text-align:right;}
#td_right{width:106px;text-align:right;}

#text_c_1{ float:left;margin:0 0 0 0;}
#text_o_1{float:right;margin:0 0 0 0;}



#options_element_1{
float:right;text-align:center;
border:0px solid #000000;
margin:0 5px 0 0;
}


#bteffect_id{width:130px;font-size:20px;padding:10px 0 10px 0;}

#pp6_c{
/*font-size:40px;width:370px;*/
}
#text_effect_1{
font-size:40px;font-family:'Lobster';color:#000000;
}
#t_optionc0{font-size:32px;font-family:'Lobster';color:#000000;}
#option_effect{font-size:32px;font-family:'Lobster';color:#000000;}

#picture_zoom_1{
font-size:40px;font-family:'Lobster';color:#000000;
float:left;margin:0 100px 0 0; 
}

.img_element{
width:625px;
border:0px solid #000000;
height:105px;
overflow:auto;


}
.i_ft{
width:85px;
height:50px;

cursor:pointer;
border:1px solid #CCCCCC;
}


.bt_effect{
float:left;margin:0 0 0 5px;
}


.fb_element{
float:right;
margin:5px 0 0 0; 
}
.fl_zoom1{
float:left;
margin:15px 50px 0 0; 
}
.fl_zoom2{
float:left;
margin:15px 50px 0 0; 
}
.fl_zoom3{
float:left;
margin:15px 50px 0 0; 
}
.fl_zoom4{
float:left;
margin:15px 50px 0 0; 
}
.fl_zoom5{
float:left;
margin:0 0 0 0; 
}

#text_font_1{
font-size:40px;font-family:'Lobster';color:#000000;
}
#next_options{width:96px;height:96px;border:0;}

#device_selection{
margin:20px 0 0 0;
}
.device_info{
font-weight:normal;
margin:0 0 20px 0;
width:100%;
font-size:17px;font-family:'Lobster';
color:#1e90ff;
background-color:#dddddd;
padding:5px 5px 5px 5px;
border:0;
border-top:1px dashed #b3b3b3;
border-bottom:1px dashed #b3b3b3;
}
.delete_im_d{
width:20px;
height:20px;
}

#pp0{width:570px;
					font-size:40px;
					border:1px solid #b3b3b3;
					padding:7px 0 7px 10px;
					}
#ftsize160{width:720px;margin:10px auto 10px auto;padding:0 0 10px 0;}
#pp1_0{width:720px}




#a_t0{
width:728px;height:90px;background-color:#DDDDDD;margin:0 auto 0 auto;

}


#device_selection{
margin:20px 0 0 0;
}

#button_element{

margin:0 auto 0 auto;
padding:0;
border:0px solid #FFFF00;
height:40px;
}

#version_device_display{
display:none;
}

#ft_select{
position:absolute;top:37px;
z-index:3000;

width:170px;
height:300px;overflow:auto;background-color:#CCCCCC;
text-align:left;
}
#ft_select img{
width:150px;
}
#info_device_icons{
margin:0;color:#ff5700;font-size:15px;font-family:'Lobster';
}

#save_div_1{float:right;margin:0 5px 0 0;}
#refresh_div_1{float:right;margin:0 5px 0 0;}
.rotate_div{float:right;margin:0 5px 0 0;}
.rotate_div a{font-size:1.2em;}
#reset_div_1{float:right;margin:0 15px 0 0;}
#home_div_1{float:right;margin:0 5px 0 0;}



#font_element{
display:visible;
}
#ft_select{
display:none;

}
a.lf_0:link{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:underline;color:#808080;font-family:'Lobster';}
a.lf_0:visited{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:underline;color:#808080;font-family:'Lobster';}
a.lf_0:active{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:underline;color:#808080;font-family:'Lobster';}
a.lf_0:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:underline;color:#000;font-family:'Lobster';}

#unselect_content{
width:35px;
height:35px;
text-align:center;
}
#t_element{
width:30px;
height:30px;
}
#info_t_device1{
width:313px;
height:48px;
}
#info_t_device2{
width:368px;
height:41px;
}

#ic_feedback{
width:20px;
height:20px;
}
#ic_rotate_picture{
width:20px;
height:20px;
}
#ic_arrow_down_device{
width:16px;
height:16px;
}
#ic_font_element{
width:39px;
height:18px;
}
#ic_effect_1{
width:20px;
height:20px;
}

#ic_refresh_1{
width:20px;
height:20px;
vertical-align:middle;
}
#ic_save_1{
width:18px;
height:18px;
}
#ic_delete_1{
width:18px;
height:18px;
}
#ic_home_1{
width:18px;
height:18px;
}

.button_r,.button_font{
border:1px solid #ADADAD;



-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;

font-size:1em;
height:20px;
width:20px;
font-family:arial, helvetica, sans-serif; 
padding: 8px 10px 6px 10px;


 text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; 
 
 color: #4A4A4A;
 
background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
 background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);


}

.button_r:hover{
 color:#ff5700;
 }
 
 .button_font{
width:38px;
}

.button_r1{
border:1px solid #ADADAD;
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
font-size:13px;
font-family:arial, helvetica, sans-serif; 
padding: 7px 10px 5px 10px; 
text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
 background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
}

.button_r1:hover{
 color:#ff5700;
 }



.rangeslider,
.rangeslider__fill {
  background: #e6e6e6;
  display: block;
  height: 20px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
 /* background: #00ff00;
  */
   
 background-color: #cef8ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
 background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
 
  
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -10px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  
  
  
 
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
 
}


a.l_0:link{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0:visited{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0:active{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:underline;color:#000;font-family:arial,helvetica,sans-serif}

a.l_1:link{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:none;color:#ff5700;font-family:arial,helvetica,sans-serif}
a.l_1:visited{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:none;color:#ff5700;font-family:arial,helvetica,sans-serif}
a.l_1:active{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:underline;color:#ff5700;font-family:arial,helvetica,sans-serif}
a.l_1:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:25px;text-decoration:none;color:#000;font-family:arial,helvetica,sans-serif}



a.l_fb:link{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:none;color:#000000;font-family:'Lobster';}
a.l_fb:visited{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:none;color:#000000;font-family:'Lobster';}
a.l_fb:active{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:underline;color:#000000;font-family:'Lobster';}
a.l_fb:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:20px;text-decoration:none;color:#ff5700;font-family:'Lobster';}









a.logo_l:link{font-family:'Lobster';font-size:50px;text-decoration:none;color:#000;font-weight:700}
a.logo_l:visited{font-family:'Lobster';font-size:50px;text-decoration:none;color:#000;font-weight:700}
a.logo_l:active{font-family:'Lobster';font-size:50px;text-decoration:none;color:#000;font-weight:700}
a.logo_l:hover{font-family:'Lobster';font-size:50px;text-decoration:none;color:#ff5700;font-weight:700}  




.device_home_title{
font-size:45px;font-family:'Lobster';
}

.device_save_title{
font-size:25px;font-family:'Lobster';
text-align:center;
margin:0 10px 0 10px;
color:#000000;
}

#progress_p{
font-size:70px;
}



/*info error upload*/
#upload_info{
color:#db5004;
font-size:20px;
font-family:'Lobster';font-weight:400;

}
#progress_0{
font-size:50px;
width:795px;
/*width:98%;*/
margin:0 auto 0 auto;


}

progress{width:100%;}
#progress_p{color:#339bff;
font-size:40px;
font-family:'Lobster';font-weight:400}

.container{
width:830px;
height:640px;
margin:10px auto 50px auto;
border:0;
}
.middle_element_device_options{
width:830px;
margin:0 auto 0 auto;
}

.part_1{
border:1px solid #FFFFFF;
width:800px;
height:620px;
text-align:center;
margin:0 auto 0 auto;
padding:0 0 20px 0;
overflow:auto;
}

#upload_data_device{
font-size:35px;
}

#device_i_select{
width:64px;
height:64px;
}


#img_presentation{
margin:20px 0 0 0;
}

#choice_1{
width:260px;height:240px;
margin:0 70px 0 0;
}

#choice_2{
width:260px;height:240px;
margin:50px 0 0 0;
}



.d_t5{font-family:arial,helvetica,sans-serif;text-align:center;padding:0;margin:0 auto 0 auto;width:500px;font-size:13px;}

.home_t{font-size:17px;font-family:'Lobster';
text-align:center;padding:0;margin:40px auto 0 auto;width:500px;}

.all_content_pr{
font-family:arial,helvetica,sans-serif;
font-size:14px;
margin:5px;text-align:left;padding:5px;background-color: #cccccc;
}

#email_mobile{
width:397px;
height:53px;
}






.top_element{width:725px;}

.logo_element{float:left;margin:0 0 20px 5px}
.logo_element_dl{float:left;margin:5px 0 20px 5px}

a.logo_dl:link{font-family:'Lobster';font-size:40px;text-decoration:none;color:#000;font-weight:700}
a.logo_dl:visited{font-family:'Lobster';font-size:40px;text-decoration:none;color:#000;font-weight:700}
a.logo_dl:active{font-family:'Lobster';font-size:40px;text-decoration:none;color:#000;font-weight:700}
a.logo_dl:hover{font-family:'Lobster';font-size:40px;text-decoration:none;color:#ff5700;font-weight:700}


.t_element_title{
font-family:'Lobster';font-size:20px;text-decoration:none;color:#000;font-weight:700
}

.header_2_dl
{
width:100%;
border-top:1px solid #fff;border-bottom:1px solid #fff;
text-decoration:none;display:inline-block;
text-shadow:0 1px 0 rgba(255,255,255,1);font-weight:900;color:#4a4a4a;

margin:0 0 0 0;
padding:5px 0 0 0;


background-color:#ddd;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#f7f5f6));
background-image:-webkit-linear-gradient(top,#ddd,#f7f5f6);
background-image:-moz-linear-gradient(top,#ddd,#f7f5f6);
background-image:-ms-linear-gradient(top,#ddd,#f7f5f6);
background-image:-o-linear-gradient(top,#ddd,#f7f5f6);
background-image:linear-gradient(to bottom,#ddd,#ddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DDDDDD,endColorstr=#F7F5F6)

}
.error_element_dl{
width:100%;text-align:center;margin:20px auto 20px auto;
}

.t_element_dl{
font-size:20px;font-family:arial, helvetica, sans-serif;
}

a.l_0_dl:link{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:15px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0_dl:visited{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:15px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0_dl:active{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:15px;text-decoration:underline;color:#808080;font-family:arial,helvetica,sans-serif}
a.l_0_dl:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:15px;text-decoration:underline;color:#000;font-family:arial,helvetica,sans-serif}


.bt_create{
border:1px solid #15aeec;-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;-moz-box-shadow: #FFFFFF 0px 0px 1px inset; box-shadow: #FFFFFF 0px 0px 1px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;

font-size:2.8em;

font-family:arial, helvetica, sans-serif; padding: 4px 15px 4px 15px; text-decoration:none; display:inline-block;text-shadow: 0px 2px 0 rgba(0,0,0,0.5);font-weight:bold; color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}

.bt_create:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}