@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('fonts/Poppins-SemiBold.ttf')  format('opentype'),url('fonts/Poppins-SemiBold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
#logo {
    border-right: 0px solid #e0e0e0!important;
}

button.button.full-width.button-sliding-icon.ripple-effect.margin-top-10 {
    background: #C70000!important;
}
/*workaround*/
.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
input[type="email"]:focus{
    border: 1px solid #e66b6b;
    box-shadow: 0 1px 4px 0px rgb(222 113 113 / 5%);
}
input[type="file"] {
	display: none;
}
.custom-file-upload {
	background: #4ea2f1 none repeat scroll 0 0;
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
}
.remomgo.todpp {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border-radius: 15px;
    bottom: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 11111;
}
.remomgo.todpp img {
    border: 0 none;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}
#header-container {
  position: absolute;
  top: 0px;
  background: #f7f7f7;
  background-blend-mode: normal;
  box-shadow: 0px 2px 314px rgba(0,0,0,0.27);
}
#logo {
  background-blend-mode: normal;
  color: #212121;
  font-family: Poppins-SemiBold;
  font-size: 20.36px;
  font-weight: 600;
  line-height: 82.8375px;
  letter-spacing: 3px;
}

#footer {
  background-blend-mode: normal;
  box-shadow: 0px 2px 314px rgba(0,0,0,0.27);
}
.login-register-page {
    padding: 20px;
}
.btn-group.optionbutton{
  border-radius: 185px!important;
  border: 5px  #979797;
  background: #ededed;
  background-blend-mode: normal;
  padding: 4px;
}
.btn.monthly{
  color: #666666;
  font-family: Poppins-SemiBold;
  font-size: 15px;
}
label.btn.monthly.active {
	  border-radius: 175px!important;
	  background: #000c24;
	  background-blend-mode: normal;
	  color:#fff;
}

.paymentrow {
    line-height: 70px;
    margin: 0 0 16px 0;
    max-width: 100%;
    width: 100%;
    display: block;
	border-radius: 20px;
	  border: 1px  #979797;
	  background: #f7f7f7;
	  background-blend-mode: normal;
}
#wrapper {
    padding-top: 82px;
    overflow-x: hidden;
}

.paytext {
  padding: 15px 2px 0px 25px;
}
.paytext h4 {
    text-align: left;
    line-height: 15px;
	font-weight: 600;
}

.paytext p {
    text-align: left;
    padding: 10px 0px 0px 0px;
}
.paytextprice p {
    line-height: 30px;
	padding: 0px 0px 0px 10px;
	font-weight: 600;
	text-align: left;
}

.paytextpriceyearlly {
	padding: 5px 2px 0px 25px;
	text-align: left;
}
.paytextpriceyearlly h4 {
  line-height: 15px;
  font-weight: 600;
}
.paytextpriceyearlly p {
    line-height: 30px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

label.btn.paymentrow.active ,label.btn.paymentrow.active h4{
    background-color: #000;
    color: #fff;
}



@media (max-width: 480px) {
	.login-register-page {
		padding: 0px;
	}
	.welcome-text span {
	  line-height: 15px;
	}
	.paytext p {
	  line-height: 20px;
	  padding: 15px 0px 0px 0px;
	  width: 95%;
	  text-align: justify;
	  white-space: pre-wrap;
	}
	.paytextprice {
	  padding: 0px 0px 0px 25px;
	}
	.paytextprice p {
		position: relative;
		line-height: 20px;
		padding: 0px;
		text-align: left;
	}

	.paytextpriceyearlly p:first-of-type {
		line-height: 15px;
		text-align: left;
		margin-top: 5px;
		font-weight: 600;
		width: 40%;
		float: left;
		margin-left: 23px;
	}

	.paytextpriceyearlly p:nth-child(2) {
		line-height: 15px;
		text-align: right;
		margin-top: 5px;
		font-weight: 600;
		width: 60%;
	}
	.paymentrow {
		height: auto;
		border-radius: 18px;
	}
	label.btn.paymentrow h4 {
		color: #000;
		border-radius: 18px;
	}
	.img-div{display:none; }

}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
  .login-register-page {
		padding: 0px;
	}

	.paytextprice p {
		position: relative;
		bottom: 40px;
		left: 80px;
		line-height: 0px;
		padding: 0px;
	}

	.paytextpriceyearlly p:first-of-type {
		line-height: 15px;
		text-align: left;
		margin-top: 5px;
		font-weight: 600;
		width: 40%;
		float: left;
		margin-left: 23px;
	}

	.paytextpriceyearlly p:nth-child(2) {
		line-height: 15px;
		text-align: right;
		margin-top: 5px;
		font-weight: 600;
		width: 60%;
	}
	.paymentrow {
		height: auto;
		border-radius: 18px;
	}
	label.btn.paymentrow h4 {
		color: #000;
		border-radius: 18px;
	}
	.img-div{display:none; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 896px) {
  .login-register-page {
		padding: 0px;
	}

	.paytextprice p {
		position: relative;
		top: 16px;
		left: 0px;
		line-height: 0px;
		padding: 0px;
	}

	.paytextpriceyearlly p {
		line-height: 15px;
		text-align: right;
		margin-top: 5px;
		font-weight: 600;
	}


	.paymentrow {
		height: auto;
		border-radius: 18px;
	}
	label.btn.paymentrow h4 {
		color: #000;
		border-radius: 18px;
	}
	.img-div{display:none; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .login-register-page {
		padding: 0px;
	}

	.paytextprice p {
		position: relative;
		top: 16px;
		left: 0px;
		line-height: 0px;
		padding: 0px;
	}

	.paytextpriceyearlly p {
		line-height: 15px;
		text-align: right;
		margin-top: 5px;
		font-weight: 600;
	}


	.paymentrow {
		height: auto;
		border-radius: 18px;
	}
	label.btn.paymentrow h4 {
		color: #000;
		border-radius: 18px;
	}
	.img-div{display:none; }
}