#header {
	height: auto!important;
	position: fixed;
	top: 0;
	background:#fff;
	border-bottom: 2px solid #00529c;
}
.navtop {
	padding: 10px 0 2px 0;
}
.main-sec {
	border-bottom: 3px solid #ffcb09;
	/*background: #fff2f1;*/
}
.panel {
	box-shadow: 2px 3px 0px #eee;
}
span.WhatsApp {
	font-size: 12px;
}
label{
	margin-top:10px;
}
.navbar{
	margin-bottom:0;
}
.menu .nav > li > a {
	padding: 5px 20px;
	margin: 7px 5px;
	color:#00529c;
	font-size:15px;
	font-weight:bold;
}
.menu .nav > li > a:hover {
	background: none!important;
	color: #000 !important;
}
.menu {
	margin-top: 20px;
	padding-bottom: 15px;
}
.menu .nav > li > a:hover {
	color:#000;
}
ul.dropdown-menu.submenu1 {
	top:40px!important;
}
li.dropdown.downld-report{
	display:inline!important;
}
.eauction {
	background: linear-gradient(301.97deg, rgb(2, 65, 130) 1.86%, rgba(2, 65, 130, 0.64) 98.56%);
	padding: 3px 1px;
	color: #fff;
	margin-top: 122px;
	font-size: 12px;
}
.eauction a, .eauction a:hover{
	color:#fff!important;
}
section.banner-sec{
	height:auto!important;
}
.download h1 {
	font-size: 60px;
	margin-top: 40px;
	margin-bottom: 25px;
}
.download p {
	font-size: 22px;
	margin-bottom: 26px;
}
.homy{
	padding:50px 0;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
#services{
	background: #e8f9ff;
	padding: 40px 0;
}
.services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 10px 10px;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
}

.services .icon-box:hover {
  transform: translateY(-5px);
}

.services .icon {
  position: absolute;
  left: -20px;
  top: calc(50% - 30px);
}

.services .icon i {
  font-size: 64px;
  line-height: 1;
  transition: 0.5s;
}

.services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .title a {
  color: #111;
}

.services .icon-box:hover .title a {
  color: #49b5e7;
}

.services .description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

.services .icon-box{
	height:200px;
}
.btn-get-started.scrollto {
	/*background: #ffcb09;*/
	color: #00529c;
	padding: 5px;
	position: absolute;
	right: 0;
	bottom:0;
	width: 80px;
	text-align: center;
	font-weight:bold;
}
.portfolio-item a {
	padding: 12px;
	color: #00529c;
	line-height: 15px;
	font-size: 12px;
}
section.section5{
	background:#fff!important;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  background: url("../images/counts-bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 80px 0 60px 0;
  position: relative;
}

.counts::before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.counts .title {
  position: relative;
  color: #0f394c;
  margin-bottom: 40px;
}

.counts .title h3 {
  font-size: 36px;
  font-weight: 700;
}

.counts .counters span {
  font-size: 44px;
  font-weight: 700;
  display: block;
  color: #49b5e7;
  font-family: "Dosis", sans-serif;
}

.counts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 15px;
  color: #444444;
}

@media (min-width: 1200px) {
  .counts {
    background-attachment: fixed;
  }
}
.title p {
	line-height: 26px;
	margin: 9px 0 12px 0;
}
.footer{
	background:#fff;
	border-top: 5px solid #ffcb09;
}
.footer ul li{
	padding-left:0;
}
.footer li {
	list-style-type: none;
	margin-bottom: 10px;
}
.footer ul{
	padding-left:0;
}
.footer li a{
	color:rgb(91, 91, 91);
}
.footer li a:hover{
	color:#00529c;
}
.footer hr {
	height: 0px;
	border: 1px solid #eee;
}
h3.products {
	font-size: 18px;
	margin-bottom: 19px;
}
.footer-btm{
	background:none;
	border-top:1px solid #ccc;
}
.footer-btm p{
	color:rgb(91, 91, 91);
}
.banner-sec{
	display:block!important;

}
.downld-report a {
	color: #fff !important;
	font-size: 12px !important;
	background: linear-gradient(301.97deg, rgb(2, 65, 130) 1.86%, rgba(2, 65, 130, 0.64) 98.56%);
	width: 200px;
	padding: 7px !important;
}
/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
	background-color: #fffcf9;
background-image: linear-gradient(315deg, #ffd166 0%, #fffcf9 74%);
}
.fade-carousel .carousel-inner .item {
    height: 520px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
	font-size: 6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 30px;
	text-align: left;
	background: #ffcb09;
	padding: 10px 20px;
	float: left;
}

.hero h3 {
	background: #00529c;
	float: left;
	text-align: left;
	font-size: 18px;
	text-transform: capitalize;
	position: absolute;
	top: 60px;
	padding: 13px 20px;
	line-height: 26px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}
.topright_menu a {
	float: left;
	margin-left: 40px;
}
.dropdown.downld-report a {
	line-height: 18px!important;
	padding-left: 20px !important;
	font-weight: bold !important;
}
.topright_menu a {
	float: left;
	margin-left: 37px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	border-bottom:2px solid #fff;
}
.dropdown.downld-report {
	position: absolute;
	right: 23px;
	z-index:99;
}
.lang-custlogin {
	padding-left: 16px;
}
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
} 
.downld-report:hover{
	color:#fff!important;
 }
.nav.navbar-nav {
	position: relative;
	right: 220px;
}
.topright_menu a:hover {
	border-bottom: 2px solid #00529c;
}

.u-center-text {
  text-align: center !important;
}

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 4rem !important;
}

.u-margin-top-big {
  margin-top: 5rem !important;
}



.heading-primary {
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-bottom: 6rem;
}

.heading-primary--main {
  display: block;
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: 3.5rem;
  -webkit-animation-name: moveInLeft;
  animation-name: moveInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  /*
        animation-delay: 3s;
        animation-iteration-count: 3;
        */
}

.heading-primary--sub {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1.75rem;
  -webkit-animation: moveInRight 1s ease-out;
  animation: moveInRight 1s ease-out;
}

.heading-secondary {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: 700;
  color: transparent;
  letter-spacing: 0.2rem;
  line-height: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #eee;
}

.btn,
.btn:link,
.btn:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.5rem 4rem;
  display: inline-block;
  border-radius: 0.5rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  font-size: 1.6rem;
  border: none;
  cursor: pointer;
}

.btn:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.btn:hover::after {
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

.btn:active,
.btn:focus {
  outline: none;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

.btn--white {
  background-color: #fff;
  color: #777;
}

.btn--white::after {
  background-color: #fff;
}
.panel-heading {
	background: #00529c !important;
	color: #fff !important;
}
.btn--green {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fc466b),
    to(#3f5efb)
  );
  background: linear-gradient(to right, #fc466b, #3f5efb);
  color: #fff;
}

.btn--green::after {
  background-color: #55c57a;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-plans {
  padding: 1rem 0 1rem 0;
}

.card {
  -webkit-perspective: 150rem;
  perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  height: 27rem;
}

.card__side {
  height: 52rem;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}

.card__side--front {
  background-color: #fff;
}

.card__side--front-1 {
  background: #fff
}



.card__side--back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.card__side--back-1 {
  background: linear-gradient(301.97deg, rgb(2, 65, 130) 1.86%, rgba(2, 65, 130, 0.64) 98.56%)
}

.card:hover .card__side--front-1,
.card:hover .card__side--front-2,
.card:hover .card__side--front-3 {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.card__title {
  height: 15rem;
  padding: 4rem 2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__title--1 .fas {
  font-size: 5rem;
}


.card__heading {
  font-size: 4rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 75%;
}

.card__heading-span {
  padding: 1rem 1.5rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.card__details {
  padding: 0 2rem 2rem;
}

.card__details ul {
  list-style: none;
  width: 80%;
  margin: 0 auto;
}

.card__details ul li {
  text-align: center;
  font-size: 1.5rem;
  padding: 1rem;
}

.card__details ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}


.row::after {
  content: "";
  display: table;
  clear: both;
}

.row [class^="col-"] {
  float: left;
}


.card__side--front-1 {
	color: #000 !important;
}
.card__side--front-1,.card__side--back-1 {
	height:28rem;
	border-radius: 10px;
}	
.card__side--front-1 .card__title{
		color: #000 !important;
}
.lang-cp, .lang-enach, .lang-ra  {
	color: #000;
	font-size: 18px;
}
.card__side--back-1 .lang-cp, .card__side--back-1 .lang-enach, .card__side--back-1 .lang-ra,
.card__side--back-1 .lang-cpd, .card__side--back-1 .lang-enachd, .card__side--back-1 .lang-rad{
	color:#fff;
	
} 
.MuiTouchRipple-root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
}
.MuiSvgIcon-root {
	width: 24px;
	position: relative;
	top: 8px;
	color: #00529c !important;
}
.card {
	text-align: center;
}
.bottomlink {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 auto;
	bottom: 23px;
	color: #00529c;
	font-weight: bold;
}
.MuiSvgIcon-root{
	fill: #00529c;
}
.bottomlink a {
	color: #fff;
}
.bottomlink a .MuiSvgIcon-root{
	fill: #fff;
}
/*Sidebar*/
.loTYca {
	margin-top: 80px;
	margin-left: auto;
	width: 75%;
	background: linear-gradient(302deg, rgb(2, 65, 130) 1.86%, rgba(2, 65, 130, 0.64) 98.56%);
	box-shadow: rgba(0, 0, 0, 0.08) 4px 9px 52px;
	flex-direction: column;
	border-radius: 10px;
	padding: 15% 0%;
}
.cponjW {
	-moz-box-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.eHcflE {
	color: rgb(226, 226, 226);
	opacity: 0.5;
	width: 70%;
	margin: 20% auto; 
}
.fqbcTD {
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-family: "Roboto";
	margin: 10% 0%;
}
#sf-bot-icon {
	width: 80px;
	position:fixed;
	bottom:0;
	right:10px;
}
.form__radio-label {
	color: #00529c;
}
#btnloansubmit:hover, #btnsend:hover, #subotp:hover, #btnView:hover, #btnnext:hover, #btnsubmit:hover, #btnback:hover {
	background: #00529c;
	color:#fff;
}
#btnloansubmit, #btnsend, #subotp, #btnView, #btnnext, #btnsubmit, #btnback {
	background: #ffcb09;
	color:#000;
	margin:15px auto;
}

html,body{
	 overflow-x: hidden;
}

.logo a img{width:150px;}
.homy h1{font-size:60px;}
.formheading {
	font-size: 26px;
	font-weight: bold;
	color: #00529c;
	margin-bottom: 42px;
	text-align:center;
}
input[type="text"]{
	padding:15px!important;
}
/*Sidebar*/
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 700px; }    
}
@media screen and (max-width: 800px){
	.hero{top:45%;}
    .hero h1 { font-size: 12px; }   
	.toprightenu{display:none!important;}
	.logo a img{width:90px;}
	.ham-icon {display: block;cursor: pointer;margin-top: 17px;	padding-right: 15px;}
	.eauction{margin-top:83px;}
	.hero h3{font-size:11px; line-height:13px;top:50px!important;display:none;}
	.item.slides img {width: 100%;}
	.fade-carousel .carousel-inner .item {height: 150px;}
	.loTYca{width:55px;}
	#services {display: none;}
	.homy h1{font-size:40px!important;}
	.homy{padding-left:15px; padding-right:15px;}
}
/* CSS */
.button-43 {
  background-image: linear-gradient(-180deg, #00519a 0%, #1E96C8 100%);
  
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  font-size: 16px;
  justify-content: center; 
  text-decoration: none;
  /*width: 100%;
   padding: 1rem 1.75rem;  
  border-radius: .5rem;*/
  border: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  padding: 3px 16px;
  border-radius: 0px;

}

.button-43:hover {
  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);
}

@media (min-width: 768px) {
  .button-43 {
    padding: 6px 1.5rem;
  }