/*--------------------------------------------------------------
## Section Registration form
--------------------------------------------------------------*/

.section-register { width: 100%; }
.section-register .section__nav { display: flex; margin: 0 -10px 20px; }
.section-register .section__nav a { display: inline-block; font-size: 18px; background-color: #2196f5; color: #fff; padding: 10px 5px; width: 50%; text-align: center; letter-spacing: 0.5px; }
.section-register .section__nav a:hover { text-decoration: none; opacity: 0.8; }
.section-register .section__nav a + a { border-left: 1px solid #f0faff; }
.section-register .section__nav a.active { background-color: #f0faff; color: #333; border: 0; text-decoration: none; outline: none; }
.section-register .section__nav a:first-child { border-bottom-right-radius: 10px; }
.section-register .section__nav a:last-child { border-bottom-left-radius: 10px; }
.section-register .section__banner { position: relative; width: 100%; height: 100%; padding: 20px 25px; background-image: url(../../images/join-community-banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; color: #fff; overflow: hidden; }
.section-register .section__banner h2 { font-size: 32px; text-align: center; text-shadow: 2px 2px #000; }
.section-register .section__banner:after { position: absolute; height: 100%; width: 12px; top: 0; right: 0; background-color: #ffb52b; border-left: 2px solid #fff; content: ''; }
.section-register .section__banner:before { position: absolute; right: 0; top: 50%; transform: translate(40%, -50%); width: 85px; height: 85px; background-color: #ffb52b; background-image: url(../../images/arrow-icon.svg); background-repeat: no-repeat; background-position: 35% 50%; border-radius: 50%; border: 2px solid #fff; z-index: 1;  content: ''; }

.section-register .list-options { margin: 20px 0; }
.section-register .list-options,
.section-register .list-options li { display: flex; }
.section-register .list-options li { align-items: center; font-size: 20px; text-transform: uppercase; font-weight: 600; text-shadow: 1px 1px #000; }
.section-register .list-options li:before { display: none; }
.section-register .list-options li + li { margin-left: 20px; }
.section-register .list-options li .ico { display: block; height: 50px; width: 50px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 13px; }
.section-register .list-options li .ico--learn { background-image: url(../../images/learn-icon.svg); }
.section-register .list-options li .ico--improve { background-image: url(../../images/improve-yourself-icon.svg); }
.section-register .list-options li .ico--rewards { background-image: url(../../images/get-rewards-icon.svg); }

.section-register .list-benefits { font-size: 26px; color: #fff; line-height: 1.4; }
.section-register .list-benefits li { margin: 5px 0; }
.section-register .list-benefits li + li { margin-top: 10px; }
.section-register .list-benefits li:before { height: 26px; width: 26px; background: transparent; background-image: url(../../images/check-icon-white.svg); background-repeat: no-repeat; background-size: contain; border: 0; margin-bottom: -4px; margin-right: 10px; }

.section-register .section__form { position: relative; background-color: #f0faff; border: 1px solid #65b7f8; border-radius: 5px; padding: 0 10px 20px; height: 100%; }
.section-register .section__form h3 { font-size: 26px; text-align: center; color: #5b5b5b; margin-bottom: 20px; font-weight: 400; }
.section-register .section__form .form-control { font-size: 16px; background-color: #fff; border: 1px solid #65b7f8; border-radius: 5px; margin-bottom: 10px; padding: 5px 8px; width: 100%; }
.section-register .section__form select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(../../images/down-arrow.svg); background-repeat: no-repeat; background-position-x: 96%; background-position-y: 5px; background-size: 15px 26px; }
.section-register .section__form .form-group { display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-register .section__form .form-group .form-control { width: calc(50% - 5px); }
.section-register .section__form .form-group ::-webkit-input-placeholder { font-style: italic; }
.section-register .section__form .form-group :-ms-input-placeholder { font-style: italic; }
.section-register .section__form .form-group ::placeholder { font-style: italic; }
.section-register .section__form .btn-submit { display: block; font-size: 16px; padding: 12px 15px; background-color: #ff693b; color: #fff; font-weight: 600; text-align: center; width: 100%; text-transform: uppercase; border: 0; border-radius: 5px; cursor: pointer; transition: .3s; }
.section-register .section__form .btn-submit:hover { background-color: #ff5e2c; }
.section-register .section__form .alert-sm { font-size: 14px; }
.section-register .section__form .alert.hidden { display: none; }
.section-register .section__form .spinner { display: none; position: absolute; right: 15px; height: 25px; width: 25px; }
.section-register .section__form .btn-submit:disabled,
.section-register .section__form .btn-submit:disabled:hover { background-color: #ff8660; opacity: 0.7; }

.section-register .section__login { display: none; }
.section-register .section__form .form__group,
.section-register .section__login .form__group { position: relative; }
.section-register .section__form .show-pass,
.section-register .section__login .show-pass { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); line-height: 1rem; z-index: 2; }
.section-register .section__form .form-password,
.section-register .section__login .form-password { padding-right: 30px; }
.section-register .action-reset-pass { display: inline-block; font-size: 15px; margin-top: 10px; font-style: italic; }
.section-register .action-back-login { display: inline-block; margin-bottom: 10px; }

.section-register .section__form .section__content { display: flex; height: 100%; padding: 30px 15px; flex-direction: column; justify-content: center; }
.section-register .section__form .section__content h2 { font-size: 28px; font-weight: 400; text-align: center; }
.section-register .section__form .section__content h3 { font-size: 22px; margin-bottom: 5px; }
.section-register .section__form .section__content h2 + .section__actions { margin-top: 20px; }
.section-register .section__form .section__content .btn { font-size: 20px; font-weight: 600; }
.section-register .section__form .section__actions { text-align: center; }

.section-register #tp-forgot-pass { display: none; }

.section-login .section__form { width: 600px; margin: auto; }
.section-login .section__form p { font-size: 15px; }

/* Loader  */
.spinner { display: none; -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; }
@-webkit-keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
@keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
.path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; stroke: #4285F4;; -webkit-animation: dash 1.4s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite; }
@-webkit-keyframes dash {
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}
@keyframes dash {
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}

@media (max-width: 1200px) {

	.section-register .list-options li { font-size: 18px; }

}

@media (max-width: 992px) {

	.section-register .section__banner { margin-bottom: 20px; }
	.section-register .section__banner:after,
	.section-register .section__banner:before { display: none; }
	.section-register .list-options li { line-height: 1.2; }

}

@media (max-width: 768px) {

	.section-register .section__banner h2 { font-size: 28px; }
	.section-register .list-options { flex-wrap: wrap; margin: 10px 0; }
	.section-register .list-options li { width: 100%; margin: 5px 0; }
	.section-register .list-options li .ico { height: 20px; width: 20px; }
	.section-register .list-options li + li { margin-left: 0; }
	.section-register .list-benefits { font-size: 16px; }
	.section-register .list-benefits li:before { height: 18px; width: 18px; }

	.section-register .section__form .form-conrol { margin-bottom: 10px; }
	.section-register .section__form .form-group .form-conrol { width: 100%; }

	.section-login .section__form { width: 100%; }

}