
*{
	padding: 0;
	margin: 0;
}

ul, li{
	padding: 0;
	margin: 0;
	list-style: none;
}

body{
	font-size: 14px;
	font-family: 'Roboto';
	overflow-x: hidden;
	width: 100%;
	color: #9497AB;
	font-weight: normal;
}

body > .wrapper{
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	font-family: 'Raleway';
}

/* BTNS */
.btn{
	font-size: 16px;
	padding: 10px 40px;
	border-radius: 50px;
	line-height: normal;
}

.btn-orange{
	background: #FF9100;
	color: #fff;
}

.btn-orange:hover{
	background: #FFB34E;
	color: #fff;
}

.btn-green{
	background: #1d2e18;
	color: #fff;
}

.btn-green:hover{
	background: #caa25a;
	color: #fff;
}


/*LOGIN PAGE*/
.login-outer{
	position: relative;
	width: 100%;
	min-height: 100vh;
	height: 100vh;
	background: linear-gradient( to top left,#0072DF,#7FC1FB);
}

.login-outer .container{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.login-outer .row{
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	border-radius: 4px;
	overflow: hidden;
}

.login-outer .row .right{
	background: #18212A;
	color: #fff;
}

.login-outer .row .right .fp{
	color: #fff;
}

.login-outer .row .right .btn{
	width: 100%;
}

.form-control{
	height: auto;
	padding: 12px 20px;
}

.login-outer .row p{
	font-size: 16px;
}


/*NAV BAR*/
nav.navbar.bg-light{
	background: #fff !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	padding-top:0;
	padding-bottom:0; 
}

.navbar-light .navbar-nav .nav-link {
	font-size: 16px;
	font-family: 'Raleway';
	border-bottom: 4px solid transparent;
	padding: 37px 12px 10px 12px;
}

.navbar-light .navbar-nav .nav-pro{
	padding: 34px 14px;
}

.navbar-light .navbar-nav .nav-pro .btn{
	padding: 0;
	background: transparent;
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-pro .btn:focus{
	box-shadow: none;
}

.navbar-light .navbar-nav .nav-pro .btn img{
	margin-left: 10px;
}

.navbar-light .navbar-nav .nav-pro .dropdown-menu{
	padding: 4px 10px;
}

.navbar-light .navbar-nav .nav-pro .dropdown-item{
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
}

.navbar-light .navbar-nav .nav-pro .dropdown-item:last-child{
	border:0;
}

.navbar-light .navbar-nav .nav-pro .dropdown-item:hover{
	background-color: transparent !important;
	color: #FF9100 !important;
}

.navbar-light .navbar-nav .nav-link.active{
	border-bottom: 4px solid #0072DF;
}


/*HOME BANNER*/
.homeBanner .item{
  position: relative;
}

.homeBanner .item:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  left: 0;
  top: 0;
}

.homeBanner .bannerTextOuter{
  height: 600px;
}

.homeBanner .bannerTextOuter .bannerTextInner{
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  width: 80%;
  margin: auto;
}

.homeBanner .bannerTextOuter h1{
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}

.homeBanner .bannerTextOuter h1 span{
  color: #FBB040;
  display: block;
}

.homeBanner .bannerTextOuter hr{
  border-top: 4px solid #fff;
  width: 200px;
  margin: 20px auto;
}

.homeBanner .bannerTextOuter p{
  font-size: 16px;
  color: #D1D1D1;
  line-height: 2;
  margin-bottom: 40px;
}

.homeBanner .owl-nav .owl-prev, .homeBanner .owl-nav .owl-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.homeBanner .owl-nav .owl-prev i, .homeBanner .owl-nav .owl-next i{
  font-size: 40px;
  color: #fff;
  box-shadow: 0px 0px 6px solid rgba(0,0,0,0.6);
  opacity: 0.6;
}

.homeBanner .owl-nav .owl-prev:hover i, .homeBanner .owl-nav .owl-next:hover i{
  opacity: 1;
}

.homeBanner .owl-nav .owl-prev{
  left: 40px;
}

.homeBanner .owl-nav .owl-next{
  right: 40px;
}

.homeBanner .owl-dots{
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
}

.homeBanner .owl-dots .owl-dot{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #fff;
  margin: 3px;
  display: inline-block;
}

.homeBanner .owl-dots .owl-dot.active{
  background: #FBB040;
  border: 2px solid #fff; 
}

/*SECTION HEADING*/
.secHeading{
  text-align: center;
  margin-bottom: 60px;
}

.secHeading h1{
  font-size: 40px;
  color: #18212A;
  margin-bottom: 10px;
  font-weight: bold;
}

.secHeading hr{
  width: 150px;
  border-top: 4px solid #0072DF;
  margin: auto;
}

/*HOME ABOUT*/
.homeAbout{
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.homeAbout .imgVideoOuter{
  position: relative;
  border: 6px solid #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 20px;
  overflow: hidden;
}

.homeAbout .imgVideoOuter img{
	width: 100%;
}

.homeAbout .imgVideoOuter button{
  background: transparent;
  border: 0;
  position: absolute;
  width: 74px;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.homeAbout .imgVideoOuter:hover button{
  opacity: 1;
}

.homeAbout .textContent .secHeading{
	text-align: left;
	margin-bottom: 30px;
}

.homeAbout .textContent .secHeading hr{
	margin: 0;
}

.homeAbout .textContent h5{
  font-size: 20px;
  color: #18212A;
  margin-bottom: 20px;
  line-height: 1.5;
}

.homeAbout .textContent p{
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

/*HOME PROFILE*/
.homeProfile {
	position: relative;
	width: 100%;
	padding: 40px 0;
	background: #F2F2F2;
	margin: 50px 0;
}
.homeProfile .userName h3{
	font-size: 40px;
	color: #18212A;
	margin-bottom: 10px;
	font-weight: bold;
}

.homeProfile .userName p{
	font-size: 20px;
	color: #18212A;
}

.homeProfile .userContent h5{
  font-size: 20px;
  color: #18212A;
  margin-bottom: 20px;
  line-height: 1.5;
}

.homeProfile .userContent p{
  color: #9497AB;
  line-height: 1.8;
}


/*CASE STUDIES*/
.caseStudies{
	position: relative;
	width: 100%;
	padding: 60px 0;
}

.boxLay .out{
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	margin-bottom: 40px;
}

.boxLay .out .imgOut{
/*	height: 200px;
	width: 100%;*/
	overflow: hidden;
}

/*.boxLay .out .imgOut img{
	transition: all 0.3s ease-in-out;
	height: 100%;
	width: 100%;
	object-fit: cover;
}*/

.boxLay .out .imgOut img {
	transition: all 0.3s ease-in-out;
	height: 150px;
	width: 100%;
	object-fit: cover;
}

.boxLay .out:hover img{
	transform: scale(1.1);	
}

.boxLay .out .btText{
	padding: 16px;
}

.boxLay .out .btText a{
	font-size: 19px;
	/*font-size: 24px;*/
	color: #18212A;
	margin-bottom: 10px;
	line-height: normal;
	display: block;
}

.boxLay .out .btText ul{
	margin-bottom: 10px;
}

.boxLay .out .btText li{
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	color: #7FC1FB;
}

.boxLay .out .btText li span{
	font-weight: bold;
}

.boxLay .out .btText p{
	font-size: 16px;
}

/*UNDERSTANDING ARTICLES*/
.underArticl{
	position: relative;
	width: 100%;
	padding: 60px 0;
}


/*FOOTER*/
.footer {
  position: relative;
  width: 100%;
  background: #F2F2F2;
}

.footer .secTop{
  padding: 60px 0;
  padding-top: 60px;
}

.footer .secTop h4{
  position: relative;
  font-size: 22px;
  color: #414042;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-weight: bold;
}

.footer .secTop h4:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 4px;
  background: #FBB040;
}

.footer .secTop li{
	margin-bottom: 10px;
}

.footer .secTop li a{
	color: #414042;
	font-size: 16px;
}

.footer .secTop li a:hover{
	color: #FF9100;
}

.footer .secTop p{
	font-size: 16px;
	color: #18212A;
}


.footer .secbottom{
  padding: 20px 0;
  background: #414042;
}

.footer .secbottom p{
  text-align: center;
  color: #AEAAAA;
  margin: 0;
}

/*INNER BANNER*/
.innerBanner{
  position: relative;
}

.innerBanner:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  left: 0;
  top: 0;
}

.innerBanner .text{
  height: 400px;
  position: relative;
  z-index: 1;
}

.innerBanner .text h1{
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 10px;
  padding-bottom: 10px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}

.topPara{
	text-align: center;
	position: relative;
	width: 100%;
	padding: 60px 0;
}

.topPara h3{
	font-size: 28px;
	color: #18212A;
	margin-bottom: 20px;
}

.topPara p{
	font-size: 16px;
	color: #333;
}

.aboutUs .tiles {
	padding-bottom: 40px;
}

.tiles .textContent .secHeading{
	text-align: left;
	margin-bottom: 30px;
}

.tiles .textContent .secHeading hr{
	margin: 0;
}

.tiles .textContent h5{
  font-size: 20px;
  color: #18212A;
  margin-bottom: 20px;
  line-height: 1.5;
}

.tiles .textContent p{
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

.listPage .boxLay{
	padding: 60px 0;
}

.pagination .page-link{
	color: #FBB040;
}

/*********************** Milind Dhale CSS Start from here ***********************/
.contact-box{padding:60px 0;  width:100%;}
.contact-box ul{margin:0; padding: 0; list-style: none;}
.contact-box li{margin:0; padding: 0 0 0 120px; list-style: none; position: relative; min-height: 100px; margin-bottom: 30px;}
.contact-box li:last-child{margin-bottom: 0px;}
.contact-box li span{position: absolute; left:0; top:0; width:100px; height: 100px; border-radius: 50%; background: #9497AB; text-align: center; line-height: 100px;}
.contact-box li span img{width: 40px;}
.split-med { position: absolute; top:50%; transform: translateY(-50%);}
.split-med h1 { font-size: 24px; color:#0072DF; font-weight: 600!important;}
.split-med h1 small{display: block; font-size: 65%; color:#FBB040;}
.split-med p { font-size: 16px; color:#9497AB; }
.split-med p a { color:#9497AB; }
img{max-width: 100%;}
#case-details{position: relative;}#case-details aside {max-width:1140px; margin:0px auto; padding:0 15px;}
#case-details aside .btText{
	padding: 16px 0;
}

#case-details aside .btText a{
	font-size: 24px;
	color: #18212A;
	margin-bottom: 10px;
	line-height: normal;
	display: block;
}

#case-details aside .btText ul{
	margin-bottom: 10px;
}

#case-details aside .btText li{
	width: auto;
	display: inline-block;
	vertical-align: middle;
	color: #7FC1FB; margin-right: 20px;
}
#case-details aside .btText li:last-child{margin-right: 0px;}

#case-details aside .btText li span{
	font-weight: bold;
}

#case-details aside .btText p{
	font-size: 16px;
}
/*--1-8-2019--*/
.listPage .boxLay {
    padding: 0px 0;
}
#case-details aside .btText {
    padding: 16px 0 0 0;
}
.main.listPage {
	margin-bottom: 60px;
}
.main.listPage .innerBanner {
	margin-bottom: 80px;
}
.acknowledgement-data .homeProfile .userContent h5 {
	color: #333 !important;
	font-size: 15px;
	line-height: 23px !important;
}
.boxLay .out .btText a {
	min-height: 60px;
}

/*----Navigation css---*/
.must-head {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
 .must-head nav.navbar.bg-light {
	background: transparent !important;
	box-shadow: 0 0 0;
}
.must-head .navbar-nav.ml-auto a {
	color: #f5f5f5 !important;
}
.must-head .nav-item.nav-pro.d-inline-block #dropdownMenuButton {
	color: #f5f5f5;
}
.must-head .nav-item.nav-pro.d-inline-block .dropdown-menu.show a {
	color: #333 !important;
}
.innerBanner .text h1 {
	padding-top: 30px;
}
/*9-9-2019--*/
.must-head .nav-item.nav-pro.d-inline-block #dropdownMenuButton span {
    display: block;
    text-align: left;
}
.must-head .nav-item.nav-pro.d-inline-block #dropdownMenuButton {
	position: relative;
	top: -5px;
}


/*--11-9-2019--*/
#frmRepLogin .btn.btn-orange.d-block.submit {
	display: block !important;
	z-index: 9999;
	position: relative;
/*	background: red;*/
float: left;
width: 100%;
}

.login-outer .row .right .btn {
	width: 100%;
	z-index: 9999;
	position: relative;
}

@media (max-width:768px) {
/*.login-outer, div,label, p, a, span,h1,h2,h3,h4,h5,h6  {
	float:left;
	width:100%;
	color:red;
}*/
.rep_logo_img {
	margin-top: 0 !important;
}

}