@font-face {
  font-family: 'Ophelia';
  src: url('../fonts/Ophelia.ttf');
}
.register-main .header-top{
	background: #adc637;
}
.register-main .top-right-header a{
	color: #000;
}
.register-form{
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.register-form .list-group-item{
	background: transparent;
	border: none !important;
}
.register-form .submit-btn{
	margin-bottom: 0px;
	background: #1564db;
}
.register-box{
	max-width: 750px;
	margin: 0px auto;
}
.register-top-texts{
	padding-left: 50px;
	margin-bottom: 20px;
}
.register-top-texts h3{
	font-family: 'Ophelia';
	font-weight: 700;
    font-size: 70px;
    color: #000;
	line-height: 1em;
	margin-top: 10px;
}
.register-top-texts h4{
	font-family: 'Ophelia';
	font-weight: 700;
    font-size: 38px;
    color: #000;
	margin-bottom: 0px;
	line-height: 1em;
}
.register-top-texts .quill-image{
	background: url('../img/quill.png');
	width: 100%;
    height: 280px;
    margin-top: -35px;
    margin-left: -29px;
	background-size: cover;
	position: absolute;
}
.register-form .form-control{
	border-bottom: 1px solid #ddd !important;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 30px;
	padding-left: 1px;
}
.register-form .form-group label{
	font-size: 20px;
	margin-bottom: 12px;
}
.register-form .form-group label .red-star{
	color: #f00;
	font-size: 26px;
	line-height: 16px;
}
.register-form .form-group label .red-star sup{
	top: 2px;
	margin-left: 2px;
}
.register-form .content-header{
	height: auto;
	line-height: 24px;
	margin-bottom: 30px;
}
.register-form .content-header p{
	line-height: 24px;
	margin-bottom: 7px;
	font-size: 20px;
	color: #000;
}
.register-form .content-header p sup{
	font-size: 30px;
    top: -5px;
	margin-right: 3px;
}
.register-form .content-header span{
	font-size: 15px;
	color: #f00;
	margin-top: 30px;
	display: block;
}
.register-form .content-header span sup{
	font-size: 20px;
    top: 2px;
    margin-right: 3px;
}
.register-footer .social-section{
	background: #adc637;
	padding: 0px;
}
.register-footer .footer-widget-section{
	border: none;
}
.register-footer .footer {
    background: #adc637;
}
.register-footer .footer-top-text h3{
	font-family: 'Ophelia';
	font-weight: 700;
	font-size: 44px;
	color: #000;
	line-height: 1.3em;
}
.register-footer .footer-widget-section{
	background: #adc637;
}
.register-footer .footer-box{
	max-width: 500px;
    margin: auto;
}
.register-footer .icon-circle-box-white{
	padding: 12px;
    border-radius: 100%;
    text-align: center;
    vertical-align: 12px;
    width: 50px;
    line-height: 25px;
    margin: 0 15px;
    color: #afc839 !important;
	background: #fff !important;
}
#register-footer-middle .social-icon .fa-facebook{
	background: #fff;
	color: #afc839 !important;
}
#register-footer-bottom p{
	margin-bottom: 0px;
	color: #111;
	font-size: 18px;
	padding: 15px 20px;
	
}
#register-footer-bottom h4{
	margin-bottom: 0px;
	font-size: 26px;
	color: #000;
	font-weight: 800;
	padding-bottom: 35px;
}



/*** SKU Hover Design ***/
.sku {
  	position: absolute;
	display: inline-block;
  	margin: 0 3px;
  	cursor: pointer;
  	transition: 0.2s;
	color: #1691d9;
}

.sku-tooltip {
  	position: absolute;
  	top: 0px;
  	left: 50px;
  	padding: 0px;
	min-width: 275px;
	height: auto;
  	background-color: #f9f9f9;
  	border: 1px solid #ccc;
  	border-radius: 10px;
  	visibility: hidden;
  	opacity: 0;
  	transform: translateY(-10px);
  	transition: 0.5s;
	z-index: 999;
}
.sku-tooltip img {
  	width: 275px;
 	height: auto;
  	object-fit: cover;
	z-index: 999;
}

.sku:hover .sku-tooltip,
.sku:focus .sku-tooltip{
	visibility: visible;
  	opacity: 1;
  	transform: translateX(-15%) translateY(0px);
	z-index: 999;
}

@media (max-width: 768px){
	.register-top-texts .quill-image{
		margin-top: 50px;
		height: 250px;
		margin-left: -40px;
	}
}
@media (max-width: 500px){
	.register-top-texts h3{
		font-size: 40px;
	}
	.register-top-texts h4{
		font-size: 18px;
	}
	.register-top-texts .quill-image{
		width: 100%;
    	height: 145px;
		margin-top: 45px;
	}
	.sku-tooltip{
		top: 40px;
   		left: -75px;
	}
	.register-top-texts{
		padding-left: 10px;
	}
}
@media (max-width: 400px){
	.sku-tooltip{
   		left: -100px;
	}
}
@media (max-width: 360px){
	.sku-tooltip{
   		left: -150px;
	}
	.register-top-texts .quill-image{
		height: 115px;
    	margin-top: 95px;
	}
}