@CHARSET "ISO-8859-1";
.hide  , #loadJavascriptFunction{
	display: none;
}
marquee {
	position:absolute;
	background:  #00235B;
	color: #fff;
	font-size: 20px;
    padding: 5px;
	z-index: 9999;
}
a {
	cursor: pointer;
}
marquee small{
	font-size: 10px;
}
.line-through {
    text-decoration: line-through;
	opacity:0.5;
}
.timeline{
  margin-top:20px;
  position:relative;
  color: #fff;
}
.loadingIndicator {
	padding:5px;
	margin:0 auto;
	text-align:center;
}
.timeline:before{
  position:absolute;
  content:'';
  width:4px;
  height:calc(100% + 50px);
background: rgb(138,145,150);
background: -moz-linear-gradient(left, rgba(138,145,150,1) 0%, rgba(122,130,136,1) 60%, rgba(98,105,109,1) 100%);
background: -webkit-linear-gradient(left, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
background: linear-gradient(to right, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9196', endColorstr='#62696d',GradientType=1 );
  left:14px;
  top:5px;
  border-radius:4px;
}
a { color: inherit; } 
.hero {
    height: 80vh;
    padding-top: 80px;
}

.timeline-month{
  position:relative;
  padding:4px 15px 4px 35px;
  background-color:#444950;
  display:inline-block;
  width:auto;
  border-radius:40px;
  border:1px solid #17191B;
  border-right-color:black;
  margin-bottom:30px;
}

.timeline-month span{
  position:absolute;
  top:-1px;
  left:calc(100% - 10px);
  z-index:-1;
  white-space:nowrap;
  display:inline-block;
  background-color:#111;
  padding:4px 10px 4px 20px;
  border-top-right-radius:40px;
  border-bottom-right-radius:40px;
  border:1px solid black;
  box-sizing:border-box;
}

.timeline-month:before{
  position:absolute;
  content:'';
  width:20px;
  height:20px;
background: rgb(138,145,150);
background:#28a745!important;
  border-radius:100%;
  border:1px solid #17191B;
  left:5px;
}

.timeline-section{
  padding-left:35px;
  display:block;
  position:relative;
  margin-bottom:30px;
}

.timeline-date{
  margin-bottom:15px;
  padding:2px 15px;
  background:linear-gradient(#fff, #000 50%, #00235B);
  position:relative;
  display:inline-block;
  border-radius:20px;
  border:1px solid #17191B;
  color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
left: 30px;
}
.timeline-section:before{
  content:'';
  position:absolute;
  width:30px;
  height:1px;
  background-color:#444950;
  top:12px;
  left:20px;
}

.timeline-section:after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  background:linear-gradient(to bottom, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(112,120,125,1) 100%);
  top:7px;
  left:11px;
  border:1px solid #17191B;
  border-radius:100%;
}

.timeline-section .col-sm-4{
  margin-bottom:15px;
}

.timeline-box{
  position:relative;
  
 background-color:#444950;
  border-radius:15px;
  border-top-left-radius:0px;
  border-bottom-right-radius:0px;
  border:1px solid #17191B;
  transition:all 0.3s ease;
  overflow:hidden;
}

.box-icon{
  position:absolute;
  right:5px;
  top:0px;
}

.box-title{
  padding:5px 15px;
  border-bottom: 1px solid #17191B;
color: #c8c8c8;
text-align: left;
}

.box-title i{
  margin-right:5px;
}

.box-content{
  padding:5px 15px;
  background-color:#17191B;
}

.box-content strong{
  color:#666!important;;
  font-style:italic;
  margin-right:5px;
}

.box-item{
  margin-bottom:5px;
    margin-bottom: 5px;
    color: #fff;
    text-align: left;
}

.box-footer{
 padding:5px 15px;
  border-top: 1px solid #17191B;
  background-color:#444950;
  text-align:right;
  font-style:italic;
}
.downloadLink {
    background:#fff;
	border-radius:5px;
	padding: 2px 10px;
color: #000!important;
}
.downloadLink:hover , .downloadLink:active {
    background-color: #ccc!important;
}
.paid-for {
	float: right;
	font-size: 15px;
	font-weight: bold;
}
.pull-right {
	float: right!important;	
}
small span {
	font-size: 8px!important;
}

.form-group.has-error input , .form-group.has-error textarea {
	border: 1px solid #802c2c;
		margin-bottom: 0px;
}
.form-group.has-error .help-block {
	color: #802c2c;
	display:inline-block;
}
.form-group.has-error .help-block i{
	font-size: 12px;
}

.bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

.bv-form .bv-icon-no-label {
	top: 0;
}

.bv-form .bv-icon-input-group {
	top: 0;
	z-index: 100;
}

.form-group {
    margin-bottom: 1em;
    margin-top: 1em;
}

.alertBlock .alert {
	display: none;
}

.alertBlock .alert {
	display: none;
}
.abcRioButtonBlue {
    border: none;
    color: #fff;
	margin: 0 auto;
	margin-top: 10px;
margin-bottom: 10px;
}
form .col-md-6 {
	display: inline-block;
}
.card a {
	color: #fff;
}
.bg-content-bg {
	background-color: #e8f3ff;
	padding:10px 0px;
}
.blue-bg{background-color: #005080;display: inline-block;}
.yellow-bg{background-color: #F9B513;display: inline-block;}
.white-bg{background-color: #fff!important;}
.yellow-bg-arrow{background-image: url("../images/droptech/yellow-bg.png");min-height: 400px;background-color: transparent;background-repeat: no-repeat;}
.blue-bg-arrow{background-image: url("../images/droptech/blue-arrow-bg-img.png");min-height: 400px;background-color: transparent;background-repeat: no-repeat;background-color: #005080;}
.blue-bg h1, .blue-bg h2,.blue-bg h3,.blue-bg h4,.blue-bg h5,.blue-bg h6{color: #ffffff;text-align: center;}
.yellow-bg h1, .yellow-bg h2,.yellow-bg h3,.yellow-bg h4,.yellow-bg h5,.yellow-bg h6{color: #ffffff;text-align: center;}
.white{color: #fff;}
.black{color: #000;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-justify , .text-justify * {text-align: justify!important}
.prapogationClass {
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
.width-100 {width: 100%;}
.width-50 {width: 50%; float: left;}

.width-10 {width: 10%;float: left;}
.width-20 {width: 20%;float: left;}
.width-30 {width: 30%;float: left;}
.width-40 {width: 40%;float: left;}
.width-60 {width: 60%;float: left;}
.width-70 {width: 70%;float: left;}
.width-80 {width: 80%;float: left;}
.width-90 {width: 90%;float: left;}



.row-16			{height:  16px;width:  16px;max-width: 16px;}
.row-32			{height:  32px;width:  32px;max-width: 32px;}
.row-50			{height:  50px;width:  50px;max-width: 50px;}
.row-75			{height:  75px;width:  75px;max-width: 75px;}
.row-100		{height: 100px;width: 100px;max-width: 100px;}
.row-150		{height: 150px;width: 150px;max-width: 150px;float: left;display: inline-block;}
.row-200		{height: 200px;width: 200px;max-width: 200px;float: left;display: inline-block;}
.row-full		{height: auto;width: 100%;display: inline-block;max-width: 100%;}
.row-half		{height: auto;width: 50%;max-width: 50%;}
.row-double-half{height: auto;width: 25%;max-width: 25%;}
.row-3-4{height: auto;width: 75%;max-width: 75%;}
/*Colors-Borders*/
.border-1       {border:1px solid #363636;}
.yellow-border-1{border:1px solid #FFB301;}
.blue-border-1 	{border:1px solid #3556C7;}
.green-border-1 {border:1px solid #009956;}
.red-border-1 	{border:1px solid #D4402B;}
.orange-border-1 {border:1px solid #460305;}

.border-2       {border:2px solid #363636;}
.yellow-border-2{border:2px solid #FFB301;}
.blue-border-2 	{border:2px solid #3556C7;}
.green-border-2 {border:2px solid #009956;}
.red-border-2 	{border:2px solid #D4402B;}
.orange-border-2 {border:2px solid #460305;}

.border-3       {border:3px solid #363636;}
.yellow-border-3{border:3px solid #FFB301;}
.blue-border-3 	{border:3px solid #3556C7;}
.green-border-3 {border:3px solid #009956;}
.red-border-3 	{border:3px solid #D4402B;}
.orange-border-3 {border:3px solid #460305;}
embed{z-index: -1;}
/*Border Radius*/
.border-radius-3	{-webkit-border-radius:  3px;-moz-border-radius:  3px;border-radius:  3px;}
.border-radius-5	{-webkit-border-radius:  5px;-moz-border-radius:  5px;border-radius:  5px;}
.border-radius-10	{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.border-radius-15	{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.border-radius-20	{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

.simple-link-orange{font-size: 12px;color: #F88802;font-weight: bold;}.simple-link-orange:HOVER{text-decoration: underline;}
.content-full-width{margin: 0 -30px;}
.content-960{margin: 0 auto!important;max-width: 960px;}
.goodwill-content-view{margin: 0 auto!important;max-width: 1020px;padding: 0px 30px!important;}
.prapogationClass {
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.circular-image-big img , .circular-image-big {width: 200px;height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
    border-radius: 100px!important;
}
.circular-image-medium img , .circular-image-medium {width: 150px;height: 150px;
   -webkit-border-radius: 75px;
   -moz-border-radius: 75px;
   -ms-border-radius: 75px;
   -o-border-radius: 75px;
    border-radius: 75px!important;
}
.circular-image-small img  , .circular-image-small{width: 80px;height: 80px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   -ms-border-radius: 40px;
   -o-border-radius: 40px;
    border-radius: 40px!important;
}
.circular-image-xs-small img {width: 25px;height: 25px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px;
   -o-border-radius: 12px;
    border-radius: 12px!important;
}
.rounded-image-big img {width: 300px;height: 300px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
    border-radius: 5px!important;
}
.rounded-image-medium img {max-width: 100px;height: auto;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
    border-radius: 5px;
}
.rounded-image-small img {width: 30px;height: 30px;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
    border-radius: 5px;
}
.image-big img {width: 300px;height: 300px;}
.image-medium img {width: 150px;height: 150px;}
.image-small img {width: 80px;height: 80px;}
.white {
  color: #ffffff !important;
}
.grey {
  color: #eeeeee !important;
}
.black {
  color: #555555 !important;
}
.red {
  color: #ff1906 !important;
}
.green {
  color: #51d466 !important;
}
.lblue {
  color: #32c8de !important;
}
.blue {
  color: #0072bd !important;
}
.orange {
  color: #f78153 !important;
}
.yellow {
  color: #fcd419 !important;
}
.purple {
  color: #cb79e6 !important;
}
.rose {
  color: #ff61e7 !important;
}
.brown {
  color: #d08166 !important;
}
/* Background color classes */
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #ff1906 !important;
}
.bg-green {
  background-color: #51d466 !important;
}
.bg-lblue {
  background-color: #32c8de !important;
}
.bg-blue {
  background-color: #0072bd !important;
}
.bg-orange {
  background-color: #f78153 !important;
}
.bg-yellow {
  background-color: #fcd419 !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #ff61e7 !important;
}
.bg-brown {
  background-color: #d08166 !important;
}
/* Border color classes */
.br-white {
  border: 1px solid #ffffff !important;
}
.br-grey {
  border: 1px solid #eeeeee;
}
.br-black {
  border: 1px solid #555555;
}
.br-red {
  border: 1px solid #ff1906;
}
.br-green {
  border: 1px solid #51d466;
}
.br-lblue {
  border: 1px solid #32c8de;
}
.br-blue {
  border: 1px solid #609cec;
}
.br-orange {
  border: 1px solid #f78153;
}
.br-yellow {
  border: 1px solid #fcd419;
}
.br-purple {
  border: 1px solid #cb79e6;
}
.br-rose {
  border: 1px solid #ff61e7;
}
.br-brown {
  border: 1px solid #d08166;
}
.blink-very-fast 	{animation: blink 0.2s steps(5, start) infinite;-webkit-animation: blink 0.2s steps(5, start) infinite;}@keyframes blink {to {visibility: hidden;}}@-webkit-keyframes blink {to {visibility: hidden;}}
 .blink-fast 		{animation: blink 0.5s steps(5, start) infinite;-webkit-animation: blink 0.5s steps(5, start) infinite;}@keyframes blink {to {visibility: hidden;}}@-webkit-keyframes blink {to {visibility: hidden;}}
 .blink-medium 		{animation: blink   1s steps(5, start) infinite;-webkit-animation: blink   1s steps(5, start) infinite;}@keyframes blink {to {visibility: hidden;}}@-webkit-keyframes blink {to {visibility: hidden;}}
 .blink-slow 		{animation: blink   2s steps(5, start) infinite;-webkit-animation: blink   2s steps(5, start) infinite;}@keyframes blink {to {visibility: hidden;}}@-webkit-keyframes blink {to {visibility: hidden;}}
 .blink-very-slow 	{animation: blink   5s steps(5, start) infinite;-webkit-animation: blink   5s steps(5, start) infinite;}@keyframes blink {to {visibility: hidden;}}@-webkit-keyframes blink {to {visibility: hidden;}}
.off{opacity: 0;} .on{opacity: 1!important;}
.padding-null{padding: 0px!important;}
.uppercase a ,.uppercase p { text-transform: uppercase;}
.lowercase a ,.lowercase p { text-transform: lowercase;}
.capitalize a ,.capitalize p { text-transform: capitalize;}
img {  vertical-align: top;border-radius:0!important;}
.img-responsive,.thumbnail > img,.thumbnail a > img {  display: inline-block;  max-width: 100%;  height: auto;}
.img-rounded {  border-radius: 6px;}
.img-thumbnail {  padding: 4px;  line-height: 1.42857143;  background-color: #ffffff;  border: 1px solid #dddddd;  border-radius: 4px;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  display: inline-block;  max-width: 100%;  height: auto;}
.img-circle {  border-radius: 50%;}
.badge{margin: 2px;}
.badge.small{font-size: 9px;}
.padding-0{padding: 0px;}
.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}

.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}

.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}

.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-15{padding-left:15px;}
.padding-left-20{padding-left:20px;}

.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-15{padding-right:15px;}
.padding-right-20{padding-right:20px;}

.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-15{padding-right:15px;}
.padding-right-20{padding-right:20px;}

.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}

.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:25px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px!important;}

.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}

.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}
.margin-left-20{margin-left:20px;}

.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}

.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-left-110{margin-left: 110px;}


.alertBoxDroptech {
	max-width: 900px;
    margin: 0 auto;
}

.rate-card-body {
	background-color: #fff;
margin-bottom: 15px;
border:1px solid #ccc;
}




<<<<<<< Updated upstream
/* UI X */
.add-to-cart{
	max-width:1150px;
	margin:10px auto;	
}
.add-to-cart .item {
	position: relative;
	max-width: 360px;
	margin: 15px auto;
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	border:1px solid #eee;
	background-color: #fff;
}
.add-to-cart .item:hover{	
	border:2px solid #32c8de;
}
.add-to-cart .item img {
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 3px;
}
.add-to-cart .item  .item-dtls h4 {
	margin-top: 13px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.add-to-cart .item  .item-dtls .price {
	display: block;
	font-size: 15px;
}
.add-to-cart .item  .ecom {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding-bottom:10px;
	padding-top: 10px;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.add-to-cart .item:hover  .ecom { 
	margin-top: -50px; 
}
.add-to-cart .item  .ecom  a.btn{
	border:1px solid #fff;
	color:#fff;
	background:transparent;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.add-to-cart .item  .ecom  a.btn:hover{
	background:#fff;
	color:#777;
}

.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 37%;
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
  width: 10%;
}

.product-removal {
  float: right;
  width: 9%;
  opacity:0.5;
}
.product-removal:hover {
  opacity:1;
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before,
.column-labels:before,
.product:before,
.totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: "";
  display: table;
}

.group:after, .shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  clear: both;
}

.group, .shopping-cart,
.column-labels,
.product,
.totals-item {
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.product .product-price:before,
.product .product-line-price:before,
.totals-value:before {
  content: "Rs:";
}
/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.column-labels .product-image,
.column-labels .product-details,
.column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {

	}
.product .product-image {
  text-align: center;
}
.product .product-image img {
  width: 100px;
}
.product .product-details .product-title {
  margin-right: 20px;
  font-size: 25px;
}
.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}
.product .product-quantity input {
  width: 40px;
}
.product .remove-product i{
      border: 0;
    color: #333;
    font-size: 20px;
    border-radius: 3px;
    position: relative;
    top: -10px;
    right: -10px;
    cursor: pointer;
	opacity:0.5;
}
.product .remove-product i:hover {
  opacity:1;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}
.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .product-image {
    float: right;
    width: auto;
  }
  .product-image img {
    margin: 0 0 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: auto;
  	height: auto;
  }

  .product-price {
    clear: both;
    width: 130px;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 20px;
  }

  .product-quantity:before {
    content: "X";
  }

  .product-removal {
    width: auto;
  }

  .product-line-price {
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
  .product-removal {
    float: right;
  }

  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .product .product-line-price:before {
    content: "Item Total: $";
  }

  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
}
.price {
	font-weight: bold;
}
.no-price {
	font-weight: normal;
	opacity:0.2;
    text-decoration: line-through;
	transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
}
.product {
    position: relative;
    left: -10px;
}
#notfound {
  position: relative;
  height: 500px;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 410px;
  width: 100%;
  text-align: center;
}

.notfound .notfound-404 {
  height: 280px;
  position: relative;
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-size: 120px;
  margin: 0px;
  font-weight: 900;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url('img/bg.jpg') no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
}


.notfound h2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 0;
}

.notfound p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0px;
}

.notfound a {
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
          box-shadow: 0px 4px 15px -5px #0046d5;
}


@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
      height: 142px;
    }
    .notfound .notfound-404 h1 {
      font-size: 112px;
    }
}

.wrap-list-rc .lrc-item .lrc-content {
	padding-left: 0px;
    min-height: 10px;
}
.categoryTitle {
	margin-top: 10px;
    padding-left: 0px!
    line-height: 50px;
    font-size: 1.5em;
	text-align: center;
}
.content-wrap {
	min-height: 10px;
	margin: 0 auto;
    max-width: 420px;
    margin: 0 auto;
    overflow-x: hidden;
    background-color: #fff;
    min-height: 60vh;
}
.favorites .add-favourite .awl-btn {
	position: relative;
    top: -15px;
    min-width: 67px;
    height: 40px;
    left: -25px;
}
.menu-rate {
	    font-size: 1.5em;
    font-weight: bold;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-radius: 5px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.menu-rate small {
	font-size: 0.5em;
}

.wrap-list-rc {
	border: 1px solid;
}
.wrap-list-rc h2{
	margin-top: 0px !important;
}
.footer {height: auto;}
#bottom-footer {
        position: fixed;
    float: right;
    right: 0;
    bottom: 0;
	font-size: 2em;
	cursor: pointer;
	background-repeat: no-repeat;
	z-index: 999;
}
#bottom-footer-feedback {
	position: fixed;
    float: left;
    left: 0;
    bottom: 0;
	font-size: 2em;
	cursor: pointer;
	background-repeat: no-repeat;
	z-index: 999;
}
#bottom-footer:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
body.default .text {color:#95b700;}
body.default .bg {background-color:#95b700;}
body.default .border-color {border-color:#95b700;}
body.default h2 {background-color:#95b700;color:#fff;margin-top: 10px;padding-left: 30px;border-bottom: 1px solid;line-height: 50px;border-radius: 30px;font-size: 1.5em;}
.section-home.s-category {
	background-color: transparent !important;
	width: 100%;
	padding: 0px 15px;
}



.wrap-list-rc .lrc-item {
	padding: 10px;
}

#main {
  margin: 10px 0;
}

#main #faq .card {
  margin-bottom: 30px;
	width: 100%;
}

#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;
     font-size: 2em;
    padding: 5px 15px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\2191";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #4c4c4c!important;
}

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

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

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

#main #faq .card .collapse.show {
  line-height: 30px;
  border-bottom: 1px solid;
}
#main .card-body {
	padding: 5px;
}
#main table {
	margin: 0px;
}
#main table tr td{
	padding: 0px;
    border-bottom: 1px solid;
    border-color: #e5e5e5;
}
#main table tr td .desc {
	font-size: 0.8em;
    padding-left: 25px;
    display: block;
    position: relative;
    top: -5px;
	line-height: 2em;
	clear: both;
}
#main table tr td del {
	font-size: 0.8em;
}
.mobileFrm_iphone {
	background-image: url("../assets/img/mobileFrm_iphone.png");
	background-repeat: no-repeat;
    height: 830px;
    width: 100%;
	padding:80px 0px 20px 0px;
	max-width: 399px;
    margin: 0 auto;
}
.tag  {
	min-width: 10px;
    padding: 3px 5px !important;
    font-size: 10px;
    line-height: 8px;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.droptech-landing-page .web-app-pricing-content i{
	font-size: 20px;
}
.droptech-landing-page .web-app-pricing-content li {
    text-align: left;
    padding: 0 30px;
 }
.droptech-landing-page .featureItem {
	margin-bottom: 30px;
 }
 .aplpg-contact-section .aplpg-contact-area {
	background-color: transparent;
 }
 .eight-banner-section .eight-banner-content h1 {
	font-size: 45px; 
 }
 .cd-headline.clip b {
	font-size: 65px;
 }
 .whatsAppIcon {
 	width: 50px;
    right: 20px;
    z-index: 5;
    height: 50px;
    bottom: 20px;
    position: fixed;
    border-radius: 100%;
    line-height: 50px;
 	left:10px;
 	z-index:9999999;
 	background-image: url("../img/whatsapp-transparent-12.png");      
}
.eg-how-work-section .how-work-mockup img {
	max-width: 300px;
}
.web-app-pricing-plan .web-app-pricing-price {
	color: darkgreen;
}
.web-app-pricing-plan .web-app-pricing-price span {
	color: #4c4c4c;
	font-size: 18px;
}
.web-app-pricing-plan .web-app-pricing-price span.priceFor {
	top:0px;
}
.links {
	font-size: 15px;
}
.links i {
	font-size: 50px;
	width: 100%; 
}
.scannerIframe {
	width: 100%;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	display: none;
}
.scanButton {
	    height: 55px;
    color: #fff;
    width: 175px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    margin-right: 20px;
    border-top-right-radius: 0;
    background-color: #ff00d6;
}
.scanButton:hover {
    background-color: #009cff;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0px;
}
.eight-banner-section .eight-banner-content h1 {
	min-height: 350px; 
}
.main-header-eight .appheader-content .navigation-eight li.nav-border-right {
	margin-right: 5px;
	border-right: 1px solid #fff;
}
.ei-banner-mbl-mockup img {
	max-width: 400px;
}
.foodOrder {
	background-image: url("../assets/img/foodOrder.png");
	background-repeat:no-repeat;	
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 30px;width: 30px;
	cursor: pointer;
}
.foodOrder {
	background-image: url("../assets/img/order.png");
	height: 25px;width: 50px;
}
.myfoodOrder {
	background-image: url("../assets/img/myOrder.png");
	background-repeat:no-repeat;	
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 30px;width: 30px;
	cursor: pointer;
	margin: 0 auto;
}
.takeAwayOrder {
	background-image: url("../assets/img/TTT.png");
	background-repeat:no-repeat;	
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 30px;width: 30px;
	cursor: pointer;
	margin: 0 auto;
}
.waiterCall {
	background-image: url("../assets/img/waiterCall.png");
	background-repeat:no-repeat;	
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 30px;width: 35px;
	cursor: pointer;
	margin: 0 auto;
}
#menuDetails .foodOrder {
	display: none;
}
#menuDetailsTable {
	padding: 10px;
	width: 100%;
	margin-bottom: 20px;	
}
#menuDetailsTable tr td{
	font-size: 1.5em;	
}
#menuDetailsTable tr td.menu-rate {
	font-size: 2em;	
}
.shareon {
	display: inline-block;
	width: 100%;
}
.section-profile .banner-bg img {
	margin-top:0px;
}
.footer {
	    padding: 20px 0px!important;
}
.you-might-like {
	padding: 0px 15px;
} 
.you-might-like .yml-box .yml-img img {
	max-height: 90px;
}
.rate {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 45px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}
.mobile-nav {
  position: fixed;
  bottom: 0;
  height: 55px;
  width: 100%;
  z-index:99999;
  max-width:420px;
  display: flex;
  justify-content: space-around;
}
.mobile-nav .bloc-icon {
  display: flex;
  justify-content: center;
  align-items: center;
	position: relative;
   color: #fff;
}
.mobile-nav .bloc-icon:hover {
  color: #fff;
}
.mobile-nav .bloc-icon i {
  font-size: 2em;
  color:#fff;
  text-align: center;
  margin: 0 auto;
}
.mobile-nav .bloc-icon div {
  text-align: center;
}

#guestOrder {
  border-collapse: collapse;
  width: 100%;
}

#guestOrder td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#guestOrder tr:nth-child(even){background-color: #f2f2f2;}

#guestOrder tr:hover {background-color: #ddd;}

#guestOrder th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: #fff;
  border: 1px solid #ccc;
}
.badge-counter{
	height: 20px;
    width: 20px;
    background: red;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    position: relative;
    right: -10px;
    top: 0px;
	display: none;
	position: absolute;
}
.mobile-nav a {
	cursor: pointer;
}


#form .filterform {
	padding: 0px 10px!important;
}
#form .filterform .close{
	position: relative;
    top: -30px;
    cursor: pointer;
    left: -5px;

}
.filterinput {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat left;
	background-position: 10px 10px;
    padding-left: 30px;
}
.printOrderMenu.mobileView{
	padding: 5px;
	background: ghostwhite;
	border: 1px solid #999;
}
.avl-table {
	margin: 0 auto;
}
.avl-table tr td{
	padding: 5px;	
}


body h2 {
	text-transform: initial!important;
}

.web-app-pricing-plan {
	max-width: 400px;
}
.main-header-eight {
	top:60px;
}


#rateStar .fa , #rateStar .fal ,#rateStar .fas ,#rateStar .far {
  font-size: 35px;
}

.checked {
  color: #DAA520;
    font-size: 0.7em;
}

/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5 {width: 60%; height: 18px; background-color: #04AA6D;}
.bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
.bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
.bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
.bar-1 {width: 15%; height: 18px; background-color: #f44336;}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
#rateArea {
	padding: 0px 20px;
	max-width: 600px;
}
@media (min-width: 0) {
    .g-mr-15 {
        margin-right: 1.07143rem !important;
    }
}
@media (min-width: 0){
    .g-mt-3 {
        margin-top: 0.21429rem !important;
    }
}

.g-height-50 {
    height: 50px;
}

.g-width-50 {
    width: 50px !important;
}

@media (min-width: 0){
    .g-pa-30 {
        padding: 1rem !important;
    }
}

.g-bg-secondary {
    background-color: #fafafa !important;
    margin: 5px 0px;
}

.u-shadow-v18 {
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
}

.g-color-gray-dark-v4 {
    color: #777 !important;
}

.g-font-size-12 {
    font-size: 0.85714rem !important;
}

.media-comment {
    margin-top:20px
}
.sm-font {font-size: 0.7em;}
.commentWindow {
	max-height: 650px;
	overflow: auto;
}
.custom-control-label {
	cursor: pointer;
	line-height: 25px;
}
.custom-control-input:checked~.custom-control-label::before {
	border-color: #000;
    background-color: #000;
}

.video-icon {
	font-size: 1.5em;
	cursor: pointer;
}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    
    25%{    color: transparent }
    75%{   color: transparent;    }
}
.menuPic {
	width: 60px;
    height: 60px;
    float: left;
	padding: 5px;
}

#requestRaiseForm form {
	display: list-item;
    width: 100%;
    margin: 0 auto;   
}
.select_date_time {
	padding-left: 30px;
}
.select_date_time:before {
	    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
	content: "\f073";
}



#noteIfAny {
	resize: none;
}
#noteIfAny.LAUNDRY {
	height: 220px;
}
.droptech-RS-info {
	    padding-bottom: 0px;
    	margin-bottom: 0px;
 }
.droptech-RS-info i {
	font-size: 1.5em;
}
.backBtn {
	position: relative;
	cursor: pointer;
}
.backBtn i{
	position: absolute;
	z-index: 9999;
	font-size: 35px;
	cursor: pointer;
}
.bg-header.subtitle {
	    z-index: 10;
    top: 0px;
    left: 0px;
    min-height: 55px;
    width: 100%;
    height: auto;
    padding-bottom: 15px;
}
.categorySubTitle {
    padding: 0px 5px!important;
	color: cornflowerblue;
}
td.text.menu-rate {
    min-width: 60px;
}
.RSHeading {
	width: 100%;
	text-align: center;
	display: inherit;
}
.RSHeading a{
	width:10%; 
	float: left;	
}
.RSHeading a.right{
	float: right;
}
.RSHeading .spantext{
	width: 80%;
	text-align: center;
}

.home-category-list .home-image-category img {
        opacity: 0.5;
    max-height: 9999999%;
    width: 100%;
    height: auto;
    max-width: 200%;
    margin-left: 0;
}

#fixed-social {
   position: fixed;
   top: 0px;
   right: 0px;
   z-index: 9999;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 30px;
   position: relative;
   width: 30px;   
   float: left;
   margin: 3px;
 }
 .fixed-facebook{
 	background-color: #00AAE5;
	background: url('img/facebook.png') no-repeat;
    background-size: 100% 100%;
 }

 .fixed-instagrem{
	background-color: #ED2B29;
 	background: url('img/instragram.png') no-repeat; 
    background-size: 100% 100%;

 }
 
 .uparrow {
	float: right;
 	right:0px;
 	position: fixed;
 	bottom: 80px;  
 	border: 0px;
 	z-index: 999;

 
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin: 0px;
  color: #ffffff;
  font-size: 16px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(28, 26, 31, 0.08);
          box-shadow: 0px 6px 10px 0px rgba(28, 26, 31, 0.08);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999; 
 }
 
 .menu-sub-title {
	font-size: 1.3em;
    font-weight: bold;
    margin-top: 15px;
 }
.menulayout_box td {
	padding: 10px 0px!important;
}
 .menulayout_box td div.imagediv{
	width: 100%;
 	display: inline-block;
 }
 .menulayout_box td img{
	float: right;
 }
 #main table tr.menulayout_box td .desc {
	display: inline-block;
 }

 #main table.tableMenuLayout_default tr td {
	padding: 5px;
 }

#main table tr.withShadow{
/*  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
 box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
 	padding: 10px 5px!important;
 	margin: 10px 0px;
 }
#main table tr.withShadow td{
 padding: 3px;
 }
#main table tr.withShadow:hover{
  overflow: hidden;
    
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
 }
a.pull-right.white.foodOrder {
    position: relative;
    top: 5px;
}

.category-section-divider {
	width: 100%!important;
	min-height: 200px;
}

.welcomeScreen {
	width: 100%;
	background-color: #000;
	height: auto;
	color: #fff;
}
.home-category-list .home-box-category.food_type {
	width: 100%;
	background: #000;
	border: 1px solid;
	margin: 5px 0;
	background-image: url("../assets/img/trans.png");
	cursor: pointer;
	border-radius:5px;
}

/* Project related CSS code*/
.widget_category ul li a.active {
    background: var(--color-black);
    color: #fff;
}
input.form-control, textarea.form-control , select.form-control {
    width: 100%;
    color: var(--color-gray);
    border:0px;
    border-bottom: 1px solid #4c4c4c!important;
    	padding-left:20px;
    padding: 5px 0 10px 0;
    background:transparent;
}
.footer-bottom {
    position: relative;
    display: block;
    background-color: #1e1e1e;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
    padding: 32px 0;
}
.footer-bottom-inner {
    position: relative;
    display: block;
    text-align: center;
}
.footer-bottom-copy-right {
    font-size: 12px;
    color: #adadad;
    margin: 0;
}
.search-job-form {
	padding: 25px 25px 20px;
	 background-color:#fafafa;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 20px;
}

.form-group button {
	position:relative;
	top:-20px;
	height:40px;
	line-height:0px;
}
.profile-update-section {display:none;}
.btn-sm {
    bottom: 3vw;
    right: 3vw;
    background-color: var(--color-primary);
    line-height: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    visibility: hidden;
    z-index: 11;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.main-header .nav-outer {
	margin: 0 auto;
	background: #fff;
}
.form_field_submit_submit {
	margin: 0 auto;
    text-align: center;
}
#updateProfile .profile-update-section h5{
	text-align: center;
}
.catagory-list li.active a {
	color:#fff;
	background: #e82b4b;
}
.droptech-dashboard {
    height: calc(100%);
    width: 300px;
    padding-top: 80px;
    background: #ffffff;
    overflow: auto;
    transition: all 300ms ease;
    z-index: 9;
    border: 1px solid #ECEDF2;
    box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}
.droptech-dashboard .navigation li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 15px;
    color: #696969;
    text-align: left;
    text-transform: capitalize;
    border-radius: 8px;
    transition: all 500ms ease;
}

.droptech-dashboard ::-webkit-scrollbar {
  width: 4px;
}

.droptech-dashboard ::-webkit-scrollbar-track {
  background: transparent;
}

.droptech-dashboard ::-webkit-scrollbar-thumb {
  background-color: #F0F5F7;
  border-radius: 10px;
}

.droptech-dashboard -active .droptech-dashboard  {
  transform: translateX(0);
}

.sidebar-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all 300ms ease;
  z-index: 98;
  opacity: 0;
  visibility: hidden;
}

.droptech-dashboard  .sidebar-inner {
  position: relative;
  padding: 10px 10px;
}

.droptech-dashboard  .sidebar-header {
  position: relative;
  padding: 30px 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 230px;
  border-bottom: 1px solid #f1f3f7;
}

.droptech-dashboard  .sidebar-header .user-image {
  position: relative;
  border-radius: 50%;
  height: 110px;
  width: 110px;
  border: 5px solid #dddee0;
  overflow: hidden;
  margin-bottom: 15px;
}

.droptech-dashboard  .sidebar-header .user-image img {
  width: 100%;
  display: block;
}

.droptech-dashboard  .sidebar-header .user-name {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: #1b2032;
  font-weight: 700;
}

.droptech-dashboard  .navigation {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0px;
}

.droptech-dashboard  .navigation li {
  position: relative;
  width: 100%;
}

.droptech-dashboard  .navigation li a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  line-height: 30px;
  font-weight: 400;
  font-size: 15px;
  color: #696969;
  text-align: left;
  text-transform: capitalize;
  border-radius: 8px;
  transition: all 500ms ease;
}

.droptech-dashboard  .navigation li a i {
  position: relative;
  margin-right: 15px;
  font-size: 22px;
  color: #696969;
  text-align: center;
  transition: all 500ms ease;
}

.droptech-dashboard  .navigation  li.active > a,
.droptech-dashboard  .navigation  li:hover > a {
  color: #1967D2;
  background: rgba(25, 103, 210, 0.1);
}

.droptech-dashboard  .navigation li.active a i,
.droptech-dashboard  .navigation li:hover a i {
  color: #1967D2;
}
#toaster {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#toaster.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/* Project relevent CSS */
.footer .footer_l, .footer__top .title {
	color: #000;
}
a.link {
	color: #ff1906!important;
	
}

/**/
nav.droptech-nav {    
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
  }
  nav.droptech-nav ul {
    margin: 0;
    padding:0;
    list-style: none;
  }
  nav.droptech-nav .nav a {
    display:block; 
    background: #0072bd; 
    color:#fff; 
    text-decoration: none;
    text-align:left;
    padding: 15px;
    text-transform: uppercase;
    font-size: 15px;letter-spacing: 2px;
    text-shadow: 0 -1px 0 #0072bd;
    position: relative;
  }
  nav.droptech-nav .nav{  
    vertical-align: top; 
    display: inline-block;
    box-shadow: 1px -1px -1px 1px #0072bd, -1px 1px -1px 1px #fff, 0 0 6px 3px #fff;
    border-radius:6px;
  }
  nav.droptech-nav .nav li{position: relative;}
  nav.droptech-nav .nav > li { 
    float:left; 
    border-bottom: 4px #28b800 solid; 
    margin-right: 1px; 
  } 
  nav.droptech-nav .nav > li > a { 
    margin-bottom:1px;
    box-shadow:inset 0 3.5em .30em -.5em #0072bd; 
  }
  nav.droptech-nav .nav > li:hover , .nav > li:hover >a{  border-bottom-color:#2E6F40;}
  nav.droptech-nav .nav li:hover > a { color:#fff; }
  nav.droptech-nav .nav > li:first-child  { border-radius: 4px 0 0 4px;} 
  nav.droptech-nav .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  nav.droptech-nav .nav > li:last-child  { 
    border-radius: 0 0 4px 0; 
    margin-right: 0;
  } 
  nav.droptech-nav .nav > li:last-child >a{border-radius: 0 4px 0 0; }
  nav.droptech-nav .nav li li a { margin-top:1px}
  nav.droptech-nav .nav li a:first-child:nth-last-child(2):before { 
     content:""; 
     position: absolute; 
     height:0; 
     width: 0; 
     border: 5px solid transparent; 
     top: 50% ;
     right:5px;  
   }
   
  nav.droptech-nav .nav > li > a.active { 
    margin-bottom:1px;
    box-shadow:inset 0 3.3em .30em -.5em #0a6a96; 
    box-shadow: 1px -1px -1px 1px #ff1906, -1px 1px -1px 1px #fff, 0 0 6px 3px #ff1906;
  }
   nav.droptech-nav .nav > li.active { 
    border-bottom: 4px #ff1906 solid; 
  }
   
   
   
   /* submenu positioning*/
nav.droptech-nav .nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  #28b800;
  z-index: 1;
  left: -99999em;
}
nav.droptech-nav .nav > li:hover > ul {
  left: auto;
  padding-top: 5px  ;
  min-width: 100%;
}
.nav > li li ul {  border-left:1px solid #fff;}


nav.droptech-nav .nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
nav.droptech-nav .nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #fff; 
}
nav.droptech-nav .nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: #fff; 
  margin-top:-5px
}
nav.droptech-nav .nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #fff; 
  margin-top: -5px
}
nav.droptech-nav .nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: #fff;
  right: 10px; 
}

.breadcrumb_wrap .page_title1 {
  font-size: 128px;
  text-transform: capitalize;
  margin-bottom: 20px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding:3px 10px;
width:auto;
float:left;
color:#fff;
}
.job-block .content , .job-block-seven .content {
	padding-left:0px;
}
.tree {
  --spacing: 1.5rem;
  --radius: 10px;
  padding-left:0px;
}

.tree li {
  display: block;
  position: relative;
  padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul {
  margin-left: calc(var(--radius) - var(--spacing));
  padding-left: 0;
}

.tree ul li {
  border-left: 2px solid #ddd;
}

.tree ul li:last-child {
  border-color: transparent;
}

.tree ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / -2);
  left: -2px;
  width: calc(var(--spacing) + 1px);
  height: calc(var(--spacing) + 5px);
  border: solid #0072bd;
  border-width: 0 0 1px 1px;
}

.tree summary {
  display: block;
  cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
  display: none;
}

.tree summary:focus {
  outline: none;
}

.tree summary:focus-visible {
  outline: 1px dotted #000;
}
.tree a {
	padding:5px;
	color: #0072bd;
}
.tree li {
	margin:5px 0px;
}
.tree li::after,
.tree summary::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / 2 - var(--radius));
  left: calc(var(--spacing) - var(--radius) - 1px);
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
  border-radius: 50%;
}
.tree li a.active{
  background: #0072bd;
  color:#fff!important;
  padding:5px;
}
.tree summary::before {
  z-index: 1;
  background: #0072bd url('img/expand-collapse.svg') 0 0;
}

.tree details[open] > summary::before {
  background-position: calc(-2 * var(--radius)) 0;
}
/* Static Page relevent css */
.droptech-page-content-class {
	display:inline-block;
	text-align:left;
	font-family: var(--font-content);
    color: var(--color-gray);
     line-height: 24px;
    font-size: 18px;
}
.droptech-page-content-class h1, .droptech-page-content-class h2, .droptech-page-content-class h3, .droptech-page-content-class h4, .droptech-page-content-class h5, .droptech-page-content-class h6 {
    word-break: break-word;
    font-family: var(--font-heading);
    color: #0072bd;
    font-weight: 700;
}
.droptech-page-content-class p , .droptech-page-content-class span{
	font-family: var(--font-content);
    color: var(--color-gray);
    line-height: 24px;
    font-size: 18px;
}
.droptech-page-content-class ul li{
	font-family: var(--font-content);
    color: var(--color-gray);
     line-height: 24px;
    font-size: 18px;
}
.droptech-page-content-class ul {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 0;
}

.droptech-page-content-class ul li { 
  padding-left: 16px; 
  line-height: 24px;
    font-size: 18px;
}

.droptech-page-content-class li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
   color: var(--color-gray);
}
.what_we_do .content .droptech-page-content-class .do_list::before {
	content: ""!important;
	width:0px;
}
/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.hero .slide .slide_wrapper .content {
	width:100%;
}