@font-face {
	font-family: 'Conv_Helvetica';
	src: url('../fonts/Helvetica.eot');
	src: local('☺'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Helvetica';
	src: url('../fonts/HelveticaLt.eot');
	src: local('☺'), url('../fonts/HelveticaLt.woff') format('woff'), url('../fonts/HelveticaLt.ttf') format('truetype'), url('../fonts/HelveticaLt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body{
	font-family: 'Conv_Helvetica',arial;
	font-size: 16px;
	color: #23086d;
	height:100%;
}

ul,ol{
	padding-left: 17px;
}
footer{
	background: rgba(12,45,159,0.9);
	background-size: 100% 100%;
	padding: 7rem 0 0;
}
header{
	background: #0c2d9f;
	position: relative;
	z-index: 99;
}
header .navbar{
	background: #0c2d9f;
	transition-duration: 1s;
	transition:all 1s ease;
}
header .navbar .navbar-nav .nav-link{
	color: #0d2ea0;
	text-align: center;
	line-height: 1.2;
	padding-left: 1rem;
	padding-right: 1rem;
}
header .navbar .navbar-nav .nav-link.active{
	color: #fff;
	background: #0d2ea0;
}

@keyframes updowneffect {
    0% {top: 0}
    30% {top: -10px}
    100% {top: 0}
}
@keyframes zoomEffect {
    0% {transform: scale(1, 1)}
    40% {transform: scale(1.1, 1.1)}
    100% {transform: scale(1, 1)}
}
@keyframes animarotate { 
    0% { 
        -webkit-transform: rotate(0); 
        transform:rotate(0); 
    } 
    25% { 
        -webkit-transform: rotate(-1deg); 
        transform:rotate(-1deg); 
    } 
    75% { 
        -webkit-transform: rotate(1deg); 
        transform:rotate(1deg); 
    } 
    100% { 
        -webkit-transform: rotate(0); 
        transform:rotate(0); 
    } 
}
@keyframes sway  {
    0% { transform: rotate(8deg); }
    50% { transform: rotate(-8deg); }
    100% { transform: rotate(8deg); }
}

.first-div{
	background: url(../images/banner-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	height: 280vh;
}

.second-div{
	background: url(../images/background-2.jpg), #ebebeb;
	/* background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: bottom; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.main-container{
	max-width: 80%;
	margin: 0 auto;
	position: relative;
}
.section-row-1 .mainbanner{
	position: absolute;
	top:30%;
	left:15%;
	z-index:101;
	padding-top:100px;
	width:50%;
	animation: 2s ease 0s normal none infinite running zoomEffect;
	-webkit-animation: 2s ease 0s normal none infinite running zoomEffect;
	-o-animation: 2s ease 0s normal none infinite running zoomEffect;
	-moz--o-animation: 2s ease 0s normal none infinite running zoomEffect;

}
.section-row-1 .touchngo{
	position: absolute;
	top: 0;
	left: 1rem;
	border:5px solid #0c2d9f;
	width: 136px;
	animation: 1s ease 0s normal none infinite running updowneffect;
	-webkit-animation: 1s ease 0s normal none infinite running updowneffect;
	-o-animation: 1s ease 0s normal none infinite running updowneffect;
	-moz--o-animation: 1s ease 0s normal none infinite running updowneffect;
}
.section-row-1 .qrcode{
	width: 120px;
}

.section-row-1 .scan-desc{
	background-color: #0c2d9f;
	width:140px;
	position: absolute;
	padding-top: 20px;
	top:5rem;
	left: 3rem;
	z-index:100;
	padding-left: 10px;
	padding-right: 10px;
	color:white;
	border-radius:5px;
	font-size: 14px;
	animation: 1s ease 0s normal none infinite running updowneffect;
	-webkit-animation: 1s ease 0s normal none infinite running updowneffect;
	-o-animation: 1s ease 0s normal none infinite running updowneffect;
	-moz--o-animation: 1s ease 0s normal none infinite running updowneffect;
} 
.section-row-1 .tnc{
	position: absolute;
	bottom: 0;
	right: 1rem;
	color: #fff;
}
.section-row-3 h5{
	display: inline-block;
}
.section-row-3 h5:after{
	content: "";
	background: #145A59;
	display: block;
	height: 3px;
	margin-top: 5px;
}
.section-row-4{
	height: calc(100vh - 67px - 16px);
}
.step-wrapepr{
	padding: 2rem 0;
}
.stepbox{
	background: #145A59;
	padding: 1rem 1rem 1rem 0;
    border-radius: 16px;
}
.stepbox b{
	font-size: 14px;
}
.stepbox .step-banner{
    flex: 0 0 auto;
    width: 120px
}
.stepbox .step-banner img{
    margin-top: -2rem;
    margin-bottom: -2rem;
    margin-left: -1rem;
}

#popupform .modal-content{
	background: #ffefda;
	background-size: cover;
	background-position: top center;
}

@keyframes shadowanimate { 
    0% { 
    	box-shadow: 0 0 8px 3px #03bdf2;
    } 
    10% { 
        box-shadow: 0 0 10px 3px #03bdf2;
    } 
    20% { 
        box-shadow: 0 0 12px 3px #03bdf2;
    }  
    30% { 
        box-shadow: 0 0 14px 3px #03bdf2;
    } 
    40% { 
        box-shadow: 0 0 16px 3px #03bdf2;
    }
    50% { 
        box-shadow: 0 0 18px 3px #03bdf2;
    }
    60% { 
        box-shadow: 0 0 16px 3px #03bdf2;
    }
    70% { 
        box-shadow: 0 0 14px 3px #03bdf2;
    }
    80% { 
        box-shadow: 0 0 12px 3px #03bdf2;
    }
    90% { 
        box-shadow: 0 0 10px 3px #03bdf2;
    }
    100% { 
        box-shadow: 0 0 8px 3px #03bdf2;
    } 
}
.btn-registernow{
    position: fixed;
    z-index: 99;
    bottom: 31px;
    right: 31px;
    border: 3px solid #fff;
    box-shadow: 0 0 8px 3px #03bdf2;
    background: rgba(12,45,159,0.9);

    font-size: 24px;
    line-height: 1.1;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    width: 130px;
    height: 130px;
    text-align: center;
    border-radius: 50%;

	animation: 3s ease 0s normal none infinite running shadowanimate;
	-webkit-animation: 3s ease 0s normal none infinite running shadowanimate;
	-o-animation: 3s ease 0s normal none infinite running shadowanimate;
	-moz--o-animation: 3s ease 0s normal none infinite running shadowanimate;
}

.form-control{
	background: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	line-height: 40px;
    line-height: 1;
	padding: 5px 0;
	color: #3f0c0c;
	font-size: 12px;
}
.form-control:focus,
.form-control:active,
.form-control:focus{
	background: none;
	box-shadow: none;
	color: #3f0c0c;
	border-color: #e3be61;
}
.form-control option{
	color: #000;
}
.form-control.error{
	border-color: #f45e5e;
}
label.error{
	color: #f45e5e;
}

.btn-primary{
    border-radius: 58px;
    background: #14145a;
    border-color: #145A59;
    font-size: 14px;
    line-height: 58px;
    height: 58px;
    min-width: 220px;
    padding: 0;
}

.left-border{
	border-left: 1.5px solid #f67e1b;
}

@media only screen and (max-width: 991px) {
	.step-wrapepr .stepbox{
		margin-bottom: 2rem;
	}
	.step-wrapepr .col-lg-4:last-child .stepbox{
		margin-bottom: 0;
	}
	.section-row-1 .mainbanner{
		position: absolute;
		top: 150px;
		left: 100px;
		z-index:101;
		width:50%;
		
	}
	.first-div{
		background: url(../images/banner-01.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position-x: center;

	}

	.btn-registernow{
		width: calc(100% - 30px);
		height: auto;
		right: 15px;
		border-radius: 40px;
		padding-top: 8px;
		padding-bottom: 8px;
    	font-size: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.section-row-1 .qrcode{
		width: 100px;
	}
	.left-border{
		border-left: 1.5px solid #f67e1b00;
	}
	.section-row-1 .scan-desc{
		background-color: #0c2d9f;
		width:120px;
		position: absolute;
		padding-top: 5px;
		top:2.5rem;
		left: 3rem;
		z-index:100;
		padding-left: 10px;
		padding-right: 10px;
		color:white;
		border-radius:5px;
	} 
	.section-row-1 .mainbanner{
		position: absolute;
		top: 80px;
		left: 50px;
		z-index:100;
		width:50%;
	}
	.first-div{
		background: url(../images/banner-01.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-x: center;
		height: 80vh;
	}
	h5{
		font-size: 12px;
	}
}
@media only screen and (max-width: 480px) {
	.section-row-1 .touchngo{
	    width: 15%;
	    right: 12%;
	}
	h5{
		font-size: 12px;
	}
	.left-border{
		border-left: 1.5px solid #f67e1b00;
	}
}

.tnc{
	color:#58595b;
}

.zoom-effect {
	animation: 2s ease 0s normal none infinite running sway;
	-webkit-animation: 2s ease 0s normal none infinite running sway;
	-o-animation: 2s ease 0s normal none infinite running sway;
	-moz--o-animation: 2s ease 0s normal none infinite running sway;
}


/*
blue 
#222fa0;

tnc grey