@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
/* font-family: 'Josefin Sans', sans-serif; */
body {
	font-family: 'Josefin Sans', sans-serif;
	-webkit-transition: .5s; 
    transition: .5s;
}
p {
	font-size: 20px;
	line-height:30px;
	font-weight: 400;
}
.top-header {
	background-color: #011622;
	color: #FFF;
}
.top-header .social ul {
	float: right;
	list-style: none;
}
.top-header .social ul li{
	display: table-cell;
	padding: 0 3px;
}
.top-header .social ul li a:hover{
	text-decoration:none;
}
.top-header .social li i {
	color: #3f74a3;
}
.hamburger {
	position: absolute;
	left: 20px;
	top: 20px;
	cursor: pointer;
}
.hamburger i {
	font-size: 25px;
	color: white;
}
header.header-main{
	position: relative;
	z-index: 9;
	width: 100%;
}
.desktop-nav{
	-webkit-transition: .5s; 
    transition: .5s;
}
.desktop-nav .navbar-brand{
	position: absolute;
}
.desktop-nav .navbar-brand img{
	width: 150px;
}
.desktop-nav .navbar-toggler{
	z-index: 9;
}
.desktop-nav.fixed{
	padding: 0;
    background-color: rgba(0,0,0,0.7);
	-webkit-transition: .5s; 
    transition: .5s;
}
.desktop-nav .navbar.content{
	max-width: 1140px;
    margin: 0 auto;
	-webkit-transition: .5s;
    transition: .5s;
}
.desktop-nav .navbar.content li.request-quote a{
	padding: 15px 35px;
	-webkit-transition: .5s; 
    transition: .5s;
}
.desktop-nav .navbar.content li.request-quote a:hover, .desktop-nav .navbar.content li.request-quote a:focus, .desktop-nav .navbar.content li.request-quote a:active{
	background-color: #008a9a;
    border-color: #008a9a;
    -webkit-transition: .5s;
    transition: .5s;
}
.desktop-nav.fixed .navbar-brand img{
	width: 97px;
/*    position: absolute;*/
    top: 0;
    z-index: 9;
    left: 5%;
	-webkit-transition: .5s; 
    transition: .5s;
}
.nav-offcanvas {
	width: 300px;
	background: linear-gradient(135deg, #fbda61 0%, #f76b1c 100%);
	height: 100vh;
	position: fixed;
	overflow-x: auto;
	z-index: 2000;
	padding: 50px 0;
	top: 0;
	left: -300px;
	-webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-offcanvas .close {
	position: absolute;
	left: 15px;
	top: 20px;
	outline: 0;
	opacity: 1;
	background: transparent;
	border: none;
	box-shadow: none;
	cursor: pointer;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.nav-offcanvas .close i {
	font-size: 20px;
	color: white;
	text-shadow: none;
}
.nav-offcanvas .close:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.nav-offcanvas-menu ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.nav-offcanvas-menu ul li a {
	color: #181970;
    font-size: 19px;
    font-weight: 400;
	padding: 10px 40px;
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
	transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
}
.nav-offcanvas-menu ul li a:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.nav-offcanvas.open {
	left: 0;
}
.fixed{  /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	-webkit-transition: .5s; */
    transition: .5s;
}
.offcanvas-overlay {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1999;
	-webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	visibility: hidden;
	opacity: 0;
}
.offcanvas-overlay.on {
	opacity: 1;
	visibility: visible;
}
.mobile-nav {
	display: none;
}
.header-main .desktop-nav nav {
	padding: 0;
}
.slider-bottom img{
	position: relative;
}
.slider-bottom .for-giver, .slider-bottom  .for-reciver{
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	padding:50px 53px;
}
.slider-bottom .for-giver h3, .slider-bottom  .for-reciver h3{
	font-size: 35px;
}
.slider-bottom .for-giver p, .slider-bottom  .for-reciver p{
	font-size: 20px;
    font-weight: 400;
}
.slider-bottom .for-giver a.button, .slider-bottom  .for-reciver a.button{
	padding: 8px 25px;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}
.slider-bottom .for-giver{
	background-color: #1e1f8c;
	color: #dbb017;
}
.slider-bottom  .for-reciver{
	background-color: #dbb017;
	color: #1e1f8c;
}
.slider-bottom .for-giver a.button{
	background-color: #dbb017;
	color: #1e1f8c;
}
.slider-bottom .for-reciver a.button{
	background-color: #1e1f8c;
	color: #dbb017;
}
.our-story p {
    font-size: 21px;
    font-weight: 400;
    line-height: 29px;
    text-align: justify;
}
/* ========================== Slider ======================= */

/*
.slider {
	margin-top: 23px;
}
*/
.slider .bx-wrapper {
	border: 0;
	box-shadow: none;
	position: relative;
	margin: 0;
}
.slider .bx-wrapper .text-wrap {
	position: absolute;
    bottom: 12%;
    width: 100%;
    -webkit-transform: translateY(-12%);
	-ms-transform: translateY(-12%);
	-moz-transform: translateY(-12%);
	-o-transform: translateY(-12%);
	transform: translateY(-12%);
    left: 0;
    align-items: center;
    justify-content: center;
}
.slider .bx-wrapper .text-wrap .text-wrap-left{
	width: 50%;
    float: left;
}
.slider .bx-wrapper .text-wrap .text-wrap-right{
	width: 40%;
    float: right;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    width: 100%;
}
.slider .bx-wrapper .text-wrap h1 {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 35px;
    padding: 15px 60px 0 35px;
    color: #1e1f8c;
	font-weight: 500;
}
.slider .bx-wrapper .text-wrap h1 span{
	width: 100%;
    display: inline-block;
    font-weight: 900;
    font-size: 55px;
    padding-top: 15px;
}
.slider .bx-wrapper .text-wrap h2{
	font-family: 'Josefin Sans', sans-serif;
    font-size: 65px;
    padding: 15px 0;
    color: #FFF;
    line-height: 87px;
}
.slider .bx-wrapper .text-wrap p{
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF;
}
.slider .container{
	margin: 0 auto;
    position: relative;
}
.slider .bx-wrapper .text-wrap .button-group button, .button-group button, .button-group a {
	background-color: #00b7cd;
	border-color: #00b7cd;
	padding-right: 5px;
	padding: 15px 47px;
	border-radius: 0;
	color: #FFF!important;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	-webkit-transition: .5s;
    transition: .5s;
}
.slider .bx-wrapper .text-wrap .button-group button:hover, .button-group button:hover, .slider .bx-wrapper .text-wrap .button-group button:active, .button-group button:active, .slider .bx-wrapper .text-wrap .button-group button:focus, .button-group button:focus, .button-group a:active, .button-group a:focus, .button-group a:hover{
	background-color: #008a9a;
    border-color: #008a9a;
	color: #FFF;
	-webkit-transition: .5s;
    transition: .5s;
}

/* ========================== Slider ======================= */
.heading h3 {
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	padding-left: 60px;
	color: #00b7cd;
	text-transform: uppercase;
}
.heading h2 {
	font-size: 38px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 25px;
	color: #1e1f8c;
}
.heading h3:before {
	content: "";
	width: 45px;
	height: 3px;
	border-radius: 55px;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #00b7cd;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.inner-header{
	position: relative;
	min-height: 180px;
	color: #FFF;
	width: 100%;
/*	background-image: linear-gradient(to right top, #e59702, #eca400, #f3b100, #f9be00, #ffcc00);*/
	/*background-image: url(../images/inner-header_bg.jpg);*/
	background-size: cover;
	background-position: center center;
}
.inner-header .container .row {
    position: relative;
    height: 180px;
    display: block;
}

.inner-header:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.50)
}
.inner-header-content{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); padding-left:15px;
}
.inner-header-content h1{
	color: #e59701;
    text-transform: capitalize;
}
.page-breadcrumb .breadcrumbs-inner a {
    color: #00b7cd;
}
.page-breadcrumb .breadcrumbs-inner a, .page-breadcrumb .breadcrumbs-inner span {
    padding-right: 40px;
    color: #FFF;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}
.page-breadcrumb .breadcrumbs-inner a:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #FFF;
    right: 20%;
    top: 0;
}
.page-breadcrumb .breadcrumbs-inner a {
    color: #e59701;
}
.slider .bx-wrapper .text-wrap .button-group .button {
    background-color: #00b7cd;
    border-color: #00b7cd;
    padding-right: 5px;
    padding: 15px 47px;
    border-radius: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    -webkit-transition: .5s;
}
.slider .bx-wrapper .text-wrap .button-group .button:hover {
    background-color: #008a9a;
    border-color: #008a9a;
    -webkit-transition: .5s;
}
.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.section{
	padding: 50px 0 50px;
}
.content-main p{
	font-family: 'Josefin Sans', sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 34px;
    text-align: justify;
}
.content-img {
	margin-top: 30px;
}
.content-img ul{
	padding: 0;
	width: 100%;
	display: inline-block;
	list-style: none;
}
.content-img ul li{
	float: left
}
.content-img ul li{
/*	padding-right: 30px;*/
	float: left;
}
.content-img ul li:first-child{
	width: 50%;
}
.content-img ul li:last-child{
	padding: 0;
    width: 44%;
    float: right;
}
a.button{
	background-color: #00b7cd;
    border-color: #00b7cd;
    padding-right: 5px;
    padding: 15px 47px;
    border-radius: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
	-webkit-transition: .5s;
    transition: .5s;
}
a.button:hover, a.button:focus, a.button:active{
	text-decoration: none;
	background-color: #011622;
    border-color: #011622;
	-webkit-transition: .5s;
    transition: .5s;
}


.footer-top {
	background-color: #3f74a3;
	padding: 50px 0;
}

footer {
	background-color: #1e1f8c;
}
.nav-footer{
	padding: 0;
	margin-top: 45px;
	
}
.nav-footer li{
	display: inline-block;
	padding: 0 25px;
	border-right: 2px solid #FFF;
}
.nav-footer li:last-child{
	border:0;
}
.nav-footer li a{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
.nav-footer li a:hover, .nav-footer li a:focus, .nav-footer li a:active{
	text-decoration: none;
}

footer{
	font-family: 'Josefin Sans', sans-serif;
}
.footer-panel .col-3:first-child p {
	font-size: 13px;
	line-height: 20px;
}
.copyright {
	background-color: #dbb017;
    font-family: 'Josefin Sans', sans-serif;
    display: inline-block;
    width: 100%;
}
.copyright p {
	font-size: 17px;
    font-weight: 300;
}
.copyright p b {
	color: #1d1d1d;
}
.copyright-section p{
	font-size: 18px;
    font-weight: 400;
}
.copyright .col-sm-6{
	padding: 0;
}
.navbar .navbar-nav li{margin-left: 0 !important;}
.navbar .navbar-nav{
	align-items: center;
}
.navbar-light .navbar-nav .nav-link{
	padding: 25px 15px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link.active{
	color: #FFF;
	background-color: #1e1f8c;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #e59701;
}
.desktop-nav.fixed .navbar-nav .nav-item .nav-link{
	color: #e59701;
	padding: 15px 20px;
    font-size: 18px;
}
.fixed .navbar-light .navbar-nav .nav-link.active{
	color: #fff!important;
    background-color: #dbb017;
}
 @-webkit-keyframes rotate {
 from {
	-webkit-transform: rotate(0deg);
	}
 to {
	-webkit-transform: rotate(360deg);
	}
}
 @-moz-keyframes rotate {
 from {
	-moz-transform: rotate(0deg);
	}
 to {
	-moz-transform: rotate(360deg);
	}
}
 @keyframes rotate {
 from {
	transform: rotate(0deg);
	}
 to {
	transform: rotate(360deg);
	}
}

.disclamer{
	padding: 45px 35px;
	background-color: #bbbbdc;
	font-size: 31px;
	color: #000000;
}
.footer-panel ul.list-group{
	padding: 0;
    display: inline-block;
	padding-right: 45px;
}
.footer-panel ul.list-group li{
	padding: 0;
    display: inline-block;
	padding-right: 15px;
	vertical-align: middle;
}
.footer-panel ul.list-group li:last-child{
	padding-right: 0
}
.footer-panel ul.list-group li a{
	font-size: 23px;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
}
.footer-panel ul.list-group li a:focus, .footer-panel ul.list-group li a:active, .footer-panel ul.list-group li a:hover{
	text-decoration: none;
}
.footer-panel .social{
	display: inline-block;
    vertical-align: middle;
    align-items: center;
}
.footer-panel .social ul li{
	display: inline-block;
}
.login-section-content{
	background-color: #e59701
}
.login-section-content .col-sm-6, .login-section-content .col-sm-5{ 
	padding-left: 0;
}
/*
.login-section-content .col-sm-6{
	padding: 0;
}
*/
.login-section .login-main-text{
	background-color: #1e1f8c;
    padding: 70px;
}
form button[type="submit"], a.button{
	background-color: #1e1f8c;
    color: #dbb017;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}

.submit-btn, a.button{
	background-color: #1e1f8c;
    color: #dbb017;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}
form input{
    padding: 10px 10px!important;
}
.receivers-panel{
	background-color: #cfd9ff;
}
.givers-panel{
	background-color: #fff2ad;
}
.receivers-panel-content{
	overflow: hidden;
	padding-bottom: 25px;
}
.receivers-panel-content .list-items li{
	width: 20%;
    padding: 0 10px;
    float: left;
    display: inline-block;
    position: relative;
}
.receivers-panel-content .list-items li:before{
	content: "";
    width: 113px;
    height: 42px;
    background-image: url(../images/down-arrow-white.png);
    right: -55px;
    top: 10px;
    position: absolute;
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center center;
}
.receivers-panel-content .list-items li:after{
	content: "";
    width: 113px;
    height: 42px;
    background-image: url(../images/up-arrow-white.png);
    right: -55px;
    bottom: -10px;
    position: absolute;
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center center;
}
.receivers-panel-content .list-items li:nth-child(2n+2):before, .receivers-panel-content .list-items li:last-child:before{
	display: none;
}
.receivers-panel-content .list-items li:nth-child(2n+1):after{
	display: none;
}
.register-section-content .login-form {
    padding-top: 40px;
}
.for-lg{display:block !important;}
.for-sm{ display:none !important;}
.navbar-brand.homelogo{ display:none;}
.desktop-nav.fixed .navbar-brand.homelogo{ display:block;}


.home .desktop-nav.d-block .navbar.navbar-expand-md.navbar-light .navbar-brand{ display:none;}
.home .desktop-nav.d-block.fixed .navbar.navbar-expand-md.navbar-light .navbar-brand{ display:block;}
.home .desktop-nav.d-block .navbar.navbar-expand-md.navbar-light .justify-content-end {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.home .desktop-nav.d-block.fixed .navbar.navbar-expand-md.navbar-light .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.mobile_logo{ position:absolute; left:0px; top:0px; width:112px;}
.mobile_logo img{ width:100%;}
h2, .h2 {
    font-size: 2.7rem;
}
.forgetmenot {
    font-weight: 400;
    float: left;
    margin-bottom: 10px;
}
.forgetmenot input[type=checkbox]{
    background: #fff;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: .05s border-color ease-in-out;
}
.forgetmenot label {
    line-height: 1.5;
    vertical-align: baseline;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
}
p.submit {
    text-align: left;
    max-width: 100%;
	margin: 0;
    padding: 0;
    margin-top: 20px;
    padding-top: 10px;
	
}
p.submit button {
    vertical-align: baseline;
    float: right;margin-top: -15px;
}
input[type=checkbox]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}
p.register {
    display: block;
    font-size: 18px;
    float: none;
    font-weight: 400;
    width: 100%;
    clear: both;
}
p.register a{ color:#1e1f8c;}
.lost {
    margin: 24px 0 0 0;
    font-size: 13px;
    padding: 0 ;
	display: block;
    font-size: 18px;
    float: none;
    font-weight: 400;
    width: 100%;
    clear: both;
}
.lost a {
    text-decoration: none;
    color: #000;
}
label {
    font-size: 17px;
}

/*-----------header-menu------------*/
nav#cssmenu ul {
    float: right;
    margin-top: 13px;
}
.logo {
    position: absolute;
    z-index: 123;
    padding: 0px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    top: -39px;
}
.logo img {
    max-width: 170px;
}
.logo a{color:#6DDB07;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 25px 15px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
	text-decoration:none;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: #dbb017!important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease; color:#fff;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 33px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #1e1f8c;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 30px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background:#1e1f8c;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:after{ background:#fff;}
#cssmenu > ul > li.has-sub > ul{ padding-left:0px;}
#cssmenu > ul > li.has-sub > ul > li > ul{ padding-left:0px;}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    margin-top: 0;
}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li {border-bottom: 1px solid #666;}
#cssmenu ul ul li a {
    padding: 11px 15px;
    width: 215px;
    font-size: 17px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}



.home .desktop-nav.d-block .logo{ display:none;}
.home .desktop-nav.d-block nav#cssmenu ul {
    float: left;margin-top: 0px;
    margin-bottom: 0px;
}
.home .desktop-nav.d-block.fixed nav#cssmenu ul {
    float: right;margin-top: 0px;
    margin-bottom: 0px;
}
.home .desktop-nav.d-block.fixed #cssmenu > ul > li > a{color:#e59701;}
.home .desktop-nav.d-block.fixed #cssmenu > ul > li.active > a{ color:#fff;}
.home .desktop-nav.d-block #cssmenu > ul > li.active { color: #FFF;  background: #1e1f8c!important;}
.home .desktop-nav.d-block #cssmenu > ul > li:hover{ color: #FFF;  background: #1e1f8c!important;}
.home .desktop-nav.d-block.fixed  #cssmenu > ul > li.active { color: #FFF;  background: #dbb017!important;}
.home .desktop-nav.d-block.fixed  #cssmenu > ul > li:hover { color: #FFF;  background: #dbb017!important;}
.home .desktop-nav.d-block #cssmenu > ul > li.active > a{ color:#fff;}
.home .desktop-nav.d-block.fixed #cssmenu > ul > li:hover > a{ color:#fff;}
.home .desktop-nav.d-block.fixed #cssmenu > ul > li.has-sub > a:before{ background:#fff;}
.home .desktop-nav.d-block.fixed #cssmenu > ul > li.has-sub > a:after{ background:#fff;}
.home .desktop-nav.d-block.fixed .logo{ display:block; position:absolute; left:0px; top:0px; width:120px; padding:0px;}
.home .desktop-nav.d-block.fixed .logo img{ width:100%;}

.inner .desktop-nav.d-block nav#cssmenu ul {
    float: right;margin-top: 0px;
    margin-bottom: 0px;
}
.inner .desktop-nav.d-block.fixed nav#cssmenu ul {
    float: right;margin-top: 0px;
    margin-bottom: 0px;
}
.inner .desktop-nav.d-block.fixed #cssmenu > ul > li > a{color:#e59701;}
.inner .desktop-nav.d-block.fixed #cssmenu > ul > li.active > a{ color:#fff;}
.inner .desktop-nav.d-block #cssmenu > ul > li.active { color: #FFF;  background: #1e1f8c!important;}
.inner .desktop-nav.d-block #cssmenu > ul > li:hover{ color: #FFF;  background: #1e1f8c!important;}
.inner .desktop-nav.d-block.fixed  #cssmenu > ul > li.active { color: #FFF;  background: #dbb017!important;}
.inner .desktop-nav.d-block.fixed  #cssmenu > ul > li:hover { color: #FFF;  background: #dbb017!important;}
.inner .desktop-nav.d-block #cssmenu > ul > li.active > a{ color:#fff;}
.inner .desktop-nav.d-block.fixed #cssmenu > ul > li:hover > a{ color:#fff;}
.inner .desktop-nav.d-block.fixed #cssmenu > ul > li.has-sub > a:before{ background:#fff;}
.inner .desktop-nav.d-block.fixed #cssmenu > ul > li.has-sub > a:after{ background:#fff;}
.inner .desktop-nav.d-block.fixed .logo{ display:block; position:absolute; left:0px; top:0px; width:120px; padding:0px;}
.inner .desktop-nav.d-block.fixed .logo img{ width:100%;}

.desktop-nav.d-block.fixed #cssmenu {
    max-width: 1350px;
	width:90%;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s;
}
.inner nav#cssmenu ul {
    float: right;
    margin-top: 0px; margin-bottom:0px;
}
.light-back-blue{
	background-color: #f4f4ff;
}
.list-items-points{
	padding: 0;
	list-style: none;
}
.list-items-points li {
    padding: 10px 15px;
    padding-left: 45px;
    position: relative;
    font-size: 25px;
}
.list-items-points li p{
	margin: 0;
}
.list-items-points li:before {
    content: '\f164';
    position: absolute;
    top: 10px;
    left: 0;
    vertical-align: middle;
    align-items: center;
    color: #e59701;
    text-align: center;
    font-family: 'FontAwesome';
    width: 34px;
    height: 34px;
    border: 2px solid #006;
    border-radius: 100%;
    line-height: 31px;
    font-size: 18px;
}

/* ============================= Process Steps ================================*/
.process-steps-container{
	width: 70%;
    margin: 0 auto;
}
.main-timeline {
  font-family: tahoma;
  padding: 20px 0;
  position: relative;
}

.main-timeline::before,
.main-timeline::after {
    content: "";
    height: 35px;
    width: 35px;
    background-color: #e59701;
    border-radius: 50%;
    transform: translatex(-50%);
    position: absolute;
    right: 20%;
    top: -5px;
    z-index: 2;
}

.main-timeline::after {
    top: auto;
    bottom: 10px;
    left: 25%;
	background-color: #1e1f8c;
}

.main-timeline .timeline {
  padding: 35px 0;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}

.main-timeline .timeline::after {
  content: "";
  height: 100%;
  width: 50%;
  border-radius: 110px 0 0 110px;
  border: 15px solid #46b2bc;
  border-right: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.main-timeline .timeline::after {
  height: calc(100% - 15px);
  width: calc(75% - 12px);
  border-color: #65c7d0;
  left: 12px;
  top: 15px;
}

.main-timeline .timeline-content {
  	display: inline-block;
    width: 100%;
}

.main-timeline .timeline-content:hover {
  text-decoration: none;
}

.main-timeline .timeline-year {
	color: #65c7d0;
	font-size: 35px;
	font-weight: 600;
	display: inline-block;
	transform: translatey(-50%);
	position: absolute;
	top: 50%;
	left: 10%;
	font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline-icon {
    color: #65c7d0;
    font-size: 70px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%;
}

.main-timeline .content {
    color: #909090;
    width: 65%;
    padding: 20px 10px;
    display: inline-block;
    float: right;
}

.main-timeline .title {
    color: #65c7d0;
    font-size: 30px;
    font-weight: 900;
    text-transform: capitalize;
    margin: 0;
}

.main-timeline .description {
    font-size: 18px;
    margin: 0;
    color: #000000;
    font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(even)::before {
  left: auto;
  right: 0;
  border-radius: 0 110px 110px 0;
  border: 15px solid red;
  border-left: none;
}

.main-timeline .timeline:nth-child(even)::after {
  left: auto;
  right: 12px;
  border-radius: 0 100px 100px 0;
  border: 15px solid green;
  border-left: none;
}

.main-timeline .timeline:nth-child(even) .content {
    float: left;
    text-align: right;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
    left: auto;
    right: 10%;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
  left: auto;
  right: 32%;
}

/*
.main-timeline .timeline:nth-child(5n+1)::before {
  border-color: #46b2bc;
}
*/

.main-timeline .timeline:nth-child(5n+1)::after {
  border-color: #e59701;
}

.main-timeline .timeline:nth-child(5n+1) .timeline-icon {
  color: #65c7d0;
}

.main-timeline .timeline:nth-child(5n+1) .timeline-year {
  	color: #1e1f8c;
    font-weight: 400;
    text-transform: capitalize;
}

.main-timeline .timeline:nth-child(5n+1) .title {
  	color: #000000;
    font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+2)::before {
  border-color: #ea3c14;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+2)::after {
  border-color: #e59701;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+2) .timeline-icon {
  color: #EA3C14;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+2) .timeline-year {
  color: #25268f;
  font-family: 'Josefin Sans', sans-serif;
  }

.main-timeline .timeline:nth-child(5n+2) .title {
      color: #000000;
	  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+3)::before {
  border-color: #8CC63E;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+3)::after {
  border-color: #1e1f8c;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+3) .timeline-icon
{
  color: #8CC63E;font-family: 'Josefin Sans', sans-seri;
}

.main-timeline .timeline:nth-child(5n+3) .timeline-year {
  color: #292a91;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+3) .title {
  color: #000000;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+4)::before {
  border-color: #F99324;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+4)::after {
  border-color: #1e1f8c;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+4) .timeline-icon {
  color: #F99324;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+4) .timeline-year {
  color: #1e1f8c;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+4) .title {
  color: #000000;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+5)::before {
  border-color: #0071BD;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+5)::after {
  border-color: #0050A3;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+5) .timeline-icon {
  color: #0071BD;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+5) .timeline-year {
  color: #0071BD;
  font-family: 'Josefin Sans', sans-serif;
}

.main-timeline .timeline:nth-child(5n+5) .title {
  color: #0071BD;
  font-family: 'Josefin Sans', sans-serif;
}

@media screen and (max-width:1200px){
    .main-timeline .timeline:after{ border-radius: 88px 0 0 88px; }
    .main-timeline .timeline:nth-child(even):after{ border-radius: 0 88px 88px 0; }
}
@media screen and (max-width:767px){
    .main-timeline .timeline{ margin-top: -19px; }
    .main-timeline .timeline:before {
        border-radius: 50px 0 0 50px;
        border-width: 10px;
    }
    .main-timeline .timeline:after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 43px 0 0 43px;
        border-width:10px;
        top: 9px;
        left: 9px;
    }
    .main-timeline .timeline:nth-child(even):before {
        border-radius: 0 50px 50px 0;
        border-width: 10px;
    }
    .main-timeline .timeline:nth-child(even):after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 0 43px 43px 0;
        border-width: 10px;
        top: 9px;
        right: 9px;
    }
    .main-timeline .timeline-icon{ font-size: 60px; }
    .main-timeline .timeline-year{ font-size: 40px; }
}
@media screen and (max-width:479px){
    .main-timeline .timeline-icon{
        font-size: 50px;
        transform:translateY(0);
        top: 25%;
        left: 10%;
    }
    .main-timeline .timeline-year{
        font-size: 25px;
        transform:translateY(0);
        top: 65%;
        left: 9%;
    }
    .main-timeline .content{
        width: 68%;
        padding: 10px;
    }
    .main-timeline .title{ font-size: 18px; }
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        right: 10%;
    }
    .main-timeline .timeline:nth-child(even) .timeline-year{
        right: 9%;
    }
}
/* ============================= Process Steps ================================*/
/*.service-box-content .col-sm-4:nth-child(2) .service-box:first-child{
	margin-top: 30px;
}
.service-box-content .col-sm-4 .service-box:last-child{
	margin-bottom: 0;
}*/
.service-box-content .col-sm-4:nth-child(even) .service-box{ background:#1e1f8c;}
.service-box-content .col-sm-3:nth-child(even) .service-box{ background:#1e1f8c;}
.service-box{
	background-color: #dbb018;
    padding: 15px;
    margin-bottom: 30px;
	border-radius: 10px; min-height:208px;
}
.service-box p {
    font-size: 14px;
    line-height: 32px;
    text-align: left;
    color: #fff;
}
.service-box h4{
	color: #ffffff;
    text-align: left;
    font-size: 30px;
    position: relative;
}
.service-box h4:before{
	content: "\f061";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family:'FontAwesome'; color:#fff; font-size:20px;
}


/*------account-type-----*/
/*-----------------------------*/
.account-type{
    padding-top: 20px; width:100%; text-align:center;
}
.account-type h3{ color:#fff; padding-bottom:10px;}
.account-type p{ color:#fff; font-size:20px;width:100%; text-align:center;}
.default_btn {
    background-color: #1e1f8c;
    color: #fff;
    padding:16px 33px 13px!important;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    text-align: center;
    margin:0px auto 15px auto;
    min-width: 263px;
    display: block; text-transform:uppercase; border:none; cursor:pointer;
}

.default_btn.black{
    background-color: #000000;

}

.dashboard-profile-edit.right-container .btn-group button[type="submit"].default_btn {
    background-color: #1e1f8c;
    color: #fff;
    padding:16px 33px 13px!important;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    text-align: center;
    margin:0px auto 15px auto;
    
    display: block; text-transform:uppercase; border:none; cursor:pointer; margin-right:15px;
}

.dashboard-profile-edit.right-container .btn-group button[type="submit"].default_btn.black{
    background-color: #000000;width: 263px;

}

.default_btn:hover{ text-decoration:none; color:#dbb017;}
.login-section-content{ position:relative;}
.login-section-content.steps{ padding-top:30px; margin-top:20px; border-bottom:4px solid #1e1f8c; padding-bottom:25px;}
.box_top_logo{ position:absolute; top:-90px; width:200px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; border-radius:5px; overflow:hidden; border:none; cursor:pointer; position:relative; text-transform:uppercase;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  border-radius:5px;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background:#02022c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #1e1f8c solid 4px;
  border-radius:5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
.left-align{ text-align:left !important;}
.account-type.left-align p{ text-align:left !important; width:auto;}
.account-type.left-align label{ color:#fff;}
.account-type.left-align .lost a{ color:#1e1f8c;}
.form-row.custom{ padding:10px 25px; background:rgba(1,1,1,0.1); margin-bottom:15px;}
.form-row.custom h5 { color: #fff; font-size:24px;}
.form-row.custom label{ color:#fff;}
.forgetmenot a{ color:#009;}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 0px;
}




/*---new---*/
.for-giver-panel .service-box-content .service-box{
	height: 100%;
	margin-bottom: 0;
	position: relative;
}
.for-giver-panel .service-box-content .service-box p{
	line-height: 28px; text-align:center;
}
.for-giver-panel .service-box-content .col-sm-4{
	/*margin-bottom: 60px*/
}
.for-giver-panel .service-box-content .points-image{
	width: 100px;
    background-color: #fff;
    height: 100px;
    margin-bottom: 30px;
    align-items: center;
    border-radius: 50%;
    display: flex;
    /*top: -30px;
    position: absolute;*/
    justify-content: center;
	border: 5px solid #e59701;
    flex-wrap: wrap;
	-webkit-box-shadow: 5px 5px 15px 6px rgb(0 0 0 / 6%);
	-ms-box-shadow: 5px 5px 15px 6px rgb(0 0 0 / 6%);
	-moz-box-shadow: 5px 5px 15px 6px rgb(0 0 0 / 6%);
	-o-box-shadow: 5px 5px 15px 6px rgb(0 0 0 / 6%);
	box-shadow: 5px 5px 15px 6px rgb(0 0 0 / 6%);
	margin:15px auto;
}
.for-giver-panel .service-box-content .points-image img{
	width: 60px;
}
.for-giver-panel .service-box-content .service-box{
	/*padding-top: 90px;*/
}
.for-giver-panel .service-box-content .col-sm-4:nth-child(2), .for-giver-panel .service-box-content .col-sm-4:nth-child(5){
	/*margin-top: 50px;
	margin-bottom: 10px;*/
	
}
.for-giver-panel .service-box-content .col-sm-4{ margin-bottom:60px;}
.for-giver-panel .service-box-content .col-sm-4:nth-child(3n+3){
	/*margin-top: 25px;
	margin-bottom: 25px;*/
}

/* =============================== New INfographic ===================================*/
.main-timeline5 {
    overflow: hidden;
    position: relative
}

.main-timeline5 .timeline {
    position: relative;
    margin-top: -58px
}
.main-timeline5 .timeline:nth-child(4){
	margin-top: -114px;
}
.main-timeline5 .timeline:nth-child(5){
	margin-top: -185px;
}
.main-timeline5 .timeline:last-child{
	margin-top: -156px;
}

.main-timeline5 .timeline:first-child {
    margin-top: 0
}

.main-timeline5 .timeline-icon,
.main-timeline5 .year {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline5 .timeline:after,
.main-timeline5 .timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline5 .timeline:before {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: -8px 0 5px -5px rgb(0 0 0 / 11%) inset;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.main-timeline5 .timeline-icon {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 25px solid transparent;
   	border-top-color: #e59701;
    border-right-color: #e59701;
    z-index: 1;
    transform: rotate(45deg)
}

.main-timeline5 .year {
    display: block;
    width: 161px;
    height: 161px;
    line-height: 161px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 11%);
    font-size: 42px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    transform: rotate(-45deg);
}

.main-timeline5 .timeline-content {
    width: 35%;
    float: right;
    background: #e59701;
    padding: 30px 20px;
    margin: 50px 0;
    z-index: 1;
    position: relative
}

.main-timeline5 .timeline-content:before {
    content: "";
    width: 20%;
    height: 15px;
    background: #e59701;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline5 .title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.main-timeline5 .description {
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    margin: 0
}

.main-timeline5 .timeline:nth-child(2n):before {
    box-shadow: 8px 0 5px -5px rgb(0 0 0 / 11%) inset
}

.main-timeline5 .timeline:nth-child(2n) .timeline-icon {
    transform: rotate(-135deg);
    border-top-color: #1e1f8c;
    border-right-color: #1e1f8c;
}

.main-timeline5 .timeline:nth-child(2n) .year {
    transform: rotate(135deg);
    color: #000
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content {
    float: left
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
    left: auto;
    right: -20%
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content,
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
    background: #1e1f8c
}

.main-timeline5 .timeline:nth-child(3n) .timeline-icon {
    border-top-color: #e59701;
    border-right-color: #e59701;
}

.main-timeline5 .timeline:nth-child(3n) .year {
    color: #000
}

.main-timeline5 .timeline:nth-child(3n) .timeline-content,
.main-timeline5 .timeline:nth-child(3n) .timeline-content:before {
    background: #e59701
}

.main-timeline5 .timeline:nth-child(4n) .timeline-icon {
   	border-top-color: #1e1f8c;
    border-right-color: #1e1f8c;
}

.main-timeline5 .timeline:nth-child(4n) .year {
    color: #000
}

.main-timeline5 .timeline:nth-child(4n) .timeline-content,
.main-timeline5 .timeline:nth-child(4n) .timeline-content:before {
    background: #1e1f8c
}

.main-timeline5 .timeline:nth-child(6n) .timeline-icon {
    border-top-color: #1e1f8c;
    border-right-color: #1e1f8c;
}
.main-timeline5 .timeline:nth-child(6n) .timeline-content, .main-timeline5 .timeline:nth-child(6n) .timeline-content:before {
    background: #1e1f8c;
}
.main-timeline5:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    content: '';
    display: block;
    background: #1e1f8c;
    height: 100%;
}
.main-timeline5:after {
    position: absolute;
    left: 50.3%;
    transform: translateX(-50%);
    width: 3px;
    content: '';
    display: block;
    background: #e59702;
    height: 100%;
    top: 0px;
}

@media only screen and (max-width:1199px) {
    .main-timeline5 .timeline {
        margin-top: -103px
    }

    .main-timeline5 .timeline-content:before {
        left: -18%
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -18%
    }
}

@media only screen and (max-width:990px) {
    .main-timeline5 .timeline {
        margin-top: -127px
    }

    .main-timeline5 .timeline-content:before {
        left: -2%
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -2%
    }
}

@media only screen and (max-width:767px) {
    .main-timeline5 .timeline {
        margin-top: 0;
        overflow: hidden
    }

    .main-timeline5 .timeline:before,
    .main-timeline5 .timeline:nth-child(2n):before {
        box-shadow: none
    }

    .main-timeline5 .timeline-icon,
    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg)
    }

    .main-timeline5 .timeline:nth-child(2n) .year,
    .main-timeline5 .year {
        transform: rotate(-135deg)
    }

    .main-timeline5 .timeline-content,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto
    }

    .main-timeline5 .timeline-content:before,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%, 0)
    }
}
/* =============================== New INfographic ===================================*/

/* ============================== Accordian ======================*/
#main {
  margin: 50px 0 5px;
}

#main #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #e49702;
	color: #222;
	padding: 20px;
	border-radius: 0;
	white-space: normal;
	font-size: 22px;
}
#main #faq .card .card-header .btn-header-link:hover, #main #faq .card .card-header .btn-header-link:focus, #main #faq .card .card-header .btn-header-link:active{
	outline: none;
	box-shadow: none;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font: normal normal normal 14px FontAwesome;
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  	background: #22238e;
  	color: #fff;
	white-space: normal;
	font-size: 22px;
    line-height: 28px;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #f5d18d;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
    background: #f5d18d;
    line-height: 30px;
    color: #222;
}
.accordion .card-body {
    font-size: 20px;
    line-height: 30px;
}
/* ============================== Accordian ======================*/



/*----for step form------*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

body{
	font-family: 'Roboto', sans-serif;
}
* {
	margin: 0;
	padding: 0;
}
i {
	margin-right: 10px;
}

/*------------------------*/
input:focus,
button:focus,
.form-control:focus{
	outline: none;
	box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #fff;
}
/*----------step-wizard------------*/





    .wizard .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

.wizard > div.wizard-inner {
    position: relative;
    margin-bottom: 18px;
    text-align: center;
    margin-top: 74px;
}
.wizard > div.wizard-inner:before {
    position: absolute;
    left: 0px;
    top: -45px;
    right: 0px;
    bottom: 0px;
    z-index: 8;
    content: '';
    display: block;
    height: 100px;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 67%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #e59702;
    z-index: 2;
    position: absolute;
    left: -14px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #e59702;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background:#1e1f8c;
    color: #fff;
    border-color:#1e1f8c;
}
.wizard li.active2 span.round-tab {
    background:#1e1f8c;
    color: #fff;
    border-color:#1e1f8c;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i{
	color:#1e1f8c; font-style:normal;
}
.wizard .nav-tabs > li.active2 > a i{
	color:#1e1f8c; font-style:normal;
}

.wizard .nav-tabs > li {
    width: 33.33%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}
.wizard .nav-tabs > li a i{
	display:block;
	padding-bottom:15px;
	margin-top:-35px; text-align:center; margin-right:0px; font-style:normal;color: #e59702;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
}



/*--for progress--*/
/* Progress Bar */
.progress-wrap {
    margin: auto;
    display: table;
}
.line-progress-bar {
    display: flex;
    margin: auto;
    width: 100%; padding-top:35px;
}
.line {
    height: 3px;
    width: 250px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(229 151 2);
    position: absolute;
    margin-top: 8px;
}
.progress-wrap div ul {
    display: flex;
    width: 250px;
    list-style: none;
    padding: 0px;
    margin: initial;
    justify-content: space-between;
    z-index: 1;
}
.progressbar-dots {
    display: inline-flex;
    border: #949494 solid 4px;
    background: #333333;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #d4d4d4;
    font-size: 20px;
    margin-left: 0px;
    color: #d4d4d4;
    border: 0px solid rgb(229 151 2);
    background: rgb(229 151 2);
}
.progressbar-dots span {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    margin-top: 60px;
    /* width: 75px; */
    float: left;
    margin-left: -30px;
    display: none;
}
.progressbar-dots.active {
    color: #fff;
    border: 0px solid rgb(30 31 140);
    background: #1e1f8c;
}
.checkout-bar{ position:relative;}
.progressbar-dots:nth-child(2).active:before {
    position: absolute;
    content: '';
    display: block;
    left: 0px;
    top: 9px;
    width: 123px;
    height: 2px;
    background: #1e1f8c;
}
.progressbar-dots:nth-child(3).active:before {
    position: absolute;
    content: '';
    display: block;
    left:108px;
    top: 9px;
    width: 123px;
    height: 2px;
    background: #1e1f8c;
}



.white{
	color: white !important
}
.default_btn.large{ width:auto !important;}
.count{ position:absolute; left:50%; transform:translateX(-50%); top:-16px; width:30px; height:30px; border-radius:100%; border:2px solid #fff; color:#fff; line-height:30px; text-align:center; background:#333;}
.no_b_margin{ margin-bottom:0px !important;}
.no_b_padding{ padding-bottom:0px !important;}
.button_center.center a{ margin-left:auto;}


.top_banner h1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 35px;
    padding: 50px 0px 50px 0px;
    color: #1e1f8c;
    font-weight: 500;
}
.top_banner h1 span {
    width: 100%;
    display: inline-block;
    font-weight: 900;
    font-size: 55px;
    padding-top: 15px;
}
header.header-main{
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.29);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.29);
}

.givers_receivers{background: rgb(30,31,140);
background: linear-gradient(90deg, rgba(30,31,140,1) 0%, rgba(30,31,140,1) 50%, rgba(219,176,23,1) 50%, rgba(219,176,23,1) 100%); padding:15px 0px;}
.givers_receivers .left_pan{ padding:45px 0px;}
.givers_receivers .left_pan h3 {font-size: 35px;color: #dbb017;}
.givers_receivers .left_pan p {    font-size: 20px;font-weight: 400;color: #dbb017;}

.givers_receivers .left_pan ul{ list-style-type:none;}
.givers_receivers .left_pan ul li{ width:17%; display:inline-block; vertical-align:top; margin-right:2%; background:#fff; border-radius:5px; padding:5px 0px 0px 0px;}

.givers_receivers .left_pan ul li .icon_holder{ width:100%; padding:20px;}
.givers_receivers .left_pan .icon_detail{ background:#dbb017; padding:5px; border-radius:0px 0px 5px 5px; min-height:42px; display: -webkit-flex; -webkit-align-items: flex-start; display: flex; align-items: flex-start;}
.givers_receivers .left_pan .icon_detail span{ color:#25378c !important; text-align:center; line-height: 1.2; font-size: 13.5px; -webkit-align-self: center; align-self: center; height:auto;width:100%;}

.givers_receivers .left_pan ul{ padding-top:15px;}
.givers_receivers .left_pan ul li{ position:relative;}
.givers_receivers .left_pan ul li .counter{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); top:-15px; background: #dbb017; width:25px; height:25px; line-height:25px; border-radius:50%; text-align:center; border:2px solid #1e1f8c; color:; font-size:12px;}
.givers_receivers .left_pan ul li .icon_holder img{ width:100%;}
.givers_receivers .left_pan a.button{
	background-color: #dbb017;
	color: #1e1f8c;
	padding: 8px 25px;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}
.givers_receivers .left_pan a.button:hover{ color:#fff;}
.givers_receivers .right_pan a.button:hover{ color:#fff;}


.givers_receivers .right_pan{ padding:45px 0px; padding-left:2%;}
.givers_receivers .right_pan h3 {font-size: 35px;color: #1e1f8c;}
.givers_receivers .right_pan p {    font-size: 20px;font-weight: 400;color:#1e1f8c;}

.givers_receivers .right_pan ul{ list-style-type:none;}
.givers_receivers .right_pan ul li{ width:17%; display:inline-block; vertical-align:top; margin-right:2%; background:#fff; border-radius:5px; padding:5px 0px 0px 0px;}


.givers_receivers .right_pan ul{ padding-top:15px;}
.givers_receivers .right_pan ul li{ position:relative;}
.givers_receivers .right_pan ul li .counter{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); top:-15px; background: #1e1f8c; width:25px; height:25px; line-height:25px; border-radius:50%; text-align:center; border:2px solid #dbb017; color:#fff; font-size:12px;}

.givers_receivers .right_pan ul li .icon_holder{ width:100%; padding:20px 20px 25px 20px;}
.givers_receivers .right_pan .icon_detail{ background:#1e1f8c; padding:5px; border-radius:0px 0px 5px 5px; min-height:44px; display: -webkit-flex; -webkit-align-items: flex-start; display: flex; align-items: flex-start;}
.givers_receivers .right_pan .icon_detail span{ color:#dab12d !important; text-align:center; line-height: 1.2; font-size: 13.5px; -webkit-align-self: center; align-self: center; height:auto;width:100%;}

.givers_receivers .right_pan ul li .icon_holder img{ width:100%;}
.givers_receivers .right_pan a.button{
    background-color: #1e1f8c;
    color: #dbb017;
	padding: 8px 25px;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}
.top_banner{ background:url(../images/map_bg2.jpg); background-position:left top; background-repeat:no-repeat;}

.button_center{ text-align:center;}
.button_center a{ margin-left:-4.8%;}
.hightlight-pageupdate{font-weight: 400;font-size: 22px;color: #25268f;padding-bottom: 25px;}
.privacy-policy-content p{ font-size: 18px; color: #595959;}
.contact-listing{list-style: none;}
.contact-listing li{margin-top: 45px;position: relative;padding-left: 70px;line-height: 1.8em;}
.contact-listing li .icon-section {width: 50px;height: 50px;line-height: 50px;position: absolute;left: 0;top: 0;text-align: center;border-radius: 50%;background-color: #1e1f8c; }
.contact-listing li .icon-section.icon-yellow{background-color: #dbb018; }
.contact-listing li .icon-section i{margin: 0;font-size: 24px;color: #FFF;line-height: 50px;}
/*.contact-listing li:nth-child(odd) .icon-section{background-color: #dbb018;}*/
.contact-listing li h5{font-size: 20px;font-weight: 600;letter-spacing: 0.5px;}
.contact-listing li p{ font-size: 16px;}
.contact-section > .col-sm-6{
	position: relative;
}
.contact-section > .col-sm-6:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ababab1a;
}
a.resend-btn, button.resend-btn{
	width: 100%;
	background-color: #dbb017;
    color: #1e1f8c;
    padding: 8px 25px;
    font-size: 20px;
    border-radius: 5px;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
}
#countdown{
	padding: 5px;
    text-align: center;
    color: #FFF;
}
#resend-1, #resend-2{
	display: none;
}
.verify-account input{
	text-align: center;
}

#map{
	padding-top: 50px;
}
.right-container h5{
	margin-bottom: 20px;
    font-weight: 400;
}
.right-container{
	padding: 20px 25px;
	border:1px solid #cfcfcf;
	background-color: #f0f0f0;
	margin-left: -15px;
	margin-right: -15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	min-height:250px;
	height: 100%;
}
.right-container iframe{
	margin-bottom: -7px;
	border:1px solid #cfcfcf!important;
}
.right-container .panel:first-child .panel-content{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none;
}
.panel-content{
	width: 100%;
	background-color: #FFF;
	border:1px solid #cfcfcf;
	padding: 25px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
	display: table;
}
.saved_address{ padding-bottom:50px;}
.panel-content label{
	font-size: 16px;
	width:100%;
}
.panel-content input{
	width: 100%;
    border: 0;
    padding-left: 0!important;
    padding-right: 0!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
.panel-content input[value]{
	color: #000;
	font-size: 20px
}
.panel-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #000;
	font-size: 20px
}
.panel-content input::-moz-placeholder { /* Firefox 19+ */
  	color: #000;
	font-size: 20px
}
.panel-content input:-ms-input-placeholder { /* IE 10+ */
  	color: #000;
	font-size: 20px
}
.panel-content input:-moz-placeholder { /* Firefox 18- */
  	color: #000;
	font-size: 20px
}
.panel h6{
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 16px;
}
.desired-label-section{
    list-style: none;
    display: table;
    width: 100%;
}
.desired-label-section li{
	float: left;
    background-color: #FFF;
	border:1px solid #cfcfcf;
}
.desired-label-section li{
	border-right: 0;
	width: 17%;
	position: relative;
}
.desired-label-section li:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.desired-label-section li:last-child{
	border-right:1px solid #cfcfcf;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 49%;
	padding: 0;
}
.desired-label-section li a{
	color: #020202;
    font-size: 20px;
    padding: 25px 20px;
    display: block;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
}
.desired-label-section li:hover, .desired-label-section li:active, .desired-label-section li:focus{
	background-color: #1e1f8c
}
.desired-label-section li.active{
	background-color: #1e1f8c;
}
.desired-label-section li.active a{
	color: #FFF;
}
.desired-label-section li:hover a, .desired-label-section li:active a, .desired-label-section li:focus a{
	color: #FFF;
}
.desired-label-section li:last-child:hover, .desired-label-section li:last-child:active, .desired-label-section li:last-child:focus{
	background-color:#FFF;
}
.desired-label-section li a i{
	font-size: 22px;
	margin-right: 5px;
}
.desired-label-section li input{
	border: 0;
}
.desired-label-section li:last-child input{
	padding: 28px 100px 28px 20px!important;
	    border-radius: 10px;
}
.desired-label-section li:last-child a{
	color: #414bb5;
	position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    right: 5%;
    text-decoration: none;
	padding: 0
}
.right-container .btn-group{
	margin-bottom: 20px
}
.right-container .btn-group button{
	padding: 15px 30px;
	text-transform: uppercase;
	color: #FFF;
}
.right-container .btn-group button:first-child{
	color: #FFF;
	margin-right: 20px;
}
.right-container .btn-group button[type="submit"]:last-child{
	background-color: #e39a15;
}
.sidebar-nav{
	background-color: #e3ae3c;
    margin-left: -15px;
    margin-right: -15px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.sidebar-nav .sidebar-nav-listing{
	list-style: none;
	padding: 25px 0
}
.sidebar-nav .sidebar-nav-listing li{
	    width: 100%;
    display: table;
	position: relative;
	-webkit-transition: .5s;
    transition: .5s;
}
.sidebar-nav .sidebar-nav-listing li:hover a, .sidebar-nav .sidebar-nav-listing li:focus a, .sidebar-nav .sidebar-nav-listing li:active a{
	background-color: #182287;
    color: #FFF;
    -webkit-transition: .5s;
    transition: .5s;
}
.sidebar-nav .sidebar-nav-listing li a{
    color: #1e3587;
    padding: 5px 15px;
    display: table;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    text-decoration: none;
    border-top: 1px solid #FFF;
}
.sidebar-nav .sidebar-nav-listing li a i{
	margin-right: 5px;
}
.sidebar-nav .sidebar-nav-listing li:last-child a{
	border-bottom: 1px solid #FFF;
}
.sidebar-nav .sidebar-nav-listing li.active a{
	background-color: #182287;
	color: #FFF
}
.sidebar-nav .sidebar-nav-listing li.active a:before{
	content:"\f105";
	font: normal normal normal 20px FontAwesome;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
}
.step-for-receiver.right-container{
	border: none;
    background-color: transparent;
    text-align: left;
}
.step-for-receiver.right-container .desired-label-section li a{
	padding: 25px 10px;
}
.step-for-receiver.right-container .btn-group button[type="submit"]:last-child {
    background-color: #e3ae3c;
}
.user-profile{
	width: 100%;
    display: table;
}
.profile-img{
	width: 200px;
    height: 200px;
	border: 1px solid #cfcfcf;
	padding: 6px;
	background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
	position: relative;
}
.profile-img img{
	vertical-align: middle;
    width: 186px;
    height: 186px;
    border-radius: 50%;
}
.profile-edit{
	bottom: 10px;
    background-color: #192287;
    width: 50px;
    right: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    text-align: center;
}
.profile-edit i{
	color: #FFF;
	font-size: 18px;
	margin: 0
}
.dashboard-profile-edit label{
	width: 100%;
	font-size: 17px;
	color: #000;
}
.dashboard-profile-edit input{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #cfcfcf;
}
.dashboard-profile-edit.right-container .btn-group button[type="submit"]{
	background-color: #182287;
}
.user-profile .file-upload{
	padding-left: 50px;
}
.file-upload .form-group{
	display: none;
}
.left-panel-img{
	width: 40%;
    float: left;
    position: relative;
    top: -34px;
    z-index: 9;
}
.left-panel-img:before{
	content: "";
	width: 235px;
	height: 230px;
	background-color: #e3ae3c;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: -1;
}
.right-content{
	width: 60%;
    float: right;
    padding: 25px 25px 5px;
}
.thankyou-panel{
	position: relative;
	z-index: 9;
	margin-top: 50px;
	z-index: 9;
}
.thankyou-panel:before{
	content: "";
	width: 85%;
	height: 100%;
	background-color: #FFF;
	box-shadow: 0px 0px 97px 72px rgba(239,239,239,1) inset;
	-webkit-box-shadow: 0px 0px 97px 72px rgba(239,239,239,1) inset;
	-moz-box-shadow: 0px 0px 97px 72px rgba(239,239,239,1) inset;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.thankyou-panel:after{
	content: "";
	width: 235px;
	height: 230px;
	background-color: #182287;
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -2;
}
.thankyou-panel .right-content a.button{
	background-color: #e3ae3c;
	color: #FFF;
}
.logo-panel{
	width: 100%;
    text-align: right;
    display: table;
}
.logo-panel img{
	width: 25%;
}
.dash-drop-request.right-container p{
	color: #393939;
	font-size: 18px;
}
.dash-drop-request.right-container label{
	font-size: 15px;
	color: #5f5f5f;
}
.dash-drop-request.right-container textarea{
	border-radius: 10px;
    resize: none;
}
.dash-drop-request.right-container .btn-group button[type="submit"]{
	background-color: #182287;
}
.dash-drop-request3 label{
	font-size: 18px;
	color: #393939;
}
.dash-drop-request3 textarea{
	border-radius: 5px;
	padding: 25px 10px;
	background-color: #e8e8e8;
}
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #ced4da;
}
.change{ color:#182287; margin-top:-5px;}
.change .fa{ margin-right:0px; margin-left:20px;}
.change:hover{ color:#e3ae3c; text-decoration:none;}
.profile-edit:hover{ background:#e3ae3c;text-decoration:none;}
.listing-panel .panel-content-left{
    float: left;
    width: 15%;
	text-align: center
}
.listing-panel .panel-content-left i{
	font-size: 25px;
}
.listing-panel .panel-content-right{
	float: right;
	width: 85%;
}
.listing-panel .panel-content-right h6{
	font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.right-container.listing-panel .panel .panel-content{
	border-top: 1px solid #cfcfcf;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.listing-panel .panel-content-right p{
	font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    margin-bottom: 10px;
}
.listing-panel .panel-content-right .btn-group{
	margin-bottom: 0
}
.listing-panel .panel-content-right .btn-group button{
	padding: 10px 20px;
    border-radius: 0;
	font-size: 16px;
}
.listing-panel .panel-content-right .btn-group button:first-child{
	margin-right: 10px;
}
.right-container.listing-panel .full-panel .btn-group button[type="submit"]{
	background-color: #182287;
}
.inner-header-right{
	float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2%;
}
.dropdown-request .panel .panel-content h6{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
}
.dropdown-request .panel .panel-content .form-group label{
	font-weight: 500;
	color: #182287;
	border-bottom: 1px solid #b98b59;
}
.dropdown-request .panel .panel-content .form-group p{
	font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.profile_list{ display:inline-block; vertical-align:top; padding-left:25px; list-style-type:none;}
.profile_list li{ color:#000; font-size:20px;}
.profile_list li.name{padding-bottom:8px;}

.profile_list li.name span.verified{ display:inline-block; vertical-align:top; margin-top:0px; margin-left:5px; font-size:14px; border:1px solid green; border-radius:35px; padding:5px 8px; background:#fff; font-weight:bold;}
.profile_list li.name span.verified svg{ width:20px; color:green; margin-bottom: -2px;}

.profile_list li.name span.unverified{ display:inline-block; vertical-align:top; margin-top:0px; margin-left:5px; font-size:14px; border:1px solid red; border-radius:35px; padding:5px 8px; background:#fff; font-weight:bold;}
.profile_list li.name span.unverified a{font-size:14px; color:#000;}
.profile_list li.name span.unverified svg{ width:20px; color:red; margin-bottom: -2px;}
.profile_list li.name span.unverified:hover{ background:#CCC;}


.profile_list li a{ color:#182287; font-size:20px;}
.profile_list li a:hover{ text-decoration:none; color:#000;}
.right-container.listing-panel .btn-group{margin-bottom: 0}
.right-container.listing-panel .btn-group button[type="submit"]{
	background-color: #1e1f8c;
	padding: 10px 20px;
    border-radius: 0;
    font-size: 16px;
}
/*--new--*/
.address_block{ height:100%; position:relative;}
.address_block .btn-group{ position:absolute; left:18%; bottom:20px;}

/*.steps_sec{ padding-top:50px;}*/
.steps_sec ul:before { position: absolute; width: 100%; left: 0px; top: 50%; content: ''; display: block; height: 2px; background: #fff;
    z-index: 0; transform: translateY(-50%);}
.steps_sec ul{ list-style-type:none;display: flex; justify-content: space-between; position:relative;}
.steps_sec ul li {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 5px 10px;
    color: #333;
    font-size: 18px;
    z-index: 2;
    border-radius: 5px;
}
.steps_sec ul li a{ color:#333; position:relative;}
.steps_sec ul li a span{ position:absolute; bottom:-25px; right:0px; font-size:12px; color:#fff; background:#f00; padding:2px 5px; border-radius:5px;}
.steps_sec ul li a:hover{ text-decoration:none;}
.steps_sec ul li .fa{ color:#fff; width:28px; height:28px; border-radius:100%; line-height:28px; text-align:center; margin-right:5px;}
.steps_sec ul li .fa.current-state{background:#1e1f8c; }
.steps_sec ul li .fa.done{background:#090; }
.steps_sec ul li .fa.skipped{background:#F00; }
.steps_sec ul li .fa.disabled{ background:#CCC;}
.login-section{ margin:25px 0px 50px;}
#innercontainer {
    padding-bottom:166px;
}
.outersection {
    min-height: 100%;
    position: relative;
    height: auto;
}
html, body {
    height: 100%;
}
footer {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.badge_placer{ position:relative; width:100%; display:block;}
.badge_placer img {
    position: absolute;
    right: 0px;
    top: -18px;
    width: 80px;
}
.badge_minus{ width:calc( 100% - 100px);}
.green{ color:green;}
.orange{ color:orange;}
.social ul li{ position:relative;}
.social ul li a{ color:#fff; padding-left:5px;}
.social ul li.dashboard:before{ position:absolute; content:''; height:100%; width:1px; background:#fff; left:2px; top:0;}
.status span {
    width: 174px;
    display: inline-block;
    vertical-align: top;
}
.status  strong{
    width: calc(100% - 190px);
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
}

.right-container.listing-panel .panel{ height:100%;}
.right-container.listing-panel .panel .panel-content{ height:100%;}
.right-container.listing-panel .col-sm-6{ margin-bottom:25px;}

.default_btn.small {
    padding: 8px 16px 8px!important;
    margin: 0px auto 15px auto;
    min-width: auto;
}
.modal-header.hidden-header{
    height: 1px;
    padding: 0px;
    border: 0px;
}
.modal-header.hidden-header .close {
    margin: 2px;
    right: 0px;
    top: -3px;
    position: absolute;
    padding: 0px; z-index:22;
}

#other{ border-top-right-radius:5px; border-bottom-right-radius:5px;}

#other.active{ border-top-right-radius:0px; border-bottom-right-radius:0px;}


.save-cartds {
    font-weight: 400;
    float: left;
    margin-bottom: 0; width:100%;
}
.save-cartds input[type=checkbox]{
    background: #fff;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: .05s border-color ease-in-out; width:10px;
}
.save-cartds label {
    line-height: 1.5;
    vertical-align: baseline;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px; width:calc(100% - 30px);
}
.creditcard{ position:relative;}
.creditcard:before{content:'\f09d';font-family:'FontAwesome'; display:block; position:absolute; right:0px; top:0px; color:#333; width:15px; height:15px;}
.top-header .row .col-sm-6 {
	display: flex;
}
.top-header .social{
	order: 1;
}
.top-header .dashboard-link{
	order: 2;
}
.top-header .dashboard-link ul {
    float: right;
    list-style: none;
}
.top-header .dashboard-link ul li {
    display: inline-block;
    padding: 0 3px;
}
.top-header .dashboard-link ul li.dashboard{
	border-left: 1px solid #FFF;
}
.dashboard-link ul li a{
	color: #fff;
    padding-left: 5px;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 10px);
}
.small-blue-button{ background:#036; color:#fff; padding:5px 10px; text-align:center;}
.small-black-button{ background:#999; color:#fff; padding:5px 10px; text-align:center;}
.small-blue-button:hover{ text-decoration:none;}
.small-black-button:hover{ text-decoration:none;}

.left_filter_sec {
    border: 1px solid #efefef;
    padding: 15px;
    height: 100%;
    margin-right: -16px;
    border-top-left-radius: 8px;
    background: #fbfbfb;
    border-right: none;
}
.left_filter_sec h3{ font-size:24px;}
.location_detail{ background:#efefef; color:#000; border:1px solid #999; padding:5px 10px; font-size:14px;width: 100%;
    display: block; border-radius: 3px;}
.location_detail:hover{ text-decoration:none; color:#fff; background:#e59701;}
.all_locations{ margin-top:10px; margin-bottom:10px;}
.all_locations .saved_address_detail{ padding:0px; background:#efefef; border:1px solid #999;width: 100%; margin-bottom:5px; margin-top:5px;
    display: block; border-radius: 3px; cursor:pointer; position:relative;}
.all_locations .saved_address_detail span{ height:100%; display:inline-block; vertical-align:top; width:24px;}
.all_locations .saved_address_detail p{ height:100%; display:inline-block; vertical-align:top; width:calc(100% - 50px); font-size:14px; line-height:24px; margin-bottom:0px;}
.all_locations .saved_address_detail span svg{ width:18px;}
.all_locations .saved_address_detail p strong{ display:block; width:100%;}
.all_locations .saved_address_detail a{ color:#000;}
.all_locations .saved_address_detail a:hover{ text-decoration:none; color:#333;}
.all_locations p{ font-size:14px; margin-bottom:0px;}
.saved_address_detail.selected{background:#e59701; border:1px solid #b97a01; color:#fff; cursor:pointer; position:relative;}
.saved_address_detail.selected:before{ position:absolute; right:5px; top:5px; content:'\f058';  font:normal normal normal 16px/1 FontAwesome;}

.all_locations{	/*max-height: 0;  overflow: hidden; */ transition: max-height 0.2s ease-out;}
.left_filter_sec label{ font-size:14px;}
.left_filter_sec .form-check{ padding-bottom:5px; border-bottom:1px solid #efefef; padding-top:5px;}
.panel-content{ position:relative;}
.status_of_payment{ position:absolute; top:0px; right:0px;}
.status_of_payment .paid{ background:#069; color:#fff; padding:5px 10px; border-top-right-radius:5px;}
.status_of_payment .free{ background:#090; color:#fff; padding:5px 10px; border-top-right-radius:5px;}
.status_of_payment .unpaid{ background:#F00; color:#fff; padding:5px 10px; border-top-right-radius:5px;}
h5.inline{ display:inline-block;}
.detail_notification {
    display: inline-block;
    background: #f0ffff;
    padding: 0px 15px;
    margin-left: 15px;
    font-size: 14px;
    vertical-align: top;
    margin-top: 3px;
    border-radius: 5px;
}
.saved_address_detail label{ width:100%; padding:10px; margin:0px; cursor:pointer;}
.saved_address_detail input[type="radio"]:checked+label{ background:#e59701; color:#fff;}

.saved_address_detail {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.saved_address_detail input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    left: 32px;
    top: 9px;
    z-index: 2;
}
.checkmark {
    position: absolute;
    top: 8px;
    left: 6px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.saved_address_detail label .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.saved_address_detail.with_padding{ padding:5px 15px;}

.back_to_all{ float:right;}
.back_to_all a{ background:#333; padding:8px 10px; color:#fff;}
.back_to_all a:hover{ text-decoration:none; background:#e59701;}
.col-sm-12 .right-container{ border-radius:10px;}
.default_address_pan input[type="radio"]{ width:auto; margin-right:10px;}
.location_lock p {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 22px;
    color: #cecece;
}
.location_lock {
    background: #930;
    padding: 5px 5px 5px 18px;
    border-top-right-radius: 5px;
}
.location_lock .countdown {
    display: inline-block;
    width: 50px;
    color: #fff;
    line-height: 23px;
}

.pin_search_pan{ position:relative;}
.search_btn{ position:absolute; right:0px; top:0px; height: 100%;}
.search_btn input{height: 100%;}
input[type="button"].search{background-color: #1e1f8c; color: #dbb017; border:0px; padding:7px; cursor:pointer; border-radius:0px 3px 3px 0px;}

.clear_search{background-color: #1e1f8c; color: #dbb017; border:0px; padding:6px 10px; 
	cursor:pointer; border-radius:35px; vertical-align:top; display:inline-block; 
	margin:3px -15px 0px 5px; font-size:14px;float: right;}
.clear_search:hover{
	color: white;
}
.saved_address_detail.with_padding.selected{background:#1e1f8c; border:1px solid #1e1f8c;  cursor:pointer; position:relative;}
.saved_address_detail.with_padding.selected a{color:#fff;}
span.circle{ background-color: #1e1f8c; color: #dbb017; width:34px; height:34px; border-radius:100%; display:inline-block; text-align:center; line-height:34px; font-weight:bold;}

span.circle.yellow{ background-color: #dbb017; color: #1e1f8c; width:34px; height:34px; border-radius:100%; display:inline-block; text-align:center; line-height:34px; font-weight:bold; margin:0px 15px;}

.creditsblock { width: 100%; border: 2px solid #1e1f8c; display:block; text-align: center; padding: 25px; margin-bottom: 5px;height:100%; border-radius:5px;}
.creditsblock h3{ color:#1e1f8c;}
.creditsblock h4{ color:#dbb017;}
.wallet_pan {
    position: absolute;
    top: 17px;
    right: 256px;padding-right: 11px;
}
.wallet_menu{ display:none;}
.wallet_link{ position:relative;}
.wallet_link span {
    position: absolute;
    right: -10px;
    top: -15px;
    background: #000;
    padding-top: 2px;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 800;
    text-align: center; color:#dbb017; width:24px; height:24px; line-height:22px;
}
.checkout input[type="text"], .checkout input[type="password"]  {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
	padding: 10px 10px !important;
}

.checkout label {
    width: 100%;
    font-size: 17px;
    color: #000;
}
.checkout input[type="text"]::placeholder{ font-size:inherit!important; color:inherit!important;}
.checkout .input-group-append {
    margin-left: -1px;
    position: absolute;
    right: 0px;
    padding: 0px;
}
.checkout .input-group-append .input-group-text{
    padding: 14px;
    text-align: center;
}
.checkout .input-group-append .input-group-text .fa{ margin:auto;}
.checkout .save-cartds label {
    line-height: 1.5;
    vertical-align: baseline;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
    width: calc(100% - 60px);
}

.right-container.listing-panel .checkout .btn-group button[type="submit"]{ border-radius:3px!important;}
.credit_selector{ width:145px; display:inline-block; vertical-align:top;}
.credit_selector select{ height:31px !important;}
.card_radio{ width:2.8rem; display:inline-block; vertical-align:top;}
.card_detail_inner{ width:calc(100% - 55px); display:inline-block; vertical-align:top; padding:5px 15px 10px;}
.saved_card_type{ width:100%;}
.saved_card_type p{ font-size:16px; margin-bottom:0px;}
.saved_card_holder_name{ font-size:16px; margin-bottom:0px;}
.saved_card_expire_datre{ font-size:16px; margin-bottom:0px;}
.cvv_pan input[type="password"]{ border:1px solid #333; width:100px; border-radius:3px; padding-left:8px !important;}
#pay_with_diff_card{ display:none;}
#pay_with_diff_card .col-sm-6, #pay_with_diff_card .col-sm-2{ padding-right:15px;}
.cvv_pan label{ width:50px;}

.wallet_pan:hover .wallet_menu {
    display: block;
    position: absolute;
    width: 125px;
    z-index: 100;
    background: #333;
}
.wallet_pan:hover .wallet_menu ul{ list-style-type:none; margin-bottom:0px;}
.wallet_pan:hover .wallet_menu ul li{ padding:5px 10px; border-bottom:1px solid #fff;}
.wallet_pan:hover .wallet_menu ul li a{ color:#fff;}
.wallet_pan:hover .wallet_menu ul li a:hover{ text-decoration:none;color: #e59701;}

.top-header .social ul li .wallet_pan{ position:relative; top:auto; right:auto;display: table-cell;}
.top-header .social ul li .wallet_pan .wallet_link span{ border:2px solid #fff; top:-9px; line-height:18px;}
.top-header .social ul li .logout-section{ position:relative; top:auto; right:auto;display: table-cell;}
.pay_now {
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    clear: both;
    margin-top: 15px;
}
.save-cartds{ margin-bottom:15px;}
.card_radio{ text-align:center;}
#pay_with_diff_card .col-sm-7{ padding-right:30px;}
.pay_for_it_box{ display:none;}


.table_block{ background:#fff;}
.search_by_type {
    right: 41px;
    top: 41px;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #dee2e6;
    border-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
    text-align: right;
}
.search_by_type label{ line-height:1; font-size:14px;}
.table_pagination {
    padding: 10px;
    border: 1px solid #dee2e6; border-top:0px; border-bottom:0px; overflow:hidden;
}
.table_pagination ul{ margin-bottom:0px; float:right;}
.page-item.active .page-link {
    background-color: #e59702 !important;
    border-color: #e59702;
    color: #fff!important;
}
.page-link {
    color: #4c4c4c !important;
}
.back_to_profile a{
	position: absolute;
	right: 0px;
	top: -52px;
	background: #1e1f8c;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	line-height: 24px;
}

.back_to_profile span.green{
	position: absolute;
	right: 0px;
	top: -45px;
	background: white;
	color: #000;
	padding: 5px 10px;
	display: inline-block;
	line-height: 24px;
	border-radius: 35px;
	border: 1px solid green;
	font-weight: 600;
}

.back_to_profile span.orange{
	position: absolute;
	right: 0px;
	top: -45px;
	background: white;
	color: #000;
	padding: 5px 10px;
	display: inline-block;
	line-height: 24px;
	border-radius: 35px;
	border: 1px solid orange;
	font-weight: 600;
}

.section.login-section .container{
		position: relative;
}

/*--new 28-10-2021--*/
.service_box_for_receiver ul { padding-top: 15px;}
.service_box_for_receiver ul{ list-style-type: none;}
.service_box_for_receiver ul li{ width:17%; display:inline-block; vertical-align:top; margin-right:2%; background:#fff; border-radius:5px; padding:5px 0px 0px 0px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.service_box_for_receiver ul li{ position:relative;}
.service_box_for_receiver ul li .counter { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%); top: -19px; background: #1e1f8c; width: 38px; height: 38px;line-height: 34px; border-radius: 50%;   text-align: center; border: 2px solid #dbb017; color: #fff; font-size: 20px;}
.service_box_for_receiver ul li .icon_holder{ width:100%; padding:20px 20px 25px 20px;}
.service_box_for_receiver .icon_detail{ background:#1e1f8c; padding:5px; border-radius:0px 0px 5px 5px; min-height:44px; display: -webkit-flex; -webkit-align-items: flex-start; display: flex; align-items: flex-start;}
.service_box_for_receiver .icon_detail span{ color:#dbb018 !important; text-align:center; line-height: 1.2; font-size:15.5px; -webkit-align-self: center; align-self: center; height:auto;width:100%;}
.service_box_for_receiver ul li .icon_holder img{ width:100%;}
.delivery_image{width:300px!important; height:auto;}
.service-box-content .col-sm-4.five-col { -webkit-box-flex: 0; -ms-flex: 0 0 20%!important; flex: 0 0 20%!important;  max-width: 20%!important;}

/* -- Date : 02-11-2021 --*/
.service_box_for_receiver ul li .icon_holder img{ width:100%;}
.delivery_image{width:300px !important; height:auto;}
.service-box-content .col-sm-4.five-col { -webkit-box-flex: 0; -ms-flex: 0 0 20%!important; flex: 0 0 20%!important; max-width: 20%!important;}
.show-pass {
    position: absolute;
    right: 0;
    top:50%;
	transform:translateY(-50%);
}
.pass_s{
	position: relative;
}

.fa.fa-eye-slash.fa-eye:before {
content: "\f06e"!important;
}
.extra_small{
	font-size: 11px;
	color: white;
}
.meduim_extra_small{
	font-size: 14px;
	color: black;
}
.meduim_p_small{
	font-size: 15px;
	color: white;
}

.contact_heading{
    font-size: 26px;
    padding-bottom: 25px;
}
.save-cartds input[type=checkbox]{
	vertical-align: top !important;
	margin-top: 4px;
}
.medium_small{
	font-size: 18px;
	color: white;
}
.main-menu ul.navigation-main {
    overflow-y: scroll;!important;
}
#btnContainer {
    /*float: right;*/
    margin-bottom: 10px;
    overflow: hidden;
}
#btnContainer button{
	padding: 5px 10px;
    border: 1px solid #999;
    float: right;
    margin-left: 10px;
}
#list_view{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.indicator ul{
	list-style-type: none;
	margin-left: 20px;
	float: left;
}
.indicator ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}
.indicator ul li:nth-child(1) i{
	color: #71e74f;
}
.indicator ul li:nth-child(2) i{
	color: #6a90fb;
}
.indicator ul li:nth-child(3) i{
	color: #f47367;
}
.indicator ul li i{
	margin-right: 0px;
}
.giver_transaction{
	font-size: 14px;
}
.giver_transaction_two{
	font-size: 13px;
}
.notes{ color:#fff;padding-left:15px ;padding-top: 15px;}
.notes li{ padding-bottom:5px; font-size:14px;}

.overlay-loader{ position:fixed; background:rgba(1,1,1,0.5); left:0px; top:0px; right:0px; bottom:0px;}
.loader-outer{ position:relative; left:0px; top:0px; right:0px; bottom:0px;height: 100%;
    width: 100}
.loader{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.loader img{ width:64px; height:64px;}

label.error{
    font-size: 16px;
    color: red !important;
}
.form-control.error:focus{
	    border-color: red;
}
div.alert.alert-success{
	padding: 5px 20px 5px 5px;
}
div.alert.alert-danger{
	padding: 5px 20px 5px 5px;
}
.alert button.close span{
	position: absolute;
    right: 5px;
    top: 5px;
}


.img-layer p {
font-size: 17px;
color: #fff;
text-align: center;
margin: 0;
}
.our-story .col-sm-6:last-child {
text-align: center;
position: relative;
z-index: 1;
}
.panel-opacity{
position: relative;
z-index: 1;
overflow: hidden;
}
.panel-opacity img{
width: 100%;
position: relative;
}
.img-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
padding: 15px;
opacity: 1;
z-index: 9;
background: #dbb017b8;
width: 100%;
}

.pagination_pan{
	width: 100%;
}

.pagination_pan nav{
	float: right;
	padding-right: 15px;
}

.privacy-policy-content ol{ padding-left:10px; padding-top:8px;list-style: none; counter-reset: my-awesome-counter;}
.privacy-policy-content ol li { counter-increment: my-awesome-counter;}
.privacy-policy-content ol li::before { content: counter(my-awesome-counter) ". "; color:#e59701; font-weight: bold;}
.privacy-policy-content ol li{ font-size:15px; padding-bottom:5px;}
.service_box_for_receiver ul li:last-child{
	margin-right: 0;
}
.login-section .active-delivery .row .panel-content .btn-group a.button{
	margin-right: 5px;
}
.login-section .active-delivery .row .panel-content .btn-group a.button:last-child{
	margin-right: 0;
}

.separator_one{
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}

.separator_one:nth-child(odd){
	background-color: #fff;
}

.delivery_advance
{
	list-style-type: none;
	text-align: right;
	margin-top: -30px;

}

.delivery_advance li{
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 10px;
}

.delivery_advance li a{
	background-color: #1e1f8c;
    color: #dbb017;
    padding: 8px 18px;
    border-radius: 35px;
    text-decoration: none;
}

.delivery_advance li a.advance_search{
	background-color: green;
	color: white;
}
.simple_search
{
	padding-bottom: 10px;
}

.detail_notification_two {
    display: inline-block;
    background: #f0ffff;
    padding: 0px 15px;
    margin-left: -15px;
    font-size: 14px;
    vertical-align: top;
    margin-top: 3px;
    border-radius: 5px;
    width: calc(100% - 50px);
}

.site_heading{
	font-size: 20px;
}
button.gm-ui-hover-effect {
background: none;
display: block;
border: 0px;
margin: 0px;
padding: 0px;
text-transform: none;
appearance: none;
position: absolute;
cursor: pointer;
user-select: none;
top: 0px!important;
right: 0px!important;
width: 22px!important;
height: 22px!important;
background: #e59702!important;
border-radius: 38%!important;
opacity: 1!important;
}
button.gm-ui-hover-effect img{
pointer-events: none;
display: block;
width: 22px!important;
height: 22px!important;
margin: 0!important;
}

.image_location{
	width: 100%;
	max-width: 400px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}
.dashboard.mobile_only{
		display: none !important;
	}

.different-color{
	background-color: #333 !important;
	margin-top: 10px;
}

.delivery_yes{
	font-weight: 500;
    color: #182287;
    border-bottom: none	!important;
    display: inline-block !important;
    width: auto !important;
}

.delivery_yes_check{
	display: inline-block;
	width: auto !important;
}
.bootstrap-select .btn-light{
	display: block;
    width: 100%;
    padding: 0.675rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-o
}
.form-control.max_width{
	border: 1px solid #ced4da !important;
	font-size: 1rem !important;
	padding: .6rem 0.75rem !important;
	color: #495057 !important;

}
.custom-switch {
padding-left: 2.25rem;
}
.inverse {
 text-align: right;
 width: 100%;
 display: block;

}

.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.inverse input[type="radio"], .inverse input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}

.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.inverse .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #50c005;
background-color: #50c005;
cursor: pointer;
}
.inverse .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
cursor: pointer;
}
.inverse .custom-switch .custom-control-label::after {
cursor: pointer;
background: #fff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}

.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
display: block;
height: 1rem;
content: "";
border: #b7b9cc solid 1px;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-label::after {
position: absolute;
display: block;
content: "";
background: 50% / 50% 50% no-repeat;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
p#text{ padding-right: 10px; font-size: 14px;}



.profile_list a i{
	width: 20px;

}

.search_bar{
	margin-top: -35px;
}
.active_heading{
	font-size: 24px;
	margin-bottom: 0px !important;
	padding-top: 5px;
}

.five-col:nth-child(even) .service-box p{ color:#dab12d;font-size: 16px;}
.five-col:nth-child(odd) .service-box p{ color:#2537bc;font-size: 16px;}

.service-box-content .col-sm-4.five-col {
	padding: 5px;
}
#zipcode{
	font-size: 14px !important;
}
#receiver_name{
	font-size: 14px !important;
}

.filter-option-inner-inner{text-overflow: ellipsis;width:320px}


#regForm .validation {
color: white;
background: red;
border-radius: 0px 0px 5px 5px;
}
#regForm small.extra_small + .validation {
margin-top: -25px;
position: absolute;
width: 97.8%;
}

.contact-section-main {
	min-height: 500px;
}