@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,500;1,700&display=swap');
  

ul,ol{list-style:none;margin:0;padding:0;}
h1,h2{font-weight:700;color:#5A9500;font-family: 'Roboto', sans-serif;}
h3,h4{font-family: 'Roboto', sans-serif;font-weight:300}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{text-decoration:none;color:#5c5c5c;}
a:focus{outline:none!important;}
a:hover{text-decoration:none;-webkit-transition: .5s ease;transition:.5s ease;color:#5c5c5c;}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action:auto;
    touch-action:auto;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.pd-0{padding:0;}
.section-padding{padding:100px 0px;}
.section-padding100x90{padding:100px 0px 90px 0px;}
.section-padding-80x0{padding:80px 0px;}
.section-padding-3d{padding:83px 0px 13px;}
.section-padding-b0{padding:100px 0px 0px 0px}
.section-padding-b1{padding:100px 0px 50px 0px}
.section-padding-100x150{padding:100px 0px 150px 0px}
.section-padding-50x0{padding:50px 0px 0px 0px}
.section-padding-90x90{padding:90px 0px;}
.sp-topbot-50px{padding:50px 0px;}

.section-padding-s{padding: 50px 0px 40px 0}
.section-padding-m{padding: 100px 0px 80px 0}
.section-padding-l{padding: 150px 0px 75px 0}
.section-padding-100px{padding: 100px 0px}
.section-padding-90px{padding: 90px 0px}
.section-padding-80px{padding: 80px 0px}
.section-padding-70px{padding: 70px 0px}
.section-padding-60px{padding: 60px 0px}
.section-padding-50px{padding: 50px 0px}
.section-padding-54px{padding: 40px 0px}
.section-padding-top-0{padding-top: 0px;}
.section-padding-bottom-0{padding-bottom: 0px;}
.rh-img{width:100%;height:auto;}
.rh-max-img{max-width:100%;height:auto;}
.rh-relative{position: relative;}
.rh-overflow{overflow: hidden;}
.rh-clearfix{clear:both;}
.rh-position-center{position: absolute;top: 50%;left: 50%;transform:translet(-50%,-50%);}
.rh-circle{border-radius:50%}
.rh-float-l{float:left;}
.rh-float-r{float:right;}

.rh-mb100{margin:0 -15px 100px -15px!important}

.bttn-wrapper{overflow:hidden;}

.bttn-main{margin-top:40px}
.bttn-main a {
	color: #5A9500;
	text-transform: uppercase;
	border: 1px solid #5A9500;
	display: inline-block;
	padding: 12px 55px;
	font-family: 'Montserrat', sans-serif;
	font-weight:200;
}
.bttn-main a:hover{color: #fff;border:1px solid #5A9500;background:#5A9500}
.rh-bttn-s a{font-size:12px;background:#000;color:#fff;display:inline-block;padding:5px 15px;margin:10px 0}
.rh-bttn-s a:hover{

}
.rh-bttn-m a{font-size:16px;background:#000;color:#fff;display:inline-block;padding:8px 24px;margin:15px 0}
.rh-bttn-l a{font-size:22px;background:#000;color:#fff;display:inline-block;padding:10px 40px;margin:20px 0}
.rh-bttn-l a:hover{}




.slicknav_menu {
    display:none;
}

/* ==========================================================================
   Base Style 
   ========================================================================== */
/*
 * Title
 * Textblock
 * Imageblock
 * Card 
 * Box
 * List
 */
 
 /* Title */
 .title-large{}
 .title-medium{font-size:24px;line-height:37px;color:#5f727f;font-family: 'Source Sans Pro', sans-serif;font-weight:300;margin-bottom:20px}
 

/* ==========================================================================
   Header Area || Header Default Style
   ========================================================================== */

.header-main-area{}

/* Header Top bar */
.header-top-bar {
	background: #5A9500;
	border-bottom: 1px solid #E0DFDC;
	height: 50px;
}

.list-block ul li {
	display: inline-block;
	margin-right: 50px;
}

.list-block ul li a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	line-height: 50px;
	text-transform: capitalize;
}
.tb-bttn ul li {
	margin-right: 20px;
}

.tb-bttn li:last-child a {
	background: #068DC8;
	color: #fff;
	display: block;
	padding: 0px 5px;
	line-height: 25px;
	border-radius: 3px;
}

.tb-bttn li a{color:#fff;}

.list-block ul li a i{font-size:10px;margin-right:5px;}
.list-block img {
  margin-right: 10px;
}

.social-media.img{
	line-height: 40px;
}
.social-media.img img {
  margin-right: 20px;
  overflow: hidden;
}

.social-media.fw{}
.social-media.fw ul{}
.social-media.fw ul li{display:inline-block;margin-right:10px;}
.social-media.fw ul li a{}
.social-media.fw ul li a i {
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	padding: 0 2px;
	-moz-transition: -moz-transform .7s;
	-ms-transition: -ms-transform .7s;
	-o-transition: -o-transform .7s;
	transition: transform .7s;
	color: #fff;
}

.social-media.fw ul li a i:hover{ -webkit-transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3);
  -ms-transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3);

  )}



/* ==========================================================================
   Top Bar || Black and White
   ========================================================================== */
.tb-blc-wht .header-top-bar {
	background: #212331;
	border-bottom: 1px solid #E0DFDC;
	border-top: 5px solid #474B61;
	height: 50px;
}

.tb-blc-wht .tb-bttn li:last-child a {
	background: #00BCD4;
	color: #fff;
	display: block;
	padding: 0px 5px;
	line-height: 25px;
	border-radius: 3px;
}


/* ==========================================================================
	login page css
   ========================================================================== */
.login-wrapper{width:100%;}
.left-image-area{width:50%;height:100vh;float:left;background:#A31D23;position:relative}
.title {
	font-size: 33px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin: 30px 0;
}
.img-pos-fix {
	width: 380px;
	position: absolute;
	bottom: 0;
	transform:translate(-50%,0);
	left:50%
}
.img-pos-fix img{width:100%;height:auto;}

.title-small {
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 15px;
	margin-right: 15px;
}
.right-form-area{width:50%;height:100vh;float:left;background:#fff;}
.pd{padding:50px 100px;}
.image-wrapper{overflow:hidden;}
.sub-title{color:#005380;font-size:16px;margin:0 0 15px 0px;font-weight:500}
.imagblock {
	float: left;
	margin: 0 15px 15px 0;
	max-width: 100%;
}
.form-title{color:#005380;font-size:32px;line-height:44px;margin-bottom:20px}
.input-item{margin-bottom:15px;}
.input-item input[type="email"] { 
	width:70%;
	padding:10px;
	border-radius: 5px;
	background-color: #e9eff6;
	border:1px solid #e9eff6;
	}
	.input-item input[type="password"] { 
		width:70%;
		padding:10px;
		border-radius: 5px;
		background-color: #e9eff6;
		border:1px solid #e9eff6;
	}


	.input-button input[type="submit"] {
		background-color: #005380;
		box-shadow: 0px 8px 15px 0px rgba(125, 147, 178, 0.25);
		color: #fff;
		text-transform: uppercase;
		border: 1px solid #005380;
		display: block;
		font-size: 14px;
		border-radius: 5px;
		width:70%;
		padding: 10px;
	
	}
	.input-button{margin:20px 0 20px 0}
	.input-button input:hover[type="submit"]{border: 1px solid #000;cursor:pointer; background: #000;color:#fff;}

	.input-item ::placeholder {
		color: #000;
		opacity: 1; /* Firefox */
	  }
	  
	  .input-item :-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color: #000;
	  }
	  
	  .input-item ::-ms-input-placeholder { /* Microsoft Edge */
	   color: #000;
	  }
	   
	  .forgot-link{width:70%;text-align:center;}
	  .forgot-link p{margin:0;font-size:12px}
	  .forgot-link a{color:#a31d23;font-size:14px}
	  .forgot-link a:hover{color:#000;transition:0.5s}
	  .sub-title.footnote {
		font-size: 12px;
		margin-top: 10px;
		font-weight: 700;
	}





