@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, ab, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1.15;
font-family: 'Montserrat', sans-serif;
background: #ffffff !important;

}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button{
outline: none;
box-shadow: none;
-webkit-appearance:none;
}
a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration:none;
outline:none;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:hover,
a:focus{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration:none;
outline:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
color: #ccc;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px white inset !important;
}
.outerspace::-webkit-scrollbar{
display: none;
}
/*---------------START----------------*/
#basebg{
float: left;
width: 100%;
position: relative;
height: 100%;
}
.container{
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.navbar-brand{
padding-left: 30px;
}
.navbar-expand-lg .navbar-collapse{
flex-grow: inherit;
}
.navbar{
position: absolute;
top: 0px;
width: 100%;
min-height: 90px;
height: auto;
z-index: 99;
}
.nav-link{
display: inline-block;
}
.nav-link.dropdown-toggle{
display: flex;
flex-direction: row;
align-items: center;
}
.nav-item{
text-transform: uppercase;
}
.nav-item p a{
color: #000000;
font-weight: 600;
}
.nav-link.dropdown-toggle i img{
float: left;
margin-right: 5px;
}

.leftpart{
max-width: 35%;
width: 100%;
float: left;
height: 100vh;
/*background: url('../images/bg-black.png')no-repeat;*/
background:#000000;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.leftpart h1{
font-size: 80px;
line-height: 90px;
padding: 25px 110px 25px 100px;
color: #ffffff;
font-family: 'Barlow Condensed', sans-serif;
text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.95);
}
footer{
left: 0px;
width: 100%;
position: fixed;
bottom: 0px;
min-height: 50px;
height: auto;
padding-top: 10px;
z-index: 999;
border-top: 1px solid rgba(180, 180, 180, 0.26);
display: inline-block;
background: #fff;
}
footer p{
text-align: right;
font-size: 12px;
color: #000;
font-weight: 500;
padding: 14px 0px;
}
.quickmenu{
min-height: 50px;
height: auto;
padding: 14px 0px;
}
.quickmenu a{
font-size: 12px;
color: #000;
display: inline-block;
margin-right: 40px;
font-weight: 500;
}
.mainpart{
max-width: 65%;
float: left;
width: 100%;
height: auto;
height: 100vh;
background: #fff;
}
.mainpartouter{
padding: 0px 76px 54px;
overflow-y: auto;
max-height: 90vh;
margin-top: 55px;
}
.titlepart{
float: left;
width: 100%;
font-size: 34px;
line-height: 48px;
text-transform: uppercase;
color: #000000;
margin-bottom: 20px;
font-weight: bold;
margin-top: 20px;
}

.titlepart span{
display: block;
font-size: 24px;
line-height: 34px;
text-transform: none;
color: #000;
margin-bottom: 20px;
font-weight: 400;
margin-top: 5px;
}
.form-check-label{
font-size: 12px;
font-weight: 600;
margin-top: 5px;
}
.form-control{
border:0px;
border-radius: 0;
font-size: 16px;
border-bottom: 1px solid #444444;
}
.form-floating > label{
font-weight: 400;
color: #444444;
top: -4px;
font-size: 16px;
font-weight: 500;
}
.form-control:focus{
border-color: #000000;
box-shadow: none;
}
.loginvia{
float: left;
width: 100%;
margin-top: 45px;
}
.loginvia p{
font-size: 16px;
line-height: 24px;
font-weight: 600;
color:#000000;
text-transform: uppercase;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label{
opacity: 0.65;
transform: scale(0.85) translateY(-0.9rem) translateX(0px);
}
.form-check-input{
border: 1px solid #707070;
width: 18px;
height: 18px;
}
.form-check-input:checked{
background-color: #000000;
border-color: #000000;
}
.loginvia ul{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 17px;
}
.loginvia ul li{
list-style: none;
}
.loginvia ul li a{
border: 1px solid #000000;
width: 61px;
height: 61px;
display: block;
border-radius: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 23px;    
}
.loginvia ul li a:hover, .loginvia ul li a:focus{
background: #302f2f;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > label, .form-floating > .input-email, .input-wrapper > .input-password {
padding: 1rem 0 !important;
}
.loginvia ul li a:hover img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

#loginpage .form-check{
margin: 67px 0px 27px;
}
.btn-primary{
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
border: 0px;
background: #000000;
border-radius: 5px;
transition: all 0.3s ease 0s;
}
.btn-primary:hover, .btn-primary:focus{
background: #302f2f;
transition: all 0.3s ease 0s;
}
/*.btn-block .btn-primary{
margin-top: 57px;
}*/
#loginpage .btn-block a, .forgot-block.btn-block a{
display: block;
font-size: 12px;
font-weight: 600;
color: #444444;
text-decoration: underline;
margin-top: 20px;
text-align: center;
}
#signup .btn-block .btn-primary{
margin-top: 67px;
}
#signup .loginvia{
margin: 0px;
margin-top: 15px;
width: 100%;
}
#signup .form-check{
margin-top: 74px;
}
.form-floating{
margin-top: 20px;
}
.form-floating label i{
color: #FF0000;
font-size: 18px;
line-height: 28px;
}
.or{
font-size: 16px;
line-height: 24px;
color: #000000;
font-weight: 600;
width: 100%;
float: left;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.form-floating{
position: relative;
}
.form-floating img{
position: absolute;
right: 0px;
top: 15px;
cursor: pointer;
}
.selectRadioSelect{
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
min-height: 320px;
}
.labelexpanded {
font-size: 12px;
position: relative;
}

.labelexpanded > input {
display:none;
}

.labelexpanded input:checked + .radio-btns {
border: 3px solid #000000;
}
.labelexpanded span{
font-size: 10px;
line-height: 13px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}

.radio-btns {
width: 95%;
height: auto;
border-radius: 0px;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
cursor: pointer;
background-color: #fff;
float:left;
margin-right: 15px;
}
.radio-btns p{
font-size: 16px;
text-transform: uppercase;
color: #000;
padding: 20px 0px;
}
.radio-btns > img {
width: 100%;
}
.content{
float: left;
width: 100%;
margin-top: 68px;
}
.content h2{
font-size: 24px;
line-height: 34px;
color: #000;
font-weight: 600;

}
.content p{
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.userprofile i{
width: 60px;
height: 60px;
display: block;
background: #D8D8D8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100px;
}
.nav-link.dropdown-toggle.userprofile i img{
margin-right: 0px;
}
.planbox{
width: 100%;
min-height: 400px;
height: auto;
background: #fff;
box-shadow: 0px 3px 6px #00000029;
display: flex;
flex-direction: column;
/*justify-content: center;*/
align-items: center;
 padding: 70px 0;
}
.planbox.selected{
border: 3px solid #000000;
}
#chooseplan .planbox img{
margin-bottom: 10px;
}
#chooseplan .planbox p{
font-size: 34px;
line-height: 48px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
margin-bottom: 20px;
padding: 0px;
}
.rate{
font-size: 48px;
font-weight: 600;
color: #000000;
text-align: center;
}
.rate-price{
display: flex;
flex-direction: column;
}
.rate span{
display: block;
font-size: 17px;
line-height: 20px;
color: #000;
margin-top: 10px;
}
.rate i{
font-size: 12px;
line-height: 18px;
display: block;
color: #000;
}
#chooseplan .btn-block{
margin-top: 55px;
}
#chooseplan p.chosen{
text-align: right;
padding: 0 0 25px;
font-size: 20px;
line-height: 34px;
float: left;
width: 100%;
}
#chooseplan bold{
color: #000000;
font-weight: 600;
}
#payment p{
font-size: 24px;
line-height: 34px;
color: #000;
font-weight: 400;
text-align: left;
margin-bottom: 80px;
float: left;
width: 100%;
}
#payment p bold{
color: #000000;
font-weight: 600; 
}
#payment .form-floating i{
font-size: 12px;
line-height: 36px;
color: rgba(68, 68, 68, 0.5);
position: absolute;
right: 0px;
top: 15px;
}

#add-card-form .form-floating i{
font-size: 12px;
line-height: 36px;
color: rgba(68, 68, 68, 0.5);
position: absolute;
right: 0px;
top: 15px;
}

#payment .btn-block, #thankyou .btn-block{
margin-top: 90px;
}
.paymentcheck{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-top: 100px;
}
.paymentcheck .form-check{
margin-left: 30px;
}
#thankyou h2{
font-size: 96px;
line-height: 100px;
font-family: 'Barlow Condensed', sans-serif;
color: #000;
letter-spacing: 1px;
margin-bottom: 67px;
margin-left: -3px;
}
#thankyou h3{
font-size: 34px;
line-height: 48px;
color: #000;
/*margin-bottom: 32px;*/
float: left;
width: 100%;
}
#thankyou p{
font-size: 24px;
line-height: 34px;
color: #000;
font-weight: 500;
max-width: 600px;
float: left;
width: 100%;
}
#thankyou .btn-primary{
max-width: 320px;
}
/*----------------END-----------------*/
.innermenu{
background: url(../images/T8020M-Header-Banner-2.jpg) no-repeat;
background-size: cover;
min-height: 120px;
height: auto;
background-position: bottom;
}
#learningsteps{
float: left;
width: 100%;
height: 100vh;
}
.outerspace{
float: left;
width: 100%;
position: relative;
margin: 150px 0px 100px 0px;
min-height: 650px;
height: auto;
padding: 0px 90px;
z-index: 9;
position: relative;    
}
.outerspace h1{
font-size: 34px;
line-height: 48px;
color: #000000;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 27px;
}
.outerspace p{
font-size: 17px;
line-height: 22px;
margin-bottom: 20px;
color: #000;
font-weight: 500;
}
.outerspace p a{
color: #000000;
font-weight: 600;
text-transform: uppercase;
}
.steps{
width: 94%;
height: 171px;
border: 1px solid #E5E5E5;
background: #fff;
display: flex;
font-size: 31px;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px 0px;
color: #000;
font-family: 'Barlow Condensed', sans-serif;
}
.steps.selected,
.steps:hover,
.steps:focus{
background: #000;
color: #fff;
}
.immersion{
width: 94%;
height: 171px;
border: 1px solid #E5E5E5;
background: #fff;
display: flex;
font-size: 31px;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px 0px;
color: #000;
font-family: 'Barlow Condensed', sans-serif;
text-align: center;
}
.immersion.selected,
.immersion:hover,
.immersion:focus{
background: #000;
color: #fff;
}

#stepdetail{
float: left;
width: 100%;
height: auto;
/*height: 100vh;*/
}
#stepdetail .outerspace p{
text-align: right;
font-size: 22px;
}
.box{
padding: 0px 42px;
float: left;
width: 100%;
}
.maintitle{
font-size: 38px;
line-height:42px;
color: #000000;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 33px;
text-align: center;
}
.inputbox .maintitle {
	color: #ab052c;
}
.output .maintitle {
	color: #057329;
}
.imgbox{
width: 100%;
min-height: 430px;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}
#stepdetail .outerspace .imgbox p{
color: #fff;
font-size: 34px;
line-height: 34px;
font-weight: 600;
}
#stepdetail .btn-block{
text-align: center;
}
.btn-block .btn-border{
width: auto;
padding: 0px 55px;
height: 48px;
line-height: 48px;
font-size: 16px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
margin-top: 33px;
background: #FFF;
text-decoration: none;
}

.btn-block .btn-border-1{
width: auto;
padding: 0px 31px;
height: 48px;
line-height: 48px;
font-size: 16px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
margin-top: 33px;
background: #FFF;
text-decoration: none;
margin-right: 130px;
float: left;
}
.btn-border:hover{
background: #000000;
color: #fff;
}

.btn-border-1:hover{
background: #000000;
color: #fff;
}
.btn-primary-small{
min-width: 290px;
width: auto;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
border: 0px;
background: #000000;
border-radius: 5px;
transition: all 0.3s ease 0s;
}
.btn-primary-small:hover, .btn-primary-small:focus{
background: #302f2f;
transition: all 0.3s ease 0s;
}
#stepdetail .btn-primary-small{
margin: 80px auto 0;
}
.bookshelf{
float: left;
position: relative;
width: 100%;
min-height: 391px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
cursor: pointer;
}
.bookshelf img.small-img{
margin-bottom:-64px;
}
.shelftable{
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.shelftable img{  
object-fit: cover;
width: 100%;
}
.bookshelf > img{
position: relative;
z-index: 99;
}
.number{
font-size: 50px;
font-weight: 600;
color: #000;
margin-right: 25px;
}
#inputbookshelf .maintitle{
font-size: 48px;
line-height: 52px;
margin: 25px 0px 25px;
color: #000000;
text-align: center;
}
#inputbookshelf .outerspace p{
text-align: right;
font-size: 22px;
}
.info{
width: 100%;
text-align: center;
/*max-width: 753px;*/
margin: 50px auto 0;
}
.info h2{
color: #000000;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
#inputbookshelf .outerspace .info p{
text-align: center;
font-size: 16px;
line-height: 28px;
color: #1A1A1A;
font-weight: 500;
margin: 0px;
}
#inputbookshelf .btn-primary-small {
margin-top: 40px;
}
.btn-box{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.btn-box button{
width: 290px;
margin: 0px 30px;
}
.innerfoot .quickmenu a{
color: #000;
}
.dropdown-menu[data-bs-popper]{
right: 0px;
left: inherit;
padding: 0px;
}
.dropdown-menu{
box-shadow: 0px 3px 6px #00000029;
min-height: 242px;
position: relative;
height: auto;
}
.arrowtop{
position: absolute;
right: 41px;
width: 16px;
height: 11px;
top: -9px;
}
.dropdown-menu li{
border-bottom: 1px solid #E9E9E9
}
.dropdown-menu li:last-child{
border-bottom: 0px;
}
.dropdown-menu li a{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 15px 18px;
}
.dropdown-menu li a img{
margin-right: 15px;
}
.dropdown-menu li a span{
font-size: 18px;
line-height: 24px;
color: #000;
font-weight: 500;
}
.dropdown-menu li a span small{
display: block;
font-size: 12px;
}
.dropdown-toggle::after{
border-top: 0.3em solid #fff;
}

#selectlang < .dropdown-toggle::after{
border-top: 0.3em solid #000;
}
.btn-border-small{
width: 130px;
/*padding: 0px 25px;*/
height: 28px;
line-height: 28px;
font-size: 10px;
text-transform: uppercase;
color: #fff;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
float: right;
text-align: center;
text-decoration: none;
background: #000000;
}


/*.btn-border-small {
width: 130px;
/* padding: 0px 25px; */
height: 28px;
line-height: 30px;
font-size: 10px;
text-transform: uppercase;
color: #fff;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
float: right;
text-align: center;
text-decoration: none;
background: #000000;
}*/

.btn-border-small:hover{
color: #fff;
background: #377e37;
border: 1px solid #377e37;
}

/*.btn-border-small-reset{
width: 130px;
/*padding: 0px 25px;*/
/*height: 28px;
line-height: 28px;
font-size: 10px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
float: right;
text-align: center;
text-decoration: none;
*/
/*}*/

.btn-border-small-reset{
width: 130px;
/* padding: 0px 25px; */
height: 28px;
line-height: 28px;
font-size: 10px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
/* margin-top: 20px; */
float: left;
text-align: center;
text-decoration: none;
}

#pills-tabContent{
padding: 40px 269px;
float: left;
width: 100%;
}
#pills-tab{
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
justify-content: center;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
background: transparent;
color: #000;
border-bottom: 1px solid #000000;
border-radius: 0px;

}
.nav-pills .nav-link:hover{
color: #000;
}
#pills-tab .nav-item{
margin: 0px 35px;
}
.nav-pills .nav-link{
text-transform: uppercase;
display: flex;
font-family: 'Barlow Condensed', sans-serif;
font-size: 22px;
line-height: 22px;
flex-direction: row;
align-items: center;
font-weight: 500;
color: #000;
padding: 12px 0;
}
.nav-link img{
margin-right: 10px;
}
.profilbox{
box-shadow: 0px 3px 6px #00000029;
width: 100%;
min-height: 320px;
/*height: 0px;*/
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
}
.profilbox p{
margin-top: 25px;
}
.profilbox i{
width: 184px;
height: 184px;
background: #f5f5f5;
border-radius: 100px;
overflow: hidden;
}
.profilbox i img {
width: 100%;
height: 100%;
object-fit: cover;
}
.detailsbox{
box-shadow: 0px 3px 6px #00000029;
width: 100%;
height: auto;
padding: 55px 38px;
float: left;
max-width: 1200px;
}
.detailsbox .loginvia{
margin: 0px;
}
.detailsbox .btn-block .btn-brder,
.detailsbox .btn-block .btn-primary
{
margin-top: 35px;   
}
.notification .btn-border-small{
width: 130px;
padding: 0px 25px;
height: 28px;
line-height: 28px;
font-size: 10px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 0px;
}
.notification .btn-border-small:hover{
color: #fff;
}
.logindetails{
float: left;
width: 100%;
}
.outerspace .loginvia{
margin-bottom: 60px;
}
.outerspace .loginvia p, 
.outerspace .notification p, 
.outerspace .logindetails p{
margin-bottom: 0px;
font-size: 22px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
}
.notification{
float: left;
width: 100%;
margin-top: 57px;
}
.selctoption .form-switch{
margin-top: 0px;
padding: 0px;

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.selctoption {
margin-bottom: 35px;
}
.selctoption .form-switch .form-check-label{
font-size: 16px;
font-weight: 600;	
}
.selctoption .form-switch .form-check-input {
width: 4em;
height: 28px;
margin-top: 17px;
}
/*.notification h3{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}*/
.notification h3 span{
margin-left: 11px;
font-size: 12px;
line-height: 28px;
}
.detailsbox .btn-block{
float: left;
width: 100%;
text-align: right;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.detailsbox .btn-block .btn-primary{
width: auto;
margin-left: 20px;
min-width: 173px;
}
.billingdetails{
float: left;
width: 100%;
}
.billingdetails h1{
font-size: 34px;
line-height: 48px;
color: #000;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 27px;
}
.paymethod{
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.paymethod h2{
font-size: 22px;
line-height: 48px;
color: #000;
font-weight: 600;
}
.paymethod h2 span{
display: block;
font-size: 16px;
line-height: 32px;
font-weight: 400;
}
.paymethod .btn-primary-small{
min-width: 183px;
width: 183px;
}
.cc-card{
width: 100%;
min-height: 90px;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #E8E8E8;
padding: 14px;
margin-bottom: 30px;
}
.cc-card-icon{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.cc-card-icon h3{
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #000;
padding-left: 20px;
}
.cc-card-icon h3 span{
display: block;
font-size: 12px;
margin:10px 0 0;
}
.cc-card .btn-border-small{
width: 100px;
margin: 0px;
}
.paymenthistory{
float: left;
width: 100%;
margin-top: 26px;
}
.paymenthistory h2{
font-size: 22px;
line-height: 48px;
color: #000;
font-weight: 600;
}
.paymenthistory .table thead tr th{
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
}
.plandetails{
max-width: 1170px;
margin: 0 auto;
}
.plandetails .titlepart{
color: #000;
}
.plandetails .titlepart span{
float: right;
font-size: 24px;
line-height: 34px;
font-weight: 500;
}
.plandetails .titlepart span bold{
font-weight: 600;
color: #000000;
}

.plandetails .planbox{
position: relative;
}
.plandetails .planbox .active{
position: absolute;
top: 0px;
right: 0px;
}
.plandetails .planbox .active img{
float: left;
margin: 0px;
}
.cancelsub{
font-size: 18px;
line-height: 30px;
text-decoration: underline;
color: #000;
text-transform: capitalize;
display: block;
font-weight: 500;
margin: 10px 0px;
text-align:center;
}
.upgraded{
text-decoration: none;

}
.cancelsub:hover{
color: #000000;
}
.cancel-content{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 25px 30px;
}
.cancel-content .msg h5{
font-size: 48px;
line-height: 48px;
margin-bottom: 25px;
font-weight: 600;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
}
.msg{
padding-left: 30px;
}
.cancel-content .msg p{
font-size: 18px;
line-height: 27px;
color: #000;
font-weight: 500;
}
.modal-footer{
border: 0px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding-bottom: 30px;
}
.modal-footer .btn-border{
width: auto;
padding: 0px 55px;
height: 48px;
line-height: 48px;
font-size: 16px;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
display: inline-block;
background: #FFF;
text-decoration: none;
}
.modal-footer .btn-primary-small{
width: auto;
}
.forgot-block{
margin-top: 50px;
}
.cc-card {
/*border-color: #4dcd4d;*/
height:  90px;
}
#fname,#lname {
background: #ffffff;
}


#overlay{	
position: fixed;
top: 0;
z-index: 100;
width: 100%;
height:100%;
display: none;
background: rgba(0,0,0,0.6);
}
.cv-spinner {
height: 100%;
display: flex;
justify-content: center;
align-items: center;  
}
.spinner {
width: 40px;
height: 40px;
border: 4px #ddd solid;
border-top: 4px #2e93e6 solid;
border-radius: 50%;
animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
100% { 
transform: rotate(360deg); 
}
}
.is-hide{
display:none;
}
.dropdown-1 {
min-height: 0px !important;
}
.language_list ul{
width: 100%;
}

.language_list ul li{
width: 100%;
display: inline-block;
}
.language_list ul li.wpml-ls-current-language a span {
color:#000000;
}
/*.ur-frontend-form .ur-submit-button {
margin-right: 75% !important;
margin-bottom: 0;
}*/

.user-registration .form-floating {
margin-top: 0px !important;
}

/*#navbarNavDropdown {
right: 2% !important;
position: absolute !important;
}*/
.wpml-ls-legacy-dropdown-click a{
border: none !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{

border: none !important;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
background:none !important;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
content:none !important;
}
.switch-label {
margin-top: 26px !important;
}
.cancel-sub {
min-width: 185px !important;
}

.user-registration-ResetPassword .form-floating > label{
position: inherit;
margin: 0;
padding: 0;
}
#loginpage p{
margin-top: 12px;
line-height: 2;
}

input { cursor: pointer; }
.planbox { cursor: pointer; }
.remove-cursor {
cursor: default;
}

.social-registration {
    display: flex;
    flex-direction: column;
    float: left;
    position: relative;
}
.user-registration .ur-button-container  {
width: 51%;
float: left;
padding: 0 12px;
}
.btn-primary  {
color: #fff !important;
line-height: 0px !important;
}
.reset-pwd {
width: 30% !important;
}
.upload-btn{
margin: 17px;
width: 50%;

}
.delete_profile_img {
position: absolute;
padding-top: 0px;
padding-left: 78px;    
width: 5%;
cursor: pointer;
}
.ur-front-spinner {
position: absolute;
right: 0;
border-radius: 50%;
}
.register .ur-front-spinner {
position: absolute;
right: 650px;
border-radius: 50%;
/* top: 12px; */
margin-top: -7px;
}

.payment_design_type {
float: left;
width: 100%;
padding: 20px;
border: solid 1px #ddd;
margin-bottom: 20px; 
}
.detailsbox .btn-block{
margin-top: 25px;	
justify-content: space-between !important; 
}
.close {
font-size: 30px;
font-weight: 500;
margin-top: -9px;
color: #FF0000;
cursor: pointer;
}
.label-title{
font-weight: bold;
}
#payment_frm {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

#error_message {
margin-top: 14px;
width: 100%;
}


body.terms-of-use,
body.privacy-policy, body.registration{
overflow: hidden !important;
}
body.terms-of-use .mainpartouter,
body.privacy-policy .mainpartouter{
height: 86vh;
}
body.terms-of-use .quickmenu a,
body.privacy-policy .quickmenu a,
body.select-language .quickmenu a,
body.new-signup .quickmenu a,
body.registration .quickmenu a,
body.select-plan .quickmenu a,
body.paymenyt .quickmenu a,
body.thankyou .quickmenu a,
body.home .quickmenu a,
body.politica-de-privacidad .quickmenu a,
body.terminos-de-servicio .quickmenu a,
body.seleccionar-idioma .quickmenu a{
color: #fff !important;
}
.wpml-ls-legacy-dropdown-click a span{
text-transform: uppercase;
}
body.terms-of-use footer,
body.privacy-policy footer,
body.select-language footer,
body.new-signup footer,
body.registration footer,
body.select-plan footer,
body.spaymenyt footer,
body.thankyou footer,
body.home footer,
body.politica-de-privacidad footer,
body.terminos-de-servicio footer,
body.seleccionar-idioma footer
{
 background: transparent;
}
.select-notification{
margin-top: 55px;
}

.gateway_payment_radio,.close {
float: right !important;
}
.plan-dates-details {
float: left;
width: 100%;
background: #f9f9f9;
padding: 15px;
margin-top: 25px;
}
.plandate{
padding: 0 0 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.plandetails .tab-content{
border: 1px solid #dee2e6;
border-top-color: rgb(222, 226, 230);
border-top-style: solid;
border-top-width: 1px;
border-top: 0px;
}
.nav-tabs {
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.plandetails .tab-content .tab-pane {
padding: 30px;
}
.nav-tabs .nav-item .nav-link {
font-size: 16px;
line-height: 22px;
flex-direction: row;
align-items: center;
font-weight: 500;
color: #000;
text-transform: uppercase;
padding: 12px 15px;
border-radius: 0px;
}
.plandate p {
font-size: 17px;
font-weight: 600;
color: #000000;
margin-bottom: 5px;
}
small {
font-size: 12px;
line-height: 16px;
}

.plandate span {
font-size: 14px;
}
.plandate h5 {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #000;
margin-bottom: 5px;
}
.pay-saved-btn {
margin: 11px;
width: 24%;
}
.saved-cc-card {
width: 100%;
min-height: 86px;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #E8E8E8;
padding: 7px;
margin-bottom: 30px;
}
#saved_card_auto_renewal {
float:right;
}
.ur-frontend-field {
border: 0px !important;
border-radius: 0 !important;
font-size: 16px !important;
border-bottom: 1px solid #444444 !important;
}
.input-checkbox {
border: 1px solid #707070 !important;
width: 18px;
height: 18px;
border-radius: 0.25em;
}
.ur-checkbox-label {
font-size: 12px !important;
font-weight: 600 !important;
margin-top: 5px !important;
}

#card-number {
background:url("<?php bloginfo("template_url"); ?>/images/cards.png;");
background-position: 3px 3px;
background-size: 40px 294px; /* 89 x 560 */
background-repeat: no-repeat;
/*padding-left: 48px;*/
}

body {
background: #ececec;
}
.lds-dual-ring.hidden {
display: none;
}
.lds-dual-ring {
display: inline-block;
width: 100px;
height: 100px;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 25% auto;
border-radius: 50%;
border: 6px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}


.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,.8);
z-index: 999;
opacity: 1;
transition: all 0.5s;
}
.loader-text {
text-align: center;

width: 100%;
top: 57%;
position: absolute;
color: #fff;
}
.amazon-button {
width: 50%;
}
a#show_hide_pwd{
position: absolute;
left: inherit !important;
right: 0px !important;
}
input::-webkit-input-placeholder {
color: transparent !important;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
input:-moz-placeholder {
/* Firefox 18- */
color: transparent !important;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
input::-moz-placeholder {
/* Firefox 19+ */
color: transparent !important;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
input:-ms-input-placeholder {
color: transparent !important;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.ur-frontend-form .ur-form-row .ur-form-grid label{
margin: 0px !important;
}
body.home .ur-frontend-form input[type=submit]{
float: none !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid label.user-registration-form__label{
margin: 27px 0px 27px !important;
}
.page-id-163 .ur-frontend-form.login,  .page-id-163 .ur-frontend-form .ur-form-row .ur-form-grid,
.page-id-238 .ur-frontend-form.login,  .page-id-238 .ur-frontend-form .ur-form-row .ur-form-grid, .user-registration-ur-lost-password .ur-frontend-form.login{
padding: 0px !important;
}
.user-registration-ur-lost-password .ur-frontend-form .ur-form-row .ur-form-grid{
padding: 0px !important;
}
.wpml-ls-legacy-dropdown-click {
width: 9.5em !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label, .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label{
font-weight: 500;
}
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, .ur-frontend-form .ur-form-row .ur-form-grid input[type=date], .ur-frontend-form .ur-form-row .ur-form-grid input[type=email], .ur-frontend-form .ur-form-row .ur-form-grid input[type=number], .ur-frontend-form .ur-form-row .ur-form-grid input[type=password], .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], .ur-frontend-form .ur-form-row .ur-form-grid input[type=text], .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], .ur-frontend-form .ur-form-row .ur-form-grid input[type=url], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
margin-bottom: 0px !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 40px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox{
margin-bottom: 0px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password], .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=text]{
padding: 1rem 0 !important;
}
.user-registration-ur-lost-password #loginpage .btn-block a, .forgot-block.btn-block a{
text-align: left !important;
}
.forget-password{
width: auto !important;
white-space: nowrap !important;
}
/* loader start */
.ur-front-spinner
{
	display: none;
}
.bookshelf_wrapper {
position: relative;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
}
.books_list {
margin: 0 auto;
width: 200px;
padding: 0;
}
.book_item {
position: absolute;
top: -90px;
box-sizing: border-box;
list-style: none;
width: 30px;
height: 90px;
opacity: 0;
background-color: #000000;
border: 3px solid white;
transform-origin: bottom left;
transform: translateX(200px);
-webkit-animation: travel 2500ms linear infinite;
animation: travel 2500ms linear infinite;
}
.book_item.first {
top: -90px;
height: 90px;
}
.book_item.first:before, .book_item.first:after {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 17.5px;
border-top: 5px solid white;
border-bottom: 5px solid white;
}
.book_item.first:after {
top: initial;
bottom: 10px;
}
.book_item.second:before, .book_item.fifth:before, .book_item.second:after, .book_item.fifth:after {
box-sizing: border-box;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 17.5px;
border-top: 5px solid white;
border-bottom: 5px solid white;
}
.book_item.second:after, .book_item.fifth:after {
top: initial;
bottom: 10px;
}
.book_item.third:before, .book_item.third:after {
box-sizing: border-box;
content: '';
position: absolute;
top: 10px;
left: 6px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 5px solid white;
}
.book_item.third:after {
top: initial;
bottom: 10px;
}
.book_item.fourth {
top: -100px;
height: 100px;
}
.book_item.fourth:before {
box-sizing: border-box;
content: '';
position: absolute;
top: 46px;
left: 0;
width: 100%;
height: 17.5px;
border-top: 5px solid white;
border-bottom: 5px solid white;
}
.book_item.fifth {
top: -110px;
height: 110px;
}
.book_item.sixth {
top: -120px;
height: 120px;
}
.book_item.sixth:before {
box-sizing: border-box;
content: '';
position: absolute;
bottom: 31px;
left: 0px;
width: 100%;
height: 5px;
background-color: white;
}
.book_item.sixth:after {
box-sizing: border-box;
content: '';
position: absolute;
bottom: 10px;
left: 9px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid white;
}
.book_item:nth-child(2) {
-webkit-animation-delay: 416.6666666667ms;
          animation-delay: 416.6666666667ms;
}
.book_item:nth-child(3) {
-webkit-animation-delay: 833.3333333333ms;
          animation-delay: 833.3333333333ms;
}
.book_item:nth-child(4) {
 -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms;
}
.book_item:nth-child(5) {
-webkit-animation-delay: 1666.6666666667ms;
          animation-delay: 1666.6666666667ms;
}
.book_item:nth-child(6) {
-webkit-animation-delay: 2083.3333333333ms;
          animation-delay: 2083.3333333333ms;
}
.loader-icon {
width: 200px;
height: 5px;
margin: 0 auto;
background-color: white;
position: relative;
}
.loader-icon:before, .loader-icon:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #000000;
background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
background-size: 10px 10px;
background-position: 0 -2.5px;
top: 200%;
left: 5%;
-webkit-animation: move 250ms linear;
          animation: move 250ms linear;
}
.loader-icon:after {
top: 400%;
left: 7.5%;
}
@keyframes move {
from {
background-position-x: 0;
}
to {
background-position-x: 10px;
}
}
@keyframes travel {
0% {
opacity: 0;
transform: translateX(300px) rotateZ(0deg) scaleY(1);
}
6.5% {
transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
}
8.8% {
transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
}
10% {
opacity: 1;
transform: translateX(270px) rotateZ(0deg);
}
17.6% {
transform: translateX(247.2px) rotateZ(-30deg);
}
45% {
transform: translateX(165px) rotateZ(-30deg);
}
49.5% {
transform: translateX(151.5px) rotateZ(-45deg);
}
61.5% {
transform: translateX(115.5px) rotateZ(-45deg);
}
67% {
transform: translateX(99px) rotateZ(-60deg);
}
76% {
transform: translateX(72px) rotateZ(-60deg);
}
83.5% {
opacity: 1;
transform: translateX(49.5px) rotateZ(-90deg);
}
90% {
opacity: 0;
}
100% {
opacity: 0;
transform: translateX(0px) rotateZ(-90deg);
}
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,.8);
z-index: 999;
opacity: 1;
transition: all 0.5s;
}
.loader.hidden {
display: none;
}
/* loader end */

.active-card img{
width: 65px !important;
}
.active-card{
top: -15px !important;
right: -13px !important;
position: absolute;
}

.user-registration-page ul.wpml-ls-sub-menu li.wpml-ls-item-en a span.wpml-ls-native {
    display: none;
}
.user-registration-error::before, .user-registration-info::before, .user-registration-message::before{
  display:inline-block;
}
.user-registration-message ul{
  display:inline-block;
}
.ur-frontend-form #ur-submit-message-node {
  margin: 20px 0 20px 0;
}
#user-registration .user-registration-error, #user-registration .user-registration-info, #user-registration .user-registration-message, #user-registration.horizontal .user-registration-error, #user-registration.horizontal .user-registration-info, #user-registration.horizontal .user-registration-message {
    margin-bottom: 16px !important;
}
#user-registration{
	margin: 10px 0px 30px;
}
.purchase-plan {
  width: 50% !important;
  /*height: 40px !important;
  position: absolute;
  left: 10px;
  bottom: 5px;*/
}
body.seleccionar-idioma .dropdown-toggle::after,body.seleccionar-plan .dropdown-toggle::after,body.payment .dropdown-toggle::after,body.gracias .dropdown-toggle::after {
	border-top: 0.3em solid #000;
}
.mysubscription-table {
	font-size: 14px;
}
.mysubscription-table.amount {
	text-align: right;
    padding-right: 25px;
}
#AmazonPayButton {
  margin-top:40px;text-align:left !important;
}
.return_home>li > a{
	color: #fff !important;
	font-weight: 700;
        margin: 0px 20px; 
}
.user-registration-form__label {
	display: flex !important;
}

.user-registration-form__label span {
	line-height: 17px !important;
}

.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.registration-fields{
	margin-bottom: 40px;
}

#payment_design_type_gatway img{
	width: 15px;
	margin-top: 2px;
	margin-left: 5px;
	cursor: pointer;
}
.modal_body_content{
	margin: 30px 0px;
}
#infoModal .modal-body{
	padding-top: 0px !important;
	text-align: justify;
	line-height: 1.5;
}
#infoModal .modal-body p{
	display: block;
	margin-bottom: 10px;
}
#infoModal .modal-body p span{
	color:#000000 ;
	margin-right: 5px;
	/*font-weight: bold;*/
}
#modalInfo{
	color:#000000 ;
	text-transform: uppercase;
}
.modal_body_content_head{
	margin-bottom: 15px;
}


.radio-btns {
    width: 270px;
}
.selectRadioSelect{   
	width: 100%;
    overflow-x: scroll;
    display: flex;
}
#get_started_already_user{
	margin-top: 25px;
}

.return_home.return_home_payment a{
	color: #000000 !important;
}

.terms-of-use .policy-term p b {
    color: #000000;
}

.footer-below-text{
	display: block;
	text-align: center;
}
.footer-below-text h3
 {
    float: left;
    width: 100%;
    font-size: 30px;
    line-height: 48px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 20px;
}
.privacy-policy .policy-term p b {
    color: #000000;
}
#deep-sec {
	width: 50%;
}