@import url("//gfto.ru/linetextanim/css/reset.css");
 
@font-face { font-family: Start; src: url('../font/Start.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'Bolero'; src: url('../font/Bolero-script.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'Starfighter'; src: url('../font/Starfighter_Cadet.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'LaMonaKids'; src: url('//gfto.ru/linetextanim/font/LaMonaKids.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }


@font-face { font-family: 'Ssvivas'; src: url('//gfto.ru/linetextanim/font/ssvivas.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }  

@font-face { font-family: 'simpleiriska'; src: url('//gfto.ru/linetextanim/font/simpleiriska.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; } 
 
@font-face { font-family: 'Acogessic'; src: url('//gfto.ru/linetextanim/font/Acogessic.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; } 

@font-face { font-family: 'UnTornado'; src: url('//gfto.ru/linetextanim/font/UnTornado.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; } 


@font-face { font-family: 'TrixiePro-Heavy'; src: url('//gfto.ru/linetextanim/font/TrixiePro-Heavy.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; } 

@font-face { font-family: 'Terpsichora'; src: url('//gfto.ru/linetextanim/font/Terpsichora.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
  
@font-face { font-family: 'StudentAWX'; src: url('//gfto.ru/linetextanim/font/StudentAWX.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Steamy'; src: url('//gfto.ru/linetextanim/font/Steamy.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'SpriteGraffiti'; src: url('//gfto.ru/linetextanim/font/SpriteGraffiti.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Spirits_RU'; src: url('//gfto.ru/linetextanim/font/Spirits_RU.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Sladkoeshka'; src: url('//gfto.ru/linetextanim/font/Sladkoeshka.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Schwabacher'; src: url('//gfto.ru/linetextanim/font/Schwabacher.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'RupsterScript'; src: url('//gfto.ru/linetextanim/font/RupsterScript.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'RedOctober'; src: url('//gfto.ru/linetextanim/font/RedOctober.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Rafale_RU'; src: url('//gfto.ru/linetextanim/font/Rafale_RU.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'RUSBoycott'; src: url('//gfto.ru/linetextanim/font/RUSBoycott.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'PFSquareSans'; src: url('//gfto.ru/linetextanim/font/PFSquareSans.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'ObelixPro'; src: url('//gfto.ru/linetextanim/font/ObelixPro.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'NickainleyNo'; src: url('//gfto.ru/linetextanim/font/NickainleyNo.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'NeSkid'; src: url('//gfto.ru/linetextanim/font/NeSkid.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'MinecraftRus'; src: url('//gfto.ru/linetextanim/font/MinecraftRus.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Metropolis'; src: url('//gfto.ru/linetextanim/font/Metropolis.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'KeetanoBold'; src: url('//gfto.ru/linetextanim/font/KeetanoBold.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'KatherinePlus'; src: url('//gfto.ru/linetextanim/font/KatherinePlus.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'KanyonRegular'; src: url('//gfto.ru/linetextanim/font/KanyonRegular.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'HouschkaBold'; src: url('//gfto.ru/linetextanim/font/HouschkaBold.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'HACKED'; src: url('//gfto.ru/linetextanim/font/HACKED.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'GoodVibes'; src: url('//gfto.ru/linetextanim/font/GoodVibes.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'FrezerFont'; src: url('//gfto.ru/linetextanim/font/FrezerFont.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Fantazyor'; src: url('//gfto.ru/linetextanim/font/Fantazyor.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'CartoonHRe'; src: url('//gfto.ru/linetextanim/font/CartoonHRe.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Fakere'; src: url('//gfto.ru/linetextanim/font/Fakere.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Bold'; src: url('//gfto.ru/linetextanim/font/Bold.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'BemountLine'; src: url('//gfto.ru/linetextanim/font/BemountLine.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'AmazDooMR'; src: url('//gfto.ru/linetextanim/font/AmazDooMR.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Allods-West'; src: url('//gfto.ru/linetextanim/font/Allods-West.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'AcidLabelCyr'; src: url('//gfto.ru/linetextanim/font/AcidLabelCyr.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'ALOTGutenberg'; src: url('//gfto.ru/linetextanim/font/ALOTGutenberg.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'ds-arabic'; src: url('//gfto.ru/linetextanim/font/ds-arabic.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'Smeshariki'; src: url('//gfto.ru/linetextanim/font/Smeshariki.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'COLORADOIII'; src: url('//gfto.ru/linetextanim/font/COLORADOIII.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'COLORADOX'; src: url('//gfto.ru/linetextanim/font/COLORADOX.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Astakhovvitrage'; src: url('//gfto.ru/linetextanim/font/Astakhovvitrage.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Astakhovpastel'; src: url('//gfto.ru/linetextanim/font/Astakhovpastel.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'MonsterHigh'; src: url('//gfto.ru/linetextanim/font/MonsterHigh.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'SporedomRUS'; src: url('//gfto.ru/linetextanim/font/SporedomRUS.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProstoyAWX'; src: url('//gfto.ru/linetextanim/font/ProstoyAWX.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ssdrebeden'; src: url('//gfto.ru/linetextanim/font/Ssdrebeden.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'Shihan'; src: url('//gfto.ru/linetextanim/font/Shihan.otf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'Five'; src: url('//gfto.ru/linetextanim/font/Five.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'FrankC'; src: url('//gfto.ru/linetextanim/font/FrankC.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'DoubleWhiskey'; src: url('//gfto.ru/linetextanim/font/DoubleWhiskey.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'DSSonOfBlack'; src: url('//gfto.ru/linetextanim/font/DSSonOfBlack.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'PFDaVinciScript'; src: url('//gfto.ru/linetextanim/font/PFDaVinciScript.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'NefelibataBrush'; src: url('//gfto.ru/linetextanim/font/NefelibataBrush.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }

@font-face { font-family: 'PhageRoughKG'; src: url('//gfto.ru/linetextanim/font/PhageRoughKG.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'AndroidKG'; src: url('//gfto.ru/linetextanim/font/AndroidKG.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
@font-face { font-family: 'GRAFFITI'; src: url('//gfto.ru/linetextanim/font/GRAFFITI.ttf') format('truetype'); 
             font-weight: normal; font-style: normal; }
body { padding: 20px 0 0 20px; }             

p {font-family: Arial, sans-serif; }                                                          
  
#fontAnimate { 
     color: rgba(200,200,200,.25); 
    text-align: center; padding: 30px 20px;      
}
 
 .form_radio {
	margin-bottom: 10px;
}
.form_radio input[type=radio] {
	display: none;
}
.form_radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 0;
	line-height: 18px;
	user-select: none;
}
.form_radio label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(../imgr/radio-1.png) 0 0 no-repeat;
}

/* Checked */
.form_radio input[type=radio]:checked + label:before {
	background: url(../imgr/radio-2.png) 0 0 no-repeat;
}

/* Hover */
.form_radio label:hover:before {
	filter: brightness(120%);
}

/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
	filter: grayscale(100%);
}

.form {
	width: 150px;
	margin: 0 auto;
}

 

#fontAnimate span { text-transform: uppercase; 
    font: 70px Arial, sans-serif;
  	letter-spacing: 0;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
    
background: url(../img/animated_text_fill3.png) repeat-y;
-webkit-background-clip: text;
-moz-background-clip: text;
-moz-background-clip:text;
    
background-clip: text;


-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;

-webkit-animation: aitf 80s linear infinite; 
-moz-animation: aitf 80s linear infinite; 
animation: aitf 80s linear infinite;

  }
.spanAnimate { 
    -webkit-background-clip: text;
-moz-background-clip: text; background-clip:text;

-webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; text-fill-color: transparent;
    
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
} 

 
@keyframes aitf { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } 


label {
	font-weight: 500;

font-family: 'Roboto', sans-serif;
	color:#fff;
	display:block;
	height:15px;
	line-height:15px;
	font-size:10px;
	margin-top:10px;
	margin-bottom:5px;
	text-transform:uppercase;
	vertical-align:top;
}

::-webkit-scrollbar {
	
  width: 10px;               /* ширина scrollbar */
}
::-webkit-scrollbar-track {
	opacity: 0.33;
  background: #282B2F;        /* цвет дорожки */
}
::-webkit-scrollbar-thumb {
	opacity: 0.33;
  background-color: #404245;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #282B2F;  /* padding вокруг плашки */
}

body::-webkit-scrollbar {
	
  width: 10px;               /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
	opacity: 0.33;
  background: #282B2F;        /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
	opacity: 0.33;
  background-color: #404245;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #282B2F;  /* padding вокруг плашки */
}
label.right {
	margin-right:15px;
}

input {
		width:75px;
	height: 30px;
	text-align: center;
	border-radius: 20px;
	display:block;
	
	box-sizing:border-box;
	background:#1C1E21;
	margin-bottom:35px;

	line-height:35px;
	padding:0 7px;
	font-size:16px;
	font-weight: 500;
	border:1px solid #515159;
	transition:all 0.3s ease-in-out;
font-family: 'Roboto', sans-serif;
	color:#4E40AD;
	vertical-align:top;
}

textarea {
	border-radius: 20px;
	display:block;
	width:100%;
	box-sizing:border-box;
	background:#1C1E21;
	margin-bottom:15px;
	height:55px;
	padding:0 17px;
	font-size:16px;
	border:0;
	border-bottom:1px solid #4E40AD;
	transition:all 0.3s ease-in-out;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	vertical-align:top;
}

input.inline {
	display:inline-block;
	width:auto;
	margin-bottom:0px;
	margin-right:15px;
}

input.small {
	height: 20px;
	width:40px;
	padding:10;
	font-size:12px;
}
.select{
	border-radius: 20px;
  
    background:#404245;
		border:1px solid #404245;

	padding-bottom:10px;

height: 20px;
	border-radius: 20px;
}
.colors{
	padding:5px;
	border:1px solid #404245;

	border-radius: 20px;
}




input[type=color] {
	border-radius: 20px;
	width:25px;
	height:25px;
	padding:0;
	
	-webkit-appearance: none;
	
}

input[type=number] {
border-radius: 20px;
	-webkit-appearance: textfield;
   -moz-appearance:    textfield;
   appearance:         textfield;
}

input[type=checkbox] {
	width:15px;
	height:15px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
}

.forcheckbox {
	padding:5px;
	border:1px solid #404245;

	border-radius: 20px;
	height:25px;
	line-height:25px;
}

.color_item {
	border-radius: 20px;
	display:inline-block;
	width:135px;
	overflow:hidden;
	margin-top: 10px;
}

.color_item input {
	border-radius: 20px;
	margin-right:4px;
}

.forcheckbox input {
	margin-right:10px;
	vertical-align:top;
	margin-top:5px;
	margin-bottom:5px;
}

.forcheckbox label {
	display:inline-block;
	vertical-align:top;
	height:25px;
	line-height:25px;
	font-size:10pt;
}


input::file-selector-button {
	background:#41454C;
    font-weight: bold;
    color: #fff;
	
    padding: 0.5em;
    border: thin solid #41454C;
    border-radius: 2px;
}

input[type=file] {
	text-align: center;
	justify-content: center;
	margin: 2px;
	margin-bottom:10px;
	margin-right:50%;
	margin-left:30%;
	min-width:125px;
	border:0;
	-webkit-appearance: none;
	font-size:14px;
	padding:0;
	line-height:normal;
}




.button {
	display:inline-block;
	padding:0 8px;
	height:30px;
	line-height:30px;
	font-size:10pt;
	border-radius:20px;
	color:#fff;
	background:#5241B3;
	text-transform:uppercase;
	cursor:pointer;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.38);
}

.button.save {
	position: absolute;
    top: 0;
    right: 0;
    z-index:100500;
}

input:hover, input:focus {
	color:#5241B3;
	border-color:#5241B3;
}

input.errors, textarea.errors {
	color:#f00;
	border-color:#f00;
}



input[type="color"]::-webkit-color-swatch-wrapper {
	
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


.cInput { padding: 5px; margin-bottom: 5px; } 
input { margin-left: 29px; }  select { margin-left: 29px; }
#cTextSelect { margin: -20px 0 3px 137px; width: 153px; height: 25px; border: 1px solid #ccc; position: relative; 
  font-size: 22px; font-weight: normal; padding: 3px 0 0 3px;   } 
  #fontViborText { margin-top: 7px; display: inline-block; }
  #cTextSelectSelect { font-size: 22px; width: 153px; border: 1px solid #ccc; position: absolute; 
    top: 86px; left: 156px; background-color: #fff; overflow:hidden; display: none; }
     #cTextSelectSelect span { display: inline-block; width: 153px;  padding: 3px 3px 0;  }
      #cTextSelectSelect span:hover { background-color: #d0ddea;  }
        #fontUnTornado { font-family: UnTornado;  }
        #fontAcogessic { font-family: Acogessic;  }
        #fontNefelibataBrush { font-family: NefelibataBrush;  }
        #fontAstakhovvitrage { font-family: Astakhovvitrage;  }
        #fontCOLORADOIII { font-family: COLORADOIII;  }
        #fontShihan { font-family: Shihan;  }
        #fontAndroidKG { font-family: AndroidKG;  }
        #fontGRAFFITI { font-family: GRAFFITI;  }
        #fontFive { font-family: Five;  }
        #fontDSSonOfBlack { font-family: DSSonOfBlack;  }
        #fontPFDaVinciScript { font-family: PFDaVinciScript;  }
        #fontPhageRoughKG { font-family: PhageRoughKG;  }
        #fontDoubleWhiskey { font-family: DoubleWhiskey;  }
        #fontSsdrebeden { font-family: Ssdrebeden;  }
        #fontMonsterHigh { font-family: MonsterHigh;  }
        #fontProstoyAWX { font-family: ProstoyAWX;  }
        #fontSporedomRUS { font-family: SporedomRUS;  }
        #fontHeffer { font-family: Heffer;  }
        #fontAstakhovpastel { font-family: Astakhovpastel;  }
        #fontCOLORADOX { font-family: COLORADOX;  }
        #fontds-arabic { font-family: ds-arabic;  }
        #fontSmeshariki { font-family: Smeshariki;  }
        #fontALOTGutenberg { font-family: ALOTGutenberg;  }
        #fontAcidLabelCyr { font-family: AcidLabelCyr;  }
        #fontAllods-West { font-family: Allods-West;  }
        #fontAmazDooMR { font-family: AmazDooMR;  }
        #fontBemountLine { font-family: BemountLine;  }
        #fontBold { font-family: Bold;  }
        #fontCartoonHRe { font-family: CartoonHRe;  }
        #fontFakere { font-family: Fakere;  }
        #fontFantazyor { font-family: Fantazyor;  }
        #fontGoodVibes { font-family: GoodVibes;  }
        #fontFrezerFont { font-family: FrezerFont;  }
        #fontHACKED { font-family: HACKED;  }
        #fontHouschkaBold { font-family: HouschkaBold;  }
        #fontKatherinePlus { font-family: KatherinePlus;  }
        #fontKanyonRegular { font-family: KanyonRegular;  }
        #fontKeetanoBold { font-family: KeetanoBold;  }
        #fontMetropolis { font-family: Metropolis;  }
        #fontMinecraftRus { font-family: MinecraftRus;  }
        #fontRafale_RU { font-family: Rafale_RU;  }
        #fontNickainleyNo { font-family: NickainleyNo;  }
        #fontNeSkid { font-family: NeSkid;  }
        #fontObelixPro { font-family: ObelixPro;  }
        #fontPFSquareSans { font-family: PFSquareSans;  }
        #fontRUSBoycott { font-family: RUSBoycott;  }
        #fontRedOctober { font-family: RedOctober;  } 
        #fontRupsterScript { font-family: RupsterScript;  }
        #fontStudentAWX { font-family: StudentAWX;  }
        #fontSpriteGraffiti { font-family: SpriteGraffiti;  }
        #fontSladkoeshka { font-family: Sladkoeshka;  }
        #fontSchwabacher { font-family: Schwabacher;  }
        #fontSpirits_RU { font-family: Spirits_RU;  }
        #fontSteamy { font-family: Steamy;  }
        #fontTrixiePro-Heavy { font-family: TrixiePro-Heavy;  } 
        #fontTerpsichora { font-family: Terpsichora;  }  
        #fontsimpleiriska { font-family: simpleiriska;  }        
        #fontSsvivas { font-family: Ssvivas;  }
        #fontBolero { font-family: Bolero;  }
        #fontStart { font-family: Start;  }
        #fontStarfighter { font-family: Starfighter;  }
        #fontTahoma { font-family: Tahoma, sans-serif;  }
        #fontFrankC { font-family: FrankC;  }
        #fontLaMonaKids { font-family: LaMonaKids;  }

#cImageInput { margin: -17px 0 3px 136px; width: 153px; height: 28px; border: 1px solid #ccc; } /* 117 */
#cImage { width: 153px; height: 28px; border: 1px solid #ccc; display: none; position: absolute; 
     top: 186px; left: 156px; }
#cSize { margin-left: 3px; }
#cAngle { margin-left: 0px;  }
#cDirect { margin-left: 3px;  }
  #cDirect input { margin-left: 0px;  }
#сCode { padding: 10px 20px; background-color: #e5e5e5; margin-left: 0; margin-bottom: 3px; 
         text-shadow: 1px 1px 2px #000; cursor: pointer; } 
  #сCode:hover { background-color: #dbdbdb; }
#cAreaCode { padding: 10px; display: none; }
#cTextInput { margin-left: 49px; padding: 5px 3px; }
#cBackground { margin-left: 60px; } #cTransparent { margin-left: 52px; }
#cTransparentR { margin-left: 89px }
#cTransparentLabel { margin-left: 136px; }