/*============== custom varible ================*/
:root {
}
/*============== custom varible ================*/
 
body {
	padding:0  !important ;
	margin: 0   !important;
	background:#fff;
	font-family: 'Lato-Light';
	font-size:16px;
	line-height:32px;
	color:#2f3844;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}
html,
body { 
	height:100%; 
}
* {
	margin:0;
	padding:0;
}
 
li, ul, ol { 
	list-style:none; 
	margin:0;
	padding:0;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a, button, input[type=submit],
.input-text {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
:focus {
	outline:none;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, p {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
.clear {}
.clear:before,
.clear:after {
	content:"";
	display:table;
}
.clear:after { 
	clear:both; 
}
input, textarea { 
	outline:none !important; 
}
::-webkit-input-placeholder {
	color:inherit; 
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit; 
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}
#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
	display:block;
	background-color: #fff;
}
.navbar-toggler{ float:right; border:0px; outline:none; margin:0px; padding:0px; border-radius:0px; width:30px ; height:25px;} 
.navbar-toggler:focus{ border:0px; outline:none; }
.navbar-toggler-icon {
    background:  url("../images/menu-icon.svg") no-repeat scroll left top;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
}
/***** Select Dropdown Start *****/
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor:pointer;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: var(--white);
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.bootstrap-select {
	display: inline-block;
	float: none;
	width: 100%;
}
.bootstrap-select .btn,
.bootstrap-select .btn.dropdown-toggle {
	width: 100%;
	max-width: 100%;
	padding: 11px 50px 20px 19px;
	font-size: 18px;
	color: var(--white);
	text-align: left;
	background: none;
	border:0px;
	border-bottom:var(--white) solid 1px;
	border-radius:0px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
			box-shadow: none;
}
.bootstrap-select.select-1 .btn { min-width: 250px; }
.bootstrap-select.select-2 .btn,
.bootstrap-select.select-2 .btn.dropdown-toggle {
	min-width: 205px;
	padding-left: 6px;
	color: #acacac;
}
.bootstrap-select.select-2 .sort_by { display: none; }
.bootstrap-select .sort_by { display: inline-block; }
.bootstrap-select .pull-left {
	display: inline-block;
	float: none !important;
}
.bootstrap-select .btn .caret {
	position: absolute;
	top: 0;
	right: 9px;
	width: 35px;
	height: 100%;
	text-align: center;
	border-top: none;
	border-right: none;
	border-left: solid 1px transparent;
	background:url(../images/select-arrow.svg) no-repeat center center;
}
.bootstrap-select .btn .caret:before {
	position: absolute;
	top: 50%;
	left: 0;
	height:20px;
	width: 100%;
	 
	font-size: 18px;
	color:var(--white);
	content:"";
	
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.bootstrap-select .dropdown-menu {
	width: 100%;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
			box-shadow: none;
}
.bootstrap-select.show .dropdown-menu{ display:inline-block; }
.bootstrap-select div.dropdown-menu {
	height: auto; 
	min-height: 136px !important;
	margin-top: 0;
	border-top: none;
	border-color: #ccc;
	overflow-y: auto !important;
}
.bootstrap-select ul.dropdown-menu {
	top: 0;
	max-height: inherit !important;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	overflow: hidden !important;
}
.bootstrap-select .dropdown-menu li { border-bottom: solid 1px #ccc; }
.bootstrap-select .dropdown-menu li:last-child { border-bottom-color: var(--white); }
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.selected a:focus,
.bootstrap-select .dropdown-menu li a:hover { background: #f1f1f1; }
.bootstrap-select .dropdown-menu li a:focus { background: none; }
.bootstrap-select .dropdown-menu li a i { display: none; }
.bootstrap-select .dropdown-toggle::after{ display:none; }
/***** Select Dropdown End *****/
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1250px) {
  .container {
    max-width: 1200px;
  }
}
 
 
 
 
 
/*============ Header Start ============*/
#header{ padding: 0; width:100%; float:left; }
.header_wapper { width:100%; float:left; padding:10px 0 30px 48px; }
.header_wapper.inner_wapper { padding:40px 0 0; position:relative; z-index:5; }
.logo { float:left; width:220px; padding:4px 0 0; margin:0; }
.nav-menu { display:block; text-align:right; }
.nav-menu ul { width:auto; display:inline-block; vertical-align:top; margin:14px 0 0; padding:0 60px 0 0;/*0 188px 0 0*/ }
.nav-menu ul li { width:auto; display:inline-block; vertical-align:top; list-style:none; padding:0 40px 0 0; margin:0; line-height:1; position:relative; padding-bottom:20px;}
.nav-menu ul li:before { display:none; }
.nav-menu ul li a { font-family: 'Lato-Regular'; font-size:17px; color:#2f3844; display:block; }
.nav-menu ul li a:hover { color:#f44242; }
/*.nav-menu ul li .sub_menu { display:none; background:#ffffff; border-top:solid 2px #f44242; width:100%; position:absolute; top:100%; left:0; right:0; min-width:180px; padding:0; margin:0;}*/
.nav-menu ul li .sub_menu {display: none;background: #ffffff;border-top: solid 2px #f44242;width: 100%;position: absolute;top: 100%;left: -40px;right: 0;min-width: 180px;padding: 0;margin: 0;-webkit-box-shadow: 0px 30px 30px 0px rgba(58, 58, 58, 0.3);-moz-box-shadow: 0px 30px 30px 0px rgba(58, 58, 58, 0.3);box-shadow: 0px 30px 30px 0px rgba(58, 58, 58, 0.3);}
.nav-menu ul li .sub_menu li {width: 100%;padding: 22px 0;float: unset;border-bottom: solid 1px #f9f9f9;text-align: center;}
/*.nav-menu ul li.loginLi > a{color: #f44242; }*/
.nav-menu ul li.loginLi > a{color: white; }
.nav-menu ul li.loginLi{
	background: #ffc300;
    color: #fff;
    padding: 15px 20px;
    border-radius: 25px;
}

.nav-menu ul li .sub_menu li { width:100%; padding:22px 0; float:unset; border-bottom:solid 1px #f9f9f9; text-align:center; }
.nav-menu ul li .sub_menu li:last-child { border:none; }
.nav-menu ul li:hover .sub_menu { display:block; z-index: 1000000;}
.mobile-menu .nav-menu ul li.menu-item-has-children:after { content:'\f078'; position:absolute; font-family:'FontAwesome'; font-size:15px; color:#2f3844; right:15px; top:10px;

}
.menu-toggle {
position: absolute;
top: 8px;
right: 15px;
width: 30px;
height: 36px;
cursor: pointer;
display:none;
}
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
width: 30px;
height: 3px;
}
.hamburger-menu {
	position: relative;
	transform: translateY(25px);
	background: #1c1c1c;
	transition: all 0ms 300ms;
}
.hamburger-menu.animate {
    background: rgba(255, 255, 255, 0); 
}
.hamburger-menu:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	background: #1c1c1c;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	background: #1c1c1c;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:after {
	top: 0;
	transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}
.hamburger-menu.animate:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}
.header_wapper .mobile-menu { width:250px; height:100vh; display:inline-block; vertical-align:top; transition:all .3s ease-in-out; background:#fff; position:fixed; top:0; left:0; margin:0; padding:30px 0;z-index: 1;
transform:translateX(-300px); }
.header_wapper .mobile-menu.open { transform:translateX(0) }
.header_wapper .mobile-menu .nav-menu { display:inline-block; vertical-align:top; width:100%; text-align:left; }
.header_wapper .mobile-menu .nav-menu ul { margin:0; width:100%; }
.header_wapper .mobile-menu .nav-menu ul li { display:block; padding:10px 15px; border-bottom:1px solid #f1f1f1; }
.header_wapper .mobile-menu .login { width:100%; float:none; display:inline-block; vertical-align:top; position:absolute; bottom:10px; left:0; padding:0 15px;	 }
.header_wapper .mobile-menu .login > a { display:block; }
.header_wapper .mobile-menu .login .btn-box { width:100%; margin:0 0 20px; }
.header_wapper .mobile-menu .login .btn-box a { width:200px; }
.header_wapper .login { float:right; display:block; } 
.header_wapper .login > a { font-family: 'Lato-Bold'; font-size:16px; color:#2f3844; display:inline-block; vertical-align:top; line-height:40px; padding:3px 0 0; }
.header_wapper .login .btn-box { vertical-align:middle; margin:0 0 0 26px; }

 
/*============ Header End ============*/
/*============ Banner Start ============*/
.home_banner_wapper{
	background-color: #121729;
}
.heading{
	color: #fff;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 80px;
	font-weight: 600;
	font-style: italic;
    line-height: 1;
}
.banner_wapper { padding:0px; width:100%; float:left; position:relative; overflow:hidden; background:#f8f8f8; }
.inner_banner_wapper { padding:0px; width:100%; float:left; position:relative; }
.banner_wapper .home-banner { width:100%; display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position:bottom 10px right 183px; height:100vh; background-size:auto; }
.banner_wapper .home-banner:after { content:''; width:100%; height:155px; position:absolute; bottom:-2px; left:0; background:url(../images/slider-shape.svg) no-repeat; background-size:cover; z-index:2; }
.banner_wapper .inner-banner { width:100%; display:inline-block; vertical-align:top; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.banner_wapper .banner-caption { position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); width:100%; z-index:11; }
.inner_banner_wapper .banner-caption { text-align:center; }
.banner_wapper .banner-caption h1 { color:#f44242; padding:0 0 33px; }
.banner_wapper .banner-caption a { font-family: 'Lato-Bold'; font-size:14px; color:#fff; }
.banner_wapper .banner-caption a i { margin:0 0 0 12px; }
canvas.wave-xp{ position:absolute; bottom:0px; z-index:10; margin:0 0 -50px; opacity: .6; display:block;  }
/*============ Banner End ============*/
/*============ Content Start ============*/
.content_wapper{ width:100%; float:left; }
.btn-box { width:auto; display:inline-block; vertical-align:top; } 
.btn-box a { min-width:210px; height:50px; line-height:50px; display:inline-block; vertical-align:top; background:#a98346; font-family: 'Lato-Bold'; font-size:14px; color:#fff; text-transform:uppercase; text-align:center;  }
.btn-box a:hover { box-shadow: 12px 17px 18px 0px rgba(0, 0, 0, 0.21); }
h1 { font-family: 'Lato-Light'; font-size:48px; line-height:65px; color:#2f3844; }
h2 { font-family: 'Lato-Light'; font-size:36px; line-height:48px; color:#164694; }
h3 { font-family: 'Lato-Light'; font-size:24px; line-height:36px; color:#2f3844; }
.drop { position:absolute; opacity:0.1; }
.drop1 { bottom:20px; left:127px; }
.drop2 { top:-255px; right:177px; }
.drop3 { top:-213px; right:216px; }
.drop4 { top:129px; left:-25px; }
.drop5 { top:186px; left:19px; }
.drop6 { top:84px; right:245px; }
.drop7 { bottom:14px; right:-44px; }
/* Home page css start */
.about_sec { width:100%; float:left; margin:284px 0 120px; position:relative; padding:120px 0 17px; }
.about_sec .about-blk { width:100%; display:inline-block; vertical-align:top; }
.about-blk .about-left { width:100%; display:inline-block; vertical-align:top; position:relative; }
.about-blk .about-left .image { width:auto; display:inline-block; vertical-align:top; padding:0 0 0 110px; }
.about-blk .about-left .image.top { position:absolute; top:-223px; right:44px; z-index:-1; padding:0; }
.about-blk .about-left .title-box { position:absolute; top:-135px; left:0; min-width:270px; min-height:270px; padding:39px 58px 52px; background:#164694; color:#fff; display:block; box-shadow: 17px 25px 29.52px 6.48px rgba(0, 0, 0, 0.18);  }
.about-blk .about-left .title-box h2 { color:#fff; }
.about-blk .about-right { width:100%; display:inline-block; vertical-align:top; color:#a98346; }
.about-blk .about-right h3 { color:#2f3844; padding:0 0 26px; margin:-13px 0 0; }
.about-blk .btn-box { width:100%; text-align:center; padding:60px 0 0; }
.unique_sec { width:100%; float:left; display:block; padding:0 0 24px; margin:0 0 0; }
.unique_sec h2 { text-align:center; padding:0 0 71px; }
.unique_sec .unique-blk { width:100%; display:inline-block; vertical-align:top; }
.unique-blk .row { margin:0; }
.unique-blk .row > div[class*="col-"] { padding:0; }
.unique_sec .unique-box { width:100%; display:inline-block; vertical-align:top; padding:92px 120px; background:#f9f9f9; min-height:100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.unique_sec .unique-box:hover { background:#fff; box-shadow: 17px 25px 29.52px 6.48px rgba(0, 0, 0, 0.18);  }
.unique_sec .unique-box .image { width:100%; display:inline-block; vertical-align:top; }
.unique_sec .unique-box .image svg { max-height:100px; }
/*.unique_sec .unique-box h3 { color:#f44242; padding:5px 0 14px; width:100%; display:inline-block; vertical-align:top; position:relative; margin:0 0 21px;  }*/
.unique_sec .unique-box h3 { color:#f44242; padding:5px 0 14px; width:100%; display:inline-block; vertical-align:top; position:relative; margin:0 0 21px;  }
.unique_sec .unique-box h3:after { content:''; width:170px; height:1px; background: rgb(22,70,148); background: -moz-linear-gradient(left, rgba(22,70,148,1) 0%, rgba(209,0,94,1) 100%); background: -webkit-linear-gradient(left, rgba(22,70,148,1) 0%,rgba(209,0,94,1) 100%); background: linear-gradient(to right, rgba(22,70,148,1) 0%,rgba(209,0,94,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164694', endColorstr='#f44242',GradientType=1 ); display:inline-block; vertical-align:top; position:absolute; bottom:0; left:0;  }
.unique_sec .unique-box:hover  path {
 	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear alternate infinite;
}
.unique_sec .unique-box:hover line {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 8s linear alternate infinite;
}
.unique_sec .unique-box:hover  polygon {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash2 8s linear alternate infinite;
}
.unique_sec .unique-box:hover  polyline {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash2 5s linear alternate infinite;
}
.unique_sec .unique-box:hover  rect {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear alternate infinite;
}
@keyframes dash2 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset:0;
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.why_sec { width:100%; float:left; background-repeat:no-repeat; background-position:-160px bottom; min-height:770px; padding:283px 0 145px; margin:104px 0 0; position:relative; overflow:hidden; }
.why_blk { width:100%; display:inline-block; vertical-align:top; }
/*.why_blk h2 { color:#f44242; }*/
.why_blk h2 { color:#f44242; }
.why_sec .why_blk .image { display:none; width:100%; }
.how_sec { width:100%; float:left; background-color:#f9f9f9; background-position:center right; background-attachment:fixed; background-repeat:no-repeat; padding:106px 0 62px; position:relative; }
.how_sec:before { content:''; background:url(../images/how-it-shape.png); width:100%; height:99px; position:absolute; bottom:0; left:0; display:block; }
.how_blk { width:100%; display:inline-block; vertical-align:top; }
.how_blk h2 { padding:0 0 52px 175px; }
.how_blk ul { display:block; width:100%; float:left; }
.how_blk ul li { display:block; list-style:none; }
.how_blk .icon-row { width:100%; float:left; display:block; position:relative; z-index:2; }
.how_blk .icon-row + .icon-row { padding:60px 0 0; }
.how_blk .icon-box { width:120px; height:120px; border-radius:100%; background:#fff; line-height:120px; float:left; display:block; text-align:center; }
.how_blk .icon-box:after { content:''; width:1px; height:100%; position:absolute; bottom:10px; left:60px; background:#fff; display:block; }
.how_blk .icon-row:first-child .icon-box:after { bottom:0; } 
.how_blk .icon-box svg { vertical-align:middle; position:relative; z-index:2; overflow:visible; }
.how_blk .icon-info { overflow:hidden; padding:8px 0 0 55px; }
/*.how_blk .icon-info h3 { color:#f44242; line-height:26px; }*/
.how_blk .icon-info h3 { color:#f44242; line-height:26px; }
.how_blk .icon-row:hover  path {
 	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear alternate infinite;
}
.how_blk .icon-row:hover line {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 8s linear alternate infinite;
}
.how_blk .icon-row:hover  polygon {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash2 8s linear alternate infinite;
}
.how_blk .icon-row:hover  polyline {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash2 5s linear alternate infinite;
}
.how_blk .icon-row:hover  rect {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear alternate infinite;
}
/* home timeline */
body{
    background-color: #fff;
    margin-top:20px;
}

.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #c6c6c6;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -7px;
}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #000;
    border: 2px solid #000;
    left: -3px;
}

.main-timeline .icon:after {
    border: 2px solid #c6c6c6;
    left: 3px;
	display: none;
}

/* .main-timeline .timeline:hover .icon:before {
    left: 3px
}

.main-timeline .timeline:hover .icon:after {
    left: -3px
} */

.main-timeline .date-content {
    width: 50%;
    float: left;
    margin-top: 22px;
    position: relative
}

/* .main-timeline .date-content:before {
    content: "";
    width: 36.5%;
    height: 2px;
    background: #c6c6c6;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
} */

.main-timeline .date-outer {
    width: 125px;
    height: 125px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1;
	display: flex;
	align-items: center;
}

/* .main-timeline .date-outer:before,
.main-timeline .date-outer:after {
    content: "";
    width: 125px;
    height: 125px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s
} */

.main-timeline .date-outer:before {
    /* background: #fff;
    border: 2px solid #232323;
    left: -6px */
}

.main-timeline .date-outer:after {
    border: 2px solid #c6c6c6;
    left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 27%;
    left: 0
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title {
    font-size: 35px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0
}

.main-timeline .description {
    font-size: 20px;
	margin-bottom: 0
}

.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }
    .main-timeline .date-content:before {
        width: 22.5%
    }
    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .main-timeline .title {
        font-size: 17px
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }
    .main-timeline .timeline {
        margin-bottom: 20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline .icon {
        margin: auto 0
    }
    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }
    .main-timeline .date-content:before {
        display: none
    }
    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }
    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }
    .main-timeline .date {
        top: 30%
    }
    .main-timeline .year {
        font-size: 24px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .main-timeline .title {
        margin-bottom: 10px
    }
}
/* home timeline end */

/* Home page css end */
/* Patients pag css start */
.patient-page { width:100%; float:left; padding:0; }
.people_sec { width:100%; float:left; padding:107px 0 110px; position:relative; }
.people_sec h2 { text-align:center; }
.people_sec .drop3 {  top:920px; left:120px; right:0; }
.people_sec .drop2 {  top:920px; left:170px; right:0; }
.people_sec .drop1 {  top:373px; left:auto; right:100px; }
.people-blk { width:100%; display:inline-block; vertical-align:top; }
.people-blk .people-grid { width:100%; display:inline-block; vertical-align:top; padding:53px 23px 12px; }
.people-grid .people-box { width:100%; display:inline-block; vertical-align:top; text-align:center; padding:0 0 61px; }
.people-grid .people-box .image { width:100%; display:inli-blok; vertical-align:top; padding:0 0 23px; }
.people-blk .btn-box { width:100%; text-align:center; padding:12px 0 0;  }
.method_sec { width:100%; float:left; background-color:#f9f9f9; background-position:center right; background-attachment:fixed; background-repeat:no-repeat; padding:86px 0 62px; position:relative; }
.method_sec:before { content:''; background:url(../images/methodt-shape.png); width:100%; height:107px; position:absolute; bottom:0; left:0; display:block; }
.method_blk { width:100%; float:left; padding:0 0 60px;  }
.method_blk h2 { text-align:center; padding:0 0 55px; }
.method_blk .table th, .method_blk .table td { border-bottom:1px solid rgba(47,56,68,0.3); border-top:0; border-right:2px solid #d5d7d9; padding:22px 26px;  }
.method_blk .table th:first-child, .method_blk .table td:first-child { padding-left:80px; }
.method_blk .table th:last-child, .method_blk .table td:last-child { border-right:0; background:#a98346; color:#fff; }
.method_blk .table td:nth-child(03),
.method_blk .table th:nth-child(03) { border-right:0; }
.method_blk .table td:nth-child(02),
.method_blk .table td:nth-child(03),
.method_blk .table td:last-child { text-align:center; }
.method_blk .table th:last-child span { color:#fff; }
.method_blk .table th i { display:inline-block; vertical-align:middle; }
.method_blk .table th span { display:inline-block; vertical-align:middle; font-size:14px; line-height:24px; color:#f44242; padding:0 0 0 18px; }
.patient-page .about_sec {  padding:0; }
.patient-page .about-blk .about-left .title-box { height:270px; display:table; }
.patient-page .about-blk .about-left .title-box h2 { display:table-cell; vertical-align:middle; }
.patient-page .about-blk .about-right {  padding:0 0 0 50px ; }
.list-style-1 { display:block; }
.list-style-1 li { display:block; list-style:none; position:relative; font-size:16px; color:#2f3844; padding:0 0 0 55px; }
.list-style-1 li + li { margin:27px 0 0; }
.list-style-1 li:before { content:"\f105"; font-family:'FontAwesome'; font-size:24px; color:#004796; position:absolute; top:0; left:0; }
/* Patients pag css end */
/* Register Account page css start */
.register-page { width:100%; float:left; }
.register-page .drop2 { top:192px; right:138px; }
.register-page .drop3 { top:234px; right:174px; }
.register_sec { width:100%; float:left; padding:71px 0 0; position:relative; }
.register-form { width:100%; display:inline-block; vertical-align:top; }
.register-form .register-top { width:100%; display:inline-block; vertical-align:top; padding:0 0 43px; }
.register-form .register-top h2 { display:inline-block; vertical-align:top; }
.register-form .register-top a { float:right; padding:16px 0 0; text-decoration:underline; color:#004796; }
.register-form form { display:block; margin:0 -15px; font-size:0; }
.register-form form .input_row { display:inline-block; vertical-align:top; width:100%; line-height:1; padding:0 15px 0;  }
.register-form form .input_row + .input_row { padding-top:42px; }
.register-form form .input_row.half-input { width:50%; }
.register-form form .input_row label { display:block; line-height:1; font-weight:normal; margin-bottom:0; font-size:16px; }
.register-form form .input_row .checkbox_group label{line-height: 1.6;cursor: pointer;}
.register-form form .input-text { width:100%; height:25px; display:inline-block; vertical-align:top; border:0;  border-bottom:1px solid rgba(47,56,68,0.2); font-size:14px; -webkit-appearance:none; -moz-appearance:none; }
.register-form form select.input-text { background:url(../images/down-arrow.svg) no-repeat right center; padding:0 15px; }
.register-form form .input-text:focus { border-color:#f44242; }
.register-form form .strong_row { width:100%; display:inline-block; vertical-align:top; text-align:right; font-size:16px; margin:9px 0 51px; }
.register-form form .strong_row .graybar { width:180px; height:4px; background:#6d6e71; display:inline-block; vertical-align:middle; position:relative; margin:0 15px 0 14px; }
.register-form form .strong_row .graybar .fillbar { height:100%; position:absolute; top:0; left:0; display:block; background:#f44242; }
.register-form form input[type="submit"] { min-width:210px; height:50px; line-height:50px; display:inline-block; vertical-align:top; background:#a98346; font-family: 'Lato-Bold'; font-size:14px; color:#fff; text-transform:uppercase; text-align:center; border:0;  }
.register-form form .strong_row + .input_row + .input_row { padding-top:22px; }
.register-form form input[type="submit"]:hover { box-shadow: 12px 17px 18px 0px rgba(0, 0, 0, 0.21); }
.register-form form  .btn-box { width:100%; text-align:center; font-size:16px; }
.register-form form  .btn-box p { line-height:30px; font-size:16px; color:rgba(47,56,68,0.5); padding:40px 0 0; }
/* Base for label styling */
.register-form form [type="checkbox"]:not(:checked),
.register-form form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.register-form form [type="checkbox"]:not(:checked) + label,
.register-form form [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}
/* checkbox aspect */
.register-form form [type="checkbox"]:not(:checked) + label:before,
.register-form form [type="checkbox"]:checked + label:before {
  content: "";
  font-family:'FontAwesome';
  font-size:16px;
  position: absolute;
  left: 0; 
  top: 0;
  width:14px;
  height:14px;
  background:#000;
  border-radius:4px;
}
/* checked mark aspect */
.register-form form [type="checkbox"]:not(:checked) + label:after,
.register-form form [type="checkbox"]:checked + label:after {
  content: "\f14a";
  font-family:'FontAwesome';
  font-size:16px;
  position: absolute;
  top: 0; left: 0;
  color: #a98346;
  transition: all .2s;
}
/* checked mark aspect changes */
.register-form form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.register-form form [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  background:#fff;
}
/* Register Account page css end */
/* Physician page css end */
.physician-page { width:100%; float:left; }
.physician-page .physician_sec { width:100%; float:left; padding:84px 0 120px; }
.physician_sec .physician-blk { width:100%; float:left; }
.physician-blk .physician-info { width:100%; float:left; }
.physician_sec .physician-blk h2 { padding:0 0 28px; }
.physician_sec .physician-blk p { padding:0 0 24px; }
.physician_sec .physician-blk .image { padding:33px 0 0; width:100%; display:inline-block; }
.physician_sec .physician-blk .btn-box { width:100%; padding:22px 0 0; }
.physician-page .how_sec { padding:78px 0 125px; }
/* Physician page css end */
/*============ Content End ============*/
/*============ Footer Start ============*/
#footer{ width:100%; float:left; background:#ffc000; padding:160px 0 0; }
.footer_wapper { width:100%; float:left; }
.footer_wapper .footer-top { width:100%; display:inline-block; vertical-align:top; border-bottom:1px solid #f9f9f9; padding:0 0 97px;  }
.footer_wapper .footer-bottom { width:100%; display:inline-block; vertical-align:top; text-align:center; padding:51px 0 67px; font-family: 'Lato-Regular'; font-size:10px; line-height:18px; color:#869099;   }
.footer_wapper .ft-box { width:100%; display:inline-block; vertical-align:top; }
.footer_wapper .ft-logo { font-size:14px; }
.footer_wapper .ft-logo p { padding:14px 0 0; }
.footer_wapper .ft-menu ul { display:block; font-size:0; }

.footer_wapper .ft-menu ul li { display:inline-block; vertical-align:top; width:100%; }
.footer_wapper .ft-menu ul li a { font-size:16px; color:#000;font-weight: bold; }
.footer_wapper .ft-menu ul li a:hover { color:#fff; }
.footer_wapper .email-box h3 { color:#f44242; }
.footer_wapper .email-box h3 a { color:#2f3844; display:block; }
.footer_wapper a{
	color: #121729;
}

.footer-social li a{
	color: #121729;
}
.footer-social li a:hover, .footer_wapper a:hover{
	color: #fff;
}
 
 
 
 
 /*mit Start*/
 
 /*pop up Start*/
#popup_login .modal-header { padding:0; border-bottom:none; padding-bottom:34px; }
#popup_login .modal-title { text-align:center; width:100%}
.modal-backdrop { background:rgba(22,70,148,0.90); }
.modal-backdrop.show { opacity:1; }
#popup_login .modal-footer { border-top:none; }
#popup_login .modal-dialog { max-width:570px; }
#popup_login .modal-content { padding:64px 100px 90px; border-radius:unset; }
 /*pop up Start*/
#popup_login .form_row .login_fild { font-family: 'Lato-Regular'; font-size:14px; color:#2f3844; padding:0 23px; width:100%; height:50px; border:solid 1px #e7e9eb; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; outline:none; -webkit-appearance:none; appearance:none; }
#popup_login .form_row { padding-bottom:25px; }
#popup_login .modal-body { padding:0; }
#popup_login .form_row:last-child { padding-bottom:0; }
#popup_login .modal-footer { padding:0; display: -webkit-box; display: -ms-flexbox ;display:flex; width:100%; padding-top:50px;justify-content: space-between; align-items: center; }
#popup_login .modal-footer .popup_signin { height:50px; line-height: 50px; display: inline-block; vertical-align: top; background: #a98346;  min-width:170px; float:left; font-family: 'Lato-Bold'; font-size:14px; color:#ffffff; text-transform:uppercase; border:none; outline:none;}
#popup_login .modal-footer .popup_signin:hover {
-webkit-box-shadow: 12px 17px 18px 0px rgba(0, 0, 0, 0.21); 
-moz-box-shadow: 12px 17px 18px 0px rgba(0, 0, 0, 0.21); 
box-shadow: 12px 17px 18px 0px rgba(0, 0, 0, 0.21); 
}
#popup_login .modal-footer .popup_forget { float:right; display:inline-block; vertical-align:middle; margin:0; }
#popup_login .modal-footer .popup_forget .forget_link{font-family: 'Poppins-Light'; font-size:14px; color:#004796;}

 /*pop up End*/
 
/* contact start */
.inner-banner.contact{ background:#f9f9f9; }

.banner-caption .contact_logo_blk { text-align:center; padding-bottom:28px; }
.banner-caption .contact_logo_blk .logo_blk{ width:211px; height:211px; border-radius:100%; background:#ffffff; text-align:center; margin:0 auto; }
.banner-caption .contact_logo_blk .logo_blk img { padding-top:43px; }
.register-form form textarea.input-text { resize:none; height:116px; }
.contact_page .register-form form input[type="submit"] { min-width:170px; margin-top:18px; }
.contact_page .more_contact { padding-top:115px; }
.contact_page .more_contact h3 { color:#f44242; text-align:center; padding-bottom:11px; }
.contact_page .more_contact .over_contact {display:inline-block; vertical-align:top; width:100%;  text-align:center;}
.contact_page .more_contact p,
.contact_page .more_contact a { color:#2f3844; text-align:center; }
.contact_page .register_sec { padding:76px 0 0; }
.contact_page { padding-bottom:13px; }
/* contact END */
 /*mit End*/

@media (min-width: 1000px) {
	.home-banner {
		background-size: 42% !important;
	}
}

/*new map page*/

/*new map page end*/

@media all and (max-width: 665px) {
	.why_sec{display: none;}
}
@media all and (min-width: 665px) {
	.show-sm-up{display: block;}
	.hide-sm-up{display: none;}
}

/* home new sections */
/* feature_section */
.feature_section p{
	margin: 0 auto;
	max-width: 90%;
}
/* feature_section end*/
/* .hair_loss_hacks .col-sm-6 .col-sm-6{
	padding: 0;
} */
.hair_loss_hacks .img-box{
	background-size: cover;
	min-height: 470px;
}
.hair_loss_hacks .img-box.woman{
	background-image: url('/newassets/images/home/woman.jpg');
}
.hair_loss_hacks .img-box.oldWoman{
	background-image: url('/newassets/images/home/old-lady.jpg');
}
.hair_loss_hacks .text-section{
	padding: 50px;
}
/* feedar section */
.feedar-section .feedar-wrap{margin-top: 100px;}
.feedar-section .text_section{
	min-height: 180px;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 50px;
}
.feedar-section .text_section.noborder{
	border: none;
}
/* trustedby-section */
.trustedby-section{
	background-image: url('/newassets/images/home/Girl_Smiling-1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
	min-height: 720px;
}
/* contact-section */
.contact-section .inner_content{max-width: 750px;margin: 0 auto;}
.contact-section .inner_content input{
	width: 100%;
	border-width: 0 0 1px 0;
	border-color: #ddd
}

@media all and (max-width: 576px) {
    .home_banner_wapper{
        margin-top: 50px;
    }
    .home_banner_wapper .heading{
        font-size: 40px;
    }
    .home_banner_wapper .buttons_row{
        padding: 20px;
    }
    .home_banner_wapper .buttons_row, .home_banner_wapper .buttons_row a{
        display: block;
    }
    .home_banner_wapper .btn_white{
        margin-bottom: 15px;
    }

    .trusted_section .col-sm-6 {
        display: block!important;
    }
    .trusted_section .col-sm-6 .col-md-5, .trusted_section .col-sm-6 .col-md-7{
        display: block!important;
        min-height: auto;
        padding: 50px 0;
    }
    .hair_loss_section{
        padding: 30px!important;
    }
    .hair_loss_section .lh_1{
        font-size: 45px;
    }
    .hair_loss_section p.mt-4.mb-5 br, .hair_loss_section .lh_1 br{
        display: none;
    }
    .feature_section{
        padding: 50px 0!important;
    }
    .feature_section .col-sm-4 {
        margin-bottom: 50px;
    }

    .feedar-section{
        padding: 50px 30px!important;
    }
    .feedar-section .text_bold.f_45{
        font-size: 35px;
    }
    .feedar-section .text_section{
        min-height: auto;
        text-align: center;
    }
    .feedar-section .text_section p{
        text-align: center!important;
    }
    .feedar-section .image_section{
        margin-bottom: 50px;
    }

    .trustedby-section{
        padding: 30px !important;
        min-height: auto;
    }
    .trustedby-section .f_60{
        font-size: 34px;
        line-height: 1;
    }
    .trustedby-section .btn_white_outline{
        padding: 12px 25px!important;
    }
    
}