A Pen by Tony Ta

Thumbnail
This awesome code was written by widerfunnel, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright widerfunnel ©
  • HTML
  • CSS
  • JavaScript
        <div class="normalized">
<div class="widget login-widget" style=""><div class="login-main create-view" style="max-height: 355px; min-height: 355px;"><div class="block-view-wrapper"><div class="block-view-off" aria-hidden="true" style="display: none;"><div class="block-error" aria-hidden="true" style="display: none;"><div class="alert alert-error"><div class="title single-title" aria-hidden="true" style="display: none;"></div><div class="" aria-hidden="true" style="display: none;"></div></div></div> <h3><div class="gwt-HTML">Sign in to your <nobr>Ecwid</nobr> account</div></h3> <form target="FormPanel_ru.cdev.xnext.myecwidcom.MyEcwidCom_2" method="POST" action="/cp/login" novalidate="novalidate"><div><div><div><input type="email" class="form-control input-medium" name="email" placeholder="Email" autocorrect="off" autocapitalize="off" spellcheck="false" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <div><div><input type="password" class="form-control input-medium" name="password" placeholder="Password" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <p><a class="gwt-Anchor">Forgot your password?</a><a class="gwt-Anchor" aria-hidden="true" style="display: none;">Change password</a></p> <button type="button" class="btn btn-primary btn-large btn-login-main"><span class="btn-svg-icon"></span><span class="">Sign In</span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button> <p class="remember"><span class="gwt-CheckBox"><input type="checkbox" value="on" id="gwt-uid-52" tabindex="0" name="remember"><label for="gwt-uid-52">Keep me logged in</label></span></p> <p><a class="gwt-Anchor">Create new Ecwid account</a></p></div></form></div><div class="block-view-on"><h3><div class="gwt-HTML">Get Started with a Free Account!</div></h3> <form target="FormPanel_ru.cdev.xnext.myecwidcom.MyEcwidCom_3" method="POST" action="/cp/register" novalidate="novalidate" class="create-form" _lpchecked="1"><div><input type="hidden" name="registered" value="y"> <input type="hidden" name="partner" value=""> <input type="hidden" name="nick" value=""> <div><div><input type="text" class="form-control input-medium" name="name" placeholder="Your full name" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <div><div><input type="email" class="form-control input-medium" name="email" placeholder="Email" autocorrect="off" autocapitalize="off" spellcheck="false" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <div><div><input type="password" class="form-control input-medium" name="password" placeholder="Password" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <button type="button" class="btn btn-primary btn-large btn-login-main"><span class="btn-svg-icon"></span><span class="">Create my account</span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button> <p><a class="gwt-Anchor">If you already have an Ecwid account, sign&nbsp;in</a></p></div></form></div><div class="reset-view block-view-off" aria-hidden="true" style="display: none;"><div class="block-error" aria-hidden="true" style="display: none;"><div class="alert alert-error"><div class="title single-title" aria-hidden="true" style="display: none;"></div><div class="" aria-hidden="true" style="display: none;"></div></div></div> <h3><div class="gwt-HTML">Password Reset</div></h3> <form target="FormPanel_ru.cdev.xnext.myecwidcom.MyEcwidCom_1" method="POST" action="/cp/recover_password" novalidate="novalidate" class="reset-form"><div><p><div class="gwt-HTML">We’ll send a password reset link to this email.</div></p> <div><div><input type="email" class="form-control input-medium" name="email" placeholder="Email" autocorrect="off" autocapitalize="off" spellcheck="false"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <button type="button" class="btn btn-primary btn-medium btn-login-main"><span class="btn-svg-icon"></span><span class="">Reset password</span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button></div></form> <div class="reset-form" aria-hidden="true" style="display: none;"><p><div class="gwt-HTML">We’ve sent you an email with instructions to reset your password</div></p> <div class="info-block" aria-hidden="true" style="display: none;"><a class="vertical-icolink" href="https://mail.google.com/" target="_blank"><span class="icon-envelope"></span><div>Check your Gmail inbox</div></a></div></div> <p aria-hidden="true" style="display: none;"><a class="gwt-Anchor">Create new Ecwid account</a></p> <p aria-hidden="true" style="display: none;"><a class="gwt-Anchor">Sign In</a></p></div><div class="reset-view block-view-off" aria-hidden="true" style="display: none;"><h3><div class="gwt-HTML">Change password</div></h3> <form target="FormPanel_ru.cdev.xnext.myecwidcom.MyEcwidCom_4" method="POST" action="/cp/restore" novalidate="novalidate" class="reset-form"><div><input type="hidden" name="key"> <input type="hidden" name="ownerid"> <p><div class="gwt-HTML">Please create a new password for your account.</div></p> <div><div><input type="password" class="form-control input-medium" name="password" placeholder="Password" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <button type="button" class="btn btn-primary btn-medium btn-login-main"><span class="btn-svg-icon"></span><span class="">Change password</span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button> <p><a class="gwt-Anchor">Sign In</a></p> <p><a class="gwt-Anchor">Create my account</a></p></div></form></div><div class="block-view-off" aria-hidden="true" style="display: none;"><h3><div class="gwt-HTML">Enter your email</div></h3> <form target="FormPanel_ru.cdev.xnext.myecwidcom.MyEcwidCom_5" method="POST" action="/cp/email" novalidate="novalidate" class="reset-form"><div><input type="hidden" name="name"> <input type="hidden" name="registered" value="y"> <input type="hidden" name="rpxId"> <input type="hidden" name="nick"> <input type="hidden" name="partner"> <p><div class="gwt-HTML">We already have an Ecwid store associated with this email address. Please use a different email address to create your store.</div></p> <div><div><input type="email" class="form-control input-medium" name="email" placeholder="Email" autocorrect="off" autocapitalize="off" spellcheck="false"></div><div class="msg msg-error" aria-hidden="true" style="display: none;"></div></div> <button type="button" class="btn btn-primary btn-large btn-login-main"><span class="btn-svg-icon"></span><span class="">Create my account</span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button></div></form></div></div></div><div class="login-advance" style="max-height: 293px; min-height: 293px;"><div class="or">or</div><div class="block-view-wrapper"><div><div class="signin-view block-view-off" aria-hidden="true" style="display: none;"><div class="login-btn-group"><button type="button" class="btn btn-large btn-login-pp"><span class="icon-paypal ico"></span><div>Sign in with PayPal</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button><button type="button" class="btn btn-large btn-login-fb"><span class="icon-fb ico"></span><div>Sign in with Facebook</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button><button type="button" class="btn btn-large btn-login-g"><span class="icon-google ico"></span><div>Sign in with Google</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button></div><div><ul class="agreement-links"> <li><a class="gwt-Anchor" href="http://www.ecwid.com/terms-of-service">Terms of Service</a></li> <li><a class="gwt-Anchor" href="http://www.ecwid.com/privacy-policy.html">Privacy Policy</a></li> </ul></div></div><div class="signin-view block-view-on"><div class="login-btn-group"><button type="button" class="btn btn-large btn-login-pp"><span class="icon-paypal ico"></span><div>Sign Up with PayPal</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button><button type="button" class="btn btn-large btn-login-fb"><span class="icon-fb ico"></span><div>Sign Up with Facebook</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button><button type="button" class="btn btn-large btn-login-g"><span class="icon-google ico"></span><div>Sign Up with Google</div><span class="btn-svg-icon"></span><span class=""></span><div class="loader"><div class="spinner spin-right"><svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
	<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
	<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
</svg></div></div></button></div><div><ul class="agreement-links"> <li><a class="gwt-Anchor" href="http://www.ecwid.com/terms-of-service">Terms of Service</a></li> <li><a class="gwt-Anchor" href="http://www.ecwid.com/privacy-policy.html">Privacy Policy</a></li> </ul></div></div><div class="reset-view block-view-off" aria-hidden="true" style="display: none;"><div class="login-btn-group"><button type="button" class="btn btn-alt btn-medium"><span>Create new Ecwid account</span></button><button type="button" class="btn btn-alt btn-medium"><span>Sign In</span></button></div><div><ul class="agreement-links"> <li><a class="gwt-Anchor" href="http://www.ecwid.com/terms-of-service">Terms of Service</a></li> <li><a class="gwt-Anchor" href="http://www.ecwid.com/privacy-policy.html">Privacy Policy</a></li> </ul></div></div></div></div></div><div class="login-links"><div><ul class="agreement-links"> <li><a class="gwt-Anchor" href="http://www.ecwid.com/terms-of-service">Terms of Service</a></li> <li><a class="gwt-Anchor" href="http://www.ecwid.com/privacy-policy.html">Privacy Policy</a></li> </ul></div></div><div class="veil"></div></div>
</div>
    

/*Downloaded from https://www.codeseek.co/widerfunnel/a-pen-by-tony-ta-vyKJwo */
        @charset "UTF-8";
/* common styles */
/*
	Этот файл предназначен для стилей элементов из старой (legacy) админки,
	которые должны присутствовать и на странице логина.
	Сюда нельзя класть стили для новых/красивых элементов, они должны лежать во фреймворке.
*/
/* The message box popup */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300&subset=latin,latin-ext,cyrillic");
div.ecwid-MessageBox {
  border: solid 10px #d2d2d2;
  background-color: #ffffff;
  z-index: 1001;
}

div.ecwid-MessageBox-msg {
  font: 15px "Open Sans", sans-serif;
  color: #303030;
  width: 360px;
  padding: 0px 50px 0px 30px;
  overflow: hidden;
  text-align: left;
}

div.ecwid-MessageBox-msg-info {
  background: transparent url(icons/msg_info.gif) no-repeat 0px 0px;
  margin-left: 30px;
  width: 33px;
  height: 33px;
}

div.ecwid-MessageBox-msg-question {
  background: transparent url(icons/msg_quest.gif) no-repeat 0px 0px;
  margin-left: 30px;
  width: 33px;
  height: 33px;
}

div.ecwid-MessageBox-msg-warning {
  background: transparent url(icons/msg_warning.gif) no-repeat 0px 0px;
  margin-left: 30px;
  width: 33px;
  height: 33px;
}

div.ecwid-MessageBox-msg-error {
  background: transparent url(icons/msg_error.gif) no-repeat 0px 0px;
  margin-left: 30px;
  width: 33px;
  height: 33px;
}

div.ecwid-ShadowedPopupPanel-content {
  background-color: #ffffff;
  position: relative;
}

div.ecwid-ShadowedPopupPanel-shadow {
  background-color: #000000;
  -moz-opacity: 0.1;
  opacity: 0.10;
  filter: alpha(opacity=10);
}

div.ecwid-ShadowedPopupPanel-content {
  max-width: 1000px;
}

.ecwid-MessageBox {
  border-color: #7cb3e3;
}

div.ecwid-MessageBox-paidFeature {
  background: transparent url(icons/transparent_black.png) repeat scroll 0 0;
}

div.ecwid-MessageBox-paidFeature .ecwid-popup-touchLimiter {
  margin-bottom: 13px;
}

div.ecwid-MessageBox-paidFeature-panel {
  background-color: #000000;
  -moz-opacity: 0.70;
  opacity: 0.70;
  filter: alpha(opacity=70);
}

div.ecwid-MessageBox-paidFeature div.ecwid-MessageBox-msg {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 180%;
  padding: 20px 50px 10px 0px;
  width: 384px;
}

div.ecwid-MessageBox-msg-paid {
  background: transparent url(icons/silver_star_big.gif) no-repeat center center;
  margin-top: 15px;
  margin-left: 20px;
  width: 60px;
  height: 64px;
}

div.ecwid-MessageBox-paidFeature button.backend-BlueButton {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 17px;
  padding-right: 16px;
}

.backend-BlueButton {
  border: 1px solid #80b5d0;
  outline: none;
  background-color: #e3eef5;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  font-size: 12px;
  color: #224466;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 25px;
  white-space: nowrap;
}

.backend-BlueButton:hover, .backend-BlueButton-hover {
  background-color: #0097d8;
  color: #ffffff;
}

.backend-BlueButton[type] {
  /* not ie */
  padding-right: 10px;
  padding-left: 10px;
  min-width: 75px;
  font-family: "Open Sans", Arial;
}

/* ecwid framework */
@keyframes zoom {
  0% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0.8, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spinleft {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes spinleft {
  0% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes spinright {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinright {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
/* Open Sans font */
/* Iconic font */
@font-face {
  font-family: 'font_icons';
  src: url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot");
  src: url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot?#iefix") format("embedded-opentype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.ttf") format("truetype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.woff") format("woff"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ecwid-g {
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  *letter-spacing: normal;
  /* reset IE < 8 */
  *word-spacing: -0.43em;
  /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.ecwid-g {
  word-spacing: -0.43em;
}

.ecwid-u {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.ecwid-u-1,
.ecwid-u-1-2,
.ecwid-u-1-3,
.ecwid-u-2-3,
.ecwid-u-1-4,
.ecwid-u-3-4,
.ecwid-u-1-5,
.ecwid-u-2-5,
.ecwid-u-3-5,
.ecwid-u-4-5,
.ecwid-u-1-6,
.ecwid-u-5-6,
.ecwid-u-1-8,
.ecwid-u-2-8,
.ecwid-u-3-8,
.ecwid-u-5-8,
.ecwid-u-7-8,
.ecwid-u-1-12,
.ecwid-u-5-12,
.ecwid-u-7-12,
.ecwid-u-11-12,
.ecwid-u-1-24,
.ecwid-u-5-24,
.ecwid-u-7-24,
.ecwid-u-11-24,
.ecwid-u-13-24,
.ecwid-u-17-24,
.ecwid-u-19-24,
.ecwid-u-23-24 {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.ecwid-u-1 {
  width: 100%;
}

.ecwid-u-1-2 {
  width: 50%;
  *width: 49.969%;
}

.ecwid-u-1-3 {
  width: 33.3333%;
  *width: 33.3023%;
}

.ecwid-u-2-3 {
  width: 66.6667%;
  *width: 66.6357%;
}

.ecwid-u-1-4 {
  width: 25%;
  *width: 24.969%;
}

.ecwid-u-3-4 {
  width: 75%;
  *width: 74.969%;
}

.ecwid-u-1-5 {
  width: 20%;
  *width: 19.969%;
}

.ecwid-u-2-5 {
  width: 40%;
  *width: 39.969%;
}

.ecwid-u-3-5 {
  width: 60%;
  *width: 59.969%;
}

.ecwid-u-4-5 {
  width: 80%;
  *width: 79.969%;
}

.ecwid-u-1-6 {
  width: 16.6667%;
  *width: 16.6357%;
}

.ecwid-u-5-6 {
  width: 83.3333%;
  *width: 83.3023%;
}

.ecwid-u-1-8 {
  width: 12.5%;
  *width: 12.469%;
}

.ecwid-u-2-8 {
  width: 25%;
  *width: 24.969%;
}

.ecwid-u-3-8 {
  width: 37.5%;
  *width: 37.469%;
}

.ecwid-u-5-8 {
  width: 62.5%;
  *width: 62.469%;
}

.ecwid-u-7-8 {
  width: 87.5%;
  *width: 87.469%;
}

.ecwid-u-1-12 {
  width: 8.3333%;
  *width: 8.3023%;
}

.ecwid-u-5-12 {
  width: 41.6667%;
  *width: 41.6357%;
}

.ecwid-u-7-12 {
  width: 58.3333%;
  *width: 58.3023%;
}

.ecwid-u-11-12 {
  width: 91.6667%;
  *width: 91.6357%;
}

.ecwid-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}

.ecwid-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}

.ecwid-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}

.ecwid-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}

.ecwid-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}

.ecwid-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}

.ecwid-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}

.ecwid-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.ecwid-g-r {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.ecwid-g-r {
  word-spacing: -0.43em;
}

.ecwid-g-r img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 980px) {
  .ecwid-visible-phone {
    display: none;
  }

  .ecwid-visible-tablet {
    display: none;
  }

  .ecwid-hidden-desktop {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .ecwid-g-r > .ecwid-u,
  .ecwid-g-r > [class*="ecwid-u-"] {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ecwid-g-r > .ecwid-u,
  .ecwid-g-r > [class*="ecwid-u-"] {
    width: 100%;
  }

  .ecwid-hidden-phone {
    display: none;
  }

  .ecwid-visible-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .ecwid-hidden-tablet {
    display: none;
  }

  .ecwid-visible-desktop {
    display: none;
  }
}
a,
a:visited {
  color: #04a2ca;
  cursor: pointer;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
a:hover,
a:visited:hover {
  color: #006995;
}
a:active,
a:visited:active {
  color: #54bfd6;
}

a.link-inverse,
a.link-inverse:visited {
  color: #fff;
}
a.link-inverse:hover,
a.link-inverse:visited:hover {
  color: #47daf9;
}
a.link-inverse:active,
a.link-inverse:visited:active {
  color: #fff;
}

a.disabled,
a[disabled] {
  color: #999;
  pointer-events: none;
  cursor: default;
}

.success {
  color: #468847;
}

.muted {
  color: #999;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 2.125em;
  margin: .765em 0;
}

h2 {
  font-size: 1.750em;
  margin: .786em 0;
}

h3 {
  font-size: 1.375em;
  margin: .818em 0;
}

h4 {
  font-size: 1.125em;
  margin: .778em 0;
}

h5 {
  font-size: 1em;
  margin: .750em 0;
}

h6 {
  font-size: .875em;
  margin: .714em 0;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  content: attr(data-icon);
  text-transform: none;
  font-weight: normal;
  font-variant: normal;
  font-family: 'font_icons';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*="icon-"] {
  display: inline-block;
  speak: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'font_icons';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.icon-success:before {
  content: "\e900";
}

.icon-apps:before {
  content: "\e630";
}

.icon-product_box:before {
  content: "\e62f";
}

.icon-odn:before {
  content: "\e639";
}

.icon-vk:before {
  content: "\e63a";
}

.icon-customer_groups:before {
  content: "\e62e";
}

.icon-unfinished:before {
  content: "\e62d";
}

.icon-table_cake:before {
  content: "\e62c";
}

.icon-coupons:before {
  content: "\e63b";
}

.icon-discounts:before {
  content: "\e63c";
}

.icon-marketplaces:before {
  content: "\e63d";
}

.icon-odn:before {
  content: "\e639";
}

.icon-vk:before {
  content: "\e63a";
}

.icon-appointment:before {
  content: "\e62b";
}

.icon-trash:before {
  content: "\e62a";
}

.icon-lock:before {
  content: "\e621";
}

.icon-letter:before {
  content: "\e629";
}

.icon-vend:before {
  content: "\e628";
}

.icon-apple:before {
  content: "\e624";
}

.icon-discount:before {
  content: "\e625";
}

.icon-bag:before {
  content: "\e626";
}

.icon-phone:before {
  content: "\e627";
}

.icon-speaker:before {
  content: "\e622";
}

.icon-warning:before {
  content: "\e623";
}

.icon-lock:before {
  content: "\e621";
}

.icon-radiobutton-checked:before {
  content: "\e61e";
}

.icon-radiobutton-unchecked:before {
  content: "\e61f";
}

.icon-update:before {
  content: "\e620";
}

.icon-settings:before {
  content: "\e619";
}

.icon-main-menu:before {
  content: "\e61a";
}

.icon-sales:before {
  content: "\e61b";
}

.icon-chart:before {
  content: "\e61c";
}

.icon-home:before {
  content: "\e61d";
}

.icon-print:before {
  content: "\e618";
}

.icon-search:before {
  content: "\e617";
}

.icon-calendar:before {
  content: "\e616";
}

.icon-show:before {
  content: "\e010";
}

.icon-hide:before {
  content: "\e011";
}

.icon-star:before {
  content: "\e615";
}

.icon-edit:before {
  content: "\e614";
}

.icon-categories:before {
  content: "\e613";
}

.icon-arrange:before {
  content: "\e612";
}

.icon-menu:before {
  content: "\e611";
}

.icon-import:before {
  content: "\e610";
}

.icon-gallery:before {
  content: "\e60f";
}

.icon-enable-all:before {
  content: "\e60e";
}

.icon-disable-all:before {
  content: "\e60d";
}

.icon-next:before {
  content: "\e000";
}

.icon-previous:before {
  content: "\e00a";
}

.icon-store:before {
  content: "\e001";
}

.icon-megaphone:before {
  content: "\e002";
}

.icon-product:before {
  content: "\e003";
}

.icon-geo:before {
  content: "\e004";
}

.icon-shipping:before {
  content: "\e005";
}

.icon-payments:before {
  content: "\e006";
}

.icon-launch:before {
  content: "\e007";
}

.icon-share:before {
  content: "\e008";
}

.icon-facebook:before {
  content: "\e009";
}

.icon-fb:before {
  content: "\e00b";
}

.icon-twitter:before {
  content: "\e00c";
}

.icon-chain:before {
  content: "\e00d";
}

.icon-checkmark:before {
  content: "\e00f";
}

.icon-close:before {
  content: "\e014";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-box:before {
  content: "\e00e";
}

.icon-cloud:before {
  content: "\e012";
}

.icon-rates:before {
  content: "\e015";
}

.icon-upload:before {
  content: "\e013";
}

.icon-arr-down:before {
  content: "\e018";
}

.icon-dropdown:before {
  content: "\e016";
}

.icon-cash:before {
  content: "\e019";
}

.icon-check:before {
  content: "\e01a";
}

.icon-google:before {
  content: "\e600";
}

.icon-paypal:before {
  content: "\e601";
}

.icon-envelope:before {
  content: "\e603";
}

.icon-help:before {
  content: "\e602";
}

.icon-chat:before {
  content: "\e604";
}

.icon-arr-left:before {
  content: "\e605";
}

.icon-arr-right:before {
  content: "\e606";
}

.icon-arr-up:before {
  content: "\e609";
}

.icon-open:before {
  content: "\e608";
}

.icon-user:before {
  content: "\e607";
}

.icon-tumbler:before {
  content: "\e60a";
}

.icon-taxes:before {
  content: "\e60b";
}

.icon-ecwid:before {
  content: "\e60c";
}

.btn {
  font-family: "Open Sans", sans-serif, Arial;
  display: inline-block;
  margin: 0;
  border: 1px solid transparent;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  outline: 0;
  text-decoration: none;
  white-space: nowrap;
  *display: inline;
  *margin-left: .3em;
  *zoom: 1;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 3px;
  line-height: 1.45;
  height: 32px;
  min-width: 7.385em;
  color: #333;
  background-color: #f6f6f6;
  border-color: transparent;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
}
.btn:focus, .btn.focus, .btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active, .btn-group.opened .btn.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn.btn-dropdown, body.alt-page-shown .login-wrapper .btn.btn-primary.btn-loading, body.website-registration .login-main .btn.btn-login-main.btn-loading, body.website-registration .login-advance .login-btn-group .btn.btn-login-g.btn-loading, body.website-registration .login-advance .login-btn-group .btn.btn-login-fb.btn-loading, body.website-registration .login-advance .login-btn-group .btn.btn-login-pp.btn-loading {
  border-width: 2px;
  padding: 5px 9px;
}
.btn:hover {
  background-color: #c5c5c5;
}
.btn:focus {
  border-color: #acacac;
}
.btn:focus:hover {
  background-color: #c5c5c5;
}
.btn:active {
  background-color: #f8f8f8;
}
.btn:focus:active {
  background-color: #f8f8f8;
}
.btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active {
  position: relative;
  background-color: #f8f8f8;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn.btn-dropdown:focus, .btn-group.opened .btn.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn.btn-dropdown {
  border-color: #acacac;
}
.btn.btn-loading .loader-inner,
.btn.btn-loading .loader-outer, .btn.btn-loading:hover .loader-inner,
.btn.btn-loading:hover .loader-outer, .btn.btn-loading:focus .loader-inner,
.btn.btn-loading:focus .loader-outer, .btn.btn-loading:focus:hover .loader-inner,
.btn.btn-loading:focus:hover .loader-outer, .btn.btn-loading:active .loader-inner,
.btn.btn-loading:active .loader-outer, .btn.btn-loading:focus:active .loader-inner,
.btn.btn-loading:focus:active .loader-outer {
  fill: #f8f8f8;
}
.btn:first-child {
  *margin-left: 0;
}
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover, .btn[disabled]:active, .btn[disabled]:focus:active {
  cursor: default;
  opacity: .3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  pointer-events: none;
}
.btn.btn-loading:before, .btn.btn-loading:hover:before, .btn.btn-loading:focus:before, .btn.btn-loading:focus:hover:before, .btn.btn-loading:active:before, .btn.btn-loading:focus:active:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* buttons' sizes */
.btn-large {
  font-size: 17px;
  padding: 11px 16px;
  border-radius: 5px;
  line-height: 1.45;
  height: 48px;
  min-width: 144px;
}
.btn-large:focus, .btn-large.focus, .btn-large.btn.btn-loading, .btn-large.btn.btn-loading:focus:hover, .btn-large.btn.btn-loading:focus:active, .btn-large.btn-default.btn-loading, .btn-large.btn-loading.btn-icon, .btn-large.btn-default.btn-loading:focus:hover, .btn-large.btn-loading.btn-icon:focus:hover, .btn-large.btn-default.btn-loading:focus:active, .btn-large.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-large.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-large.btn-dropdown, body.alt-page-shown .login-wrapper .btn-large.btn-primary.btn.btn-loading, body.alt-page-shown .login-wrapper .btn-large.btn-primary.btn-default.btn-loading, body.alt-page-shown .login-wrapper .btn-large.btn-primary.btn-loading.btn-icon, body.website-registration .login-main .btn-large.btn-login-main.btn.btn-loading, body.website-registration .login-main .btn-large.btn-login-main.btn-default.btn-loading, body.website-registration .login-main .btn-large.btn-login-main.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-g.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-g.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-g.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-fb.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-fb.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-fb.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-pp.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-pp.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-large.btn-login-pp.btn-loading.btn-icon {
  border-width: 2px;
  padding: 10px 15px;
}

.btn-medium {
  font-size: 14px;
  padding: 9px 12px;
  border-radius: 3px;
  line-height: 1.45;
  height: 40px;
  min-width: 120px;
}
.btn-medium:focus, .btn-medium.focus, .btn-medium.btn.btn-loading, .btn-medium.btn.btn-loading:focus:hover, .btn-medium.btn.btn-loading:focus:active, .btn-medium.btn-default.btn-loading, .btn-medium.btn-loading.btn-icon, .btn-medium.btn-default.btn-loading:focus:hover, .btn-medium.btn-loading.btn-icon:focus:hover, .btn-medium.btn-default.btn-loading:focus:active, .btn-medium.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-medium.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-medium.btn-dropdown, body.alt-page-shown .login-wrapper .btn-medium.btn-primary.btn.btn-loading, body.alt-page-shown .login-wrapper .btn-medium.btn-primary.btn-default.btn-loading, body.alt-page-shown .login-wrapper .btn-medium.btn-primary.btn-loading.btn-icon, body.website-registration .login-main .btn-medium.btn-login-main.btn.btn-loading, body.website-registration .login-main .btn-medium.btn-login-main.btn-default.btn-loading, body.website-registration .login-main .btn-medium.btn-login-main.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-g.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-g.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-g.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-fb.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-fb.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-fb.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-pp.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-pp.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-medium.btn-login-pp.btn-loading.btn-icon {
  border-width: 2px;
  padding: 8px 11px;
}

.btn-small {
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 3px;
  line-height: 1.2;
  height: 28px;
  min-width: 84px;
}
.btn-small:focus, .btn-small.focus, .btn-small.btn.btn-loading, .btn-small.btn.btn-loading:focus:hover, .btn-small.btn.btn-loading:focus:active, .btn-small.btn-default.btn-loading, .btn-small.btn-loading.btn-icon, .btn-small.btn-default.btn-loading:focus:hover, .btn-small.btn-loading.btn-icon:focus:hover, .btn-small.btn-default.btn-loading:focus:active, .btn-small.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-small.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-small.btn-dropdown, body.alt-page-shown .login-wrapper .btn-small.btn-primary.btn.btn-loading, body.alt-page-shown .login-wrapper .btn-small.btn-primary.btn-default.btn-loading, body.alt-page-shown .login-wrapper .btn-small.btn-primary.btn-loading.btn-icon, body.website-registration .login-main .btn-small.btn-login-main.btn.btn-loading, body.website-registration .login-main .btn-small.btn-login-main.btn-default.btn-loading, body.website-registration .login-main .btn-small.btn-login-main.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-g.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-g.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-g.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-fb.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-fb.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-fb.btn-loading.btn-icon, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-pp.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-pp.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-small.btn-login-pp.btn-loading.btn-icon {
  border-width: 2px;
  padding: 5px 7px;
}

/* buttons' types */
.btn-default, .btn-icon {
  background-color: #f6f6f6;
  color: #333;
  border-color: #cccccc;
}
.btn-default:hover, .btn-icon:hover {
  background-color: #fff;
  color: #137ebe;
  border-color: #89bfdf;
}
.btn-default:focus, .btn-icon:focus, .btn-default.focus, .focus.btn-icon, .btn-group .btn:not([disabled]) + .btn-icon.btn-dropdown:focus, .btn-group.opened .btn-icon.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-icon.btn-dropdown, .btn-group .btn:not([disabled]) + .btn-default.btn-dropdown:focus, .btn-group.opened .btn-default.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-default.btn-dropdown {
  background-color: #eaf0f3;
  border-color: #b3cad5;
}
.btn-default:focus:hover, .btn-icon:focus:hover {
  background-color: #fff;
  border-color: #137ebe;
}
.btn-default:active, .btn-icon:active {
  background-color: #fff;
  color: #5ebbf3;
  border-color: #afddf9;
}
.btn-default:focus:active, .btn-icon:focus:active {
  background-color: #fff;
  border-color: #5ebbf3;
}
.btn-default.btn-loading, .btn-loading.btn-icon, .btn-default.btn-loading:hover, .btn-loading.btn-icon:hover, .btn-default.btn-loading:focus, .btn-loading.btn-icon:focus, .btn-default.btn-loading:focus:hover, .btn-loading.btn-icon:focus:hover, .btn-default.btn-loading:active, .btn-loading.btn-icon:active, .btn-default.btn-loading:focus:active, .btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #afddf9;
  border-color: #afddf9;
  overflow: visible;
}
.btn-default.btn-loading .loader-inner, .btn-loading.btn-icon .loader-inner,
.btn-default.btn-loading .loader-outer,
.btn-loading.btn-icon .loader-outer, .btn-default.btn-loading:hover .loader-inner, .btn-loading.btn-icon:hover .loader-inner,
.btn-default.btn-loading:hover .loader-outer,
.btn-loading.btn-icon:hover .loader-outer, .btn-default.btn-loading:focus .loader-inner, .btn-loading.btn-icon:focus .loader-inner,
.btn-default.btn-loading:focus .loader-outer,
.btn-loading.btn-icon:focus .loader-outer, .btn-default.btn-loading:focus:hover .loader-inner, .btn-loading.btn-icon:focus:hover .loader-inner,
.btn-default.btn-loading:focus:hover .loader-outer,
.btn-loading.btn-icon:focus:hover .loader-outer, .btn-default.btn-loading:active .loader-inner, .btn-loading.btn-icon:active .loader-inner,
.btn-default.btn-loading:active .loader-outer,
.btn-loading.btn-icon:active .loader-outer, .btn-default.btn-loading:focus:active .loader-inner, .btn-loading.btn-icon:focus:active .loader-inner,
.btn-default.btn-loading:focus:active .loader-outer,
.btn-loading.btn-icon:focus:active .loader-outer {
  fill: #afddf9;
}

.btn-default[disabled], [disabled].btn-icon,
.btn-default[disabled]:hover,
[disabled].btn-icon:hover,
.btn-default[disabled]:focus,
[disabled].btn-icon:focus,
.btn-default[disabled]:focus:hover,
[disabled].btn-icon:focus:hover,
.btn-default[disabled]:active,
[disabled].btn-icon:active,
.btn-default[disabled]:focus:active,
[disabled].btn-icon:focus:active {
  background-color: #f6f6f6;
  color: #333;
  border-color: transparent;
  border-width: 1px;
  border-color: #cccccc;
}

.btn-alt {
  background-color: #fff;
  color: #333;
}
.btn-alt:hover {
  background-color: #edf8ff;
  color: #137ebe;
}
.btn-alt:active {
  background-color: #fff;
  color: #54bfd6;
}
.btn-alt:focus {
  border-color: #fff;
  background-color: #d3e6f1;
}
.btn-alt:focus:hover {
  background-color: #dce7ed;
}
.btn-alt:focus:active {
  background-color: #fff;
}

.btn-alt[disabled],
.btn-alt[disabled]:hover,
.btn-alt[disabled]:focus,
.btn-alt[disabled]:focus:hover,
.btn-alt[disabled]:active,
.btn-alt[disabled]:focus:active {
  background-color: #fff;
  color: #333;
  border-color: transparent;
  border-width: 1px;
}

/* btn-primary */
.btn-primary {
  color: #fff;
  background-color: #189dee;
  border-color: transparent;
}
.btn-primary:hover {
  background-color: #137ebe;
}
.btn-primary:focus {
  border-color: #116ea7;
}
.btn-primary:focus:hover {
  background-color: #137ebe;
}
.btn-primary:active {
  background-color: #46b1f1;
}
.btn-primary:focus:active {
  background-color: #46b1f1;
}
.btn-primary.btn.btn-loading, .btn-primary.btn.btn-loading:focus:hover, .btn-primary.btn.btn-loading:focus:active, .btn-primary.btn-default.btn-loading, .btn-primary.btn-loading.btn-icon, .btn-primary.btn-default.btn-loading:focus:hover, .btn-primary.btn-loading.btn-icon:focus:hover, .btn-primary.btn-default.btn-loading:focus:active, .btn-primary.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #46b1f1;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-primary.btn-dropdown:focus, .btn-group.opened .btn-primary.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-primary.btn-dropdown {
  border-color: #116ea7;
}
.btn-primary.btn-loading .loader-inner,
.btn-primary.btn-loading .loader-outer, .btn-primary.btn-loading:hover .loader-inner,
.btn-primary.btn-loading:hover .loader-outer, .btn-primary.btn-loading:focus .loader-inner,
.btn-primary.btn-loading:focus .loader-outer, .btn-primary.btn-loading:focus:hover .loader-inner,
.btn-primary.btn-loading:focus:hover .loader-outer, .btn-primary.btn-loading:active .loader-inner,
.btn-primary.btn-loading:active .loader-outer, .btn-primary.btn-loading:focus:active .loader-inner,
.btn-primary.btn-loading:focus:active .loader-outer {
  fill: #46b1f1;
}

.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:focus:hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus:active {
  background-color: #189dee;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-success */
.btn-success {
  color: #fff;
  background-color: #64a52f;
  border-color: transparent;
}
.btn-success:hover {
  background-color: #508426;
}
.btn-success:focus {
  border-color: #467421;
}
.btn-success:focus:hover {
  background-color: #508426;
}
.btn-success:active {
  background-color: #83b759;
}
.btn-success:focus:active {
  background-color: #83b759;
}
.btn-success.btn.btn-loading, .btn-success.btn.btn-loading:focus:hover, .btn-success.btn.btn-loading:focus:active, .btn-success.btn-default.btn-loading, .btn-success.btn-loading.btn-icon, .btn-success.btn-default.btn-loading:focus:hover, .btn-success.btn-loading.btn-icon:focus:hover, .btn-success.btn-default.btn-loading:focus:active, .btn-success.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #83b759;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-success.btn-dropdown:focus, .btn-group.opened .btn-success.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-success.btn-dropdown {
  border-color: #467421;
}
.btn-success.btn-loading .loader-inner,
.btn-success.btn-loading .loader-outer, .btn-success.btn-loading:hover .loader-inner,
.btn-success.btn-loading:hover .loader-outer, .btn-success.btn-loading:focus .loader-inner,
.btn-success.btn-loading:focus .loader-outer, .btn-success.btn-loading:focus:hover .loader-inner,
.btn-success.btn-loading:focus:hover .loader-outer, .btn-success.btn-loading:active .loader-inner,
.btn-success.btn-loading:active .loader-outer, .btn-success.btn-loading:focus:active .loader-inner,
.btn-success.btn-loading:focus:active .loader-outer {
  fill: #83b759;
}

.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:focus:hover,
.btn-success[disabled]:active,
.btn-success[disabled]:focus:active {
  background-color: #64a52f;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-info */
.btn-info {
  color: #fff;
  background-color: #1baecd;
  border-color: transparent;
}
.btn-info:hover {
  background-color: #168ba4;
}
.btn-info:focus {
  border-color: #137a90;
}
.btn-info:focus:hover {
  background-color: #168ba4;
}
.btn-info:active {
  background-color: #49bed7;
}
.btn-info:focus:active {
  background-color: #49bed7;
}
.btn-info.btn.btn-loading, .btn-info.btn.btn-loading:focus:hover, .btn-info.btn.btn-loading:focus:active, .btn-info.btn-default.btn-loading, .btn-info.btn-loading.btn-icon, .btn-info.btn-default.btn-loading:focus:hover, .btn-info.btn-loading.btn-icon:focus:hover, .btn-info.btn-default.btn-loading:focus:active, .btn-info.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #49bed7;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-info.btn-dropdown:focus, .btn-group.opened .btn-info.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-info.btn-dropdown {
  border-color: #137a90;
}
.btn-info.btn-loading .loader-inner,
.btn-info.btn-loading .loader-outer, .btn-info.btn-loading:hover .loader-inner,
.btn-info.btn-loading:hover .loader-outer, .btn-info.btn-loading:focus .loader-inner,
.btn-info.btn-loading:focus .loader-outer, .btn-info.btn-loading:focus:hover .loader-inner,
.btn-info.btn-loading:focus:hover .loader-outer, .btn-info.btn-loading:active .loader-inner,
.btn-info.btn-loading:active .loader-outer, .btn-info.btn-loading:focus:active .loader-inner,
.btn-info.btn-loading:focus:active .loader-outer {
  fill: #49bed7;
}

.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:focus:hover,
.btn-info[disabled]:active,
.btn-info[disabled]:focus:active {
  background-color: #1baecd;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-info-light */
.btn-info-light {
  color: #fff;
  background-color: #99d5e1;
  border-color: transparent;
}
.btn-info-light:hover {
  background-color: #7aaab4;
}
.btn-info-light:focus {
  border-color: #6b959e;
}
.btn-info-light:focus:hover {
  background-color: #7aaab4;
}
.btn-info-light:active {
  background-color: #addde7;
}
.btn-info-light:focus:active {
  background-color: #addde7;
}
.btn-info-light.btn.btn-loading, .btn-info-light.btn.btn-loading:focus:hover, .btn-info-light.btn.btn-loading:focus:active, .btn-info-light.btn-default.btn-loading, .btn-info-light.btn-loading.btn-icon, .btn-info-light.btn-default.btn-loading:focus:hover, .btn-info-light.btn-loading.btn-icon:focus:hover, .btn-info-light.btn-default.btn-loading:focus:active, .btn-info-light.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #addde7;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-info-light.btn-dropdown:focus, .btn-group.opened .btn-info-light.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-info-light.btn-dropdown {
  border-color: #6b959e;
}
.btn-info-light.btn-loading .loader-inner,
.btn-info-light.btn-loading .loader-outer, .btn-info-light.btn-loading:hover .loader-inner,
.btn-info-light.btn-loading:hover .loader-outer, .btn-info-light.btn-loading:focus .loader-inner,
.btn-info-light.btn-loading:focus .loader-outer, .btn-info-light.btn-loading:focus:hover .loader-inner,
.btn-info-light.btn-loading:focus:hover .loader-outer, .btn-info-light.btn-loading:active .loader-inner,
.btn-info-light.btn-loading:active .loader-outer, .btn-info-light.btn-loading:focus:active .loader-inner,
.btn-info-light.btn-loading:focus:active .loader-outer {
  fill: #addde7;
}

.btn-info-light[disabled],
.btn-info-light[disabled]:hover,
.btn-info-light[disabled]:focus,
.btn-info-light[disabled]:focus:hover,
.btn-info-light[disabled]:active,
.btn-info-light[disabled]:focus:active {
  background-color: #99d5e1;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-warning */
.btn-warning {
  color: #fff;
  background-color: #bfa454;
  border-color: transparent;
}
.btn-warning:hover {
  background-color: #998343;
}
.btn-warning:focus {
  border-color: #86733b;
}
.btn-warning:focus:hover {
  background-color: #998343;
}
.btn-warning:active {
  background-color: #ccb676;
}
.btn-warning:focus:active {
  background-color: #ccb676;
}
.btn-warning.btn.btn-loading, .btn-warning.btn.btn-loading:focus:hover, .btn-warning.btn.btn-loading:focus:active, .btn-warning.btn-default.btn-loading, .btn-warning.btn-loading.btn-icon, .btn-warning.btn-default.btn-loading:focus:hover, .btn-warning.btn-loading.btn-icon:focus:hover, .btn-warning.btn-default.btn-loading:focus:active, .btn-warning.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #ccb676;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-warning.btn-dropdown:focus, .btn-group.opened .btn-warning.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-warning.btn-dropdown {
  border-color: #86733b;
}
.btn-warning.btn-loading .loader-inner,
.btn-warning.btn-loading .loader-outer, .btn-warning.btn-loading:hover .loader-inner,
.btn-warning.btn-loading:hover .loader-outer, .btn-warning.btn-loading:focus .loader-inner,
.btn-warning.btn-loading:focus .loader-outer, .btn-warning.btn-loading:focus:hover .loader-inner,
.btn-warning.btn-loading:focus:hover .loader-outer, .btn-warning.btn-loading:active .loader-inner,
.btn-warning.btn-loading:active .loader-outer, .btn-warning.btn-loading:focus:active .loader-inner,
.btn-warning.btn-loading:focus:active .loader-outer {
  fill: #ccb676;
}

.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:focus:hover,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus:active {
  background-color: #bfa454;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-alert */
.btn-alert {
  color: #fff;
  background-color: #dc602d;
  border-color: transparent;
}
.btn-alert:hover {
  background-color: #b04d24;
}
.btn-alert:focus {
  border-color: #9a4320;
}
.btn-alert:focus:hover {
  background-color: #b04d24;
}
.btn-alert:active {
  background-color: #e38057;
}
.btn-alert:focus:active {
  background-color: #e38057;
}
.btn-alert.btn.btn-loading, .btn-alert.btn.btn-loading:focus:hover, .btn-alert.btn.btn-loading:focus:active, .btn-alert.btn-default.btn-loading, .btn-alert.btn-loading.btn-icon, .btn-alert.btn-default.btn-loading:focus:hover, .btn-alert.btn-loading.btn-icon:focus:hover, .btn-alert.btn-default.btn-loading:focus:active, .btn-alert.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #e38057;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-alert.btn-dropdown:focus, .btn-group.opened .btn-alert.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-alert.btn-dropdown {
  border-color: #9a4320;
}
.btn-alert.btn-loading .loader-inner,
.btn-alert.btn-loading .loader-outer, .btn-alert.btn-loading:hover .loader-inner,
.btn-alert.btn-loading:hover .loader-outer, .btn-alert.btn-loading:focus .loader-inner,
.btn-alert.btn-loading:focus .loader-outer, .btn-alert.btn-loading:focus:hover .loader-inner,
.btn-alert.btn-loading:focus:hover .loader-outer, .btn-alert.btn-loading:active .loader-inner,
.btn-alert.btn-loading:active .loader-outer, .btn-alert.btn-loading:focus:active .loader-inner,
.btn-alert.btn-loading:focus:active .loader-outer {
  fill: #e38057;
}

.btn-alert[disabled],
.btn-alert[disabled]:hover,
.btn-alert[disabled]:focus,
.btn-alert[disabled]:focus:hover,
.btn-alert[disabled]:active,
.btn-alert[disabled]:focus:active {
  background-color: #dc602d;
  color: #fff;
  border-color: transparent;
  border-width: 1px;
}

/* btn-inverse */
.btn-inverse,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
  color: #333;
}

/* icons on btn */
.btn [class*="icon-"] {
  color: inherit;
  padding-right: 0.688em;
  vertical-align: text-top;
  font-size: 1.143em;
  margin-top: 1px;
  opacity: .8;
}

.btn .svg-icon {
  display: inline-block;
  padding-right: .4em;
  margin-top: -4px;
  vertical-align: middle;
  opacity: .8;
  width: 22px;
  height: 100%;
}
.btn .svg-icon svg {
  height: 100%;
  width: 100%;
}
.btn .svg-icon svg path {
  fill: #fff;
}

.btn-large .svg-icon {
  width: 18px;
}

.btn-medium .svg-icon {
  width: 14px;
}

.btn-small .svg-icon {
  width: 12px;
}

.btn-left-caret [class*="icon-"] {
  float: left;
  margin-top: 4px;
  padding-right: 8px;
}

.btn-small.btn-left-caret [class*="icon-"] {
  float: left;
  margin-top: 1px;
  padding-right: 7px;
}

.btn-medium.btn-left-caret [class*="icon-"] {
  float: left;
  margin-top: 4px;
}

.btn-large.btn-left-caret [class*="icon-"] {
  float: left;
  margin-top: 8px;
  padding-right: 10px;
}

/* btn-icon */
.btn-icon {
  min-width: 40px;
}
.btn-icon.btn-large {
  min-width: 60px;
}
.btn-icon.btn-medium {
  min-width: 45px;
}
.btn-icon.btn-small {
  min-width: 30px;
}
.btn-icon [class*='icon-'] {
  padding: 0;
}

/* button group */
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:focus {
  outline: 0;
  z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.btn-dropdown) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .btn-dropdown:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .btn-dropdown {
  min-width: 30px;
  vertical-align: middle;
}
.btn-group .btn-dropdown [class*='icon-'] {
  font-size: .3em;
  vertical-align: middle;
  margin-top: -2px;
  padding: 0;
}

.btn-group .list-dropdown {
  top: 100%;
  right: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 1px 4px #b5b5b5;
  display: none;
}

.opened > .list-dropdown {
  display: block;
}

.btn-group .btn:not([disabled]) + .btn-dropdown {
  border-left-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: "border-left-color", none;
  transition: "border-left-color", none;
}
.btn-group .btn:not([disabled]) + .btn-dropdown.btn-default, .btn-group .btn:not([disabled]) + .btn-dropdown.btn-icon {
  border-color: #cccccc;
}

.btn-delete {
  background-color: #dc602d;
  color: #fff;
}

.btn-delete:hover {
  background-color: #dc602d;
  color: #fff;
}

.normalized .form-control, .normalized .input-prefix-suffix {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  outline: 0;
  border: 1px solid #c7c7c7;
  background-color: #fafbfc;
  color: #606060;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 3px;
  line-height: 1.75em;
  height: 32px;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
}
.normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix {
  border-width: 2px;
  padding: 3px 7px;
}
.normalized .form-control:hover, .normalized .input-prefix-suffix:hover {
  background-color: #fff;
}
.normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix, .normalized .form-control:active, .normalized .input-prefix-suffix:active, .normalized .form-control.active, .normalized .active.input-prefix-suffix {
  background-color: #fff;
  border-color: #0c92e3;
  color: #606060;
  box-shadow: 0 0 4px #d1eafa;
}
.normalized .form-control[disabled], .normalized [disabled].input-prefix-suffix, .normalized .form-control[readonly], .normalized [readonly].input-prefix-suffix, .normalized .form-control[disabled]:hover, .normalized [disabled].input-prefix-suffix:hover, .normalized .form-control[disabled]:focus, .normalized [disabled].input-prefix-suffix:focus, .normalized .form-control[disabled]:focus:hover, .normalized [disabled].input-prefix-suffix:focus:hover, .normalized .form-control[disabled]:active, .normalized [disabled].input-prefix-suffix:active, .normalized .form-control[disabled]:focus:active, .normalized [disabled].input-prefix-suffix:focus:active {
  background-color: #eeeeee;
  border-color: #c7c7c7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
  cursor: not-allowed;
}

.normalized .form-control::-moz-placeholder, .normalized .input-prefix-suffix::-moz-placeholder {
  color: #606060;
  opacity: .6;
}

.normalized .form-control::-webkit-input-placeholder, .normalized .input-prefix-suffix::-webkit-input-placeholder {
  color: #606060;
  opacity: .6;
}

.normalized .form-control::-ms-input-placeholder, .normalized .input-prefix-suffix::-ms-input-placeholder {
  color: #606060;
  opacity: .6;
}

.normalized .has-error .form-control, .normalized .has-error .input-prefix-suffix {
  border: 2px solid #fa5111;
  padding: 4px 7px;
  color: #cf3e07;
  background-color: #ffeaea;
  box-shadow: none;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}

.normalized .has-error .form-control:hover, .normalized .has-error .input-prefix-suffix:hover {
  background-color: #fff;
}

.normalized .has-error .form-control:focus, .normalized .has-error .input-prefix-suffix:focus {
  background-color: #fff;
  box-shadow: 0 0 4px #F5C0C0;
}

.normalized .has-success .form-control, .normalized .has-success .input-prefix-suffix {
  border: 2px solid #468847;
  padding: 4px 7px;
  background-color: #eaffea;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #468847;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}

.normalized .has-success .form-control:focus, .normalized .has-success .input-prefix-suffix:focus {
  background-color: #fff;
  box-shadow: 0 0 4px #88c889;
}

/* form-control sizes*/
.normalized .form-control.input-small, .normalized .input-small.input-prefix-suffix {
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 3px;
  line-height: 1.5em;
  height: 28px;
}
.normalized .form-control.input-small:focus, .normalized .input-small.input-prefix-suffix:focus, .normalized .form-control.input-small.focus, .normalized .input-small.focus.input-prefix-suffix {
  border-width: 2px;
  padding: 2px 5px;
}

.normalized .has-error .form-control.input-small, .normalized .has-error .input-small.input-prefix-suffix,
.normalized .has-success .form-control.input-small,
.normalized .has-success .input-small.input-prefix-suffix,
.normalized .form-control.input-small:focus,
.normalized .input-small.input-prefix-suffix:focus {
  padding: 2px 5px;
}

.normalized .form-control.input-medium, .normalized .input-medium.input-prefix-suffix {
  font-size: 14px;
  padding: 4px 11px;
  border-radius: 3px;
  line-height: 1.75em;
  height: 40px;
}
.normalized .form-control.input-medium:focus, .normalized .input-medium.input-prefix-suffix:focus, .normalized .form-control.input-medium.focus, .normalized .input-medium.focus.input-prefix-suffix {
  border-width: 2px;
  padding: 3px 10px;
}

.normalized .has-error .form-control.input-medium, .normalized .has-error .input-medium.input-prefix-suffix,
.normalized .has-success .form-control.input-medium,
.normalized .has-success .input-medium.input-prefix-suffix,
.normalized .form-control.input-medium:focus,
.normalized .input-medium.input-prefix-suffix:focus {
  padding: 3px 10px;
}

.normalized .form-control.input-large, .normalized .input-large.input-prefix-suffix {
  font-size: 18px;
  padding: 4px 11px;
  border-radius: 3px;
  line-height: 1.75em;
  height: 48px;
}
.normalized .form-control.input-large:focus, .normalized .input-large.input-prefix-suffix:focus, .normalized .form-control.input-large.focus, .normalized .input-large.focus.input-prefix-suffix {
  border-width: 2px;
  padding: 3px 10px;
}

.normalized .has-error .form-control.input-large, .normalized .has-error .input-large.input-prefix-suffix,
.normalized .has-success .form-control.input-large,
.normalized .has-success .input-large.input-prefix-suffix,
.normalized .form-control.input-large:focus,
.normalized .input-large.input-prefix-suffix:focus {
  padding: 3px 10px;
}

.normalized .has-success .input-group-addon {
  border-color: #468847;
  background-color: #dff0d8;
  color: #468847;
}

/* selects */
.normalized select.form-control, .normalized select.input-prefix-suffix {
  background: #fff;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.07) inset;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  z-index: 10;
  -webkit-appearance: button;
  outline: 0;
}

.normalized select.form-control option, .normalized select.input-prefix-suffix option {
  padding: .2em 0 .2em .769em;
  color: #606060;
}

.normalized select.form-control:focus, .normalized select.input-prefix-suffix:focus {
  color: transparent;
  text-shadow: 0 0 0 #000;
  outline: 0;
}

.normalized .select-wrap {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
}

.normalized .select-wrap:before {
  content: "";
  background-color: #fff;
  pointer-events: none;
  position: absolute;
  top: .2em;
  bottom: .2em;
  right: .2em;
  width: 1.6em;
  z-index: 11;
  transition: background 0.15s linear;
  /*, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/
  -webkit-transition: background 0.15s;
  /* linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/
}

.normalized .select-wrap:after {
  content: "\e016";
  font-family: 'font_icons';
  font-size: .875em;
  /* 14px relatively 16px */
  line-height: 1;
  color: #62717a;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -.5em;
  /* 7px to 14px*/
  right: .571em;
  /* 8px relatively 14px */
  pointer-events: none;
}

:-moz-any(.select-wrap):before {
  background-color: #fff;
  /* this is necessary for overcome the caret default browser */
  pointer-events: none;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
  z-index: 1;
  /* this is necessary for overcome the pseudo element */
}

.normalized .select-wrap:hover,
.normalized .select-wrap:hover:before {
  background-color: #fff;
}

.normalized .has-error .select-wrap:before {
  background-color: #ffeaea;
}

.normalized select.form-control.input-medium, .normalized select.input-medium.input-prefix-suffix {
  padding: 8px 6px 8px 11px;
}

.normalized select.form-control.input-medium:focus, .normalized select.input-medium.input-prefix-suffix:focus {
  padding: 7px 5px 7px 10px;
}

/* Input group */
.normalized .input-group {
  position: relative;
}

.normalized .input-group .form-control, .normalized .input-group .input-prefix-suffix {
  padding-right: 95px;
}

.normalized .input-group .form-control:focus, .normalized .input-group .input-prefix-suffix:focus,
.normalized .input-group.has-success .form-control,
.normalized .input-group.has-success .input-prefix-suffix,
.normalized .input-group.has-error .form-control,
.normalized .input-group.has-error .input-prefix-suffix {
  padding-right: 94px;
}

.normalized .input-group .input-suffix {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  right: 0;
  top: 0;
  background-color: #e9e9e9;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #c7c7c7;
  border-radius: 0 3px 3px 0;
  color: #999;
  outline: 0;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 0 3px 3px 0;
  line-height: 1.6em;
  height: 32px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
  transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
}
.normalized .input-group .input-suffix:focus, .normalized .input-group .input-suffix.focus {
  border-width: 2px;
  padding: 3px 7px;
}

.normalized .input-group .form-control:active + .input-suffix, .normalized .input-group .input-prefix-suffix:active + .input-suffix,
.normalized .input-group .form-control:focus + .input-suffix,
.normalized .input-group .input-prefix-suffix:focus + .input-suffix {
  border-width: 2px 2px 2px 0;
  border-style: solid;
  border-color: #0c92e3;
  box-shadow: 1px 0 2px #d1eafa;
  padding: 3px 7px 3px 8px;
  outline: 0;
  background-color: #c6e7fa;
  color: #0a8ae1;
}

.normalized .input-group .form-control.input-small, .normalized .input-group .input-small.input-prefix-suffix {
  padding-right: 80px;
}

.normalized .input-group .form-control.input-small:focus, .normalized .input-group .input-small.input-prefix-suffix:focus,
.normalized .input-group.has-error .form-control.input-small,
.normalized .input-group.has-error .input-small.input-prefix-suffix,
.normalized .input-group.has-success .form-control.input-small,
.normalized .input-group.has-success .input-small.input-prefix-suffix {
  padding-right: 79px;
}

.normalized .input-group .form-control.input-small + .input-suffix, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix {
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 0 3px 3px 0;
  line-height: 1.6em;
  height: 28px;
}
.normalized .input-group .form-control.input-small + .input-suffix:focus, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-small + .input-suffix.focus, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix.focus {
  border-width: 2px;
  padding: 2px 5px;
}

.normalized .input-group .form-control.input-small:focus + .input-suffix, .normalized .input-group .input-small.input-prefix-suffix:focus + .input-suffix {
  padding: 2px 5px 2px 6px;
}

.normalized .input-group .form-control.input-medium, .normalized .input-group .input-medium.input-prefix-suffix {
  padding-right: 105px;
}

.normalized .input-group .form-control.input-medium:focus, .normalized .input-group .input-medium.input-prefix-suffix:focus,
.normalized .input-group.has-error .form-control.input-medium,
.normalized .input-group.has-error .input-medium.input-prefix-suffix,
.normalized .input-group.has-success .form-control.input-medium,
.normalized .input-group.has-success .input-medium.input-prefix-suffix {
  padding-right: 104px;
}

.normalized .input-group .form-control.input-medium + .input-suffix, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix {
  font-size: 14px;
  padding: 4px 11px;
  border-radius: 0 3px 3px 0;
  line-height: 2.1em;
  height: 40px;
}
.normalized .input-group .form-control.input-medium + .input-suffix:focus, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-medium + .input-suffix.focus, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix.focus {
  border-width: 2px;
  padding: 3px 10px;
}

.normalized .input-group .form-control.input-medium:focus + .input-suffix, .normalized .input-group .input-medium.input-prefix-suffix:focus + .input-suffix {
  padding: 3px 10px 3px 11px;
}

.normalized .input-group .form-control.input-large, .normalized .input-group .input-large.input-prefix-suffix {
  padding-right: 105px;
}

.normalized .input-group .form-control.input-large:focus, .normalized .input-group .input-large.input-prefix-suffix:focus,
.normalized .input-group.has-error .form-control.input-large,
.normalized .input-group.has-error .input-large.input-prefix-suffix,
.normalized .input-group.has-success .form-control.input-large,
.normalized .input-group.has-success .input-large.input-prefix-suffix {
  padding-right: 104px;
}

.normalized .input-group .form-control.input-large + .input-suffix, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix {
  font-size: 18px;
  padding: 4px 11px;
  border-radius: 0 3px 3px 0;
  line-height: 2.5em;
  height: 48px;
}
.normalized .input-group .form-control.input-large + .input-suffix:focus, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-large + .input-suffix.focus, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix.focus {
  border-width: 2px;
  padding: 3px 10px;
}

.normalized .input-group .form-control.input-large:focus + .input-suffix, .normalized .input-group .input-large.input-prefix-suffix:focus + .input-suffix {
  padding: 3px 10px 3px 11px;
}

.normalized .input-group.has-error .form-control + .input-suffix, .normalized .input-group.has-error .input-prefix-suffix + .input-suffix,
.normalized .input-group.has-success .form-control + .input-suffix,
.normalized .input-group.has-success .input-prefix-suffix + .input-suffix {
  padding: 3px 7px 3px 8px;
}

.normalized .input-group.has-error .form-control + .input-suffix, .normalized .input-group.has-error .input-prefix-suffix + .input-suffix {
  border-width: 2px 2px 2px 0;
  background-color: #ffcbcb;
  border-color: #fa5111;
  color: #cf3e07;
}

.normalized .input-group.has-success .form-control + .input-suffix, .normalized .input-group.has-success .input-prefix-suffix + .input-suffix {
  border-width: 2px 2px 2px 0;
  background-color: #b6e291;
  border-color: #468847;
  color: #468847;
}

.normalized .input-group.has-error .form-control.input-small + .input-suffix, .normalized .input-group.has-error .input-small.input-prefix-suffix + .input-suffix,
.normalized .input-group.has-success .form-control.input-small + .input-suffix,
.normalized .input-group.has-success .input-small.input-prefix-suffix + .input-suffix {
  padding: 2px 5px 2px 6px;
}

.normalized .input-group.has-error .form-control.input-medium + .input-suffix, .normalized .input-group.has-error .input-medium.input-prefix-suffix + .input-suffix,
.normalized .input-group.has-success .form-control.input-medium + .input-suffix,
.normalized .input-group.has-success .input-medium.input-prefix-suffix + .input-suffix {
  padding: 3px 10px 3px 11px;
}

.normalized .input-group.has-error .form-control.input-large + .input-suffix, .normalized .input-group.has-error .input-large.input-prefix-suffix + .input-suffix,
.normalized .input-group.has-success .form-control.input-large + .input-suffix,
.normalized .input-group.has-success .input-large.input-prefix-suffix + .input-suffix {
  padding: 3px 10px 3px 11px;
}

/* Input appends*/
.normalized .input-append {
  position: relative;
}

.normalized .input-append .input-addon {
  font-size: 11px;
  line-height: 1;
  height: 100%;
  padding: 0 .8em;
  color: #62717a;
  position: absolute;
  width: 1em;
  right: 0;
  top: 0;
  text-align: left;
}

.normalized .input-append [class*="icon-"] {
  color: #62717a;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
}

.normalized .input-append .form-control.input-medium + .input-addon, .normalized .input-append .input-medium.input-prefix-suffix + .input-addon {
  font-size: 13px;
}

.normalized .input-append .form-control.input-small + .input-addon, .normalized .input-append .input-small.input-prefix-suffix + .input-addon {
  font-size: 9px;
}

.normalized .input-append.has-error [class*="icon-"] {
  color: #cf3e07;
}

.normalized .input-append.has-success [class*="icon-"] {
  color: #468847;
}

.normalized .input-append .form-control, .normalized .input-append .input-prefix-suffix,
.normalized .input-append.has-success .form-control,
.normalized .input-append.has-success .input-prefix-suffix,
.normalized .input-append.has-error .form-control,
.normalized .input-append.has-error .input-prefix-suffix,
.normalized .input-append.has-success .form-control:focus,
.normalized .input-append.has-success .input-prefix-suffix:focus,
.normalized .input-append.has-error .form-control:focus,
.normalized .input-append.has-error .input-prefix-suffix:focus {
  padding-right: 2em;
  /*  26px to 13px*/
}

.normalized .input-append .form-control:focus, .normalized .input-append .input-prefix-suffix:focus {
  padding-right: 1.923em;
  /*  25px to 13px*/
}

.normalized .input-append .form-control.input-medium, .normalized .input-append .input-medium.input-prefix-suffix,
.normalized .input-append.has-success .form-control.input-medium,
.normalized .input-append.has-success .input-medium.input-prefix-suffix,
.normalized .input-append.has-error .form-control.input-medium,
.normalized .input-append.has-error .input-medium.input-prefix-suffix,
.normalized .input-append.has-success .form-control.input-medium:focus,
.normalized .input-append.has-success .input-medium.input-prefix-suffix:focus,
.normalized .input-append.has-error .form-control.input-medium:focus,
.normalized .input-append.has-error .input-medium.input-prefix-suffix:focus {
  padding-right: 2.5em;
  /*  35px to 14px*/
}

.normalized .input-append .form-control.input-medium:focus, .normalized .input-append .input-medium.input-prefix-suffix:focus {
  padding-right: 2.43em;
  /*  34px to 14px*/
}

.normalized .radio {
  display: block;
  min-height: 20px;
  position: relative;
  font-size: 0.875em;
  -webkit-transition: color 0.1s linear 0s;
  transition: color 0.1s linear 0s;
}

.normalized .radio input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.normalized .radio input[type=radio]:checked,
.normalized .radio input[type=radio]:focus {
  outline: none;
}

.normalized .radio input[type=radio] + .radio-label {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  font-weight: normal;
  color: #20b0ce;
  font-size: 1.286em;
  padding-left: 83px;
  margin-top: 13px;
  margin-bottom: 11px;
  cursor: pointer;
  width: 85%;
}

.normalized .radio input[type=radio] + .radio-label::before {
  font-family: 'font_icons';
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.2;
  content: '\e61f';
  display: inline-block;
  position: absolute;
  text-align: center;
  margin: 8px 30px 0 -58px;
}

.normalized .radio input[type=radio]:checked + .radio-label::before {
  content: '\e61e';
}

.normalized .radio input[type=radio]:disabled + .radio-label::before,
.normalized .radio input[type=radio][disabled] + .radio-label::before,
.normalized .radio input[type=radio].disabled + .radio-label::before {
  color: #5ecee3;
}

.normalized .radio-label-note {
  display: block;
  font-size: 0.778em;
  color: #333;
}

.ecwid-no-touch .normalized .radio input[type=radio] + .radio-label:hover,
.ecwid-no-touch .normalized .radio input[type=radio] + .radio-label:hover .radio-label-note,
.normalized .radio input[type=radio] + .radio-label-hover,
.normalized .radio input[type=radio] + .radio-label-hover .radio-label-note {
  color: #006995;
}

input[type=radio].radio-hover-anim + .radio-label::before {
  -webkit-animation: scale120 0.15s ease-in;
  animation: scale120 0.15s ease-in;
}

@-webkit-keyframes scale120 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale120 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/*--control group--------------------------------------------------------------------------------*/
.normalized .control-group .form-control::-moz-placeholder, .normalized .control-group .input-prefix-suffix::-moz-placeholder {
  color: #b4b4b4;
  opacity: 0;
}

.normalized .control-group .form-control::-webkit-input-placeholder, .normalized .control-group .input-prefix-suffix::-webkit-input-placeholder {
  color: #b4b4b4;
  opacity: 0;
}

.normalized .control-group .form-control::-ms-input-placeholder, .normalized .control-group .input-prefix-suffix::-ms-input-placeholder {
  color: #b4b4b4;
  opacity: 0;
}

.normalized .control-group {
  box-sizing: border-box;
}

.normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
  font-size: 1em;
  height: 3.5em;
  line-height: 1;
  padding: 3px 15px;
  position: relative;
  letter-spacing: normal;
}

.normalized .control-group .input-control {
  font-size: 1.375em;
  color: #333;
  margin: -2px 0 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  position: relative;
  max-width: 97%;
  width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-appearance: none;
  z-index: 3;
}

.normalized .control-group .form-control-filled .input-control {
  margin-top: -2px;
}

.normalized .control-group.has-error .input-control,
.normalized .control-group.has-success .input-control,
.normalized .control-group .form-control-combo .input-control {
  padding-right: 25px;
}

.normalized .input-placeholder {
  color: #b4b4b4;
  font-size: 1.375em;
  font-weight: 300;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 16px;
  left: 15px;
  z-index: 2;
  text-rendering: optimizeLegibility;
}

.normalized .form-control:active .input-placeholder, .normalized .input-prefix-suffix:active .input-placeholder,
.normalized .form-control:focus .input-placeholder,
.normalized .input-prefix-suffix:focus .input-placeholder,
.normalized .form-control-focus .input-placeholder {
  top: 15px;
  left: 14px;
}

.normalized .form-control-filled .input-placeholder,
.normalized .form-control-focus .input-placeholder {
  display: none;
  -webkit-transition: none;
  transition: none;
}

.has-error .input-placeholder {
  display: none;
}

.normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
  background-color: #fafbfc;
  border: 1px solid #c7c7c7;
  padding: 3px 0 3px 15px;
}

.normalized .control-group .form-control-hover {
  background-color: #fff;
}

.normalized .control-group .form-control:active, .normalized .control-group .input-prefix-suffix:active,
.normalized .control-group .form-control:focus,
.normalized .control-group .input-prefix-suffix:focus,
.normalized .control-group .form-control-focus {
  color: #606060;
  border: 2px solid #0c92e3;
  background-color: #fff;
  box-shadow: 0 0 4px #d1eafa;
  padding: 2px 0 2px 14px;
  outline: 0;
}

.normalized .control-group .form-control:focus, .normalized .control-group .input-prefix-suffix:focus,
.normalized .control-group .form-control-focus {
  color: #606060;
  border: 2px solid #0c92e3;
  background-color: #fff;
  box-shadow: 0 0 4px #d1eafa;
  padding: 2px 0 2px 14px;
  outline: 0;
}

.normalized .control-group .form-control:after, .normalized .control-group .input-prefix-suffix:after {
  font-family: 'font_icons';
  content: '\e900';
  font-size: 1.2em;
  color: #7ebf48;
  line-height: 1;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -0.44em;
  right: 0.52em;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix {
  border: 2px solid #fa5111;
  padding: 4px 13px;
  color: #cf3e07;
  background-color: #ffeaea;
  box-shadow: none;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}

.normalized .control-group.has-error .form-control-hover {
  background-color: #fff;
}

.normalized .control-group.has-error .form-control-focus {
  background-color: #fff;
  box-shadow: 0 0 4px #F5C0C0;
}

.normalized .control-group.has-success .form-control-focus,
.normalized .control-group.has-success .form-control:active,
.normalized .control-group.has-success .input-prefix-suffix:active {
  border: 2px solid #468847;
  padding: 2px 14px;
  background-color: #eaffea;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #468847;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}

.normalized .control-group .form-control .form-control-label, .normalized .control-group .input-prefix-suffix .form-control-label {
  display: block;
  visibility: visible;
  font-size: 0.625em;
  line-height: 1;
  height: auto;
  color: #999;
  margin-top: 3px;
}

.normalized .control-group .form-control-label {
  opacity: 0;
  transition: all .15s linear;
  -webkit-transition: all 0.15s linear;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3D(0px, -10px, 0px);
  transform: translate3D(0px, -10px, 0px);
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.normalized .control-group.has-error .form-control-label,
.normalized .control-group .form-control-filled .form-control-label,
.normalized .control-group .form-control-focus .form-control-label {
  opacity: 1;
  -webkit-transform: translate3D(0px, 0px, 0px);
  transform: translate3D(0px, 0px, 0px);
}

.normalized .control-group.has-error .form-control-label {
  color: #cf3e07;
}

.normalized .control-group .form-control-close {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 14px 0 0 0;
  position: absolute;
  z-index: -1;
  top: 5px;
  right: 1px;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity .14s ease-out, color .14s ease-out;
  transition: opacity .14s ease-out, color .14s ease-out;
}

.normalized .control-group .form-control-close .icon-close {
  color: #fa5111;
}

.normalized .control-group .form-control-close:hover .icon-close {
  color: #b23709;
}

.normalized .control-group .form-control-close:active .icon-close {
  color: #ff8456;
}

.normalized .control-group.has-error .form-control-close {
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  z-index: 13;
  opacity: 1;
}

.normalized .control-group.has-success .form-control:after, .normalized .control-group.has-success .input-prefix-suffix:after {
  opacity: 1;
}

.normalized .control-group.has-success .form-control-focus:after,
.normalized .control-group.has-success .form-control:active:after,
.normalized .control-group.has-success .input-prefix-suffix:active:after {
  right: 0.48em;
}

.normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix,
.normalized .control-group.has-error .form-control-focus {
  padding: 2px 14px;
}

.normalized .control-nowrap {
  white-space: nowrap;
}

.normalized input[type='text'],
.normalized input[type='number'] {
  -moz-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.normalized input::-ms-clear {
  display: none;
}

@media only screen and (max-width: 767px) {
  .normalized .control-group .input-control {
    font-size: 16px;
    margin-top: 2px;
  }

  .normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
    padding: 2px 12px;
  }

  .normalized .control-group .form-control-focus,
  .normalized .control-group .form-control:active,
  .normalized .control-group .input-prefix-suffix:active {
    padding: 1px 11px;
  }

  .normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix,
  .normalized .control-group.has-error .form-control-focus,
  .normalized .control-group.has-error .form-control:active,
  .normalized .control-group.has-error .input-prefix-suffix:active {
    padding: 1px 11px;
  }

  .normalized .control-group.has-success .form-control, .normalized .control-group.has-success .input-prefix-suffix {
    padding: 2px 12px;
  }

  .normalized .control-group.has-success .form-control:active, .normalized .control-group.has-success .input-prefix-suffix:active,
  .normalized .control-group.has-success .form-control-focus,
  .normalized .control-group.has-success .form-control:active,
  .normalized .control-group.has-success .input-prefix-suffix:active {
    padding: 1px 11px;
  }

  .normalized .control-group .form-control-combo.form-control-focus,
  .normalized .control-group .form-control-combo.form-control:active,
  .normalized .control-group .form-control-combo.input-prefix-suffix:active {
    padding: 1px 11px;
  }

  .normalized .input-placeholder {
    font-size: 1em;
    top: 20px;
    left: 12px;
  }

  .normalized .form-control:active .input-placeholder, .normalized .input-prefix-suffix:active .input-placeholder,
  .normalized .form-control:focus .input-placeholder,
  .normalized .input-prefix-suffix:focus .input-placeholder,
  .normalized .form-control-focus .input-placeholder {
    left: 11px;
    top: 19px;
  }

  .normalized .control-group .form-control-filled .input-control {
    margin-top: 3px;
  }
}
/* control group medium */
.normalized .control-group-medium .form-control, .normalized .control-group-medium .input-prefix-suffix,
.normalized .control-group-medium.has-success .form-control,
.normalized .control-group-medium.has-success .input-prefix-suffix {
  height: 2.5em;
  padding: 3px 0 3px 10px;
}

.normalized .control-group-medium .input-control,
.normalized .control-group-medium .form-control-filled .input-control {
  font-size: 1em;
  margin-top: -1px;
}

.normalized .control-group-medium .form-control .form-control-label, .normalized .control-group-medium .input-prefix-suffix .form-control-label,
.normalized .control-group-medium .input-prefix-suffix .form-control-label {
  margin-top: 1px;
}

.normalized .control-group-medium .form-control:active, .normalized .control-group-medium .input-prefix-suffix:active,
.normalized .control-group-medium .form-control:focus,
.normalized .control-group-medium .input-prefix-suffix:focus,
.normalized .control-group-medium .form-control-focus,
.normalized .control-group-medium.has-error .form-control,
.normalized .control-group-medium.has-error .input-prefix-suffix,
.normalized .control-group-medium.has-error .form-control:active,
.normalized .control-group-medium.has-error .input-prefix-suffix:active,
.normalized .control-group-medium.has-error .form-control:focus,
.normalized .control-group-medium.has-error .input-prefix-suffix:focus,
.normalized .control-group-medium.has-error .form-control-focus,
.normalized .control-group-medium.has-success .form-control:active,
.normalized .control-group-medium.has-success .input-prefix-suffix:active,
.normalized .control-group-medium.has-success .form-control:focus,
.normalized .control-group-medium.has-success .input-prefix-suffix:focus,
.normalized .control-group-medium.has-success .form-control-focus {
  padding: 2px 0 2px 9px;
}

.normalized .control-group-medium .input-placeholder {
  font-size: 1em;
  top: 10px;
  left: 10px;
  cursor: text;
}

.normalized .control-group-medium .form-control:active .input-placeholder, .normalized .control-group-medium .input-prefix-suffix:active .input-placeholder,
.normalized .control-group-medium .form-control:focus .input-placeholder,
.normalized .control-group-medium .input-prefix-suffix:focus .input-placeholder,
.normalized .control-group-medium .form-control-focus .input-placeholder {
  top: 9px;
  left: 9px;
}

.normalized .control-group-medium .form-control .form-control-label, .normalized .control-group-medium .input-prefix-suffix .form-control-label {
  font-weight: 600;
  color: #b4b4b4;
  cursor: text;
}

.normalized .control-group-medium.has-error .form-control-label {
  color: #cf3e07;
}

.normalized .control-group-medium .form-control-close {
  top: 0;
  right: -2px;
  padding-top: 11px;
}

/*--label.checkbox--------------------------------------------------------------------------------*/
label.checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 30px;
  text-align: justify;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
label.checkbox > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 30px;
  padding: 2px;
  border-radius: 15px;
  background-color: #bdc6cc;
  z-index: 1;
  box-sizing: border-box;
  -webkit-transition: background-color .2s ease-out 0s;
  transition: background-color .2s ease-out 0s;
}
label.checkbox > div:before, label.checkbox > div:after {
  content: attr(data-off);
  position: absolute;
  top: 100%;
  left: -20%;
  display: block;
  width: 140%;
  margin-left: 0;
  padding-top: 25%;
  color: #999;
  font-size: 11px;
  line-height: 1em;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s;
  transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s;
}
label.checkbox > div:after {
  content: attr(data-on);
  color: #4b9a0a;
  opacity: 0;
  margin-left: -40%;
}
label.checkbox > div > div {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: margin .2s ease-out 0s;
  transition: margin .2s ease-out 0s;
}
label.checkbox input {
  position: relative;
  width: 50px;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  box-sizing: border-box;
}
label.checkbox input:checked + div {
  background-color: #61b038;
}
label.checkbox input:checked + div:after {
  opacity: 1;
  margin-left: 0;
}
label.checkbox input:checked + div:before {
  opacity: 0;
  margin-left: 40%;
}
label.checkbox input:checked + div > div {
  margin-left: 20px;
}
label.checkbox input:not([disabled]):hover + div {
  background-color: #848a8e;
}
label.checkbox input:not([disabled]):hover + div:before {
  color: #6b6b6b;
}
label.checkbox input:not([disabled]):hover + div:after {
  color: #346b07;
}
label.checkbox input:not([disabled]):active + div {
  background-color: #cad1d6;
}
label.checkbox input:not([disabled]):active + div:before {
  color: #adadad;
}
label.checkbox input:not([disabled]):active + div:after {
  color: #81b854;
}
label.checkbox input:not([disabled]):checked:hover + div {
  background-color: #447b27;
}
label.checkbox input:not([disabled]):checked:active + div {
  background-color: #81c060;
}
label.checkbox:not(.big) {
  height: 24px;
}
label.checkbox:not(.big) > div {
  width: 40px;
  height: 24px;
}
label.checkbox:not(.big) > div:before, label.checkbox:not(.big) > div:after {
  top: 5px;
  left: 100%;
  width: auto;
  max-width: 90px;
  padding: 0 0 0 28%;
  font-size: 14px;
  margin: 0;
}
label.checkbox:not(.big) > div:after {
  margin: 25% 0 0 0;
}
label.checkbox:not(.big) > div > div {
  width: 20px;
  height: 20px;
}
label.checkbox:not(.big) input {
  width: 40px;
}
label.checkbox:not(.big) input:checked + div > div {
  margin-left: 16px;
}
label.checkbox:not(.big) input:checked + div:after {
  margin: 0;
}
label.checkbox:not(.big) input:checked + div:before {
  margin: -25% 0 0 0;
}
label.checkbox.tiny > div:before, label.checkbox.tiny > div:after {
  display: none;
}
label.checkbox input[disabled],
label.checkbox input[disabled] + div:before,
label.checkbox input[disabled] + div:after {
  cursor: default;
}
label.checkbox input[disabled] + div {
  opacity: .3;
}

/*--input with prefix/postfix---------------------------------------------------------------------*/
.normalized .input-prefix-suffix {
  display: table;
  width: 100%;
  padding: 0px !important;
  border-collapse: separate;
  height: 2em;
}
.normalized .input-prefix-suffix > div {
  display: table-cell;
  vertical-align: middle;
}
.normalized .input-prefix-suffix input {
  border: 0;
  background-color: transparent;
  color: #606060;
  width: 100%;
  margin: -1px 0;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em !important;
  padding: 4px 8px;
  border-radius: 3px;
  line-height: 1.75em;
  height: 32px;
}
.normalized .input-prefix-suffix input:focus, .normalized .input-prefix-suffix input.focus {
  border-width: 2px;
  padding: 3px 7px;
}
.normalized .input-prefix-suffix.input-small input {
  height: 28px;
  line-height: 1.5em;
}
.normalized .input-prefix-suffix.input-medium input {
  height: 40px;
}
.normalized .input-prefix-suffix.input-large input {
  height: 48px;
}
.normalized .input-prefix-suffix:hover {
  background-color: #fff;
}
.normalized .input-prefix-suffix.focus {
  color: #606060;
  border-color: #0c92e3;
  background-color: #fff;
  box-shadow: 0 0 4px #d1eafa;
  outline: 0;
}
.normalized .input-prefix-suffix.focus input {
  padding: 3px 8px;
  margin: -2px 0;
}
.normalized .input-prefix-suffix.has-prefix .prefix, .normalized .input-prefix-suffix.has-suffix .suffix {
  display: table-cell;
}
.normalized .input-prefix-suffix .prefix,
.normalized .input-prefix-suffix .suffix {
  width: 1px;
  white-space: nowrap;
  font-size: 1em;
  line-height: normal;
  display: none;
}
.normalized .input-prefix-suffix .prefix {
  padding-left: 8px;
}
.normalized .input-prefix-suffix .suffix {
  padding-right: 8px;
}
.normalized .input-prefix-suffix.focus .prefix, .normalized .input-prefix-suffix.has-error .prefix, .normalized .input-prefix-suffix.has-success .prefix {
  padding-left: 7px;
}
.normalized .input-prefix-suffix.focus .suffix, .normalized .input-prefix-suffix.has-error .suffix, .normalized .input-prefix-suffix.has-success .suffix {
  padding-right: 7px;
}
.normalized .input-prefix-suffix.input-small .prefix {
  padding-left: 6px;
}
.normalized .input-prefix-suffix.input-small .suffix {
  padding-right: 6px;
}
.normalized .input-prefix-suffix.input-small.focus .prefix, .normalized .input-prefix-suffix.input-small.has-error .prefix, .normalized .input-prefix-suffix.input-small.has-success .prefix {
  padding-left: 5px;
}
.normalized .input-prefix-suffix.input-small.focus .suffix, .normalized .input-prefix-suffix.input-small.has-error .suffix, .normalized .input-prefix-suffix.input-small.has-success .suffix {
  padding-right: 5px;
}
.normalized .input-prefix-suffix.input-medium .prefix, .normalized .input-prefix-suffix.input-large .prefix {
  padding-left: 11px;
}
.normalized .input-prefix-suffix.input-medium .suffix, .normalized .input-prefix-suffix.input-large .suffix {
  padding-right: 11px;
}
.normalized .input-prefix-suffix.input-medium.focus .prefix, .normalized .input-prefix-suffix.input-medium.has-error .prefix, .normalized .input-prefix-suffix.input-medium.has-success .prefix, .normalized .input-prefix-suffix.input-large.focus .prefix, .normalized .input-prefix-suffix.input-large.has-error .prefix, .normalized .input-prefix-suffix.input-large.has-success .prefix {
  padding-left: 10px;
}
.normalized .input-prefix-suffix.input-medium.focus .suffix, .normalized .input-prefix-suffix.input-medium.has-error .suffix, .normalized .input-prefix-suffix.input-medium.has-success .suffix, .normalized .input-prefix-suffix.input-large.focus .suffix, .normalized .input-prefix-suffix.input-large.has-error .suffix, .normalized .input-prefix-suffix.input-large.has-success .suffix {
  padding-right: 10px;
}
.normalized .input-prefix-suffix.has-error {
  border-color: #fa5111;
  border-width: 2px;
  color: #cf3e07;
  background-color: #ffeaea;
}
.normalized .input-prefix-suffix.has-error input {
  color: #cf3e07;
  margin: -2px 0;
}
.normalized .input-prefix-suffix.has-error.hover {
  background-color: #fff;
}
.normalized .input-prefix-suffix.has-error.focus {
  background-color: #fff;
  box-shadow: 0 0 4px #F5C0C0;
}
.normalized .input-prefix-suffix.has-success {
  border-color: #468847;
  border-width: 2px;
  color: #468847;
  background-color: #eaffea;
}
.normalized .input-prefix-suffix.has-success input {
  color: #468847;
  margin: -2px 0;
}
.normalized .input-prefix-suffix.has-success.hover {
  background-color: #fff;
}
.normalized .input-prefix-suffix.has-success.focus {
  background-color: #fff;
  box-shadow: 0 0 4px #88c889;
}
.normalized .input-prefix-suffix.disabled {
  background-color: #eeeeee;
  border-color: #c7c7c7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07) inset;
  cursor: not-allowed;
  color: #606060;
}
.normalized .input-prefix-suffix.disabled input {
  color: #606060;
  pointer-events: none;
}

/*------------------------------------------------------------------------------------------------*/
/* modal-dropdown */
.modal-dropdown {
  font-size: 1em;
  display: inline-block;
  border: 1px solid #999999;
  border-color: #ccc;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 9px #7f7f7f;
  box-shadow: 0 3px 9px #7f7f7f;
  position: absolute;
  padding: 1.2em 1.250em;
  /* 19px 20px to 16px*/
  z-index: 1001;
  overflow: hidden;
}

.modal-dropdown .dropdown-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.modal-dropdown .dropdown-content span {
  font-size: 14px;
}

.modal-dropdown .dropdown-content ul {
  font-size: 14px;
  list-style: none;
}

.modal-dropdown .dropdown-content ul li {
  line-height: 1.7;
  margin: 0;
}

.modal-dropdown .dropdown-content ul ul {
  padding-left: 15px;
}

.modal-dropdown .dropdown-content > ul {
  margin: 0;
  padding: 0;
}

.modal-dropdown .dropdown-content table.range-group {
  padding: 0;
  border-collapse: collapse;
  margin-bottom: 5px;
  max-width: 300px;
}

.modal-dropdown .dropdown-content table.range-group td {
  padding: 0 0 0 3px;
  border: none;
}

.modal-dropdown .dropdown-content table.range-group td:first-child {
  padding-left: 0;
}

.modal-dropdown .dropdown-content input[type='checkbox'] {
  margin: -2px 5px 0 0;
  vertical-align: middle;
}

.modal-dropdown .btn-container {
  margin: 1.5em 0 .5em;
  text-align: center;
}

.modal-dropdown .btn-container .btn {
  margin-left: 15px;
}

.modal-dropdown .btn-container .btn:first-child {
  margin-left: 0;
}

/* list-dropdown */
.list-dropdown {
  font-size: 1em;
  display: inline-block;
  border: 1px solid #999999;
  border-color: #ccc;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 9px #7f7f7f;
  box-shadow: 0 3px 9px #7f7f7f;
  position: absolute;
  padding: 0;
  z-index: 1001;
  overflow: hidden;
  border-radius: 0;
}
.list-dropdown ul > li > a {
  font-size: 13px;
  line-height: 1.9em;
  padding: 0 7px;
}
.list-dropdown ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.list-dropdown ul > li {
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.list-dropdown ul > li:hover {
  background-color: #3399FF;
}
.list-dropdown ul > li:hover a {
  color: #fff;
}
.list-dropdown ul > li:hover .svg-icon svg {
  fill: #fff;
}
.list-dropdown ul > li > a {
  width: 100%;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.list-dropdown ul > li .svg-icon {
  display: inline-block;
  width: 20px;
  height: 14px;
  margin: -4px 12px 0 0;
  vertical-align: middle;
}
.list-dropdown ul > li .svg-icon svg {
  width: 100%;
  height: 100%;
  -webkit-transition: fill 0.2s linear;
  transition: fill 0.2s linear;
}

.list-dropdown-large {
  border-radius: 0;
}
.list-dropdown-large ul > li > a {
  font-size: 17px;
  line-height: 1.7em;
  padding: 14px 32px 14px 16px;
}

.list-dropdown-medium {
  border-radius: 0;
}
.list-dropdown-medium ul > li > a {
  font-size: 14px;
  line-height: 1.6em;
  padding: 13px 32px 13px 16px;
}

.list-dropdown-small {
  border-radius: 0;
}
.list-dropdown-small ul > li > a {
  font-size: 12px;
  line-height: 1.5em;
  padding: 11px 32px 11px 16px;
}

.account-dropdown {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 16px;
  line-height: 27px;
}
.account-dropdown * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account-dropdown a {
  font-size: 14px;
  text-decoration: none;
}
.account-dropdown .target {
  cursor: default;
  display: block;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 11;
}
.account-dropdown .target .text {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.account-dropdown .target .icon-arr-down {
  font-size: 7px;
  margin: 0 0 0 7px;
}
.account-dropdown .status,
.account-dropdown .dropdown-content {
  font-size: 22px;
  line-height: 1;
  position: relative;
  z-index: 11;
}
.account-dropdown .status a,
.account-dropdown .dropdown-content a {
  white-space: nowrap;
}
.account-dropdown .status.status-online {
  color: #80c05b;
}
.account-dropdown .status.status-offline {
  color: #652d2d;
}
.account-dropdown .dropdown-content {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  display: block;
  margin: 0;
  padding: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: -1px;
  left: -1px;
  -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  -ms-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
}
.account-dropdown .dropdown-content .body {
  opacity: 0;
  overflow: hidden;
  display: block;
  background-color: #fff;
  border-top: 1px solid #dae5e7;
  margin: 42px -22px 0;
  -webkit-transform: translateZ(0);
  -webkit-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.account-dropdown .dropdown-content .body a {
  display: block;
  height: 0;
  line-height: 50px;
  color: #19a0b4;
  padding: 0 22px;
  text-decoration: none;
  max-width: 288px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: height .3s linear;
  -ms-transition: height .3s linear;
  transition: height .3s linear;
}
.account-dropdown .dropdown-content .body a:hover {
  color: #fff;
  background-color: #17a3c2;
}
@media screen and (min-width: 480px) {
  .account-dropdown .dropdown-content .body a {
    max-width: 368px;
  }
}
.account-dropdown:hover .icon-arr-down:before, .account-dropdown.opened .icon-arr-down:before {
  content: "\e609";
  color: #006995;
}
.account-dropdown:hover .dropdown-content, .account-dropdown.opened .dropdown-content {
  background-color: #FFFFFF;
  border: 1px solid #dae5e7;
  margin: -14px -21px 0;
  padding: 14px 22px 0;
  -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  -ms-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
}
.account-dropdown:hover .dropdown-content .body, .account-dropdown.opened .dropdown-content .body {
  opacity: 1;
  -webkit-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.account-dropdown:hover .dropdown-content .body a, .account-dropdown.opened .dropdown-content .body a {
  height: 50px;
  -webkit-transition: height .3s linear;
  -ms-transition: height .3s linear;
  transition: height .3s linear;
}
.account-dropdown:hover .status ~ .dropdown-content, .account-dropdown.opened .status ~ .dropdown-content {
  padding-top: 42px;
}

.component-dropdown {
  position: relative;
  height: auto;
  width: auto;
  margin-right: .2em;
  display: none;
}

.component-dropdown .target {
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  text-decoration: none;
  padding-right: 1.3em;
}

.component-dropdown .target span.text,
.component-dropdown .dropdown-content > span.top span.text {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.component-dropdown .target span.spacer {
  display: none;
}

.component-dropdown .target > span[class^="icon-"] {
  display: none;
}

.component-dropdown .dropdown-content {
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: .313em;
  display: block;
  margin: 0;
  padding: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
}

.no-touch .component-dropdown .target:hover + .dropdown-content,
.component-dropdown .target:focus + .dropdown-content,
.component-dropdown .target:active + .dropdown-content,
.component-dropdown .dropdown-content:hover {
  background-color: #FFFFFF;
  border: 1px solid #E4EBF0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);
  margin: -1em -1.563em;
  padding: 1em 1.563em 1.25em;
  -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
  transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
}

.component-dropdown .dropdown-content > span.top {
  width: 100%;
  display: inline-block;
  text-align: right;
  white-space: nowrap;
}

.component-dropdown .dropdown-content > span.top span.text,
.component-dropdown .dropdown-content > span.top > span.ico {
  display: none;
}

.component-dropdown .dropdown-content > span.top > span.ico {
  position: relative;
  top: 2px;
}

.component-dropdown .dropdown-content > span.top span.icon-arr-down {
  font-size: .45em;
  position: relative;
  top: -.16em;
  margin-left: 1em;
}

.no-touch .component-dropdown .target:hover + .dropdown-content > span.top span.icon-arr-down {
  color: #02779D;
}

.no-touch .component-dropdown .target:hover + .dropdown-content > span.top span.icon-arr-down:before,
.component-dropdown .target:focus + .dropdown-content > span.top span.icon-arr-down:before,
.component-dropdown .target:active + .dropdown-content > span.top span.icon-arr-down:before,
.component-dropdown .dropdown-content:hover > span.top span.icon-arr-down:before {
  content: "\e609";
}

.component-dropdown .dropdown-content > span.body {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  display: block;
  padding-top: 0;
  border: 1px solid transparent;
  margin: 1px;
  -webkit-transform: translateZ(0);
  -webkit-transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear;
  transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear;
}

.no-touch .component-dropdown .target:hover + .dropdown-content > span.body,
.component-dropdown .target:focus + .dropdown-content > span.body,
.component-dropdown .target:active + .dropdown-content > span.body,
.component-dropdown .dropdown-content:hover > span.body {
  opacity: 1;
  max-height: 200px;
  padding-top: 2em;
  -webkit-transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear;
  transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear;
}

/* on float right change animation ----------------------------------------------------------------*/
.component-dropdown.fr .dropdown-content {
  right: -1px;
  left: auto;
}

/* on collapce element change view ----------------------------------------------------------------*/
.component-dropdown.mini-view .target span.spacer,
.component-dropdown.mini-view .dropdown-content > span.top > span.ico {
  display: inline;
}

.no-touch .component-dropdown.mini-view .target:hover + .dropdown-content > span.top > span.text,
.component-dropdown.mini-view .target:focus + .dropdown-content > span.top > span.text,
.component-dropdown.mini-view .target:active + .dropdown-content > span.top > span.text,
.component-dropdown.mini-view .dropdown-content:hover > span.top > span.text {
  display: inline-block;
  color: #17A3C1;
}

.no-touch .component-dropdown.mini-view .target:hover + .dropdown-content > span.top > span.ico,
.component-dropdown.mini-view .target:focus + .dropdown-content > span.top > span.ico,
.component-dropdown.mini-view .target:active + .dropdown-content > span.top > span.ico,
.component-dropdown.mini-view .dropdown-content:hover > span.top > span.ico,
.component-dropdown.mini-view .target span.text {
  display: none;
}

.no-touch .component-dropdown.mini-view .target:hover + .dropdown-content,
.component-dropdown.mini-view .target:focus + .dropdown-content,
.component-dropdown.mini-view .target:active + .dropdown-content,
.component-dropdown.mini-view .dropdown-content:hover {
  background-color: #FFFFFF;
  border: 1px solid #E4EBF0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);
  margin: -2.1em;
  padding: 2.1em 2.1em 1.75em;
}

/*-------------------------------------------------------------------------------------------------*/
/* Messages */
.msg {
  font-size: .688em;
  /* 11px relato to 16px */
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
  padding: 0 .188em;
  /* 0 3px*/
  margin: .545em 0 .909em 0;
  /* 6px 0 10px 0 relate to 11px */
  color: #333;
  word-break: keep-all;
}

.msg.msg-error {
  color: #cf3e07;
}

/* Icon-links */
.vertical-icolink {
  display: inline-block;
  font-size: .813em;
  /* 13px to 16px*/
  text-decoration: none;
}

.vertical-icolink:active {
  text-decoration: none;
}

.vertical-icolink [class*="icon-"] {
  display: block;
  text-align: center;
  font-size: 1.62em;
  /*21px; to 13px*/
  color: #5ecee3;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.vertical-icolink [class*="icon-"]:hover [class*="icon-"] {
  color: #0287b2;
}
.vertical-icolink [class*="icon-"]:active [class*="icon-"] {
  color: #63d4ec;
}

.horizontal-icolink {
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  text-align: left;
  line-height: 1.3em;
}
.horizontal-icolink:active {
  text-decoration: none;
}
.horizontal-icolink.icolink-prepend {
  padding-left: 1.9em;
}
.horizontal-icolink.icolink-append {
  padding-right: 1.9em;
}
.horizontal-icolink.icolink-inverse.icolink-prepend {
  padding-left: 2.4em;
}
.horizontal-icolink.icolink-inverse.icolink-append {
  padding-right: 2.4em;
}

.horizontal-icolink [class*="icon-"] {
  position: absolute;
  top: 0;
  padding: .538em;
  text-align: center;
  vertical-align: text-top;
  font-size: .929em;
  margin: -5px 0 0 0;
  color: #5ecee3;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.horizontal-icolink:hover [class*="icon-"] {
  color: #0287b2;
}
.horizontal-icolink:active [class*="icon-"] {
  color: #63d4ec;
}
.horizontal-icolink.icolink-prepend [class*="icon-"],
.horizontal-icolink.icolink-prepend .svg-icon {
  left: 0;
}
.horizontal-icolink.icolink-append [class*="icon-"],
.horizontal-icolink.icolink-append .svg-icon {
  right: 0;
}

.horizontal-icolink.icolink-inverse [class*="icon-"] {
  color: #fff;
  background-color: #8ed5e3;
  border-radius: 4px;
  transition: background-color .1s linear;
}
.horizontal-icolink.icolink-inverse:hover [class*="icon-"] {
  color: #fff;
  background-color: #0287b2;
}
.horizontal-icolink.icolink-inverse:active [class*="icon-"] {
  color: #fff;
  background-color: #63d4ec;
}

.horizontal-icolink .svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  padding: .15em .53em;
}
.horizontal-icolink .svg-icon svg {
  width: 100%;
  height: 100%;
  fill: #5ecee3;
  -webkit-transition: fill 0.1s linear;
  transition: fill 0.1s linear;
}
.horizontal-icolink:hover .svg-icon svg {
  fill: #0287b2;
}
.horizontal-icolink:active .svg-icon svg {
  fill: #63d4ec;
}

.horizontal-icolink.icolink-small .svg-icon {
  padding: .1em .2em .1em 1em;
}
.horizontal-icolink.icolink-xsmall .svg-icon {
  padding: .1em .5em .1em 1.2em;
}

.icolink-small {
  font-size: 12px;
}

.icolink-xsmall {
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.vertical-icolink.icolink-small [class*="icon-"] {
  font-size: 1.75em;
  margin: 0 0 .143em 0;
}

.vertical-icolink.icolink-xsmall [class*="icon-"] {
  font-size: 1.9em;
  margin: 0 0 .19em 0;
}

.horizontal-icolink.icolink-xsmall.icolink-prepend,
.horizontal-icolink.icolink-inverse.icolink-xsmall.icolink-prepend {
  padding-left: 2.8em;
}

.horizontal-icolink.icolink-small.icolink-prepend,
.horizontal-icolink.icolink-inverse.icolink-small.icolink-prepend {
  padding-left: 2.5em;
}

.horizontal-icolink.icolink-small [class*="icon-"] {
  font-size: 1.5em;
  padding: .25em;
  margin: -.35em 0 0 0;
}

.horizontal-icolink.icolink-xsmall [class*="icon-"] {
  font-size: 1.7em;
  padding: .2em;
  margin: -.35em 0 0 0;
}

.ecwid-status {
  font-size: .875em;
  /* 14px to 16px*/
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}

.ecwid-status [class*="icon-"] {
  text-align: center;
  font-size: .75em;
  /*12px; to 14px*/
  margin-left: .54em;
  /* 6px to 12px*/
  opacity: .7;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
}

.ecwid-status-blocked,
.ecwid-status-blocked:hover,
.ecwid-status-blocked [class*='icon-'] {
  color: #b7b7b7;
}

.ecwid-status-success,
.ecwid-status-success:hover,
.ecwid-status-success [class*='icon-'] {
  color: #43985c;
}

.ecwid-status-error,
.ecwid-status-error:hover,
.ecwid-status-error [class*='icon-'] {
  color: #be5c5c;
}

.ecwid-status-warning,
.ecwid-status-warning:hover,
.ecwid-status-warning [class*='icon-'] {
  color: #c9984b;
}

.ecwid-status-info,
.ecwid-status-info:hover,
.ecwid-status-info [class*='icon-'] {
  color: #3a85d1;
}

/* Navs */
.nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  display: block;
  margin: 0;
  white-space: nowrap;
}

.nav-btns > li {
  float: left;
  margin-left: .313em;
}

.nav-btns > li:first-child {
  margin-left: 0;
}

.nav-btns > li > a {
  font-size: .938em;
  /* 15px */
  text-decoration: none;
  color: #333;
  padding: .625em .667em;
  border-radius: .188em;
  display: inline-block;
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-btns > li:hover > a {
  background-color: #b5dff0;
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-btns > li.active > a {
  background-color: #199dee;
  color: #fff;
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-blocks > li {
  float: left;
  margin-left: -1px;
}

.nav-blocks > li:first-child {
  margin-left: 0;
}

.nav-blocks > li > a {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  color: #333;
  padding: 20px 10px;
  display: inline-block;
  border-width: 0 1px 0 1px;
  border-color: transparent;
  border-style: solid;
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-blocks > li > a:hover {
  background-color: #189dee;
  color: #fff;
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-blocks > li.active > a {
  background-color: #eeeff0;
  color: #189dee;
  border-color: #e4e6e7;
  z-index: 1;
  /* чтобы при ховере на элемент справа от активного этот элемент не перекрывал собой бордер */
  -webkit-transition: color 0.1s linear, background 0.1s linear;
  transition: color 0.1s linear, background 0.1s linear;
}

.nav-links > li {
  float: left;
  padding: 0;
  cursor: pointer;
}

.nav-links > li > a {
  font-size: 0.875em;
  /* 14px */
  text-decoration: none;
  color: #333;
  padding: 0 1.1em 0;
  display: inline-block;
  line-height: 1.36em;
  -webkit-transition: color 0.1s linear, border-color 0.1s linear;
  transition: color 0.1s linear, border-color 0.1s linear;
}

.nav-links > li > a > span {
  display: inline-block;
  padding: 0.625em 0 .8em;
  border-bottom: 4px solid transparent;
}

.nav-links > li:hover > a,
.nav-links > li > a:active {
  color: #56c0e7;
  text-decoration: none;
}

.nav-links > li.active > a {
  color: #189dee;
  text-decoration: none;
  -webkit-transition: color 0.1s linear, border-color 0.1s linear;
  transition: color 0.1s linear, border-color 0.1s linear;
}

.nav-links > li.active > a > span {
  border-bottom: 4px solid #308eca;
}

div.has-badge::after,
.nav-links > li > a span.has-badge::after {
  bottom: 8px;
  content: attr(data-badge);
  display: inline-block;
  font-size: 0.68em;
  left: 2px;
  position: relative;
  color: #999;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.gwt-TabBarItem-selected div.has-badge::after,
.nav-links > li:hover > a span.has-badge::after,
.nav-links > li.active > a span.has-badge::after {
  color: #56c0e7;
}

/* Notices */
.notice {
  display: block;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  /* open_sansbold; */
  font-weight: 700;
  padding: .5em 1.7em;
  /*6px 20px*/
  border-bottom: 1px solid transparent;
  line-height: 1.7em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notice a {
  font-weight: 400;
}

.notice-warning {
  background-color: #efd694;
  color: #333;
  border-bottom: 1px solid #c0a554;
  transition: background-color .2s linear, color .2s linear;
  -webkit-transition: background-color .2s linear, color 2s linear;
}
.notice-warning a,
.notice-warning a:visited {
  color: #000;
}
.notice-warning a:hover,
.notice-warning a:visited:hover {
  color: #7c5d00;
}

.notice-error {
  background-color: #f05f43;
  color: #fff;
  border-bottom: 1px solid #d8553c;
  transition: background-color .2s linear, color .2s linear;
  -webkit-transition: background-color .2s linear, color .2s linear;
}
.notice-error a,
.notice-error a:visited {
  color: #ffddb6;
}
.notice-error a:hover,
.notice-error a:visited:hover {
  color: #fff;
}

/* Divider */
.divider {
  display: block;
  margin: 1.8em 0 2.9em;
  border: none;
  color: #fff;
  text-align: center;
  min-height: 1.5em;
}

.divider:before {
  position: relative;
  content: "";
  display: block;
  border-top: 1px solid #bdd8dd;
  top: 1.5em;
}

.divider:after {
  content: attr(data-text);
  display: inline-block;
  position: relative;
  font-size: 1em;
  padding: 0.7em 0.9em;
  background: #9ad5e0;
  border-radius: 50%;
}

.feature-enabled,
.feature-disabled {
  animation: none;
  background: none;
  border: none;
  border-image: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: #80c05b;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline-block;
  float: none;
  font: 600 normal 12px/1 'Open sans', sans-serif;
  height: auto;
  letter-spacing: normal;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: none;
  padding: 0;
  position: static;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: uppercase;
  transform: none;
  transition: none;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  backface-visibility: visible;
}
.feature-enabled::before,
.feature-disabled::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='21' viewBox='0 0 26 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19 15.635L22.175.583c1.905-1.744 4.484.793 2.754 2.8L10.577 19.836c-.542.662-1.953.903-2.754 0L.577 12.718c-1.775-2.14.946-4.49 2.754-2.8l5.86 5.717z' fill='%2380c05b'/%3E%3C/svg%3E") no-repeat center;
  -webkit-background-size: 100% 100%;
  background-size: auto auto;
  animation: none;
  border: none;
  border-image: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  content: '';
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: block;
  float: none;
  font: 600 normal 12px/1 'Open sans', sans-serif;
  height: 21px;
  letter-spacing: normal;
  margin: 0 0 12px;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: static;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: uppercase;
  transform: none;
  transition: none;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  width: 100%;
  word-spacing: normal;
  z-index: auto;
  backface-visibility: visible;
}
.feature-enabled .text,
.feature-disabled .text {
  line-height: 1.3;
  text-transform: none;
}

.feature-disabled {
  color: #999;
}
.feature-disabled::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath d='M10.6-.1C4.8-.1.1 4.6.1 10.4s4.7 10.5 10.5 10.5 10.5-4.7 10.5-10.5S16.4-.1 10.6-.1zm0 2.5c2 0 3.8.7 5.2 1.9L3.6 14.5c-.7-1.2-1.1-2.6-1.1-4.1 0-4.4 3.6-8 8.1-8zm0 16.1c-2.1 0-4-.8-5.4-2.1L17.4 6.1c.8 1.3 1.3 2.7 1.3 4.3-.1 4.5-3.7 8.1-8.1 8.1z' fill='%23999'/%3E%3C/svg%3E") no-repeat center;
}

.bubble {
  position: absolute;
  z-index: 1000;
  max-width: 18.75em;
  text-align: left;
}

.bubble-error,
.bubble-info {
  position: relative;
  font-size: 16px;
  padding: 1.25em 1.25em 1.188em;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear;
  animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear;
}
.bubble-error:before,
.bubble-info:before {
  content: "";
  position: absolute;
  border: 0 solid transparent;
}

.bubble-error {
  background-color: #fff;
  color: #333;
  border-color: #f95111;
  border-width: 1px;
}
.bubble-error.bubble-left:before {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f95111;
}
.bubble-error.bubble-right:before {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f95111 transparent transparent;
}
.bubble-error.bubble-bottom:before {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f95111 transparent;
}
.bubble-error.bubble-top:before {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #f95111 transparent transparent transparent;
}

.bubble-info {
  background-color: #fff;
  color: #333;
  border-color: #0c92e3;
  border-width: 1px;
}
.bubble-info.bubble-left:before {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #0c92e3;
}
.bubble-info.bubble-right:before {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent #0c92e3 transparent transparent;
}
.bubble-info.bubble-bottom:before {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #0c92e3 transparent;
}
.bubble-info.bubble-top:before {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #0c92e3 transparent transparent transparent;
}

.bubble .bbl-title {
  font-size: 0.875em;
  margin-bottom: .357em;
}
.bubble .bbl-text {
  font-size: 0.75em;
}

.bubble.notitle .bbl-title {
  display: none;
}
.bubble.notitle .bbl-text {
  font-size: 0.875em;
}
.bubble.notitle [class*="bubble-"] {
  padding-top: 1.188em;
  /*19px to 16px*/
}

.bubble-right {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.bubble-bottom {
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}

.bubble-left {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.bubble-top {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Tooltip */
.tooltip {
  display: inline-block;
  color: #04a2ca;
}
.tooltip [class*="bubble-"] {
  padding: 1.2em 1.25em 1.2em;
}
.tooltip .bubble .bbl-title {
  font-size: 0.9375em;
  margin-bottom: 0.6em;
}
.tooltip .bubble .bbl-text {
  font-size: 0.8125em;
  line-height: 1.6;
  position: relative;
  z-index: 100;
}
.tooltip .bubble-info.bubble-bottom:before {
  border-width: 0 14px 16px;
  margin-left: -14px;
  top: -16px;
}

.tooltip .bubble {
  max-width: 22.7em;
  margin: -2em 0 0 -9em;
  padding-top: 3.7em;
  display: none;
}

.ecwid-no-touch .tooltip:hover,
.tooltip.hover {
  color: #006995;
  cursor: pointer;
}
.ecwid-no-touch .tooltip:hover .bubble,
.tooltip.hover .bubble {
  display: block;
}

/* base plate styles */
.plate {
  font-size: 1em;
  padding: 0.875em 1em;
  border-radius: 0.375em;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eef6fa;
  color: #333;
  border-color: #dae5e7;
  border-width: 1px;
  background-clip: padding-box;
  position: relative;
}
.plate.opened {
  background-color: #fff;
  color: #333;
  border-color: #e4ebf0;
  border-width: 1px;
  box-shadow: 0 0.125em 0.375em rgba(0, 0, 0, 0.09);
  /* 2px 6px */
}
.plate.plate-live {
  cursor: pointer;
}
.plate.plate-live:hover, .plate.plate-live.opened:hover {
  background-color: #deedf5;
  color: #333;
  border-color: #89bede;
  border-width: 1px;
  box-shadow: none;
}
.plate.plate-live:active, .plate.plate-live.opened:active {
  background-color: #fff;
  color: #333;
  border-color: #d1e5e9;
  border-width: 1px;
  box-shadow: none;
}

.alert {
  font-size: 0.875em;
  padding: 1.1em 1.8em;
  border-radius: 1px;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  border-color: #d5d5d5;
  border-width: 1px;
  line-height: 1.66em;
}
.alert .title {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 8px;
}
.alert a {
  text-decoration: none;
}
.alert p {
  font-size: 12px;
  line-height: 1.6;
  margin: 2px 0 5px;
  max-width: 10000px;
}
@media (min-width: 768px) {
  .alert p {
    font-size: 14px;
  }
}
.alert > .btn {
  margin: 15px 0;
}
.alert .close {
  font-size: 1.142857em;
  color: #b3b3b3;
  top: 16px;
  right: 14px;
  position: absolute;
  cursor: pointer;
}
.alert .close:hover {
  color: #0287b2;
}
.alert .close:active {
  color: #63d4ec;
}
.alert.alert-info {
  background-color: #fff;
  color: #333;
  border-color: #009eef;
  border-width: 2px;
}
.alert.alert-success {
  background-color: #f5ffef;
  color: #333;
  border-color: #7cc13e;
  border-width: 2px;
}
.alert.alert-warning {
  background-color: #fffbf2;
  color: #333;
  border-color: #e4ba74;
  border-width: 2px;
}
.alert.alert-error {
  background-color: #fff6f6;
  color: #333;
  border-color: #ed917d;
  border-width: 2px;
}
.alert.alert-error .has-error {
  color: #cf3e07;
}
.alert.alert-icon {
  font-size: 12px;
  line-height: 1.667;
  padding: 7px 20px 16px;
  position: relative;
}
.alert.alert-icon .alert-inner .title {
  display: block;
  font-size: 16px;
  padding: 5px 0 0;
}
.alert.alert-icon em {
  font-style: normal;
  font-weight: 600;
}
.alert.alert-icon span[class^=icon-] {
  color: #86d5fc;
}
.alert.alert-icon .svg-icon {
  fill: #86d5fc;
}
@media (min-width: 768px) {
  .alert.alert-icon {
    font-size: 14px;
    line-height: 1.7143;
    padding: 25px 20px 25px 95px;
  }
  .alert.alert-icon .alert-inner .title {
    padding: 0;
  }
}
.alert.alert-icon.alert-info span[class^=icon-] {
  color: #86d5fc;
}
.alert.alert-icon.alert-info .svg-icon {
  fill: #86d5fc;
}
.alert.alert-icon.alert-success span[class^=icon-] {
  color: #80c05b;
}
.alert.alert-icon.alert-success .svg-icon {
  fill: #80c05b;
}
.alert.alert-icon.alert-warning span[class^=icon-] {
  color: #e8c072;
}
.alert.alert-icon.alert-warning .svg-icon {
  fill: #e8c072;
}
.alert.alert-icon.alert-error span[class^=icon-] {
  color: #dc602d;
}
.alert.alert-icon.alert-error .svg-icon {
  fill: #dc602d;
}
.alert.alert-icon span[class^=icon-],
.alert.alert-icon span.svg-icon {
  display: none;
}
@media (min-width: 768px) {
  .alert.alert-icon span[class^=icon-],
  .alert.alert-icon span.svg-icon {
    margin-left: -70px;
    display: block;
    position: absolute;
    cursor: default;
  }
}
@media (min-width: 768px) {
  .alert.alert-icon span[class^=icon-] {
    font-size: 40px;
  }
}
.alert.alert-icon div.icon {
  display: none;
}
@media (min-width: 768px) {
  .alert.alert-icon div.icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    max-height: 102px;
  }
}
.alert.alert-icon div.icon span[class^=icon-],
.alert.alert-icon div.icon span.svg-icon {
  display: block;
  height: 36px;
  width: 36px;
  margin: -18px 0 0 -18px;
  top: 50%;
  left: 50%;
}
.alert.alert-icon .alert-inner {
  padding-right: 16px;
}
.alert.alert-icon .alert-action {
  display: none;
}
.alert.alert-icon .alert-content p {
  margin-top: 8px;
  margin-bottom: 10px;
  max-width: 855px;
}
.alert.alert-icon .alert-content .btn {
  height: 40px;
  min-width: 208px;
  padding: 10px;
  margin: 10px 0;
}
.alert.alert-icon.alert-full .alert-content,
.alert.alert-icon.alert-full .alert-action {
  display: inline-block;
  width: 100%;
  margin-right: -4px;
}
.alert.alert-icon.alert-full .alert-content {
  vertical-align: top;
}
.alert.alert-icon.alert-full .alert-action {
  display: block;
  padding: 18px 0 8px;
  text-align: left;
}
.alert.alert-icon.alert-full .alert-action .btn {
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  min-width: 208px;
}
.alert.alert-icon.alert-full .alert-action .btn + div {
  font-size: 0.9285em;
}
@media (min-width: 768px) {
  .alert.alert-icon.alert-full {
    font-size: 14px;
    padding-bottom: 32px;
  }
  .alert.alert-icon.alert-full .alert-inner {
    display: table;
    width: 100%;
  }
  .alert.alert-icon.alert-full .alert-content,
  .alert.alert-icon.alert-full .alert-action {
    display: table-cell;
  }
  .alert.alert-icon.alert-full .alert-action {
    width: 300px;
    padding: 0 27px 0 45px;
    text-align: center;
    vertical-align: middle;
  }
  .alert.alert-icon.alert-full .alert-action .btn + div {
    margin-top: 15px;
  }
  .alert.alert-icon.alert-full span[class^=icon-] {
    padding-top: 7px;
  }
}
.alert.alert-icon.alert-short span[class^=icon-],
.alert.alert-icon.alert-short span.svg-icon {
  display: none;
}
.alert.alert-icon.alert-short .title {
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .alert.alert-icon.alert-short {
    padding: 15px 20px 17px 95px;
  }
  .alert.alert-icon.alert-short span[class^=icon-],
  .alert.alert-icon.alert-short span.svg-icon {
    display: block;
    position: absolute;
    top: 50%;
    margin: -16px 0 0 -63px;
    cursor: default;
  }
  .alert.alert-icon.alert-short span[class^=icon-] {
    font-size: 32px;
  }
}
.alert.alert-icon.alert-short .title + div {
  display: none;
}

/* base popups styles */
.popup {
  font-size: 1em;
  padding: 17px 22px 25px;
  border-radius: 7px;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.popup .popup-title {
  font-size: 18px;
  display: block;
  margin: 0 0 16px;
  font-weight: 600;
}
.popup .popup-close {
  float: right;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #000;
  opacity: .3;
  text-align: center;
  border-radius: 50%;
  position: relative;
  top: -3px;
  right: -9px;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.popup .popup-close [class*="icon-"] {
  font-size: 0.75em;
  color: #fff;
}
.popup .popup-close:hover {
  opacity: .5;
}
.popup .popup-text {
  font-size: 13px;
  line-height: 1.4;
  margin-top: 0 0 4px;
  display: block;
}

/* popup types */
.popup-success {
  background-color: #f5ffef;
  color: #406d40;
  border-color: transparent;
  border-width: 1px;
}

.popup-warning {
  background-color: #fffbf2;
  color: #333;
  border-color: transparent;
  border-width: 1px;
}

.popup-default {
  background-color: #fff;
  color: #1e2c38;
  border-color: #009eef;
  border-width: 1px;
}

.popup-info {
  background-color: #b5dff0;
  color: #1e2c38;
  border-color: transparent;
  border-width: 1px;
}

/* new popup */
.ecwid-modal-open {
  overflow: hidden !important;
  position: fixed !important;
  width: 100%;
}

.main-overlay {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 9999;
  display: table\9;
}
.main-overlay--transparent {
  background: none;
}
.main-overlay--hidden {
  background: none;
  pointer-events: none;
}
.main-overlay_animation-hide {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out 200ms;
  transition: opacity 200ms ease-out 200ms;
}
.main-overlay_animation-hide .main-popup {
  opacity: 0;
  margin-top: 40px;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.main-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: table-cell\9;
  vertical-align: middle\9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  -webkit-transform: translateZ(0);
  /* IE11 does not wrap long paragraphs of text */
}
.main-popup_center {
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
}
.main-popup_animation {
  -webkit-animation: showpopup 400ms ease-out;
  animation: showpopup 400ms ease-out;
}
.main-popup.main-popup_top {
  align-items: flex-start;
  vertical-align: top\9;
  padding: 0 15px;
}
.main-popup.main-popup_bottom {
  align-items: flex-end;
  vertical-align: bottom\9;
  padding: 0 15px;
}
.main-popup__container {
  position: relative;
  padding: 20px 25px;
  max-width: 600px;
  min-width: 290px;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #d5d5d5;
  color: #333;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: inline-block\9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  word-wrap: break-word;
}
.main-popup__container a {
  text-decoration: none;
}
.main-popup__container > div {
  max-width: 100%;
}
.main-popup _:-ms-fullscreen, .main-popup :root .main-popup__container {
  display: inline-block;
}
@media (min-width: 640px) {
  .main-popup__container {
    padding: 30px 45px;
  }
  .main-popup_center .main-popup__container {
    padding: 45px 85px 30px;
  }
  .main-popup _:-ms-fullscreen, .main-popup :root .main-popup__container {
    display: flex;
  }
}
.main-popup__close {
  position: absolute;
  width: 16px;
  height: 16px;
  color: #b3b3b3;
  top: 16px;
  right: 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-popup__close svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: color 0.1s linear;
}
.main-popup__close:hover {
  color: #0287b2;
}
.main-popup__close:active {
  color: #63d4ec;
}
.main-popup__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 15px 0 5px;
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media (min-width: 640px) {
  .main-popup__title {
    font-size: 18px;
  }
}
.main-popup__text {
  font-size: 12px;
  line-height: 1.667;
  text-align: center;
  display: inline-block;
  padding: 5px 0;
  max-width: 100%;
}
.main-popup__text.ecwid-multiLine {
  text-align: left;
}
@media (min-width: 640px) {
  .main-popup__text {
    font-size: 14px;
    line-height: 1.7143;
  }
}
.main-popup__content {
  padding: 10px 10px 0;
}
.main-popup__buttons {
  padding: 15px 0 0;
  min-width: 180px;
}
@media (min-width: 640px) {
  .main-popup__buttons {
    padding: 30px 0 0;
  }
}
.main-popup__buttons .btn {
  font-size: 13px;
  min-width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media (min-width: 640px) {
  .main-popup__buttons .btn {
    min-width: 180px;
    margin: 0 5px 10px;
  }
}
.main-popup__timer {
  color: #189dee;
  font-size: 25px;
}
@media (min-width: 640px) {
  .main-popup__timer {
    font-size: 34px;
  }
}
.main-popup__logo {
  width: auto;
  height: 65px;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.main-popup__logo svg {
  fill: #86d5fc;
  height: 100%;
  max-height: 65px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .main-popup__logo {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-bottom: 10px;
  }
}
.main-popup--error .main-popup__logo svg {
  fill: #dc602d;
}
.main-popup--warning .main-popup__logo svg {
  fill: #e8c072;
}
.main-popup--success .main-popup__logo svg {
  fill: #80c05b;
}
.main-popup--success .alert.alert-success {
  background-color: #fff;
  color: #333;
  border-color: #d5d5d5;
  border-width: 1px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.ecwid-modal-large {
  position: absolute !important;
}
@media (min-width: 768px) {
  .ecwid-modal-large {
    position: fixed !important;
  }
}
.ecwid-modal-large .main-overlay {
  position: absolute;
  overflow-y: scroll;
  background: #EEEFF0;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-overlay {
    position: fixed;
    overflow-y: auto;
  }
}
.ecwid-modal-large .main-popup {
  padding: 0;
  height: calc(100% + 1px);
}
.ecwid-modal-large .main-popup .main-popup__container {
  font-size: 12px;
  line-height: 20px;
  background-color: #EEEFF0;
  border: none;
  width: 100%;
  max-width: 1440px;
  padding: 10px 0;
  justify-content: flex-start;
  overflow: hidden;
}
.ecwid-modal-large .main-popup .main-popup__container * {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__container {
    font-size: 14px;
    line-height: 24px;
    padding: 30px 0;
  }
}
.ecwid-modal-large .main-popup .main-popup__logo {
  height: 53px;
  padding-bottom: 0;
  margin-top: 7px;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__logo {
    margin-top: 37px;
    padding: 0;
  }
}
.ecwid-modal-large .main-popup .main-popup__close {
  top: 27px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.ecwid-modal-large .main-popup .main-popup__close svg {
  width: 100%;
  height: auto;
}
.ecwid-modal-large .main-popup .main-popup__close .svg--desktop {
  display: none;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__close {
    top: 50px;
    right: -100px;
    width: 31px;
    height: 31px;
  }
  .ecwid-modal-large .main-popup .main-popup__close .svg--desktop {
    display: block;
  }
  .ecwid-modal-large .main-popup .main-popup__close .svg--mobile {
    display: none;
  }
}
@media (min-width: 1024px) {
  .ecwid-modal-large .main-popup .main-popup__close {
    right: 0;
  }
}
.ecwid-modal-large .main-popup .main-popup__top-note {
  max-width: 700px;
  line-height: 22px;
  margin: 8px auto 0;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__top-note {
    line-height: 28px;
  }
}
.ecwid-modal-large .main-popup .main-popup__panel {
  background-color: #fff;
  border: 1px solid #D2D2D2;
  max-width: 1000px;
  margin: 10px auto 25px;
  padding: 20px;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__panel {
    margin-top: 37px;
  }
}
@media (min-width: 1024px) {
  .ecwid-modal-large .main-popup .main-popup__panel {
    min-width: 1000px;
    padding: 35px 20px 40px;
  }
}
.ecwid-modal-large .main-popup .main-popup__panel .main-popup__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  .ecwid-modal-large .main-popup .main-popup__panel .main-popup__title {
    font-size: 22px;
    line-height: 31px;
  }
}
.ecwid-modal-large .main-popup .main-popup__panel .btn {
  margin-bottom: 0;
  min-width: 240px;
}
.ecwid-modal-large .main-popup .main-popup__cancel {
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding-bottom: 20px;
}
.ecwid-modal-large .ecwid-facelift {
  display: none;
}

/* IE11 does not wrap long paragraphs of text */
_:-ms-fullscreen, :root .main-popup__container {
  display: inline-block;
}

@media (min-width: 640px) {
  _:-ms-fullscreen, :root .main-popup__container {
    display: flex;
  }
}
.svg-close {
  fill: currentColor;
}

.svg-rocket {
  fill: currentColor;
}

.svg-question {
  fill: currentColor;
}

.svg-error {
  fill: #d2d2d2;
}

.svg-trash {
  fill: currentColor;
}

.svg-rocket__circle {
  -webkit-animation: rocket-circle 1.5s infinite ease-out;
  animation: rocket-circle 1.5s infinite ease-out;
}

.svg-rocket__circle:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.svg-rocket__circle:nth-child(3) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.5s;
}

.svg-rocket__circle:nth-child(4) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.25s;
}

.svg-rocket__circle:nth-child(5) {
  -webkit-animation-delay: 0.00s;
  animation-delay: 0.00s;
}

@-webkit-keyframes rocket-circle {
  0%, 100% {
    opacity: 1;
  }
  80%, 85% {
    opacity: 0;
  }
}
@keyframes rocket-circle {
  0%, 100% {
    opacity: 1;
  }
  80%, 85% {
    opacity: 0;
  }
}
@-webkit-keyframes showpopup {
  from {
    margin-top: -40px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes showpopup {
  from {
    margin-top: -40px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
/* dialog styles */
.dialog {
  font-size: 1em;
  padding: 30px;
  border-radius: 0.375em;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 18px;
  padding: 30px 30px 3px 30px;
  background-clip: padding-box;
  border: 1px solid #dae5e7;
  background: #fff;
}
.dialog .dialog-title {
  font-size: 1.75em;
  line-height: 1.2;
  font-weight: 600;
  display: block;
  margin: 0 0 16px;
}
.dialog .dialog-cancel {
  font-size: 1em;
  line-height: 1.2;
  float: right;
  text-align: center;
  position: relative;
  top: 6px;
  right: 7px;
  color: #a0a0a0;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.dialog .dialog-cancel:visited {
  color: #a0a0a0;
}
.dialog .dialog-cancel:hover, .dialog .dialog-cancel:visited:hover {
  color: #006995;
}
.dialog .dialog-cancel:active, .dialog .dialog-cancel:visited:active {
  color: #54bfd6;
}
.dialog .dialog-cancel [class*="icon-"] {
  font-size: 0.875em;
  color: #a0a0a0;
}
.dialog .dialog-cancel:hover [class*="icon-"], .dialog .dialog-cancel:visited:hover [class*="icon-"] {
  color: #0287b2;
}
.dialog .dialog-cancel:active [class*="icon-"], .dialog .dialog-cancel:active:hover [class*="icon-"] {
  color: #54bfd6;
}
.dialog .dialog-body {
  line-height: 1.4;
  margin-top: 0 0 4px;
  display: block;
}
.dialog input {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-padding-start: 0px;
  -webkit-text-size-adjust: none;
}

@media only screen and (max-width: 768px) {
  .dialog {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
  }
  .dialog .dialog-title {
    font-size: 1.375em;
  }

  .dialog-body p {
    font-size: 0.875em;
  }
}
.loader svg {
  height: 100%;
  width: 100%;
}

[class*="loading"] .loader .spin-left {
  -webkit-animation: spinleft 1s infinite linear;
  animation: spinleft 1s infinite linear;
}

[class*="loading"] .loader .spin-right {
  -webkit-animation: spinright 0.5s infinite linear;
  animation: spinright 0.5s infinite linear;
}

.btn .loader {
  position: absolute;
  width: 100%;
  top: -30%;
  left: 0;
  display: none;
  z-index: 1;
  -webkit-animation: fadein 0.1s 1 linear;
  animation: fadein 0.1s 1 linear;
}
.btn .loader .spinner {
  margin: 0 auto;
  height: 46px;
  width: 46px;
}
.btn .loader .spinner svg {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
}
.btn.btn-large .loader .spinner {
  height: 70px;
  width: 70px;
}
.btn.btn-medium .loader .spinner {
  height: 56px;
  width: 56px;
}
.btn.btn-small .loader .spinner {
  height: 40px;
  width: 40px;
}

.btn-loading .loader {
  display: block;
}

html {
  font-size: 100%;
}

body {
  font-size: 1em;
  color: #333;
}

body, html {
  font-family: "Open Sans", sans-serif, Arial;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

:focus {
  outline: none;
}

/* Overrides the highlight color shown when the user taps a link  */
*:active, *:hover, *:focus {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.normalized select,
.normalized textarea,
.normalized input,
.normalized button {
  font-family: "Open Sans", sans-serif, Arial;
  font-weight: 400;
}

.normalized button::-moz-focus-inner {
  border: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
  /* For IE 6/7 only */
}

/*--- Fieldsets ----------------------------------------------------------------------------------*/
/*--- Fieldsets mixins ---------------------------------------------------------------------------*/
/*--- Fieldsets variables ------------------------------------------------------------------------*/
/* medium sise (default) */
/* small size */
/* large size */
/*--- Fieldsets styles ---------------------------------------------------------------------------*/
.fieldset {
  vertical-align: top;
}
.fieldset * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}
.fieldset .field {
  display: inline-block;
  position: relative;
  color: #606060;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  background-color: #fafbfc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
  width: 100%;
  outline: 0;
  -ms-transform: translatez(0);
  -webkit-transform: translatez(0);
  transform: translatez(0);
  font-size: 14px;
  padding: 2px 9px 3px;
  border-radius: 2px;
  line-height: 19px;
  height: 40px;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
  /* states */
  /* field sizes */
}
.fieldset .field:focus, .fieldset .field.focus {
  border-width: 2px;
  padding: 1px 8px 2px;
}
.fieldset .field:focus, .fieldset .field.focus, .fieldset .field:active, .fieldset .field.active {
  background-color: #fff;
  /*border-color: #0c92e3;*/
  border-color: red;
  color: #606060;
  box-shadow: 0 0 4px #d1eafa;
}
.fieldset .field[disabled], .fieldset .field[readonly], .fieldset .field[disabled]:hover, .fieldset .field[disabled]:focus, .fieldset .field[disabled]:focus:hover, .fieldset .field[disabled]:active, .fieldset .field[disabled]:focus:active {
  background-color: #eeeeee;
  border-color: #c7c7c7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
  pointer-events: none;
}
.fieldset .field__label {
  display: block;
  visibility: visible;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: #999;
  height: auto;
  margin-top: 2px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3D(0px, -10px, 0px);
  transform: translate3D(0px, -10px, 0px);
  transition: all .25s ease-out;
}
.fieldset .field__input {
  font-size: 14px;
  line-height: 19px;
  color: #333;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  position: relative;
  top: 1px;
  width: 100%;
  -webkit-appearance: none;
  z-index: 3;
}
.fieldset .field__placeholder {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #999;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 7px;
  left: 11px;
  z-index: 2;
  pointer-events: none;
}
.fieldset .field--filled .field__placeholder, .fieldset .field--focus .field__placeholder {
  display: none;
  transition: none;
}
.fieldset .field svg {
  fill: currentColor;
  width: 100%;
  height: auto;
}
.fieldset .field--hover {
  background-color: #fff;
}
.fieldset .field:active, .fieldset .field:focus, .fieldset .field--focus {
  color: #606060;
  border: 2px solid #009eef;
  background-color: #fff;
  box-shadow: 0 0 4px #d1eafa;
  padding: 1px 8px 2px;
  outline: 0;
}
.fieldset .field:active .field__placeholder, .fieldset .field:focus .field__placeholder, .fieldset .field--focus .field__placeholder {
  top: 6px;
  left: 10px;
}
.fieldset .field [class*="field-state"] {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 9px;
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  transition: opacity .14s ease-out, color .14s ease-out;
}
.fieldset .field .field-state--success {
  color: #80c05b;
  width: 22px;
  height: 22px;
}
.fieldset .field .field-state--close {
  color: #dc602d;
  cursor: pointer;
}
.fieldset .field .field-state--close:hover {
  color: #b23709;
}
.fieldset .field .field-state--close:active {
  color: #ff8456;
}
.fieldset .field__arrow {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #999;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  transition: opacity .14s ease-out, color .14s ease-out;
}
.fieldset .field--filled .field__input {
  margin-top: -2px;
}
.fieldset .field--filled .field__label {
  opacity: 1;
  -webkit-transform: translate3D(0px, 0px, 0px);
  transform: translate3D(0px, 0px, 0px);
}
.fieldset .field--filled .select-target {
  opacity: 1;
}
.fieldset .field--focus .field__label {
  opacity: 1;
  -webkit-transform: translate3D(0px, 0px, 0px);
  transform: translate3D(0px, 0px, 0px);
}
.fieldset .field--focus .field__arrow {
  top: 9px;
  right: 9px;
}
.fieldset .field--focus .select-target {
  opacity: 1;
}
.fieldset .field__error {
  color: #cf3e07;
  display: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin: 6px 0 10px;
  padding: 0 3px;
  text-align: left;
}
@media (min-width: 768px) {
  .fieldset .field--medium {
    font-size: 14px;
    padding: 3px 11px 4px;
    border-radius: 2px;
    line-height: 19px;
    height: 48px;
  }
  .fieldset .field--medium:focus, .fieldset .field--medium.focus {
    border-width: 2px;
    padding: 2px 10px 3px;
  }
  .fieldset .field--medium .field__label {
    margin-top: 4px;
  }
  .fieldset .field--medium .field__input {
    top: 3px;
  }
  .fieldset .field--medium .field__placeholder {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    top: 11px;
  }
  .fieldset .field--medium [class*="field-state"] {
    top: 14px;
    right: 15px;
  }
  .fieldset .field--medium .field__arrow {
    top: 14px;
    right: 12px;
  }
  .fieldset .field--medium:active, .fieldset .field--medium:focus, .fieldset .field--medium.field--focus {
    padding: 2px 10px 3px;
  }
  .fieldset .field--medium:active .field__placeholder, .fieldset .field--medium:focus .field__placeholder, .fieldset .field--medium.field--focus .field__placeholder {
    top: 10px;
  }
  .fieldset .field--medium:active .field__arrow, .fieldset .field--medium:focus .field__arrow, .fieldset .field--medium.field--focus .field__arrow {
    top: 13px;
    right: 11px;
  }
}
.fieldset .field--large {
  font-size: 14px;
  padding: 3px 11px 4px;
  border-radius: 2px;
  line-height: 19px;
  height: 48px;
}
.fieldset .field--large:focus, .fieldset .field--large.focus {
  border-width: 2px;
  padding: 2px 10px 3px;
}
.fieldset .field--large .field__label {
  margin-top: 4px;
}
.fieldset .field--large .field__input {
  top: 3px;
}
.fieldset .field--large .field__placeholder {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  top: 11px;
}
.fieldset .field--large [class*="field-state"] {
  top: 14px;
  right: 15px;
}
.fieldset .field--large .field__arrow {
  top: 16px;
  right: 14px;
}
.fieldset .field--large:active, .fieldset .field--large:focus, .fieldset .field--large.field--focus {
  padding: 2px 10px 3px;
}
.fieldset .field--large:active .field__placeholder, .fieldset .field--large:focus .field__placeholder, .fieldset .field--large.field--focus .field__placeholder {
  top: 10px;
}
.fieldset .field--large:active .field__arrow, .fieldset .field--large:focus .field__arrow, .fieldset .field--large.field--focus .field__arrow {
  top: 15px;
  right: 13px;
}
@media (min-width: 768px) {
  .fieldset .field--large {
    font-size: 18px;
    padding: 5px 16px 6px;
    border-radius: 2px;
    line-height: 24px;
    height: 56px;
  }
  .fieldset .field--large:focus, .fieldset .field--large.focus {
    border-width: 2px;
    padding: 4px 15px 5px;
  }
  .fieldset .field--large .field__label {
    font-size: 11px;
    margin-top: 4px;
  }
  .fieldset .field--large .field__input {
    font-size: 18px;
    line-height: 24px;
    top: 2px;
  }
  .fieldset .field--large .field__placeholder {
    font-size: 22px;
    line-height: 30px;
    top: 11px;
  }
  .fieldset .field--large [class*="field-state"] {
    top: 16px;
    right: 17px;
  }
  .fieldset .field--large .field__arrow {
    top: 18px;
  }
  .fieldset .field--large:active, .fieldset .field--large:focus, .fieldset .field--large.field--focus {
    padding: 4px 15px 5px;
  }
  .fieldset .field--large:active .field__placeholder, .fieldset .field--large:focus .field__placeholder, .fieldset .field--large.field--focus .field__placeholder {
    top: 10px;
  }
  .fieldset .field--large:active .field__arrow, .fieldset .field--large:focus .field__arrow, .fieldset .field--large.field--focus .field__arrow {
    top: 17px;
  }
}
.fieldset.has-error .field {
  border: 2px solid #ed917d;
  padding: 2px 10px 3px;
  color: #dc602d;
  background-color: #fff6f6;
  box-shadow: none;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}
.fieldset.has-error .field:hover {
  background-color: #fff;
}
.fieldset.has-error .field:focus {
  background-color: #fff;
  box-shadow: 0 0 4px #F5C0C0;
}
.fieldset.has-error .field--focus {
  padding: 2px 10px 3px;
}
.fieldset.has-error .field--focus .field__label {
  color: #999;
}
.fieldset.has-error .field__label {
  color: #dc602d;
  opacity: 1;
  -webkit-transform: translate3D(0px, 0px, 0px);
  transform: translate3D(0px, 0px, 0px);
}
.fieldset.has-error .field__input {
  padding-right: 25px;
}
.fieldset.has-error .field__placeholder {
  display: none;
}
.fieldset.has-error .field-state--close {
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  z-index: 13;
  opacity: 1;
}
.fieldset.has-error .field.field--large {
  padding: 4px 15px 5px;
}
.fieldset.has-error .field__error {
  display: inline-block;
}
.fieldset.has-error .field__arrow {
  display: none;
}
.fieldset.has-success .field {
  color: #80c05b;
  -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}
.fieldset.has-success .field:focus {
  background-color: #fff;
  box-shadow: 0 0 4px #88c889;
}
.fieldset.has-success .field__input {
  padding-right: 25px;
}
.fieldset.has-success .field-state--success {
  opacity: 1;
  z-index: 13;
  pointer-events: none;
}
.fieldset.has-success .field--focus, .fieldset.has-success .field:active {
  border: 2px solid #7cc13e;
  padding: 1px 8px 2px;
  background-color: #f5ffef;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #468847;
  transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
}
.fieldset.has-success .field--focus .field-state--success, .fieldset.has-success .field:active .field-state--success {
  top: 9px;
  right: 8px;
}
@media (min-width: 768px) {
  .fieldset.has-success .field--focus.field--medium, .fieldset.has-success .field:active.field--medium {
    padding: 2px 10px 3px;
  }
  .fieldset.has-success .field--focus.field--medium .field-state--success, .fieldset.has-success .field:active.field--medium .field-state--success {
    top: 13px;
    right: 14px;
  }
}
.fieldset.has-success .field--focus.field--large, .fieldset.has-success .field:active.field--large {
  padding: 2px 10px 3px;
}
.fieldset.has-success .field--focus.field--large .field-state--success, .fieldset.has-success .field:active.field--large .field-state--success {
  top: 13px;
  right: 14px;
}
@media (min-width: 768px) {
  .fieldset.has-success .field--focus.field--large, .fieldset.has-success .field:active.field--large {
    padding: 4px 15px 5px;
  }
  .fieldset.has-success .field--focus.field--large .field-state--success, .fieldset.has-success .field:active.field--large .field-state--success {
    top: 15px;
    right: 16px;
  }
}
.fieldset.has-success .field__arrow {
  display: none;
}

/*--- Drop-down styles -----------------------------------------------------------------------------*/
.fieldset--select .field__select {
  font: 14px/19px 'Open Sans', sans-serif;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  display: inline-block;
  margin: -1px 0 0 0;
  padding: 12px 24px 0 8px;
  width: 100%;
  background: transparent;
  border: none;
  outline: 0;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.fieldset--select .field__select:hover {
  border-color: #999;
  color: #000;
}
.fieldset--select .field__select-focused, .fieldset--select .field__select-focused:focus {
  border-color: #63a2f1;
  outline: none;
}
.fieldset--select .field__select::-ms-expand {
  display: none;
}
.fieldset--select .field__select::-ms-value {
  background: none;
  color: #333;
}
.fieldset--select .field__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.fieldset--select .field__select option {
  font-size: 14px;
  background: #fff;
}
@media (min-width: 768px) {
  .fieldset--select .field--medium .field__select {
    height: 48px;
    padding: 10px 24px 0 10px;
  }
}
.fieldset--select .field--large .field__select {
  padding: 18px 30px 0 11px;
}
@media (min-width: 768px) {
  .fieldset--select .field--large .field__select {
    font-size: 18px;
    line-height: 24px;
    height: 56px;
    padding: 11px 22px 0 14px;
  }
}
.fieldset--select .field--focus .field__select {
  top: -1px;
  left: -1px;
}
.fieldset--select.has-success .field__select, .fieldset--select.has-error .field__select {
  padding-right: 35px;
}

@supports (-moz-appearance: meterbar) {
  .fieldset--select .field__select {
    padding-left: 5px;
  }
  .fieldset--select .field__select option {
    padding-left: 7px;
  }
  @media (min-width: 768px) {
    .fieldset--select .field--medium .field__select {
      padding-left: 7px;
    }
    .fieldset--select .field--medium .field__select option {
      padding-left: 9px;
    }
  }
  .fieldset--select .field--large .field__select {
    padding-left: 8px;
  }
  @media (min-width: 768px) {
    .fieldset--select .field--large .field__select {
      padding-left: 12px;
    }
    .fieldset--select .field--large .field__select option {
      padding-left: 14px;
    }
  }
}
/*----Textareas styles ---------------------------------------------------------------------------*/
.fieldset--textarea .field {
  min-height: 100px;
  padding: 3px 11px 4px;
}
.fieldset--textarea .field__textarea {
  font-family: "Open Sans",sans-serif,Arial;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  position: relative;
  border: none;
  background: transparent;
  resize: none;
  width: 100%;
  height: 100%;
  padding: 8px 0;
  box-sizing: border-box;
}
.fieldset--textarea .field--filled .field__placeholder {
  opacity: 0;
}
.fieldset--textarea .field--focus, .fieldset--textarea .field:focus, .fieldset--textarea .field.focus, .fieldset--textarea .field:active, .fieldset--textarea .field.active {
  padding: 2px 10px 4px;
}
.fieldset--textarea .field .field__placeholder {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .fieldset--textarea .field--large {
    padding: 5px 16px 6px;
  }
  .fieldset--textarea .field--large .field__textarea,
  .fieldset--textarea .field--large .field__placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .fieldset--textarea .field--large.field--focus, .fieldset--textarea .field--large.field__textarea:focus, .fieldset--textarea .field--large.field__textarea.focus, .fieldset--textarea .field--large.field__textarea:active, .fieldset--textarea .field--large.field__textarea.active {
    padding: 4px 15px 6px;
  }
}

/*------------------------------------------------------------------------------------------------*/
/* login page styles */
html {
  background: transparent;
}

html, body {
  height: 100%;
}

body {
  font-size: 100%;
}

p, h1 {
  color: #333;
}

.login-wrapper {
  max-width: 56.250em;
  /*900px relate to 16px*/
  min-width: 20em;
  /*320px relate to 16px*/
  margin: 0 auto;
  padding: 0.625em;
  /*10px to 16px*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #333;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.intro {
  max-width: 22.833em;
  /* 548px relate to 24px*/
  margin: 0 auto 1em;
  padding: 0 0.750em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.intro .logo {
  padding: 0 1.5em;
  margin: 4% auto 7.7%;
  text-align: center;
}

.intro .logo a {
  display: inline-block;
  max-width: 100%;
  height: 58px;
  line-height: 53px;
}

.intro .logo img {
  max-height: 58px;
  height: auto;
  border: none;
  vertical-align: middle;
}

.intro .logo img[src$=".svg"] {
  height: 100%;
}

.login-wrapper .widget {
  background-color: #e4ebf0;
  border: 0 solid #d2e3e8;
  border-radius: 6px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.login-widget {
  min-width: 18.750em;
  /*300px to 16px*/
  max-width: 21.25em;
  /* 340px to 16px  */
  margin: 0 auto;
  box-shadow: 0 11px 20px rgba(0, 0, 0, 0.05);
  position: relative;
}

.login-widget div.veil {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  z-index: -1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .5s ease-out, z-index 0s ease-out .5s;
}

.login-wrapper .login-links {
  display: none;
}

.login-widget .block-view-wrapper {
  /* нужен для нормальной анимации в webkit */
  position: relative;
  /* it allows child div to be the same when it display:block and display:none; P.S. because when it display:none it seems to has position:absolute*/
}

.login-widget .block-view-off {
  opacity: 0;
  border: 0;
  padding: 0;
  overflow: hidden;
  /* to calculate the height of display:none element right;  */
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.block-view-off:before,
.block-view-off:after,
.block-view-on:before,
.block-view-on:after {
  content: "";
  display: table;
}

.block-view-off:after,
.block-view-on:after {
  clear: both;
}

.login-widget .block-view-on {
  opacity: 1;
  border: 0;
  padding: 0;
  -webkit-transform: translateZ(0);
  /* remove - Webkit Opacity Transition Issues with Text !!!*/
  -webkit-animation: fadein 0.2s 1 ease-in;
  animation: fadein 0.2s 1 ease-in;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.login-widget h3 {
  font-size: 1em;
  font-weight: normal;
  font-family: inherit;
  line-height: 1.5;
  margin: 1.38em 0 0.778em;
}

.login-widget p {
  font-size: 0.938em;
  /* 15px relate to 16px*/
  line-height: 1.538;
  margin: 0 0 1em;
}

.login-widget p > a {
  display: inline-block;
  font-size: 1em;
  padding-top: 0.4em;
  text-decoration: none;
}

.login-widget .remember {
  white-space: nowrap;
}
.login-widget .remember span {
  font-size: 1em;
  line-height: 22px;
}
@media (min-width: 750px) {
  .login-widget .remember span {
    font-size: 0.867em;
    line-height: 20px;
  }
}
.login-widget .remember label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.login-widget .remember input {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
  padding: 0;
}

.login-widget .msg {
  margin: 0 0 1.6em;
}

.login-widget .form-control, .login-widget .normalized .input-prefix-suffix, .normalized .login-widget .input-prefix-suffix {
  margin: 0 0 0.313em;
}

.login-widget .btn {
  width: 100%;
  margin-bottom: 0.3em;
  letter-spacing: 0.2px;
  position: relative;
  overflow: visible;
}

.login-widget .btn-primary {
  margin-bottom: 0.357em;
}

.login-widget .btn-login-main {
  margin: 0.85em 0 0.7em;
  border-width: 2px;
}
@media (min-width: 750px) {
  .login-widget .btn-login-main {
    margin-bottom: .4em;
  }
}

/* main sector of the widget */
.login-widget .login-main {
  display: inline-block;
  /*bug-fix for IE10*/
  vertical-align: top;
  /*bug-fix for IE10*/
  width: 100%;
  /*bug-fix for IE10*/
  border: inherit;
  border-radius: inherit;
  border-width: 1px;
  background-color: #fff;
  position: relative;
  padding: .5em 1.5em 8%;
  overflow: hidden;
  min-height: 22.813em;
  /* 365px; to 16px - размер пустого каркаса при первой загрузке, потом пересчитывается*/
  max-height: 22.813em;
  /* 365px; to 16px*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease-in, max-height 0.5s ease-out, min-height 0.5s ease-out;
  transition: background 0.2s ease-in, max-height 0.5s ease-out, min-height 0.5s ease-out;
}

.login-widget .login-main.create-view {
  box-shadow: 0 0 150px #e4f7fa inset;
  -webkit-transition: box-shadow 1s ease-out, max-height 0.5s ease-out, min-height 0.5s ease-out;
  transition: box-shadow 1s ease-out, max-height 0.5s ease-out, min-height 0.5s ease-out;
}

.login-widget .login-main .create-view .btn-login-main {
  margin: .5em 0 .8em;
}

.login-widget .login-main .reset-view {
  margin-bottom: 1.5em;
}

.login-widget .login-main .reset-view p {
  font-size: 0.87em;
  /* 14px relate to 16px*/
}

.login-widget .login-main .reset-view .btn-login-main {
  margin-top: 0;
}

.login-widget .login-main .reset-view .info-block {
  text-align: center;
  margin: 0 0 1em;
}

.login-widget .login-main .reset-view .reset-form {
  margin-bottom: 1.563em;
}

.login-widget .login-main .reset-view .vertical-icolink {
  font-size: 1.125em;
}

.login-widget .login-main .reset-view .vertical-icolink [class*='icon-'] {
  font-size: 4em;
}

.login-widget .login-main .store-info {
  padding-top: 6px;
  margin-bottom: 24px;
}

.login-widget .login-main .store-info p {
  margin-bottom: 0;
  letter-spacing: -.2px;
}

.login-widget .login-main .store-info .user-name {
  font-weight: 700;
}

.login-widget .login-main .store-info .store-id {
  margin: 9px 0 23px;
}

.login-widget .login-main .store-info .store-id span {
  font-size: 1.56em;
  font-weight: 700;
}

/* advance sector of the widget */
.login-widget .login-advance {
  display: inline-block;
  /*bug-fix for IE10*/
  vertical-align: top;
  /*bug-fix for IE10*/
  width: 100%;
  /*bug-fix for IE10*/
  border: inherit;
  border-width: 0 1px 1px 1px;
  border-radius: inherit;
  position: relative;
  margin-top: 0;
  padding: 2.9em 1.5em 5.8%;
  overflow: hidden;
  min-height: 20.0625em;
  /* 321px; to 16px - первоначальный размер каркаса при первой загрузке, потом пересчитывается в коде*/
  max-height: 20.0625em;
  /* 321px; to 16px*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
}

.login-widget > .login-advance:first-child {
  border-top-width: 1px;
}

.login-widget > [class*='login-']:first-child + [class*='login-'] {
  border-top-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1.513em;
  /*23px to 16px*/
  padding-top: 4.14em;
}

.login-widget .login-advance .or {
  background-color: #99D5E1;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0.75em;
  height: 3.75em;
  line-height: 3.75em;
  margin: -5.4em auto 1.55em;
  position: relative;
  text-align: center;
  width: 3.75em;
  z-index: 11;
  display: none;
}

.login-widget > [class*='login-']:first-child + .login-advance .or {
  display: block;
}

.login-widget .login-advance ul,
.login-wrapper .login-links ul {
  list-style: none;
  font-size: 1em;
  padding: 0;
  margin-bottom: 0.35em;
  text-align: center;
  display: block;
  overflow: hidden;
}

.login-widget .login-advance ul > li,
.login-widget .login-advance ul > li.long,
.login-wrapper .login-links ul > li,
.login-wrapper .login-links ul > li.long {
  display: block;
  padding: 0.25em 0 0.5em;
  line-height: 1.4em;
}

.login-widget .login-advance ul a,
.login-widget .login-advance ul > li.long a,
.login-wrapper .login-links ul a,
.login-wrapper .login-links ul > li.long a {
  text-decoration: none;
  white-space: normal;
}

/* buttons of the advance sector */
.login-widget .login-btn-group {
  margin-bottom: 1em;
}

.login-widget .login-btn-group > .btn {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}

.login-widget .btn-login-pp,
.login-widget .btn-login-fb,
.login-widget .btn-login-g {
  text-align: left;
  position: relative;
  padding-left: 25%;
  padding-right: 1px;
  border-width: 2px;
  border-color: transparent;
}

.btn-login-pp {
  color: #fff;
  background-color: #2d5380;
  border-color: transparent;
}
.btn-login-pp:hover {
  background-color: #244266;
}
.btn-login-pp:focus {
  border-color: #203a5a;
}
.btn-login-pp:focus:hover {
  background-color: #244266;
}
.btn-login-pp:active {
  background-color: #577599;
}
.btn-login-pp:focus:active {
  background-color: #577599;
}
.btn-login-pp.btn.btn-loading, .btn-login-pp.btn.btn-loading:focus:hover, .btn-login-pp.btn.btn-loading:focus:active, .btn-login-pp.btn-default.btn-loading, .btn-login-pp.btn-loading.btn-icon, .btn-login-pp.btn-default.btn-loading:focus:hover, .btn-login-pp.btn-loading.btn-icon:focus:hover, .btn-login-pp.btn-default.btn-loading:focus:active, .btn-login-pp.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #577599;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-login-pp.btn-dropdown:focus, .btn-group.opened .btn-login-pp.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-login-pp.btn-dropdown {
  border-color: #203a5a;
}
.btn-login-pp.btn-loading .loader-inner,
.btn-login-pp.btn-loading .loader-outer, .btn-login-pp.btn-loading:hover .loader-inner,
.btn-login-pp.btn-loading:hover .loader-outer, .btn-login-pp.btn-loading:focus .loader-inner,
.btn-login-pp.btn-loading:focus .loader-outer, .btn-login-pp.btn-loading:focus:hover .loader-inner,
.btn-login-pp.btn-loading:focus:hover .loader-outer, .btn-login-pp.btn-loading:active .loader-inner,
.btn-login-pp.btn-loading:active .loader-outer, .btn-login-pp.btn-loading:focus:active .loader-inner,
.btn-login-pp.btn-loading:focus:active .loader-outer {
  fill: #577599;
}

.btn-login-fb {
  color: #fff;
  background-color: #4a72bf;
  border-color: transparent;
}
.btn-login-fb:hover {
  background-color: #3b5b99;
}
.btn-login-fb:focus {
  border-color: #345086;
}
.btn-login-fb:focus:hover {
  background-color: #3b5b99;
}
.btn-login-fb:active {
  background-color: #6e8ecc;
}
.btn-login-fb:focus:active {
  background-color: #6e8ecc;
}
.btn-login-fb.btn.btn-loading, .btn-login-fb.btn.btn-loading:focus:hover, .btn-login-fb.btn.btn-loading:focus:active, .btn-login-fb.btn-default.btn-loading, .btn-login-fb.btn-loading.btn-icon, .btn-login-fb.btn-default.btn-loading:focus:hover, .btn-login-fb.btn-loading.btn-icon:focus:hover, .btn-login-fb.btn-default.btn-loading:focus:active, .btn-login-fb.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #6e8ecc;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-login-fb.btn-dropdown:focus, .btn-group.opened .btn-login-fb.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-login-fb.btn-dropdown {
  border-color: #345086;
}
.btn-login-fb.btn-loading .loader-inner,
.btn-login-fb.btn-loading .loader-outer, .btn-login-fb.btn-loading:hover .loader-inner,
.btn-login-fb.btn-loading:hover .loader-outer, .btn-login-fb.btn-loading:focus .loader-inner,
.btn-login-fb.btn-loading:focus .loader-outer, .btn-login-fb.btn-loading:focus:hover .loader-inner,
.btn-login-fb.btn-loading:focus:hover .loader-outer, .btn-login-fb.btn-loading:active .loader-inner,
.btn-login-fb.btn-loading:active .loader-outer, .btn-login-fb.btn-loading:focus:active .loader-inner,
.btn-login-fb.btn-loading:focus:active .loader-outer {
  fill: #6e8ecc;
}

.btn-login-g {
  color: #fff;
  background-color: #398df2;
  border-color: transparent;
}
.btn-login-g:hover {
  background-color: #2e71c2;
}
.btn-login-g:focus {
  border-color: #2863a9;
}
.btn-login-g:focus:hover {
  background-color: #2e71c2;
}
.btn-login-g:active {
  background-color: #61a4f5;
}
.btn-login-g:focus:active {
  background-color: #61a4f5;
}
.btn-login-g.btn.btn-loading, .btn-login-g.btn.btn-loading:focus:hover, .btn-login-g.btn.btn-loading:focus:active, .btn-login-g.btn-default.btn-loading, .btn-login-g.btn-loading.btn-icon, .btn-login-g.btn-default.btn-loading:focus:hover, .btn-login-g.btn-loading.btn-icon:focus:hover, .btn-login-g.btn-default.btn-loading:focus:active, .btn-login-g.btn-loading.btn-icon:focus:active {
  position: relative;
  background-color: #61a4f5;
  border-color: transparent;
  overflow: visible;
}
.btn-group .btn:not([disabled]) + .btn-login-g.btn-dropdown:focus, .btn-group.opened .btn-login-g.btn-dropdown,
.btn-group.opened .btn:not([disabled]) + .btn-login-g.btn-dropdown {
  border-color: #2863a9;
}
.btn-login-g.btn-loading .loader-inner,
.btn-login-g.btn-loading .loader-outer, .btn-login-g.btn-loading:hover .loader-inner,
.btn-login-g.btn-loading:hover .loader-outer, .btn-login-g.btn-loading:focus .loader-inner,
.btn-login-g.btn-loading:focus .loader-outer, .btn-login-g.btn-loading:focus:hover .loader-inner,
.btn-login-g.btn-loading:focus:hover .loader-outer, .btn-login-g.btn-loading:active .loader-inner,
.btn-login-g.btn-loading:active .loader-outer, .btn-login-g.btn-loading:focus:active .loader-inner,
.btn-login-g.btn-loading:focus:active .loader-outer {
  fill: #61a4f5;
}

.login-widget .login-btn-group .ico {
  position: absolute;
  width: 17%;
  height: 86%;
  top: 7%;
  left: 2%;
  border-right: 1px solid transparent;
  font-size: 2.3em;
  color: #fff;
  opacity: 1;
  padding: 0;
}

.login-widget .login-btn-group .btn-svg-icon {
  display: none;
}

.login-widget .btn-login-pp .ico {
  border-color: #577599;
  left: 3%;
  width: 16%;
  font-size: 2.1em;
}

.login-widget .btn-login-fb .ico {
  border-color: #6e8ecc;
}

.login-widget .btn-login-g .ico {
  border-color: #61a4f5;
}

.login-widget .btn-login-pp:hover .ico {
  border-color: #506885;
}

.login-widget .btn-login-fb:hover .ico {
  border-color: #627cad;
}

.login-widget .btn-login-g:hover .ico {
  border-color: #588dce;
}

.login-widget .btn-login-pp:active .ico,
.login-widget .btn-login-pp.btn-loading .ico {
  border-color: #7991ad;
}

.login-widget .btn-login-fb:active .ico,
.login-widget .btn-login-fb.btn-loading .ico {
  border-color: #8ba5d6;
}

.login-widget .btn-login-g:active .ico,
.login-widget .btn-login-g.btn-loading .ico {
  border-color: #81b6f7;
}

/* loaders */
.loading-panel {
  left: 50%;
  top: 50%;
  margin-top: -4.3em;
  min-width: 16em;
  margin-left: -8em;
  min-height: 8.75em;
  position: absolute;
  -webkit-animation: zoom 0.3s 1 linear, fadein 0.5s 1 linear;
  animation: zoom 0.3s 1 linear, fadein 0.5s 1 linear;
}

.loading-panel .loading-info {
  position: absolute;
  width: 100%;
  margin-top: 6em;
  font-weight: normal;
  text-align: center;
  font-size: 1.16em;
}

/* styles for loading objects*/
.page-loading .login-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 2s;
  transition: opacity 0.3s linear 2s;
}

.login-widget.widget-loading div.veil {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .5;
  z-index: 11;
  transition: opacity .5s ease-out, z-index 0s ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* error block */
.block-error {
  text-align: center;
}
.block-error .error-panel {
  padding: 30px 20px;
  max-width: 500px;
  word-wrap: break-word;
  margin: 0 auto;
  border-radius: 5px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  background-color: #fff;
}
@media (min-width: 400px) {
  .block-error .error-panel {
    padding: 45px 20px;
  }
}
.block-error .error-panel .error-title {
  font-size: 20px;
  line-height: 1.333em;
  margin: 10px 0;
}
.block-error .error-panel .error-text {
  font-size: 15px;
  line-height: 1.8em;
  margin: 16px;
}
.block-error .error-panel .error-text a {
  text-decoration: none;
}
.block-error ul.link-group {
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
  text-align: center;
}
.block-error ul.link-group > li {
  display: inline-block;
  margin: 0 25px 5px;
}
.block-error ul.link-group > li a {
  text-decoration: none;
  font-size: 14px;
  color: #999;
}
.block-error ul.link-group > li a:hover {
  color: #006995;
}
.block-error ul.link-group > li a:active {
  color: #54bfd6;
}

.login-widget .block-error {
  text-align: left;
  padding: 0;
  margin: 0 -1em 1.875em;
  word-wrap: break-word;
}

.login-widget .block-error .alert {
  padding: 1.143em;
  /* 16px */
}

.login-widget .block-error .alert .title {
  margin-bottom: 1.111em;
  /*20px to 18px*/
}

@media screen and (min-width: 350px) {
  .intro .logo a {
    line-height: 65px;
    height: 70px;
  }

  .intro .logo img {
    max-height: 70px;
  }
}
@media screen and (min-width: 420px) {
  .intro .logo a {
    height: 82px;
    line-height: 79px;
  }

  .intro .logo img {
    max-height: 82px;
  }
}
/*
@media screen and (min-width:480px){
	body{
		font-size: 1.1em;
	}
}
@media screen and (min-width:540px){
	body{
		font-size: 1.2em;
	}
}
@media screen and (min-width:600px){
	body{
		font-size: 1.3em;
	}
}
@media screen and (min-width:700px) and (max-width:749px){
	body{
		font-size: 1.4em;
	}
	.intro .logo a{
		height: 93px;
		line-height: 88px;
	}
	.intro .logo img{
		max-height: 93px;
	}
}
*/
@media screen and (max-width: 750px) {
  .login-widget .btn {
    font-size: 0.95em;
  }

  .login-widget .login-main.reset-view {
    min-height: 17em;
  }

  .login-widget .login-main .reset-view,
  .login-widget .login-main .reset-view .reset-form {
    margin-bottom: 1.1em;
  }

  .block-error ul.link-group > li {
    display: block;
  }

  .intro h1,
  .intro p {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  body {
    font-size: 1em;
  }

  .ecwid-g-r > .ecwid-u-1-2 {
    width: 50%;
  }

  .login-wrapper {
    padding: 2em 1.250em 1.250em;
    min-height: 46.875em;
    /*750px*/
  }

  .page-loading .login-wrapper {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s linear 2s;
  }

  .intro {
    margin: 0 auto 1.313em;
  }

  .intro .logo {
    margin: 20.5% auto 18%;
  }

  .intro .logo a {
    height: 150px;
    line-height: 145px;
  }

  .intro .logo img {
    max-height: 150px;
  }

  .intro h1 {
    text-align: left;
    font-size: 1.875em;
    /* 30px  */
    font-weight: 300;
    line-height: 1.35;
    margin: 0.867em 0 0.867em 0;
    word-spacing: -1px;
  }

  .intro p {
    font-size: .813em;
    /* 13px relate to 16px*/
    line-height: 1.6;
    word-spacing: 1px;
    letter-spacing: 0.25px;
  }

  .login-widget {
    width: 21.125em;
    /* 338px relate to 16px */
  }

  .login-widget h3 {
    font-size: 1.125em;
    /* 18px relate to 16px */
    margin: 1.38em 0;
  }

  .login-widget p > a {
    font-size: .867em;
    /* 13px relate to 15px*/
  }

  .login-widget .login-main,
  .login-widget .login-advance {
    padding-left: 2em;
    padding-right: 2em;
  }

  .login-widget .login-main .reset-view .btn-login-main {
    margin-top: 1.857em;
    /* 26px relate to 14px */
  }

  .login-widget .login-main .reset-view .info-block {
    margin-top: 2em;
  }

  .login-widget .login-advance ul,
  .login-wrapper .login-links ul {
    font-size: 0.813em;
  }

  .login-widget .login-advance ul > li,
  .login-wrapper .login-links ul > li {
    display: inline-block;
    padding: 0.25em 1.3em 0.5em;
  }

  .login-widget .login-advance ul > li a,
  .login-wrapper .login-links ul > li a {
    white-space: nowrap;
  }

  .login-widget .block-error {
    margin-top: .5em;
  }
}
@media (min-height: 480px) {
  .loading-panel {
    top: 43%;
  }
}
/* styles for partners */
.no-register .login-widget {
  box-shadow: none;
  background-color: #fff;
}

.no-register .login-main {
  box-shadow: 0 11px 20px rgba(0, 0, 0, 0.05);
  min-height: 18em;
  max-height: 18em;
}

.no-register .login-main .reset-view .reset-form {
  margin-bottom: 1em;
}

.no-register .login-main .reset-view p > a {
  font-size: 0.929em;
}

.no-register .login-advance {
  display: none;
}

.no-register .logo {
  /*margin-top: 0;*/
}

.no-register .login-links {
  display: block;
}

@media screen and (min-width: 750px) {
  .no-register .login-widget {
    margin-top: 73px;
  }
}
.login-content {
  display: none;
}

body.alt-page-shown .login-container.page-error {
  background-color: #fff;
}
body.alt-page-shown .login-container.page-error .login-content {
  display: none;
}
body.alt-page-shown .login-wrapper .btn-primary {
  color: #fff;
  background-color: #f49466;
  border-color: transparent;
}
body.alt-page-shown .login-wrapper .btn-primary:hover {
  background-color: #c37652;
}
body.alt-page-shown .login-wrapper .btn-primary:focus {
  border-color: #ab6847;
}
body.alt-page-shown .login-wrapper .btn-primary:focus:hover {
  background-color: #c37652;
}
body.alt-page-shown .login-wrapper .btn-primary:active {
  background-color: #f6a985;
}
body.alt-page-shown .login-wrapper .btn-primary:focus:active {
  background-color: #f6a985;
}
body.alt-page-shown .login-wrapper .btn-primary.btn.btn-loading, body.alt-page-shown .login-wrapper .btn-primary.btn-default.btn-loading, body.alt-page-shown .login-wrapper .btn-primary.btn-loading.btn-icon {
  position: relative;
  background-color: #f6a985;
  border-color: transparent;
  overflow: visible;
}
body.alt-page-shown .login-wrapper .btn-group .btn:not([disabled]) + .btn-primary.btn-dropdown:focus, .btn-group body.alt-page-shown .login-wrapper .btn:not([disabled]) + .btn-primary.btn-dropdown:focus, body.alt-page-shown .login-wrapper .btn-group.opened .btn-primary.btn-dropdown, .btn-group.opened body.alt-page-shown .login-wrapper .btn-primary.btn-dropdown {
  border-color: #ab6847;
}
body.alt-page-shown .login-wrapper .btn-primary.btn-loading .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading .loader-outer, body.alt-page-shown .login-wrapper .btn-primary.btn-loading:hover .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading:hover .loader-outer, body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus .loader-outer, body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus:hover .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus:hover .loader-outer, body.alt-page-shown .login-wrapper .btn-primary.btn-loading:active .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading:active .loader-outer, body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus:active .loader-inner,
body.alt-page-shown .login-wrapper .btn-primary.btn-loading:focus:active .loader-outer {
  fill: #f6a985;
}
body.alt-page-shown .logo {
  z-index: 100;
}
body.alt-page-shown .login-intro {
  position: relative;
  z-index: 100;
}
body.alt-page-shown .login-widget {
  z-index: 101;
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-container {
    position: relative;
    background-color: #efefef;
    min-height: 100%;
    -webkit-transition: background-color 0.3s linear 2s;
    transition: background-color 0.3s linear 2s;
  }
  body.alt-page-shown .login-container-inner {
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
  }
  body.alt-page-shown .login-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1280px;
    display: block;
    background-color: #fff;
  }
  body.alt-page-shown .login-content .logo {
    position: absolute;
    top: 30px;
    left: 25px;
    width: 80px;
    height: 88px;
    z-index: 10;
  }
  body.alt-page-shown .login-content .logo svg {
    width: 100%;
    height: 100%;
  }
  body.alt-page-shown .login-content .login-bg-img {
    overflow: hidden;
    max-height: 590px;
    height: 590px;
    width: 100%;
    position: relative;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-bg-img {
    max-height: 530px;
    height: auto;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-content .login-bg-img img {
    height: 100%;
    width: auto;
    margin-left: -200px;
  }
}
@media screen and (min-width: 750px) and (min-width: 860px) {
  body.alt-page-shown .login-content .login-bg-img img {
    margin-left: -145px;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-bg-img img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-content .login-bg-img .login-bg-text {
    position: absolute;
    bottom: 25px;
    left: 4%;
    color: #fff;
    font-weight: 300;
    max-width: 40%;
  }
}
@media screen and (min-width: 750px) and (min-width: 860px) {
  body.alt-page-shown .login-content .login-bg-img .login-bg-text {
    left: 7%;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-bg-img .login-bg-text {
    left: 13%;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-content .login-intro {
    font-size: 24px;
    line-height: 40px;
    font-weight: 300;
    max-width: 980px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-intro {
    font-size: 30px;
    line-height: 48px;
  }
}
@media screen and (min-width: 750px) and (min-width: 1280px) {
  body.alt-page-shown .login-content .login-intro {
    font-size: 30px;
    line-height: 48px;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-content .login-intro p {
    width: 42%;
    margin: 45px 0 0 50px;
  }
}
@media screen and (min-width: 750px) and (min-width: 860px) {
  body.alt-page-shown .login-content .login-intro p {
    width: 50%;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-intro p {
    width: 57%;
    margin: 32px 0 0 40px;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-content .login-intro p {
    margin: 45px 0 0 15px;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-wrapper {
    position: relative;
    padding-top: 180px;
    max-width: 980px;
  }
}
@media screen and (min-width: 750px) and (min-width: 1024px) {
  body.alt-page-shown .login-wrapper {
    padding-top: 25px;
  }
}
@media screen and (min-width: 750px) and (min-width: 1280px) {
  body.alt-page-shown .login-wrapper {
    padding-top: 80px;
  }
}
@media screen and (min-width: 750px) {
  body.alt-page-shown .login-wrapper .intro {
    display: none;
  }
  body.alt-page-shown .login-wrapper .login-widget {
    float: right;
  }
  body.alt-page-shown.page-loading .login-container {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 2s;
    transition: opacity 0.3s linear 2s;
  }
}

body.website-registration {
  font-size: 14px;
  background: transparent;
  overflow: hidden;
}
body.website-registration .login-wrapper {
  padding: 15px 0 0 0;
}
@media (min-width: 600px) {
  body.website-registration .login-wrapper {
    padding: 25px 0 0 0;
  }
}
body.website-registration .login-wrapper .widget {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 256px;
  min-width: 256px;
}
body.website-registration .login-widget h3 {
  display: none;
}
body.website-registration .login-widget .login-main,
body.website-registration .login-widget .login-advance,
body.website-registration .login-widget > [class*='login-']:first-child + [class*='login-'] {
  padding: 0;
  margin: 0;
}
body.website-registration .login-widget .msg {
  margin-bottom: 10px;
}
body.website-registration .login-widget.widget-loading div.veil {
  opacity: 0;
}
body.website-registration .login-main {
  min-height: 0;
  max-height: none;
  background: transparent;
}
body.website-registration .login-main.create-view {
  box-shadow: none;
}
body.website-registration .login-main .form-control.input-medium, body.website-registration .login-main .normalized .input-medium.input-prefix-suffix, .normalized body.website-registration .login-main .input-medium.input-prefix-suffix {
  height: 40px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  body.website-registration .login-main .form-control.input-medium, body.website-registration .login-main .normalized .input-medium.input-prefix-suffix, .normalized body.website-registration .login-main .input-medium.input-prefix-suffix {
    height: 49px;
    margin-bottom: 7px;
  }
}
body.website-registration .login-main .btn-login-main {
  margin: 0;
  color: #fff;
  background-color: #f49466;
  border-color: transparent;
  font-size: 16px;
}
body.website-registration .login-main .btn-login-main:hover {
  background-color: #c37652;
}
body.website-registration .login-main .btn-login-main:focus {
  border-color: #ab6847;
}
body.website-registration .login-main .btn-login-main:focus:hover {
  background-color: #c37652;
}
body.website-registration .login-main .btn-login-main:active {
  background-color: #f6a985;
}
body.website-registration .login-main .btn-login-main:focus:active {
  background-color: #f6a985;
}
body.website-registration .login-main .btn-login-main.btn.btn-loading, body.website-registration .login-main .btn-login-main.btn-default.btn-loading, body.website-registration .login-main .btn-login-main.btn-loading.btn-icon {
  position: relative;
  background-color: #f6a985;
  border-color: transparent;
  overflow: visible;
}
body.website-registration .login-main .btn-group .btn:not([disabled]) + .btn-login-main.btn-dropdown:focus, .btn-group body.website-registration .login-main .btn:not([disabled]) + .btn-login-main.btn-dropdown:focus, body.website-registration .login-main .btn-group.opened .btn-login-main.btn-dropdown, .btn-group.opened body.website-registration .login-main .btn-login-main.btn-dropdown {
  border-color: #ab6847;
}
body.website-registration .login-main .btn-login-main.btn-loading .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading .loader-outer, body.website-registration .login-main .btn-login-main.btn-loading:hover .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading:hover .loader-outer, body.website-registration .login-main .btn-login-main.btn-loading:focus .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading:focus .loader-outer, body.website-registration .login-main .btn-login-main.btn-loading:focus:hover .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading:focus:hover .loader-outer, body.website-registration .login-main .btn-login-main.btn-loading:active .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading:active .loader-outer, body.website-registration .login-main .btn-login-main.btn-loading:focus:active .loader-inner,
body.website-registration .login-main .btn-login-main.btn-loading:focus:active .loader-outer {
  fill: #f6a985;
}
@media screen and (min-width: 768px) {
  body.website-registration .login-main .btn-login-main {
    height: 56px;
  }
}
body.website-registration .login-main .btn-login-main .loader {
  top: -15%;
}
body.website-registration .login-advance .login-btn-group {
  margin: 8px 0 0 0;
}
body.website-registration .login-advance .login-btn-group .btn {
  min-width: 80px;
  width: 30%;
  height: 40px;
  padding: 0;
  float: left;
  text-align: center;
}
body.website-registration .login-advance .login-btn-group .btn.btn-loading .loader {
  display: block;
  top: -20%;
}
body.website-registration .login-advance .login-btn-group .btn.btn-loading .loader .spinner {
  height: 50px;
  width: 50px;
}
body.website-registration .login-advance .login-btn-group .btn .btn-svg-icon {
  display: inline-block;
  margin: 6px 0 0 0;
}
body.website-registration .login-advance .login-btn-group .btn-login-g {
  color: #fff;
  background-color: #e02f2f;
  border-color: transparent;
  margin-right: 8px;
}
body.website-registration .login-advance .login-btn-group .btn-login-g:hover {
  background-color: #b32626;
}
body.website-registration .login-advance .login-btn-group .btn-login-g:focus {
  border-color: #9d2121;
}
body.website-registration .login-advance .login-btn-group .btn-login-g:focus:hover {
  background-color: #b32626;
}
body.website-registration .login-advance .login-btn-group .btn-login-g:active {
  background-color: #e65959;
}
body.website-registration .login-advance .login-btn-group .btn-login-g:focus:active {
  background-color: #e65959;
}
body.website-registration .login-advance .login-btn-group .btn-login-g.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading.btn-icon {
  position: relative;
  background-color: #e65959;
  border-color: transparent;
  overflow: visible;
}
body.website-registration .login-advance .login-btn-group .btn-group .btn:not([disabled]) + .btn-login-g.btn-dropdown:focus, .btn-group body.website-registration .login-advance .login-btn-group .btn:not([disabled]) + .btn-login-g.btn-dropdown:focus, body.website-registration .login-advance .login-btn-group .btn-group.opened .btn-login-g.btn-dropdown, .btn-group.opened body.website-registration .login-advance .login-btn-group .btn-login-g.btn-dropdown {
  border-color: #9d2121;
}
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:active .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-g.btn-loading:focus:active .loader-outer {
  fill: #e65959;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb {
  color: #fff;
  background-color: #39589c;
  border-color: transparent;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb:hover {
  background-color: #2e467d;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb:focus {
  border-color: #283e6d;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb:focus:hover {
  background-color: #2e467d;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb:active {
  background-color: #6179b0;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb:focus:active {
  background-color: #6179b0;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading.btn-icon {
  position: relative;
  background-color: #6179b0;
  border-color: transparent;
  overflow: visible;
}
body.website-registration .login-advance .login-btn-group .btn-group .btn:not([disabled]) + .btn-login-fb.btn-dropdown:focus, .btn-group body.website-registration .login-advance .login-btn-group .btn:not([disabled]) + .btn-login-fb.btn-dropdown:focus, body.website-registration .login-advance .login-btn-group .btn-group.opened .btn-login-fb.btn-dropdown, .btn-group.opened body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-dropdown {
  border-color: #283e6d;
}
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:active .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-fb.btn-loading:focus:active .loader-outer {
  fill: #6179b0;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp {
  color: #fff;
  background-color: #2890c3;
  border-color: transparent;
  float: right;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp:hover {
  background-color: #20739c;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp:focus {
  border-color: #1c6589;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp:focus:hover {
  background-color: #20739c;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp:active {
  background-color: #53a6cf;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp:focus:active {
  background-color: #53a6cf;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-default.btn-loading, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading.btn-icon {
  position: relative;
  background-color: #53a6cf;
  border-color: transparent;
  overflow: visible;
}
body.website-registration .login-advance .login-btn-group .btn-group .btn:not([disabled]) + .btn-login-pp.btn-dropdown:focus, .btn-group body.website-registration .login-advance .login-btn-group .btn:not([disabled]) + .btn-login-pp.btn-dropdown:focus, body.website-registration .login-advance .login-btn-group .btn-group.opened .btn-login-pp.btn-dropdown, .btn-group.opened body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-dropdown {
  border-color: #1c6589;
}
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus:hover .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus:hover .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:active .loader-outer, body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus:active .loader-inner,
body.website-registration .login-advance .login-btn-group .btn-login-pp.btn-loading:focus:active .loader-outer {
  fill: #53a6cf;
}
body.website-registration .login-advance .social-login-text {
  margin: 8px 0 5px 0;
  text-align: center;
  font-size: 14px;
}

.test-variant {
  display: none;
}

.test-variant-shown .test-variant {
  display: block;
}

.control-variant {
  display: none;
}

.control-variant-shown .control-variant {
  display: block;
}

/* CONV-78 Expanded pricing page */
.plan-feature--disabled {
  color: #ccc;
  cursor: default;
}
.plan-feature--disabled .plan-feature-title {
  text-decoration: line-through;
  cursor: default;
}

.plans-page .plans-table .control-variant,
.plans-page .plans-table .test-variant {
  display: none;
}

.plans-page .plans-table.test-variant-shown .test-variant {
  display: block;
}

.plans-page .plans-table.control-variant-shown .control-variant {
  display: block;
}

/* /CONV-78 Expand pricing page */
.account-summary-gadget .account-upgrade-image-bottom {
  display: none;
}
.account-summary-gadget.account-summary-gadget--android-app .btn-container .btn {
  min-width: 230px;
}
.account-summary-gadget.account-summary-gadget--android-app .account-upgrade-image-bottom {
  display: block;
  max-width: 250px;
  margin: 25px auto -20px auto;
}
.account-summary-gadget.account-summary-gadget--android-app .account-upgrade-image-bottom img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.alt-pricing {
  display: block;
}

/* CP loader */
.loading-panel {
  font-size: 14px;
  left: 50%;
  top: 50%;
  margin-top: -4.3em;
  min-width: 16em;
  margin-left: -8em;
  min-height: 8.75em;
  position: absolute;
  -webkit-animation: zoom .3s 1 linear, fadein .5s 1 linear;
  animation: zoom .3s 1 linear, fadein .5s 1 linear;
}
.loading-panel .loader {
  width: 88px;
  position: absolute;
  left: 50%;
  margin-left: -44px;
  z-index: 30;
}
.loading-panel .loading-info {
  position: absolute;
  width: 100%;
  margin-top: 6em;
  text-align: center;
  font: 1.16em "Open Sans", tahoma, geneva, verdana, sans-serif;
  font-weight: 400;
}

.ecwid-loadingIndicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ecwid-loadingIndicator .loader {
  width: 88px;
  height: 88px;
  margin-left: -57px;
  margin-top: -57px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 30;
  padding: 13px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.loading-panel .loader .spinner-ball-outer,
.ecwid-loadingIndicator .loader .spinner-ball-outer {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23189dee' fill-rule='evenodd' clip-rule='evenodd' d='M95 63.4v.2c0 .1-.1.2-.1.3-.3.6-1 1.1-1.7 1.1-1.1 0-1.9-.9-1.9-1.9 0-.4.1-.5.2-.8.1-.1.1-.2.1-.3 1.1-3.8 1.7-7.8 1.7-11.9 0-20.3-14-37.3-32.8-41.9h-.3c-.8-.2-1.7-.9-1.7-1.9 0-1.1.9-1.9 1.9-1.9h.2c.2 0 .3.1.5.1 20.6 5 36 23.5 36 45.7-.1 4.5-.8 9-2.1 13.2zM81.1 80l.3-.3c.4-.4.8-.8 1.6-.8 1.1 0 1.9.9 1.9 1.9 0 .4-.2.8-.4 1.2l-.3.3C75.6 91.3 63.5 97 50 97c-13.4 0-25.6-5.7-34.1-14.7-.5-.3-.8-.9-.8-1.5 0-1.1.9-1.9 1.9-1.9.8 0 1.4.5 1.6.8l.3.3c7.9 8.1 18.9 13.2 31.1 13.2 12.2 0 23.2-5.1 31.1-13.2zM39.8 8h-.2C20.8 12.7 6.8 29.7 6.8 50c0 4.1.6 8.2 1.7 11.9 0 0 .2.7.2 1.1 0 1.1-.9 1.9-1.9 1.9-.7 0-1.4-.4-1.7-1 0 0-.1-.3-.2-.5C3.7 59.1 3 54.7 3 50 3 27.9 18.3 9.4 38.8 4.4c.2-.1.4-.2.7-.2h.1c1.1 0 1.9.9 1.9 1.9 0 1.1-1 1.8-1.7 1.9z'/%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  width: 88px;
  height: 88px;
  -webkit-animation: spinleft 1s infinite linear;
  animation: spinleft 1s infinite linear;
}
.loading-panel .loader .spinner-ball-inner,
.ecwid-loadingIndicator .loader .spinner-ball-inner {
  margin: 0 auto;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23189dee' fill-rule='evenodd' clip-rule='evenodd' d='M36.3 35.9c-.4.5-.9.8-1.5.8-1.1 0-2-.9-2-2 0-.6.3-1.1.6-1.4 2.9-3 4.6-6.9 4.6-11.3s-1.8-8.4-4.7-11.3c-.4-.4-.6-.8-.6-1.4 0-1.1.9-2 2-2 .7 0 1.3.4 1.6.9 3.4 3.6 5.5 8.4 5.5 13.8.1 5.4-2 10.3-5.5 13.9zM10.7 10.7C7.8 13.6 6 17.6 6 22s1.8 8.4 4.7 11.3c.3.3.5.8.5 1.3 0 1.1-.9 2-2 2-.7 0-1.3-.4-1.6-.9-3.4-3.5-5.5-8.4-5.5-13.7 0-5.5 2.2-10.5 5.8-14.1.3-.3.8-.6 1.4-.6 1.1 0 1.9.9 1.9 1.9 0 .7-.2 1.1-.5 1.5z'/%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  -webkit-animation: spinright .5s infinite linear;
  animation: spinright .5s infinite linear;
}
.loading-panel .loader .loader-object,
.ecwid-loadingIndicator .loader .loader-object {
  width: 100%;
  height: 100%;
}
.loading-panel .loader-mixed .spinner-ball-inner,
.ecwid-loadingIndicator .loader-mixed .spinner-ball-inner {
  margin: -64px auto 64px;
}


.wf-data-field {
  border: 1px solid #ccc;
  padding: 4px 10px;
}

.wf-data-field:first-child {
  border-bottom: 0px solid #ccc;
}

.wf-data-field label:first-child {
  margin-top: 0;
    letter-spacing: 1px;
    font-size: 10px;
    color: #333333;
    display: block;
    margin-bottom: 4px;
}

.wf-data-field input {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 21px !important;
}

.wf-data-field.wf-focus{
  border-top: 3px solid blue;
}

.wf-input-password {
  border-bottom: 1px solid #ccc !important;
}
    

/*Downloaded from https://www.codeseek.co/widerfunnel/a-pen-by-tony-ta-vyKJwo */
        
  
$('.create-form .form-control[name="name"]').removeAttr('placeholder').parent().addClass('wf-data-field wf-input-name').prepend('<label>Your full name</label>');
  
$('.create-form .form-control[name="email"]').removeAttr('placeholder').parent().addClass('wf-data-field wf-input-email').prepend('<label>Email</label>');

$('.create-form .form-control[name="password"]').removeAttr('placeholder').parent().addClass('wf-data-field wf-input-password').prepend('<label>Password (miniumn 5 characters)</label>');

$('.create-form .form-control').focus(function() {
  $(this).parent().addClass('wf-focus');
});

$('.create-form .form-control').blur(function() {
  $(this).parent().removeClass('wf-focus');
});

$('.wf-input-name input').focus();
    

Comments