/* Defaults 
========================================================================================================================================================================================================================================*/
::-webkit-input-placeholder { color:#aeaeae; }
::-moz-placeholder { color:#aeaeae; }
:-ms-input-placeholder { color:#aeaeae; }
:-moz-placeholder { color:#aeaeae; }
textarea::-webkit-input-placeholder { color:#aeaeae; }
textarea::-moz-placeholder { color:#aeaeae; }
textarea:-ms-input-placeholder { color:#aeaeae; }
textarea:-moz-placeholder { color:#aeaeae; }


.TitleBox {
	width: 100%;
	padding: 0 8px;
	 border-bottom: 2px solid #d3dae7;
	font-size: 18px;
	font-color: #626262;
	height: 40px;
	line-height: 36px;
	color: #626262;
	direction: rtl;
	text-align: right;
}


input[type="text"],
input[type="password"],
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
input[type="tel"],
input[type="url"],
input[type="text"],

textarea:not(.init)
{
	width: 100%;
	vertical-align: center;
	padding: 0 8px;
	display: inline-block;
	font-size: 18px;
	font-family: 'Tahoma' !important;
	height: 40px;
	line-height: 36px;
	color: #626262;
	background: #fff ;
	border: 2px solid #d3dae7;
	border-radius: 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	-webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box; 
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.centerize
{
	display:inline;
	vertical-align:middle;
}

/* on / off switch
=========================================================================*/
.onoffswitch {
    position: relative;
	width: 155px;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select: none;
	alignment
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; 
	overflow: hidden; 
	cursor: pointer;
    border: 2px solid #999999; 
	border-radius: 5px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 45px; padding: 0; line-height: 45px;
    font-size: 20px; color: white; font-family: Trebuchet, Arial; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #00acee; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FFFFFF; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 24px; margin: 7.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 103px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*=========================================================================*/



/* Or
=========================================================================*/
.image_full{
   display:block;
  }

 .image_mobile{
  display:none;
 }

 .ImgL {
	float: left;
	
}

 
@media (max-width: 640px) and (min-width: 320px){
  .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }
  
  .ImgL {
	display:inline;
	width: 100%;
	float: center;
}

}
/*=========================================================================*/

/* hight resolution
=========================================================================*/

@font-face {
  font-family: 'Tahoma' !important;
  font-weight: normal;
  font-style: normal;
}


/* transition
=========================================================================*/

body:not(.mobile) .button,
body:not(.mobile) .radio i:after,
body:not(.mobile) .radio-toggle i:before,
body:not(.mobile) .radio-toggle i:after,
body:not(.mobile) .radio i,
body:not(.mobile) .radio-toggle i,
body:not(.mobile) .checkbox i:after,
body:not(.mobile) .checkbox-toggle i:before,
body:not(.mobile) .checkbox-toggle i:after,
body:not(.mobile) .checkbox i,
body:not(.mobile) .checkbox-toggle i,
body:not(.mobile) textarea:not(.init),
body:not(.mobile) input[type="text"],
body:not(.mobile) input[type="password"],
body:not(.mobile) input[type="color"],
body:not(.mobile) input[type="email"],
body:not(.mobile) input[type="number"],
body:not(.mobile) input[type="password"],
body:not(.mobile) input[type="tel"],
body:not(.mobile) input[type="url"],
body:not(.mobile) input[type="text"],
body:not(.mobile) .steps,
body:not(.mobile) .multistep fieldset,
body:not(.mobile) .captchaImage,
body:not(.mobile) .trumbowyg-box .trumbowyg-separator {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/* Default color
========================================================================================================================================================================================================================================*/

body .radio:hover i,
body .radio-toggle:hover input:not(:checked) + i,
body .checkbox:hover i,
body .checkbox-toggle:hover input:not(:checked) + i,
body input[type=password]:not(:disabled):hover,
body input[type=text]:not(:disabled):hover,
body input[type=email]:not(:disabled):hover,
body input[type=url]:not(:disabled):hover,
body input[type=search]:not(:disabled):hover,
body textarea:not(:focus):not(:disabled):hover,
body .steps,
body .monthpicker:hover {
	border-bottom-color: #8dc9e5;
	border-left-color: #8dc9e5;
	border-right-color: #8dc9e5;
	border-top-color: #8dc9e5;
}


body .input.focus:not(.disabled) .icon-append,
body .input.focus:not(.disabled) .icon-prepend,
body .textarea.focus:not(.disabled) .icon-append,
body .textarea.focus:not(.disabled) .icon-prepend,
body .input.focus:not(.disabled) .icon-append i,
body .input.focus:not(.disabled) .icon-prepend i,
body .input.focus:not(.disabled) .captchaImage,
body .textarea.focus:not(.disabled) .icon-append i,
body .textarea.focus:not(.disabled) .icon-prepend i,
body .radio-toggle input:not(:disabled):checked + i,
body .radio input:not(:disabled):checked + i,
body .radio input:not(:disabled):checked + i:after,
body .radio-toggle input:not(:disabled):not(:checked) + i:after,
body .checkbox-toggle input:not(:disabled):checked + i,
body .checkbox input:not(:disabled):checked + i,
body .checkbox input:not(:disabled):checked + i:after,
body .checkbox-toggle input:not(:disabled):not(:checked) + i:after,
body .textarea.focus:not(.disabled) .trumbowyg-box,
body .textarea.focus:not(.disabled) .trumbowyg-box .trumbowyg-button-pane {
	border-color: #2da5da !important;
	color: #2da5da !important;
}

body .ImageFieldButton:hover, 
body .button.primary,
body .ImageFieldPBFiller,
body .SimpleSliderTrackFiller.original,
body .simpleChecker:not(.small):not(.disabled):not(.checked):hover .simpleChecker_handler, 
body .checked .simpleChecker_handler_underlay, 
body .progressFiller,
body .checkbox-toggle:hover  input:not(:disabled):not(:checked) + i:before,
body .checkbox-toggle input:not(:disabled):checked + i,
body .checkbox input:not(:disabled) + i:after,
body .radio-toggle:hover  input:not(:disabled):not(:checked) + i:before,
body .radio-toggle input:not(:disabled):checked + i,
body .radio input:not(:disabled) + i:after {
	background-color: #2da5da;
}



.boldtxt {
	font-size: 11px;
	font-weight: bold !Important;
	text-align: right;
	direction: rtl;
}
.Qlabel {
	background: #efefef !important;
	font-size: 21px;
	font-color: #2d2d2d;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 24px;
	text-align: right;
	direction: rtl;
	
}

.labelSmall {
	font-size: 14px;
	font-weight: bold !Important;
	text-align: right;
	direction: rtl;
}

.label {
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 24px;
	text-align: right;
	direction: rtl;
}



.multiple-select select { height:auto; }


/* buttons style
========================================================================================================================================================================================================================================*/
.button.processing:before {
    background: rgba(255,255,255,.4);
    content: '';
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: -1px;
    width: 101%;
    -webkit-animation: processing 3s ease-in-out infinite;
    -moz-animation: processing 3s ease-in-out infinite;
    -ms-animation: processing 3s ease-in-out infinite;
    -o-animation: processing 3s ease-in-out infinite;
    animation: processing 3s ease-in-out infinite;
}
.button {
	opacity: 0.8;
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 46px;
	line-height: 46px;
	padding: 0 25px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	background: #e5e7ed;
	font-family: Tahoma;
	border: none;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: initial;
	-moz-appearance: initial;
}
.button.left{
	margin: 0px 20px 0px 0px;
}
.button.right{
	margin: 0px 0px 0px 20px;
}
.button.center{
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.button.left:last-child, .button.right:last-child {
	margin: 0px;
}
.button.processing {
	opacity: 1;
	cursor: wait;
}
.button.secondary {
	opacity: 0.7;
	color: #000;
}
.button.secondary:hover {
	opacity: 1;
	color: #fff;
}
.button.primary:hover {
	opacity: 1;
}
.button:active,
.button-dropdown:hover>.toggle,
.button-dropdown.open>.toggle,
.button.active {
	color: #ffffff;
	background: #cdd1dc
}
a.button {
	line-height: 33px;
	text-decoration: none
}
.button-blue {
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	background-color: #00acee;
}
.button-blue:hover {
	color: white;
	background-color: #18bfff;
}
.button-blue:active,
.button-blue.active {
	color: white;
	background-color: #0087bb;
}
.button-red {
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	background-color: #ee4f3d;
}
.button.error {
	color: white !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08) !important;
	background-color: #ee4f3d !important;
}
.button-red:hover {
	color: white;
	background-color: #f17163;
}
.button-red:active,
.button-red.active {
	color: white;
	background-color: #e42914;
}
.button-orange {
	color: white;
	font-size: 12px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	background-color: #faa226;
}
.button-orange:hover {
	color: white;
	background-color: #fbb34e;
}
.button-orange:active,
.button-orange.active {
	color: white;
	background-color: #e88a05;
}
.button-dark-blue {
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	background-color: #3061a3;
}




/* Checkbox 
========================================================================================================================================================================================================================================*/
.typecheckbox + label {
  display: block;
  cursor: pointer;
  padding: 6px;
  margin: 5px;
  text-align:right;
  direction:rtl;
  font-size: 14px;
}

.typecheckbox {
  display: none;
}

.typecheckbox + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  text-align:right;
  direction:rtl;
  
}

.typecheckbox + label:active:before {
  transform: scale(0);
}

.typecheckbox:checked + label:before {
  background-color: #0087bb;
  border-color: #0087bb;
  color: #fff;
}

.typecheckbox:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.typecheckbox:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

/* css based  radio buttons style 
========================================================================================================================================================================================================================================*/

.radio,
.checkbox,
.radio-toggle,
.checkbox-toggle {
	cursor:pointer;
	font-size: 13px;
	font-weight:bold;
	height:16px;
	position:relative;
	line-height:16px;
	text-align:right;
	direction:rtl;
}
.radio,
.checkbox,
.inline-group .radio,
.inline-group .checkbox { padding:9px 0 8px 32px; }

.radio-toggle,
.checkbox-toggle,
.inline-group .radio-toggle,
.inline-group .checkbox-toggle { padding:9px 0 8px 58px; }

.radio:last-child,
.checkbox:last-child,
.radio-toggle:last-child,
.checkbox-toggle:last-child { margin-bottom:0; }

.inline-group .radio,
.inline-group .checkbox,
.inline-group .radio-toggle,
.inline-group .checkbox-toggle { display:inline-block; margin-left: 0; }

.radio input,
.checkbox input,
.radio-toggle input,
.checkbox-toggle input { position:absolute; left:-9999px; }

.radio i,
.checkbox i,
.checkbox-toggle i,
.radio-toggle i {
	background-color:#fff;
	border: 2px solid #d3dae7;
	display:block;
	height:18px;
	right:-25px;
	outline:none;
	position:absolute;
	top: 6px;
	-webkit-transition:border-color.2s;
	-moz-transition:border-color.2s;
	-ms-transition:border-color.2s;
	-o-transition:border-color.2s;
	transition:border-color.2s;
}
.radio i,
.checkbox i { width:18px; }

.checkbox-toggle i,
.radio-toggle i { width:44px; }

.radio i,
.radio i:after,
.radio-toggle i:before {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.radio-toggle i {
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-o-border-radius:13px;
	border-radius:13px;
}
.radio i:after {
	//background-color:rgba(48,63,159,.9);
	content:"";
	height:8px;
	top:5px;
	left:5px;
	opacity:0;
	position:absolute;
	width:8px;
}
.checkbox i:after {
	content: "";
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 4px;
    width: 7px;
    height: 3px;
    border: solid;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.radio input:checked + i:after,
.checkbox input:checked + i:after { opacity:1; }


.checkbox-toggle input:not(:disabled):checked + i:before,
.radio-toggle input:not(:disabled):checked + i:before {
	background: #fff;
}
.checkbox-toggle input:checked + i:after,
.radio-toggle input:checked + i:after {
	color: #fff !important;
}
.checkbox-toggle i:before,
.radio-toggle i:before {
	border:2px solid #fff;
	content:"";
	display:block;
	height:14px;
	left:0px;
	position:absolute;
	top:0px;
	width:14px;
}
.checkbox-toggle input:checked + i:before,
.radio-toggle input:checked + i:before { left:26px; }

.checkbox-toggle i:after,
.radio-toggle i:after,
.checkbox-toggle input:checked + i:after,
.radio-toggle input:checked + i:after {
	font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    top: 0px;
	height:18px;
    width: 26px;
    text-align: center;
}
.checkbox-toggle i:after,
.radio-toggle i:after { content:"NO"; left:18px; }

.checkbox-toggle input:checked + i:after,
.radio-toggle input:checked + i:after { content:"YES"; left:0px; }

.checkbox:hover i,
.radio:hover i,
.checkbox-toggle:hover i,
.radio-toggle:hover i { border:2px solid #d3dae7; }

.radio input:checked + i,
.checkbox input:checked + i,
.radio-toggle input:checked + i,
.checkbox-toggle input:checked + i { border:2px solid #d3dae7; }

.radio input:checked + i,
.checkbox input:checked + i {  }

.checkbox-toggle input:not(:disabled):checked + i,
.radio-toggle input:not(:disabled):checked + i { background-color:#e8eaf6; }

.inline-group .radio,
.inline-group .checkbox,
.inline-group .radio-toggle,
.inline-group .checkbox-toggle { display:inline-block; margin-right:25px; }







  
/* form styles
===========================================================================================================================================================================================*/

.pf_form header, 
.pf_form footer, 
.pf_form .pf_header, 
.pf_form .pf_footer {
	font-size: 26px;
    line-height: 34px;
	padding: 20px;
	padding-left: 22px;
	padding-right: 22px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #cfd8d9;
	
}

label {
	display: block;
	position: relative;
}
cite {
	display: block;
	position: relative;
	direction: rtl;
	text-align: right;
}
.pf_form header {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pf_form footer, 
.pf_form .pf_footer {
	border: none;
	border-top: 1px solid #cfd8d9;
}
.pf_form footer:after, 
.pf_form footer:before,
.pf_form .pf_footer:after, 
.pf_form .pf_footer:before {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pf_form section.separator,
.pf_form .section.separator {
	position: relative;
	width: 100%;
	text-align: center;	
}
.pf_form section.separator:before,
.pf_form .section.separator:before {
    content: "";
    height: 1px;
    background-color: #cfd8d9;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
}


.pf_form fieldset,
.pf_form .fieldset {
    padding: 25px 30px 5px;
}
.pf_form fieldset + fieldset, 
.pf_form .stepsHolder + fieldset {
    border-top: 1px solid #cfd8d9;
}
.pf_form fieldset section,
.pf_form .fieldset .section {
	margin-bottom: 20px;
}
.pf_form .note {
    margin-top: 6px;
    padding: 0 1px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 15px;
    color: #999;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.pf_form .note1 {
    margin-top: 6px;
    padding: 0 1px;
    padding-right: 15px;
    font-size: 13px;
    line-height: 15px;
    color: #999;
	direction: rtl;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.pf_form .noteBlack {
    margin-top: 6px;
    padding: 0 1px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.pf_form {
	position: relative;
    z-index: 10;
    background-color: #f0f0f0;
}
.w_formBody, .bs_borderBox {
	-webkit-box-sizing : border-box;‌​
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}
.b_formHeader {
	background-color: #e6e6e6;
}
.b_formBody {
	position: relative;
	z-index: 10;
	background-color: #f0f0f0;
}
.fieldset > input:last-child {
	margin-bottom: 0px;
}
form .formSeparator {
	margin: 10px 0px 30px 0px;
}
.formSeparator {
	position: relative;
	text-align: center;
}
.multistep fieldset .formSeparator {
	margin: 10px -30px 30px -30px;
}

.formSeparator:before {
	content:"";
	height:1px;
	background-color: #cfd8d9;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
}
.hiddenFormPiece {
	position: absolute;
	left: -999999999px;
	top: -999999999px;
}

/* Grid layout 
========================================================================================================================================================================================================================================*/

*[class*="span"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:right;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.span1 { width:8.3333%; }
.span2 { width:16.6666%; }
.span3 { width:25%; }
.span4 { width:33.3333%; }
.span5 { width:41.6666%; }
.span6 { width:50%; }
.span7 { width:58.3333%; }
.span8 { width:66.6666%; }
.span9 { width:75%; }
.span10 { width:83.3333%; }
.span11 { width:91.6666%; }
.span12 { width:100%; }

.span45  { width:45%; }
.span10  { width:10%; }


.offset1 { margin-left:8.3333%; }
.offset2 { margin-left:16.6666%; }
.offset3 { margin-left:25%; }
.offset4 { margin-left:33.3333%; }
.offset5 { margin-left:41.6666%; }
.offset6 { margin-left:50%; }
.offset7 { margin-left:58.3333%; }
.offset8 { margin-left:66.6666%; }
.offset9 { margin-left:75%; }
.offset10 { margin-left:83.3333%; }
.offset11 { margin-left:91.6666%; }
.offset12 { margin-left:100%; }

.row{ margin:0 -10px; }
.row:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Responsive mobile layouts
========================================================================================================================================================================================================================================*/

@media (max-width: 740px) {
	*[class*="span"] { width: 100%; padding-left: 0px; padding-right: 0px; }
	*.row { margin-left: 0px; margin-right: 0px; }
}












/* animations
========================================================================================================================================================================================================================================*/


@-webkit-keyframes popup-list-open {
	from { -webkit-transform:translate(0,-120%); transform:translate(0,-120%); }
	to { -webkit-transform:translate(0,1px); transform:translate(0,1px); }
}
@-moz-keyframes popup-list-open {
	from { -moz-transform:translate(0,-120%); transform:translate(0,-120%); }
	to { -moz-transform:translate(0,1px); transform:translate(0,1px); }
}
@-ms-keyframes popup-list-open {
	from { -ms-transform:translate(0,-120%); transform:translate(0,-120%); }
	to { -ms-transform:translate(0,1px); transform:translate(0,1px); }
}
@-o-keyframes popup-list-open {
	from { -o-transform:translate(0,-120%); transform:translate(0,-120%); }
	to { -o-transform:translate(0,1px); transform:translate(0,1px); }
}
@-keyframes popup-list-open {
	from { transform:translate(0,-120%); }
	to { transform:translate(0,1px); }
}

@-webkit-keyframes popup-list-openBottom {
	from { -webkit-transform:translate(100%,-101%); transform:translate(100%,-101%);; }
	to { -webkit-transform:translate(0,-101%); transform:translate(0,-101%); }
}
@-moz-keyframes popup-list-openBottom {
	from { -moz-transform:translate(0,-101%); transform:translate(0,-101%); }
	to { -moz-transform:translate(0,-101%); transform:translate(0,-101%); }
}
@-ms-keyframes popup-list-openBottom {
	from { -ms-transform:translate(0,-101%); transform:translate(0,-101%); }
	to { -ms-transform:translate(0,-101%); transform:translate(0,-101%); }
}
@-o-keyframes popup-list-openBottom {
	from { -o-transform:translate(0,-101%); transform:translate(0,-101%); }
	to { -o-transform:translate(0,-101%); transform:translate(0,-101%); }
}
@-keyframes popup-list-openBottom {
	from { transform:translate(100%,-101%); }
	to { transform:translate(0,-101%); }
}

@-webkit-keyframes processing {
	0% { width:0; }
	60% { opacity: 1; }
	80% { width:101%; }
	100% { opacity:0; }
}
@-moz-keyframes processing {
	0% { width:0; }
	60% { opacity: 1; }
	80% { width:101%; }
	100% { opacity:0; }
}
@-ms-keyframes processing {
	0% { width:0; }
	60% { opacity: 1; }
	80% { width:101%; }
	100% { opacity:0; }
}
@-o-keyframes processing {
	0% { width:0; }
	60% { opacity: 1; }
	80% { width:101%; }
	100% { opacity:0; }
}
@keyframes processing {
	0% { width:0; }
	60% { opacity: 1; }
	80% { width:101%; }
	100% { opacity:0; }
}