@font-face {
	font-family: Gilroy Regular;
	src: url('../fonts/Gilroy-Regular.otf') format('opentype');
}

@font-face {
	font-family: Gilroy SemiBold;
	src: url('../fonts/Gilroy-SemiBold.otf') format('opentype');
}

@font-face {
	font-family: Gilroy Bold;
	src: url('../fonts/Gilroy-Bold.otf') format('opentype');
}

@font-face {
	font-family: Gilroy Medium;
	src: url('../fonts/Gilroy-Medium.otf') format('opentype');
}




/* Basic css */

body {
	font-family: 'Gilroy Regular', sans-serif!important;
	overflow-x: hidden;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

a,
button,
input,
textarea {
	text-decoration: none !important;
	outline: none !important;
}
/*
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
}

::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 50px;
}
*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.animated {
	opacity: 0;
}

.visible {
	opacity: 1;
}


/* 2. Navigation Css */


/* Navbar Css */

.navbar {
	border: none;
		-webkit-transition: 0.6s all ease-in-out;
	-moz-transition: 0.6s all ease-in-out;
	-ms-transition: 0.6s all ease-in-out;
	-o-transition: 0.6s all ease-in-out;
	transition: 0.6s all ease-in-out;
	background: transparent;
	border: none;
	color: #4e4e4e;
	font-size: 15px;
	border: none;
	margin: 0px auto;
	    padding: 50px 280px;
}


.navbar-brand {
	background-image: url('../images/logo.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 158px;
}

.toggle-menu li a {
	position: relative;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 16px;
    letter-spacing: 2px;
	padding: 5px 0px 5px 55px;
		-webkit-transition: 0.6s all ease-in-out;
	-moz-transition: 0.6s all ease-in-out;
	-ms-transition: 0.6s all ease-in-out;
	-o-transition: 0.6s all ease-in-out;
	transition: 0.6s all ease-in-out;
	
}



.navbar-default .navbar-nav>li>a:hover {
	color: #57ffff!important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #00dd85!important;
}

.navbar-default .navbar-nav li:active {
	color: #00dd85!important;
}

.navbar-default .navbar-toggle {
	border-color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	color: #00dd85!important;
	background-color: transparent;
}

.nav-white {
	background-color: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	padding: 15px 280px;
}

.nav-white .navbar-nav>li>a {
	color: #0b2240;
	    padding: 15px 0px 15px 55px;
}

.nav-white .navbar-brand {
	background-image: url(../images/logo.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 158px;
}

.nav-white .navbar-nav>.active>a,
.nav-white .navbar-nav>li>a:focus,
.nav-white .navbar-nav>li>a:hover {
	color: #00dd85!important;
}

.navbar-brand {
	opacity: 0;
	-webkit-transform: translate(0px, -15px);
	transform: translate(0px, -15px);
	display: flex;
	align-items: center;
}

.navbar-brand.animate {
	opacity: 1!important;
	-webkit-animation: logo-anim 1s forwards;
	animation: logo-anim 1s forwards;
}

.navbar-nav li.animate {
	-webkit-animation: nav-anim 1s forwards;
	animation: nav-anim 1s forwards;
}

.navbar-nav li {
	-webkit-transform: translate(0px, -75px);
	transform: translate(0px, -75px);
	opacity: 0;
}

.navbar-nav li.animate:nth-of-type(1) {
	animation-delay: .2s;
	opacity: 1!important;
}

.navbar-nav li.animate:nth-of-type(2) {
	animation-delay: .3s;
	opacity: 1!important;
}

.navbar-nav li:nth-of-type(3) {
	animation-delay: .4s;
	opacity: 1!important;
}

.navbar-nav li:nth-of-type(4) {
	animation-delay: .5s;
	opacity: 1!important;
}

.navbar-nav li:nth-of-type(5) {
	animation-delay: .6s;
	opacity: 1!important;
}

.navbar-nav li:nth-of-type(6) {
	animation-delay: .7s;
	opacity: 1!important;
}

.navbar-nav li:nth-of-type(7) {
	animation-delay: .8s;
	opacity: 1!important;
}
.hero-inner,.form-inner,.about-left,.about-list li:nth-child(1),.about-list li:nth-child(2),.about-list li:nth-child(3){
	opacity:0;
}
.hero-inner.animate,.form-inner.animate,.about-left.animate,.about-list li:nth-child(1).animate,.about-list li:nth-child(2).animate,.about-list li:nth-child(3).animate{
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: 0.6s all ease;
	-moz-transition: 0.6s all ease;
	-ms-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	opacity:1;
}
.about-left.animate,.about-list li:nth-child(1) .about-img.animate,.about-list li:nth-child(2) .about-img.animate,.about-list li:nth-child(3) .about-img.animate{
	animation-delay: 3s;
}
@-webkit-keyframes nav-anim {
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes logo-anim {
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.background-svg {
	position: relative;
}

.svg-box {
	position: absolute;
	overflow: visible;
	width: 100vw;
	height: 70vh;
	z-index: -99;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	transition: 0.5s all ease-in-out;
}

.svg-box.animate {
	opacity: 1;
	transform: scale(1);
}

.d-white {
	opacity: 0;
}

.d-white.animate {
	opacity: 1;
}

.d-white .rect {
	height: 0;
	transition: height .5s ease-out;
	overflow: hidden;
}

.d-white.animate .rect {
	opacity: 1;
	height: 500px;
	transition: max-height .5s ease-in;
}

.svg-box svg {}

.landing-home {
	text-align: center;
	color: #fff;
	height: 100vh;
	padding-top: 21vh;
}
.landing-home .container{
	
    width: 1370px;

}
.hero-inner{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.hero-left{
	text-align:left;
}
.hero-left h3{
	    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
	padding-bottom:15px;

}
.hero-left{
	width:45%;
}
.hero-right{
	width:65%;
}
.bg-image-container svg {
	height: 750px;
	transform: translateY(10%);
}
.hero-left h1{
	font-size: 40px;
    color: #00dd85;
    font-family: Gilroy Bold;
    letter-spacing: 3px;
    text-transform: uppercase;
	padding-bottom:50px;
}
.hero-left p{
	    font-size: 15px;
    color: #fff;
    letter-spacing: 1.5px;
    font-weight: 400;
	padding-bottom:60px;
}
.btn-reg{
	 width: 180px;
    height: 50px;
	line-height:50px;
	padding:15px;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00dd85;
	color: #fff;
	font-family:Gilroy Semibold;
    font-size: 17px;
    letter-spacing: 2px;
    border-radius: 25px;
    moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.btn-reg:hover,.btn-reg:focus{
	box-shadow: 0px 3px 20px 0px rgba(0, 221, 133, 0.6);
	color: #fff;
}



/* -------------- About  css ------------------ */

#about {
	position: relative;
}


.about-main-container{
	padding:180px 0 100px;
}
.about-inner {
	display: flex;
	justify-content: space-between;
	align-items:center;
	
}
.about-left{
	width:50%;
}
.about-right{
	width:47%;
}
.about-list li{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding-bottom:70px;
}
.about-list li:last-child{
	padding-bottom:0px;
}

.about-list li .about-img{
	width:20%;
	
}
.about-list li .about-img img{
	box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.5); 
	border-radius:50%;
}
.about-list li .about-detail{
	width:75%;
}
.about-detail h3{
	font-size: 17px;
    color: #222e40;
    font-family: Gilroy Bold;
    letter-spacing: 0.5px;
    text-transform: capitalize;
	margin-bottom: 15px;

}
.about-detail p{
	font-size: 15px;
    color: #222e40;
	font-weight:500;
}

/*service css*/
.service-main-container{
	
	
	padding:0px 0px 20px;
	position:relative;
	
	
}
.service-main-container:after{
	position:absolute;
	top:20%;
	left:0;
	right:0;
	bottom:0;
	content:'';
	background: url(../images/serv-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100% ;
	z-index:-1;
	
	
}
/*-webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);*/
.heading h4{
	font-size:24px;
	color:#222e40;
	font-family:Gilroy Bold;
	text-transform:capitalize;
	letter-spacing:1px;
}
.heading p{
	font-size: 15px;
    color: #222e40;;
    font-weight: 400;
    letter-spacing: 0.5px;
	padding-top:30px;
}

.service-list{
	display: flex;
    flex-wrap: wrap;
       padding: 100px 40px 80px;
    margin: 0;
    justify-content: space-around;
    
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -ms-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    transition: 0.6s all ease;
}
.service-list li {
        width: 313px;
    padding: 30px;
    border-radius: 6px;
    color: #fff;
    height: 313px;
    margin: 40px 0 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}
   .service-list li:nth-of-type(3), .service-list li:nth-of-type(6){ 
		transform: translate(0, -28%);
   }
   .service-list li:nth-of-type(2), .service-list li:nth-of-type(5){ 
		transform: translate(0, -14%);
   }
.service-list li:nth-of-type(1){
	background: -moz-linear-gradient(105deg, rgba(94,48,170,1) 0%, rgba(144,94,226,1) 100%); /* ff3.6+ */
	background: -webkit-linear-gradient(105deg, rgba(94,48,170,1) 0%, rgba(144,94,226,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(105deg, rgba(94,48,170,1) 0%, rgba(144,94,226,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(105deg, rgba(94,48,170,1) 0%, rgba(144,94,226,1) 100%); /* ie10+ */
	background: linear-gradient(105deg, rgba(94,48,170,1) 0%, rgba(144,94,226,1) 100%); /* w3c */
}
.service-list li:nth-of-type(2){
	background: -moz-linear-gradient(105deg, rgba(242,78,158,1) 0%, rgba(253,140,193,1) 100%); /* ff3.6+ */
	background: -webkit-linear-gradient(105deg, rgba(242,78,158,1) 0%, rgba(253,140,193,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(105deg, rgba(242,78,158,1) 0%, rgba(253,140,193,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(105deg, rgba(242,78,158,1) 0%, rgba(253,140,193,1) 100%); /* ie10+ */
	background: linear-gradient(105deg, rgba(242,78,158,1) 0%, rgba(253,140,193,1) 100%); /* w3c */
}
.service-list li:nth-of-type(3) {
	
	background-image: -moz-linear-gradient( 105deg, rgb(255,180,0) 0%, rgb(255, 206, 35) 100%);
	background-image: -webkit-linear-gradient( 105deg, rgb(255,180,0) 0%, rgb(255, 206, 35) 100%);
	background-image: -ms-linear-gradient( 105deg, rgb(255,180,0) 0%, rgb(255, 206, 35) 100%);
}
.service-list li:nth-of-type(4){
	background-image: -moz-linear-gradient( 105deg, rgb(109, 201, 254) 0%, rgb(29, 146, 246) 100%);
	background-image: -webkit-linear-gradient( 105deg, rgb(109, 201, 254) 0%, rgb(29, 146, 246) 100%);
	background-image: -ms-linear-gradient( 105deg, rgb(109, 201, 254) 0%, rgb(29, 146, 246) 100%);
	
}
.service-list li:nth-of-type(5){
	background-image: -moz-linear-gradient( 105deg, rgb(46, 194, 53) 0%, rgb(57,223,127) 100%);
	background-image: -webkit-linear-gradient( 105deg, rgb(46, 194, 53) 0%, rgb(57,223,127) 100%);
	background-image: -ms-linear-gradient( 105deg, rgb(46, 194, 53) 0%, rgb(57,223,127) 100%);
	
}
.service-list li:nth-of-type(6){
	background-image: -moz-linear-gradient( 105deg, rgb(232,166,203) 0%, rgb(241,0,185) 100%);
	background-image: -webkit-linear-gradient( 105deg, rgb(232,166,203) 0%, rgb(241,0,185) 100%);
	background-image: -ms-linear-gradient( 105deg, rgb(232,166,203) 0%, rgb(241,0,185) 100%);
	
}

.service-list li h5 {
    font-size: 18px;
    font-family: Gilroy Semibold;
    letter-spacing: 1px;
}
.service-list li p {
    line-height: 22px;
    margin: 0;
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0.5px;
}

.footer-b {
	padding: 70px 0px;
}

.footer-b {
	background: -moz-linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%); /* ff3.6+ */
background: -webkit-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%); /* ie10+ */
background: linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%); /* w3c */

}

.foot-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.foot-top-left {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.foot-top-left p {
	font-size: 14px;
	color: #fff;
	    margin: 30px 0px 15px;
	line-height: 25px;
	letter-spacing: 1px;
	font-weight: 500;
}

.post-entry-share {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.post-share {
	display: flex;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	text-align: center;
	color: rgba(32, 34, 42, .55);
	font-size: 20px;
	margin-right: 25px;
	transition: all 0.6s ease-in-out;
}

.post-share .fa {
	transition: all 0.4s ease-in-out;
}
.copy-right{
	font-size:14px;
	color:#fff;
	font-family:Gilroy SemiBold;
	letter-spacing:0.5px;
}

.foot-top-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	
	flex-wrap: wrap;
}
.foot-list-bold{
	  margin-bottom: 25px !important;
}
.foot-list-bold a{
	    color: #fff;
    font-size: 16px!important;
    text-transform: capitalize;
  border-bottom:1px solid #e63373;
    font-family: Gilroy Bold!important;
    letter-spacing: 1px!important;
	position:relative;
	padding-bottom:5px;
}
.foot-list-bold a:hover{
	color:#fff!important;
}
.foot-top-left {
	width: calc(35% - 0px);
}
.foot-links{
	width:calc(55% - 0px);
	display:flex;
	justify-content:space-between;
}

.foot-top-right ul li {
	margin-bottom: 12px;
}

.foot-top-right ul li a {
	color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.4s ease-in-out;
    line-height: 30px;
}

.foot-top-right ul li p {
	color: rgba(32, 34, 42, .55);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: all 0.4s ease-in-out;
	line-height: 29px;
}

.foot-top-right ul li a:hover,
.foot-info a:hover {
	color: #28b2a6;
}

.foot-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 2px solid rgba(0, 0, 0, 0.03);
	padding: 30px 0px;
	font-size: 16px;
	color: #20222a;
	font-weight: 600px;
}

.f_d {
	display: flex;
	justify-content: center;
	align-items: center;
}

.foo-d {
	margin-left: 40px;
}

.foot-info a {
	font-size: 16px;
	color: #20222a;
	font-weight: 600px;
	transition: all 0.4s ease;
}
/*login page*/
.form-main-container{
	padding-bottom:90px;
}
.login-home {
    color: #fff;
    padding-top: 20vh;
	text-align:center;
}
.form-inner {
    width: 725px;
    margin: auto;
    position: relative;
}
.login-form {
    background: #fff;
    border-radius: 6px;
	position:relative;
	
}
.login-form:before{
	content:'';
	box-shadow: -5px -96px 81px 0px rgba(0, 0, 0, 0.2); 
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:480px;
	z-index: -1;
}
.login-form form {
    padding: 40px 75px;
}
.form-heading{
	    color: #222e40;
    font-size: 20px;
    font-family: Gilroy Bold;
    letter-spacing: 1px;
	padding-bottom:35px;
}
.login-form .form-group {
    width: 100%;
	    text-align: left;
}
.form-group {
    margin-bottom: 35px;
}
.login-form label {
        font-size: 14px;
    color: #919191;
    font-weight:600;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.login-form .form-control,.login-form textarea {
   display: block;
    width: 100%;
    height: 60px;
    padding: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    color: #b0b1b3;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
	letter-spacing:0.5px;
    box-shadow: none;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.login-form textarea {
	height:100%;
	resize:none;
	    padding: 10px 25px;
}
.login-form textarea::-webkit-input-placeholder {
	color: #b0b1b3;
	font-size: 14px;
	font-weight: 500;
}
.login-form input::-webkit-input-placeholder {
	color: #b0b1b3;
	font-size: 14px;
	font-weight: 500;
}

.login-form input::-moz-placeholder {
	color: #b0b1b3;
	font-size: 14px;
	font-weight: 500;
}

.login-form input:-ms-input-placeholder {
	color: #b0b1b3;
	font-size: 14px;
	font-weight: 500;
}

.login-form input:-moz-placeholder {
	color: #b0b1b3;
	font-size: 14px;
	font-weight: 500;
}
.checkbox-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    color: #8a8a8a;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
}
.checkbox-container label, .radio label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox-box input[type="checkbox"] {
	display: none;
}

.checkbox-box input[type="checkbox"]:checked+.checkbox-content::before {
	border: 6px solid #397aff;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
}

.checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    color: #b0b1b3;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
		transition:all .6s ease-in-out;
}
.checkbox label:hover{
	color: #4c3678;
}
[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
	    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 4px;
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
	content: '✔';
	position: absolute;
	top: 0px;
	left: 3px;
	font-size: 20px;
	line-height: 0.8;
	color: #4c3678;
	transition: all .2s;
}

[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"](:checked)+label::after {
	opacity: 1!important;
	transform: scale(1)!important;
}

.rem-me {
	color: #808489;
	font-size: 16px;
	font-weight: 500;
}

.checkbox-box .checkbox-content {
	display: flex;
	align-items: center;
	font-weight: 300;
	color: #8d8c8c;
}
.psw a{
	    font-size: 14px;
    color: #b0b1b3;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
	transition:all .6s ease-in-out;
	cursor:pointer;
}
.psw a:hover{
	color: #4c3678;
}
.f-btn{
	padding-top:45px;
}
.form-btn{
	    width: 180px;
    height: 50px;
       margin: 0px auto;
    padding: 10px;
    display: flex;
	border:none;
    justify-content: center;
    align-items: center;
    background: #4c3678;
    color: #ffffff;
    font-family: Gilroy Semibold;
    font-size: 17px;
    letter-spacing: 2px;
    border-radius: 25px;
    moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.form-btn:hover{
	box-shadow: 0px 3px 20px 0px rgba(76, 54, 120, 0.6);
}
.hero-right-svg svg{
	overflow:visible;
}
.abt-ring{
	animation: roundring 12s infinite linear;
	-webkit-transition: 0.6s all ease;
	-moz-transition: 0.6s all ease;
	-ms-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	transform-box: fill-box;
	transform-origin: center;
	
}
@keyframes roundring {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.lady-hand{
	animation: ladyhand 8s infinite linear;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}
@keyframes ladyhand {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-15deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}
.lady-hand1{
	animation: ladyhand1 8s infinite linear;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}
@keyframes ladyhand1 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-10deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}
.move-hand {
	animation: roundanimate2 8s infinite linear;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}

@keyframes roundanimate2 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-15deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}
 .move-hand2 {
	animation: move 6s infinite linear;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}

@keyframes move {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-12deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}
.move-hand3 {
	animation: move1 6s infinite linear;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}

@keyframes move1 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(12deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}
.leaf2 {
	animation: roundanimate3 6s infinite linear;
	-webkit-transition: 0.6s all ease;
	-moz-transition: 0.6s all ease;
	-ms-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}

@keyframes roundanimate3 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(7deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.leaf,.leaf3 {
	animation: roundanimate4 6s infinite linear;
	-webkit-transition: 0.6s all ease;
	-moz-transition: 0.6s all ease;
	-ms-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 1s linear;
}

@keyframes roundanimate4 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-3deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.dot1,
.dot2,
.dot3 {
	opacity: 0;
	-o-animation: dotanimation 5s ease 7s infinite;
	-moz-animation: dotanimation 5s ease 7s infinite;
	-webkit-animation: dotanimation 5s ease 7s infinite;
	animation: dotanimation 5s ease 7s infinite;
	animation-timing-function: ease-in-out;
}

.dot1
{
	-o-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.dot2
{
	-o-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.dot3
 {
	-o-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

@-webkit-keyframes dotanimation {
	0% {
		opacity: 1;
	}
	25% {
		opactiy: 0.8;
	}
	50% {
		opactiy: 0.4;
	}
	75% {
		opactiy: 0.8;
	}
	100% {
		opactiy: 1;
	}
}
.h-c-d1,
.h-c-d2,
.h-c-d3,
.h-c-l1,
.m-r-c-l1-c,
.h-c-l2,
.m-r-c-l2-c,
.h-c-l3,
.m-r-c-l3-c {
	opacity: 0;
	-o-animation: wifianimation 5s ease 7s infinite;
	-moz-animation: wifianimation 5s ease 7s infinite;
	-webkit-animation: wifianimation 5s ease 7s infinite;
	animation: wifianimation 5s ease 7s infinite;
	animation-timing-function: ease-in-out;
}

.h-c-d1 {
	-o-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

.h-c-l1 {
	-o-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}

.m-r-c-l1-c {
	-o-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.h-c-d2 {
	-o-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.h-c-l2 {
	-o-animation-delay: 1400ms;
	-moz-animation-delay: 1400ms;
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms;
}

.m-r-c-l2-c {
	-o-animation-delay: 1600ms;
	-moz-animation-delay: 1600ms;
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}

.h-c-d3 {
	-o-animation-delay: 1800ms;
	-moz-animation-delay: 1800ms;
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
}

.h-c-l3 {
	-o-animation-delay: 2000ms;
	-moz-animation-delay: 2000ms;
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}

.m-r-c-l3-c {
	-o-animation-delay: 2200ms;
	-moz-animation-delay: 2200ms;
	-webkit-animation-delay: 2200ms;
	animation-delay: 2200ms;
}

@-webkit-keyframes wifianimation {
	0% {
		opacity: 1;
	}
	25% {
		opactiy: 0.8;
	}
	50% {
		opactiy: 0.4;
	}
	75% {
		opactiy: 0.8;
	}
	100% {
		opactiy: 1;
	}
}
.serv-svg{display: flex;
    justify-content: center;
    align-items: center;
}
.serv-svg svg{
	height: 590px;
    width:800px;
    margin: 0 auto;
}
@media(max-width:1600px) {
	.bg-image-container svg {
		height: 600px;
	}
	.ser-list {
		flex-wrap: wrap;
		margin: 80px 0 0;
	}
	#service .svg-box {
		top: -30px;
	}
}

@media (max-width: 1450px) {
	.landing-home {
		padding-top: 15vh;
	}
	.bg-image-container svg {
		transform: translateY(5%);
	}
		#service .svg-box {
		top: 0px;
	}
}

@media(max-width:1300px) {
	#service .landing-home {
		padding-top: 14vh;
	}
}

@media (min-width: 1024px) {
	.why-right .slick-list {
		width: 1200px;
	}
	.why-left .f-l-r-d{
		text-align:center;
	}
	.why-slider-container {
		margin: 100px 0px;
	}
}
@media(max-width:1366px){
	.landing-home .container {
    width: 1170px!important;
}
	.navbar {
   
    padding: 50px 60px;
}
.hero-right-svg svg {
    overflow: visible;
    width: 70%;
}
.nav-white {
    
    padding: 15px 60px;
}
}
@media (max-width:1200px) {
	
	.login-home{
		position:relative;
	}
	.login-home:before{
		content:'';
		position:absolute;
		height:50vh;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background: -moz-linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
		background: -webkit-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
		background: -o-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
		background: -ms-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
		background: linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
	}
	#about-page {
		margin: 0px 0px 50px;
	}
	.reason-distribution-left h4 {
		font-size: 40px;
	}
	.reason-distribution-left {
		width: 100%;
		margin-bottom: 20px;
	}
	.reason-distribution-right {
		width: 100%;
	}
	.square {
		width: 230px;
		height: 200px;
	}
	.landing-heading h2 {
		font-size: 40px;
	}
	.solution-inner {
		padding: 100px 0px;
	}
	.row-01 {
		margin-top: 100px;
	}
	.f-l-r-h {
		font-size: 24px;
	}
	.about:before {
		height: 62%;
	}
	.landing-home {
		height: 50vh;
		padding-top: 15vh;
		
	}
	.hero-left {
    width: 100%;
}
.hero-inner{
	padding:0px 20px;
}
	.svg-box ,.hero-right-svg{
		display: none;
	}
	
	.landing-home {
		background: -moz-linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
    background: -webkit-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
    background: -o-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
    background: -ms-linear-gradient(105, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
    background: linear-gradient(105deg, rgba(51,36,84,1) 0%, rgba(19,14,22,1) 100%);
	}
	.about-top-left img {
		width: 100%;
		position: relative;
		margin-top: 0;
		max-height: 100%;
	}
	.about-top-right {
		width: 70%;
		padding-left: 20px;
	}
	.about-top-right p {
		margin-top: 0px;
		margin-bottom: 25px;
	}
	.about-top-left {
		width: 30%;
		position: relative;
	}
	#service .landing-home {
		height: 70vh;
	}
	.f-l-r-title {
		font-size: 40px;
		margin: 30px 0px;
	}
	.f-l-r-d {
		margin: 20px 0px;
	}
	.why-slider-left {
		left: 46%;
		bottom: -50px;
	}
	.why-slider-right {
		left: 50%;
		bottom: -50px;
	}
}

@media(max-width:1024px) {
	.landing-home .container {
     width: 970px!important; 
}
	.about-main-container {
    padding: 100px 0 100px;
}
	.service-list li:nth-of-type(2), .service-list li:nth-of-type(5),.service-list li:nth-of-type(3), .service-list li:nth-of-type(6){
		transform: translate(0, 0%);
	}
	.navbar {
   
    padding: 30px 45px;
}
.nav-white {
    
    padding: 15px 45px;
}
.service-main-container:after {
	top: 10%;
}
	
}

@media(max-width:990px) {
	.about-right{
		width:100%;
	}
	.about-left{
		display:none;
	}
	.about-inner {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
	.form-main-container {
    padding-bottom: 50px;
}
	.navbar-default .navbar-nav>li>a {
  
    padding: 15px 0px 15px 30px;
}
	
	.head {
		margin: 20px 0;
		font-size: 20px;
		text-align: center;
	}
	
	.nav>li>a {
		padding-left: 15px;
		padding-right: 0px;
		font-size: 11px !important;
	}
	
	.n-inner {
		flex-direction: column;
		padding: 80px 0px 0;
	}
	.n-i-l,
	.n-i-r {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	.f-l-r-d {
		text-align: center;
	}
	.bg-image-container svg {
		height: 500px;
	}
	.landing-home {
		height: 75vh;
	}
	.landing-heading h2 {
		font-size: 30px;
		margin-top: 15px;
	}
	.landing-heading {
		margin-bottom: 30px;
	}
	.solution-inner {
		padding: 50px 0px;
	}
	.why-slider-container {
		margin: 50px 0px 100px;
	}
	.reviews-container {
		padding: 50px 0px;
	}
	.row-01 {
		margin-top: 50px;
	}
	.square {
		width: calc(25% - 0px);
		height: 180px;
	}
	.contact-inner h1 {
		font-size: 30px;
	}
	.contact-inner {
		height: 300px;
	}
	.con-btn {
		margin-top: 20px;
		height: 56px;
		width: 180px;
	}
	.foot-top-right ul {
		width: calc(100% - 0px);
		
	}
	.foot-top-left{
		padding-bottom:40px;
	}
	.foot-links {
		width: calc(100% - 0px);
		
	}
	.footer-b {
    padding: 50px 0px;
}
}

@media (max-width:900px) {
	.f-l-r-title {
		font-size: 30px;
		margin: 15px 0px;
	}
	.f-l-r-h {
		font-size: 20px;
	}
	.f-l-r-d {
		margin: 20px 0px;
		line-height: 25px;
	}
	.review-slide-container .review-slide-right .review-quote:before,
	.review-slide-container .review-slide-right .review-quote:after {
		display: none;
	}
	.review-slide-container .review-slide-right p {
		text-align: justify;
	}
}

@media (max-width:800px) {
	#process {
		padding: 50px 50px;
	}
	.tech-list li {
		width: 100px;
		height: 100px;
		margin: 5px;
	}
	#serv-foot {
		background: rgba(0, 94, 245, 1);
		background: -moz-linear-gradient(left, rgba(0, 94, 245, 1) 0%, rgba(0, 69, 180, 1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 94, 245, 1)), color-stop(100%, rgba(0, 69, 180, 1)));
		background: -webkit-linear-gradient(left, rgba(0, 94, 245, 1) 0%, rgba(0, 69, 180, 1) 100%);
		background: -o-linear-gradient(left, rgba(0, 94, 245, 1) 0%, rgba(0, 69, 180, 1) 100%);
		background: -ms-linear-gradient(left, rgba(0, 94, 245, 1) 0%, rgba(0, 69, 180, 1) 100%);
		background: linear-gradient(to right, rgba(0, 94, 245, 1) 0%, rgba(0, 69, 180, 1) 100%);
	}
	.sev-inner {
		padding: 30px 0;
	}
	.sev-inner {
		background-image: none;
	}
	.about-main-container {
		padding: 100px 0;
	}
	.service-main-container{
		background:#f5f6f7;
	}
	.service-main-container:after{
		content:none;
	}
}

@media (max-width: 768px) {
	.work-inner{
		background-size: 135% 100%;
	}
	.review-slide-container .review-slide-left,
	.review-slide-container .review-slide-right {
		width: 100%;
		text-align: center;
	}
	.review-slide-container .review-slide-right {
		padding: 0;
	}
	.review-slide-container {
		flex-direction: column;
	}
	.review-slide-main {
		padding: 20px;
	}
	.about-slider:before {
		display: none;
	}
	.about-slider-container h4 {
		font-weight: 1000;
		color: #fff;
		font-size: 30px;
	}
	.serv-one {
		flex-direction: column;
	}
	.serv-data {
		width: 100%;
	}
	.serv-one {
		margin: 30px 0;
	}
	.serv-data h4 {
		font-size: 40px;
	}
	.serv-data p {
		margin: 30px 0px;
	}
	.serv-image {
		margin-bottom: 20px;
	}
	.landing-home h1 {
		margin: 15px 0;
		font-size: 30px;
	}
	.landing-home h6 {
		font-size: 12px;
		letter-spacing: 1px;
	}
	.bg-image-container svg {
		height: 385px;
		transform: translateY(5%);
	}
	.navbar-default {
		background: #fff;
	}
	.navbar {
    padding: 10px 15px !important;
	moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
	.navbar-default {
		background-color: #fff;
		padding: 10px;
	}
	.navbar-default .navbar-nav>li>a {
		color: #0b2240;
	}
	.navbar-default .navbar-brand {
		background-image: url(../images/logo.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
	}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
		color: #00ff9c!important;
	}
	.nav>li>a {
		padding-left: 15px;
		padding-right: 0px;
	}
	/* ANIMATED X */
	.navbar-toggle.x .i1 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
	}
	.navbar-toggle.x .i2 {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.navbar-toggle.x .i3 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	}
	/* ANIMATED X COLLAPSED */
	.navbar-toggle.x.collapsed .i1 {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	.navbar-toggle.x.collapsed .i2 {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.navbar-toggle.x.collapsed .i3 {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	.why-slider-inner {
		height: 300px;
		align-items: center;
	}
	.why-slider-inner p {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.service-list{
		padding-top:0px;
	}
	
	
	.navbar-brand {
		padding: 7px;
	}
	.navbar-light .navbar-nav>li>a {
		color: #fff;
		font-size: 12px;
	}
	.logo {
		width: 122px;
		height: 36px;
		background-image: url(../images/logo.png)!important;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.navbar-default .navbar-toggle {
		border-color: none;
		border: none;
		margin-right: 0px;
	}
	.login-form form {
    padding: 40px 55px;
}
.form-inner {
    width: 100%;
}
.login-form .form-control, .login-form textarea {
    height: 40px;
	padding: 15px;
}
.form-group {
    margin-bottom: 20px;
}
}

@media (max-width: 700px) {
	.about-slider-inner {
		padding-right: 0px;
	}
	.reason-distribution-right ul li {
		width: calc(100% - 40px);
	}
	
	.swiper-container {
		padding-bottom: 50px;
	}
	.square a {
		font-size: 12px;
	}
	.square svg {
		height: 30px;
		width: 30px;
	}
	.square {
		height: 135px;
	}
	.foot-info {
		flex-direction: column;
		text-align: center;
	}
	.f_d {
		flex-direction: column;
	}
	.foot-info div {
		margin: 10px 0px 0px;
	}
	.foot-top-right {
		margin-bottom: 0;
	}
	.why-slider-left img,
	.why-slider-right img {
		display: none;
	}
	.client-list-inner li {
		width: 50%;
		height: 100px;
		padding: 30px;
	}
	.client-list-inner {
		padding: 20px 0px;
	}
}

@media(max-width:550px) {
	.about-list li ,.hero-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom:20px;
    flex-wrap: wrap;
}
.hero-left{
	text-align:center;
}
.btn-reg{
	margin:0px auto;
}
.about-list li .about-img,.about-detail {
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.landing-home .container {
    width: auto!important;
}
.landing-home h1 {
    margin: 15px 0 0;
    font-size: 20px;
    padding-bottom: 10px;
}
.hero-left p {
    font-size: 12px;
   
    padding-bottom: 10px;
}
.about-detail p {
    
    text-align: center;
}
	.login-form form {
    padding: 30px;
}
.form-inner {
    width: 100%;
}
.login-form label {
	font-size: 10px;
}
.login-form textarea {
	height:100%;
	resize:none;
	    padding: 10px 25px;
}
.login-form textarea::-webkit-input-placeholder {
	
	font-size: 10px;
	
}
.login-form input::-webkit-input-placeholder {
	
	font-size: 10px;
}

.login-form input::-moz-placeholder {
	font-size: 10px;
}

.login-form input:-ms-input-placeholder {
	font-size: 10px;
}

.login-form input:-moz-placeholder {
	font-size: 10px;
}
.f-btn {
    padding-top: 20px;
}

	.foot-links ul{
		padding-bottom:30px;
	}
	.foot-top-right ul {
		width: calc(100% - 0px);
		
	}
	.foot-top-right {
		text-align: center;
	}
	
	.foot-top-left p {
		margin: 20px 0px;
		    font-size: 13px;
	}
	.foot-list-bold {
		margin-bottom: 20px !important;
	}
	.foot-top-right ul li {
		margin-bottom: 0px;
	}
	.foot-links {
    
    flex-direction: column;
}
.footer-b {
    padding: 30px 0px;
}
	
}

@media (max-width:450px) {
	[type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label {
   
    padding-left: 25px;
	    display: flex;
    align-items: center;
}
.form-btn {
    width: 160px;
    height: 40px;
    padding: 8px;
	font-size: 15px;
}
.checkbox{
	margin:0px;
}
.login-form:before {
    
    height: 300px;
}
	.psw a {
    font-size: 10px;
	}
	.navbar-default .navbar-brand,.nav-white .navbar-brand {
    
    width: 130px;
}
.form-heading {
    padding-bottom: 25px;
	font-size:18px;
}
	.login-form form {
    padding: 20px;
}
	

}