/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/
main{
 overflow-x: hidden;
}
*{
	padding: 0;
	margin: 0;
}

body {
  font-family: "Poppins", sans-serif;
  color: #444444;
  margin: 0;
  padding: 0;
}

a {
  color: #e60001;
}

a:hover {
  color: #ffc56e ;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	float: left;
}

/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #e60001;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #ffa012;
  color: #fff;
}

/*--------------------------------------------------------------

# Top Bar

--------------------------------------------------------------*/

#topbar {
  padding: 0 26px 0px 0px;
  font-size: 15px;
  height: 70px;
  transition: all 0.5s;
  /*background: rgba(26, 24, 22, 0.8);*/
  color: rgba(255, 255, 255, 0.7);
}



#topbar.topbar-transparent {

  background: transparent;

}



#topbar.topbar-scrolled {
  visibility: hidden;
}



#topbar i {

  color: #e60001;

}



#topbar i + i {

  margin-left: 15px;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/
  #header .navbar.navbar-expand-lg .container{
    background: linear-gradient(to right, #e60001, #a20909); 
  }

#header {

  height: 70px;

  z-index: 99;

  transition: all 0.5s;

  padding: 10px 0;

  background: rgba(26, 24, 22, 0.85);

}



#header.header-transparent {

  background: rgba(26, 24, 22, 0.95);

}





#header.header-scrolled {

  top: -70px;

  background: rgba(26, 24, 22, 0.85);

}



#header .logo h1 {

  font-size: 28px;

  margin: 0;

  line-height: 1;

  font-weight: 400;

  letter-spacing: 3px;

}



#header .logo h1 a, #header .logo h1 a:hover {

  color: #fff;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 60px;

}





.inner-bg{

	background: url("../img/inner-page-bg.png") top center repeat-x;

}



/*--------------------------------------------------------------

# Header Dashboard

--------------------------------------------------------------*/

.tp-icons{position: relative;

    margin: 0 auto;

    display: inline-flex;}



.tp-icons li{

	padding: 0 20px;

	text-align: center;

}







/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Desktop Navigation */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.nav-menu > ul > li {

  position: relative;

  white-space: nowrap;

  float: left;

}



.nav-menu a {

  display: block;

  position: relative;

  color: white;

  padding: 9px 14px;

  transition: 0.3s;

  font-size: 15px;

  font-weight: 500;

  font-family: "Poppins", sans-serif;

}



.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {

  color: #e60001;

  text-decoration: none;

}



.nav-menu .book-a-table a {

  background: #e60001;

  color: #fff;

  border-radius: 50px;

  margin: 0 0 0 20px;

  padding: 10px 25px;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 1px;

  transition: 0.3s;

}



.nav-menu .book-a-table a:hover {

  background: #ffa012;

  color: #fff;

}



.nav-menu .drop-down ul {

  display: block;

  position: absolute;

  left: 0;

  top: calc(100% + 30px);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  padding: 10px 0;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: ease all 0.3s;

}



.nav-menu .drop-down:hover > ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.nav-menu .drop-down li {

  min-width: 180px;

  position: relative;

}



.nav-menu .drop-down ul a {

  padding: 10px 20px;

  font-size: 14px;

  font-weight: 500;

  text-transform: none;

  color: #433f39;

}



.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {

  color: #e60001;

}



.nav-menu .drop-down > a:after {

  content: "\ea99";

  font-family: IcoFont;

  padding-left: 5px;

}



.nav-menu .drop-down .drop-down ul {

  top: 0;

  left: calc(100% - 30px);

}



.nav-menu .drop-down .drop-down:hover > ul {

  opacity: 1;

  top: 0;

  left: 100%;

}



.nav-menu .drop-down .drop-down > a {

  padding-right: 35px;

}



.nav-menu .drop-down .drop-down > a:after {

  content: "\eaa0";

  font-family: IcoFont;

  position: absolute;

  right: 15px;

}







/* Mobile Navigation */

.mobile-nav-toggle {

  position: fixed;

  right: 15px;

  top: 15px;

  z-index: 9998;

  border: 0;

  background: none;

  font-size: 24px;

  transition: all 0.4s;

  outline: none !important;

  line-height: 1;

  cursor: pointer;

  text-align: right;

}



.mobile-nav-toggle i {

  color: #fff;

}



.mobile-nav {

  position: fixed;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  z-index: 9999;

  overflow-y: auto;

  background: #fff;

  transition: ease-in-out 0.2s;

  opacity: 0;

  visibility: hidden;

  border-radius: 10px;

  padding: 10px 0;

}



.mobile-nav * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mobile-nav a {

  display: block;

  position: relative;

  color: #433f39;

  padding: 10px 20px;

  font-weight: 500;

  outline: none;

}



.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {

  color: #e60001;

  text-decoration: none;

}



.mobile-nav .book-a-table a {

  background: #e60001;

  color: #fff;

  border-radius: 50px;

  margin: 0 0 0 20px;

  padding: 10px 25px;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 1px;

  transition: 0.3s;

  display: inline-block;

}



.mobile-nav .book-a-table a:hover {

  background: #ffa012;

  color: #fff;

}



.mobile-nav .drop-down > a:after {

  content: "\ea99";

  font-family: IcoFont;

  padding-left: 10px;

  position: absolute;

  right: 15px;

}



.mobile-nav .active.drop-down > a:after {

  content: "\eaa1";

}



.mobile-nav .drop-down > a {

  padding-right: 35px;

}



.mobile-nav .drop-down ul {

  display: none;

  overflow: hidden;

}



.mobile-nav .drop-down li {

  padding-left: 20px;

}



.mobile-nav-overly {

  width: 100%;

  height: 100%;

  z-index: 9997;

  top: 0;

  left: 0;

  position: fixed;

  background: rgba(39, 37, 34, 0.6);

  overflow: hidden;

  display: none;

  transition: ease-in-out 0.2s;

}



.mobile-nav-active {

  overflow: hidden;

}



.mobile-nav-active .mobile-nav {

  opacity: 1;

  visibility: visible;

}



.mobile-nav-active .mobile-nav-toggle i {

  color: #fff;

}

.modal-header{

	text-align: left;
      color: white;
    background-color: #0f0e0c !important;

}

.modal-header .close{

	padding: 0 !important;

	margin: 0 !important;

}

 .modal-header, .modal-body, .modal-footer{

  padding-left: 25px;
  padding-right: 25px;
padding-top: 8px;
padding-bottom: 8px;
}

.modal-footer{

  text-align: center;

  width: 100%;

}

.modal-footer p{

	width: 100%;
  font-size: 14px;

}

#signup-modal-content, #forgot-password-modal-content{

  display: none;

  z-index: 9999;

}


/*--------------------------------------------------------------

# Slider Section

--------------------------------------------------------------*/

#slider{
	padding: 0;
  position: relative;
  overflow: hidden;
}

#slider .carousel-inner{
	height: 650px;
	overflow: hidden;
}

#slider .carousel-inner img{
}

#slider .carousel-item{z-index: -1;}

/*search box css start here*/

.search-outer{
	position: absolute;
	width: 100%;
	height: auto;
  bottom: 0;
}

.search-sec{
	position: relative;
	/*margin:265px auto 0 auto;*/
	/*background: rgb(0 0 0 / 0.8);*/
  background: rgb(241 168 9 / 90%);
	z-index: 9;
	width: 73%;
	padding: 1em;
	color: #ffffff;
}



.search-slt{

    display: block;

    width: 100%;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #55595c;

    background-color: #fff;

    background-image: none;

    border: 2px transparent solid;

    height: calc(3rem + 2px) !important;

    border-radius:0;

}

.wrn-btn{

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    height: calc(2.75rem + 2px) !important;

    border-radius:0;

}
.wrn-btn:hover{
  background: white;
 color: #f1a308;
 border: 1px solid #f1ad09;
}

button:focus{ outline: none;}



.button12{

	color: rgba(255,255,255,1);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	position: relative;

	border: 1px solid rgba(255,255,255,0.5);

	overflow: hidden;

	background: none;

	outline: none;

}

.button12 a {

    color: rgb(255, 255, 255);

    text-decoration: none;

    display: block;

}

.button12 a{

	z-index: 2;	

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;	

}

.button12:hover a{

	color:#fff;

}

.button12::before{

	content: '';

	position: absolute;

	top: 50px;

	left: 4px;

	width: 0;

	height: 0;

	border-left: 80px solid transparent;

	border-right: 80px solid transparent;

	border-bottom: 190px solid rgb(230 0 1);

	z-index: -1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	outline: none;

}

.button12::after{

	content: '';

	position: absolute;

	top: 50px;

	left: 4px;

	width: 0;

	height: 0;

	border-left: 80px solid transparent;

	border-right: 80px solid transparent;

	border-bottom: 190px solid rgb(230 0 1 / 59%);

	z-index: -1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	outline: none;

}

.button12::after{

	-webkit-transition-delay: 0.2s; /* Safari */

    transition-delay: 0.2s;

}

.button12:hover::before{

	opacity: 1;

	-webkit-transform: translate(0px,-190px);

	transform: translate(0px,-190px);	

}

.button12:hover::after{

	opacity: 1;

	-webkit-transform: translate(0px,-150px);

	transform: translate(0px,-150px);	

}



.button10{
	color: #000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid #f1ad09;
  overflow: hidden;
  background-image: linear-gradient(to right, #f1a308, #f0d00e);
  outline: none;
}
.button10:hover{
  background: white;
  color: #f1a308;
  border: 1px solid #f1ad09;
}
.button10 a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
}

.button10 a{

	z-index: 2;	

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;	

}

.button10:hover a{

	color:#fff;

}

.button10::before{

	content: '';

	position: absolute;

	top: 50px;

	left: 4px;

	width: 0;

	height: 0;

	border-left: 80px solid transparent;

	border-right: 80px solid transparent;

	border-bottom: 190px solid rgb(216 48 113 / 0.50);

	z-index: -1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	outline: none;

}

.button10::after{

	content: '';

	position: absolute;

	top: 50px;

	left: 4px;

	width: 0;

	height: 0;

	border-left: 80px solid transparent;

	border-right: 80px solid transparent;

	border-bottom: 190px solid rgb(216 48 113 / 0.50);

	z-index: -1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	outline: none;

}

.button10::after{

	-webkit-transition-delay: 0.2s; /* Safari */

    transition-delay: 0.2s;

}

.button10:hover::before{

	opacity: 1;

	-webkit-transform: translate(0px,-190px);

	transform: translate(0px,-190px);	

}

.button10:hover::after{

	opacity: 1;

	-webkit-transform: translate(0px,-150px);

	transform: translate(0px,-150px);	

}

/*--------------------------------------------------------------

# Counter Section

--------------------------------------------------------------*/

.numbers{
	z-index: 9;
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	background:linear-gradient(to right, #e60001, #a20909)
}

.counter {

	color: white;

    padding: 30px 0 20px 0;

    line-height: 24px;

}



.count-title {

    font-size: 40px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center;

}



.count-text {

    font-size: 13px;

    font-weight: normal;

    margin-top: 0;

    margin-bottom: 0;

    text-align: center;

}



.fa-2x {

    margin: 0 auto;

    float: none;

    display: table;

    color: #4ad1e5;

}

.count-number{

	font-family: "Satisfy", sans-serif;

}

/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  height: 100vh;

  background-color: rgba(39, 37, 34, 0.8);

  overflow: hidden;

  padding: 0;

}



#hero .carousel-item {

  width: 100%;

  height: 100vh;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



#hero .carousel-item::before {

  content: '';

  background-color: rgba(12, 11, 10, 0.5);

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

}



#hero .carousel-container {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}



#hero .carousel-content {

  text-align: center;

}



#hero h2 {

  color: #fff;

  margin-bottom: 30px;

  font-size: 48px;

  font-weight: 700;

}



#hero h2 span {

  color: #e60001;

}



#hero p {

  width: 80%;

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

  margin: 0 auto 30px auto;

  color: #fff;

}



#hero .carousel-inner .carousel-item {

  transition-property: opacity;

  background-position: center top;

}



#hero .carousel-inner .carousel-item,

#hero .carousel-inner .active.carousel-item-left,

#hero .carousel-inner .active.carousel-item-right {

  opacity: 0;

}



#hero .carousel-inner .active,

#hero .carousel-inner .carousel-item-next.carousel-item-left,

#hero .carousel-inner .carousel-item-prev.carousel-item-right {

  opacity: 1;

  transition: 0.5s;

}



#hero .carousel-inner .carousel-item-next,

#hero .carousel-inner .carousel-item-prev,

#hero .carousel-inner .active.carousel-item-left,

#hero .carousel-inner .active.carousel-item-right {

  left: 0;

  transform: translate3d(0, 0, 0);

}



#hero .carousel-control-prev, #hero .carousel-control-next {

  width: 10%;

  opacity: 1;

}



#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {

  background: none;

  font-size: 36px;

  line-height: 1;

  width: auto;

  height: auto;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 50px;

  padding: 10px;

  transition: 0.3s;

  color: rgba(255, 255, 255, 0.5);

}



#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {

  background: rgba(255, 255, 255, 0.2);

  color: rgba(255, 255, 255, 0.8);

}



#hero .carousel-indicators li {

  cursor: pointer;

}



#hero .btn-menu, #hero .btn-book {

  font-weight: 600;

  font-size: 13px;

  letter-spacing: 1px;

  text-transform: uppercase;

  display: inline-block;

  padding: 12px 30px;

  border-radius: 50px;

  transition: 0.5s;

  line-height: 1;

  margin: 0 10px;

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

  color: #fff;

  border: 2px solid #e60001;

}



#hero .btn-menu:hover, #hero .btn-book:hover {

  background: #e60001;

  color: #fff;

}









/*--------------------------------------------------------------

# Sections Success Stories

--------------------------------------------------------------*/

a.img-caption {

    margin: 0;

    display: block

}



.img-caption img {

    position: relative;

	margin: 0 auto;

}



.img-caption figure {

    box-sizing: content-box;

    overflow: hidden;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    min-height: 200px;

    position: relative;

	margin: 0;

	height: 300px;

}



.img-caption figcaption {

    background: rgba(0, 0, 0, .4);

    position: absolute;

    box-sizing: content-box;

    padding: 10px;

    bottom: 0;

    display: block;

    width: auto;

    -webkit-transition: background-color .2s ease-in-out;

    -moz-transition: background-color .2s ease-in-out;

    -ms-transition: background-color .2s ease-in-out;

    -o-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out

}



.img-caption:hover figcaption {

    background: rgb(230 0 1 / 77%);

	 -webkit-transition: background-color .2s ease-in-out;

    -moz-transition: background-color .2s ease-in-out;

    -ms-transition: background-color .2s ease-in-out;

    -o-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out

}



.img-caption figcaption h3 {

    color: #fff;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 1px;

}



.mega .img-caption figcaption h3 {

    font-size: 14px;

    line-height: 20px

}



.mega .img-caption figcaption span {

    font-size: 14px;

    line-height: 14px

}



.mega .img-caption figcaption {

    padding: 10px 20px

}



.img-caption figcaption span {

    color: #fff;

    font-size: 13px;

    font-weight: 300;

    line-height: 16px;

    display: block;

    position: relative;

    opacity: 0;

    max-height: 0;

    padding: 0;

    -webkit-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;

    -moz-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;

    -ms-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;

    -o-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;

    transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out

}



.img-caption:hover figcaption span {

    max-height: 150px;

    opacity: 1;

    padding: 5px 0 4px

}

.success-stories{

		/*padding: 0;*/

	}

	

	.success-stories img{

	width: 100% !important;

    height: auto !important;



	}

 #success-story-modal{}

 #success-story-modal .modal-content{ background: transparent;

    border: 0px none rgba(0,0,0,0) !important;}	  

 #success-story-modal .modal-dialog {

    position: relative;

    width: 100%;

    /* height: 40%; */

    top: 50px;

    z-index: -1;

}



 #success-story-modal .modal-dialog:before,  #success-story-modal .modal-dialog:after { 

   position: absolute;

    content: "";

    left: 50px;

    top: -300px;

    width: 320px;

    height: 420px;

    background: #e60001;

    border-radius: 250px 250px 0 0;

    transform: rotate(55deg);

    transform-origin: 0 100%;

    z-index: -1;

} 



 #success-story-modal .modal-dialog:after { 

    left: 100px;

    transform: rotate(-55deg);

    transform-origin: 100% 100%; 

}

		  #success-story-modal .modal-body{ color: #FFF; padding: 0; font-size: 13px;}	

		  #success-story-modal .modal-body h4{font-size: 3rem; text-align: center;}	  

#success-story-modal .close {

    

    font-size: 4rem;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    /*text-shadow: 0 1px 0 #000;*/

	opacity: 1;

	margin: 10px auto 0 214px;	

	position: relative;

		  }

/*#success-story-modal .close:hover {

    float: right;

    font-size: 5.5rem;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-shadow: 0 1px 0 #000;

	opacity: 1;}*/		  

	  

/*--------------------------------------------------------------

# Sections Browse Matrimonial

--------------------------------------------------------------*/

.client {
	background-color:#fff;
	text-align:center;
	float:left;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:1px;
	-webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
	/*border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;*/
  padding: 0 10px 10px;
  min-height: 240px;
  font-size: 13px;
  margin-top: 30px;
  box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}

.client .bm-btn{
	position: absolute;
  bottom: 10px;
  float: none;
}	

.client .logo {

    display:block;

		width:75px;

		height:75px;

		-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

border:5px solid #eee;

		margin-bottom:30px;

    background-color:#5f5950;

    margin:10px auto;

	}

	

	.client h2, .client h3 {

		

		color:#5f5950;

		padding:0px;

		margin:0px;

	}

	

	.client h3 {

		font-weight:100;

		margin-top:0px;

	}

	

	.clearer {

		clear:both;

	}

	

	.client:hover {

	/*-ms-transform: scale(1.1,1.1); 

    -webkit-transform: scale(1.1,1.1); 

    transform: scale(1.1,1.1);*/

		-webkit-box-shadow: 0px 0px 10px 0px rgba(193,79,82,1);

		-moz-box-shadow: 0px 0px 10px 0px rgba(193,79,82,1);

		box-shadow: 0px 0px 10px 0px rgba(193,79,82,1);

		z-index:9999;

		border-right:1px solid transparent;

		border-bottom:1px solid transparent;

		background-color:#fff;

	}



.client:hover .logo {

background: rgba(244,103,110,1);

background: -moz-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,103,110,1)), color-stop(100%, rgba(77,64,111,1)));

background: -webkit-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);

background: -o-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);

background: -ms-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);

background: linear-gradient(to bottom, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4676e', endColorstr='#4d406f', GradientType=0 );

  border:5px solid #eee;

}



/*--------------------------------------------------------------

# Sections Blogs

--------------------------------------------------------------*/

.home-blog {

    padding-top: 80px;

    padding-bottom: 80px;

}



.home-blog .section-title {

    padding-bottom: 15px;

}

.home-blog .media {

    margin-top: 50px;

}



.home-blog .slick-dots li button:before

{

    font-family: 'slick';

    font-size: 15px;

    line-height: 20px;



    position: absolute;

    top: 0;

    left: 0;



    width: 20px;

    height: 20px;



   /* content:"\f004";*/

    text-align: center;



    opacity: 1;

    color:#e60001;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.home-blog .slick-dots li.slick-active button:before

{

    opacity: 1;

    color: #ffc56e;

}

.bg-sand {

    background-color: #f5f5f6;

}

.media.blog-media {

    margin-top: 30px;

    position: relative;

    display: block;

}



.media.blog-media .circle {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.5);

    white-space: nowrap;

    position: absolute;

    padding: 0;

    top: 20px;

    left: 20px;

    text-align: center;

    box-shadow: none;

    transform: translateX(0);

    color: #fff;

    transition: background-color 0.3s ease;

}

.media.blog-media .circle .day {

    color: #fff;

    transition: color 0.25s ease;

    font-weight: 500;

    font-size: 28px;

    line-height: 1;

    margin-top: 12px;

}

.media.blog-media .circle .month {

    text-transform: uppercase;

    font-size: 14px;

}

.media.blog-media > a {

    position: relative;

    display: block;

}



.media.blog-media > a:before {

    position: absolute;

    content: "";

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    opacity: 0;

    transform: scale(0);

    transition: transform 0.3s ease, opacity 0.3s;

    background: rgb(216 48 113 / 0.3);

}

.media.blog-media > a {

   width: 250px;

    height: 285px !important;

    overflow-y: hidden;

    float: left;

}

.media.blog-media img{

	 width: 100%;

}

.media.blog-media:hover > a:before {

    opacity: 1;

    transform: scale(1);

}

.media.blog-media:hover .circle {

    background-color: rgba(255, 255, 255, 0.9);

}

.media.blog-media:hover .circle .day,

.media.blog-media:hover .circle .month {

    color: #222;

}

.media.blog-media:hover .media-body h5 {

  

}

.media.blog-media:hover .media-body a.post-link {

   

    text-decoration: underline;

}

.media.blog-media .media-body {

    border: 1px solid #efeff3;

    padding: 30px 30px 10px;

    font-size: 14px;

    background: #fff;

    border-top: none;

}



.media.blog-media .media-body h5 {

    transition: color 0.3s ease;

    margin-bottom: 15px;

}



.media.blog-media .media-body a.post-link {

    display: block;

    color: #222;

    font-size: 11px;

    padding: 23px 0;

    text-transform: uppercase;

    font-weight: 400;

}



.media.blog-media .media-body ul {

    position: relative;

    padding: 10px 0 0;

}

.media.blog-media .media-body ul li {

    display: inline-block;

    width: 49%;

    position: relative;

}

.media.blog-media .media-body ul li:before {

    position: absolute;

    content: "";

    top: 5px;

    left: 0;

    width: 1px;

    height: 14px;

    background: #eeeef2;

}

.media.blog-media .media-body ul li:first-child:before {

    visibility: hidden;

}

.media.blog-media .media-body ul:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #eeeef2;

}



 p {

		margin: 0;

	}

	

	.clip-svg {

		width: 0;

		height: 0;

	}

	

	.clip-block {

		max-width: 550px;

    margin: 90px -250px 0 235px;

    padding: 10px;

    text-align: center;

	}



	.clip-section {

		/*background: #fff; *//* fallback for IE 8 */

		background: transparent;

		/*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);*/

		padding: 20px;

	    -webkit-clip-path: polygon(50% 0%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 50% 100%, 0% 75%, 0% 25%);

		clip-path: polygon(50% 0%, 50% 0%, 100% 25%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

		clip-path: url("#hexagon-clip-animate");

		-webkit-transition: all 0.2s linear;

		transition: all 0.2s linear;



	}



	



	.clip-section, .clip-section a {

		color: rgba(255, 255, 255, 1);	

	}



	.title {

		margin-bottom: 20px;

	}



	.sub-title {

		font-size: 12px;

		letter-spacing: 3px;

	}



	.title, .sub-title {

		pointer-events: none; /* to allow the mouseover/mouseout events to pass through */

	}



	





/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 60px 0;

}



.section-bg {

  background-color: white;

}



.section-title {

  text-align: center;

  padding-bottom: 30px;

}



.section-title h2 {

  margin: 15px 0 0 0;

  font-size: 27px;

  font-weight: 700;

  color: #5f5950;

}



.section-title h2 span {

  color: #e60001;

}



.section-title p {

  margin: 15px auto 0 auto;

  font-weight: 300;

}







/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 20px 0;
/*
  background-color: rgb(216 48 113 / 0.7);*/
  background-color: rgb(230 0 1 / 58%);

    min-height: 40px;

    margin-top: 70px;

    color: white;

}







.breadcrumbs h2 {

  font-size: 18px !important;

  font-weight: 500;

  margin: 0;

}







.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}

.breadcrumbs li a{

	color: #ffc56e;

}

.breadcrumbs li a:hover{

	text-decoration: underline

}

.breadcrumbs ol  + li {

  padding-left: 10px;

}



.breadcrumbs ol li + li::before {

  display: inline-block;

  padding:0 10px;

  color: #FFF;

  content: "/";

}







/*--------------------------------------------------------------

# About

--------------------------------------------------------------*/

.about {
  background: #fffaf3;
}

.about .content {
  /*padding: 0 5px;*/
}

.about .content h3 {

  font-weight: 400;

  font-size: 34px;

  color: #5f5950;

}



.about .content h4 {

  font-size: 20px;

  font-weight: 700;

  margin-top: 5px;

}



.about .content p {

  font-size: 15px;

  color: #848484;

}



.about .content ul {

  list-style: none;

  padding: 0;

}



.about .content ul li + li {

  margin-top: 15px;

}



.about .content ul li {

  position: relative;

  padding-left: 26px;

}



.about .content ul i {

  font-size: 20px;

  color: #e60001;

  position: absolute;

  left: 0;

  top: 2px;

}



.about .content p:last-child {

  margin-bottom: 0;

}



.about .video-box {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 200px;

  position: relative;

  box-shadow: 0 0 10px rgb(216 48 113 / 0.5);

	float: left;

}



.about .play-btn {

  width: 94px;

  height: 94px;

  background: radial-gradient(#e60001 50%, rgba(255, 176, 59, 0.4) 52%);

  border-radius: 50%;

  display: block;

  position: absolute;

  left: calc(50% - 47px);

  top: calc(50% - 47px);

  overflow: hidden;

}



.about .play-btn::after {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.about .play-btn::before {

  content: '';

  position: absolute;

  width: 120px;

  height: 120px;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  -webkit-animation: pulsate-btn 2s;

  animation: pulsate-btn 2s;

  -webkit-animation-direction: forwards;

  animation-direction: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: steps;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid rgba(255, 176, 59, 0.7);

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}



.about .play-btn:hover::after {

  border-left: 15px solid #e60001;

  transform: scale(20);

}



.about .play-btn:hover::before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  -webkit-animation: none;

  animation: none;

  border-radius: 0;

}







@-webkit-keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



/*--------------------------------------------------------------

# Whu Us

--------------------------------------------------------------*/

.why-us .box {

  padding: 50px 30px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  transition: all ease-in-out 0.3s;

  background: white;

  text-align: center;

}



.why-us .box span {

  display: block;

  font-size: 70px;

  font-weight: 700;

  color: #e60001;

}



.why-us .box span>img{

	max-height: 70px; 

	width: auto;

}



.why-us .box h4 {

  font-size: 19px;

  font-weight: 600;

  padding: 0;

  margin: 20px 0;

  color: #6c665c;

  text-transform: capitalize;

}



.why-us .box p {

  color: #aaaaaa;

  font-size: 15px;

  margin: 0;

  padding: 0;

}



.why-us .box:hover {

  background: #e60001;

  padding: 30px 30px 70px 30px;

  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);

	cursor: pointer;

}



.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {

  color: #fff;

}



/*--------------------------------------------------------------

# Menu Section

--------------------------------------------------------------*/

.menu #menu-flters {

  padding: 0;

  margin: 0 auto 0 auto;

  list-style: none;

  text-align: center;

  border-radius: 50px;

}



.menu #menu-flters li {

  cursor: pointer;

  display: inline-block;

  padding: 8px 16px 10px 16px;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  color: #444444;

  margin: 0 3px 10px 3px;

  transition: all ease-in-out 0.3s;

  background: #fff;

  border: 2px solid #e60001;

  border-radius: 50px;

}



.menu #menu-flters li:hover, .menu #menu-flters li.filter-active {

  color: #fff;

  background: #e60001;

}



.menu #menu-flters li:last-child {

  margin-right: 0;

}



.menu .menu-content {

  margin-top: 30px;

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  position: relative;

}



.menu .menu-content::after {

  content: "......................................................................";

  position: absolute;

  left: 20px;

  right: 0;

  top: -4px;

  z-index: 1;

  color: #dad8d4;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}



.menu .menu-content a {

  padding-right: 10px;

  background: #fff;

  position: relative;

  z-index: 3;

  font-weight: 700;

  color: #ff9b08;

}



.menu .menu-content span {

  background: #fff;

  position: relative;

  z-index: 3;

  padding: 0 10px;

  font-weight: 600;

}



.menu .menu-ingredients {

  font-style: italic;

  font-size: 14px;

  font-family: "Comic Neue", sans-serif;

  color: #948c81;

}



/*--------------------------------------------------------------

# Specials

--------------------------------------------------------------*/

.specials {

  overflow: hidden;

}



.specials .nav-tabs {

  border: 0;

}



.specials .nav-link {

  border: 0;

  padding: 12px 15px 12px 0;

  transition: 0.3s;

  color: #433f39;

  border-radius: 0;

  border-right: 2px solid #e8e7e4;

  font-weight: 600;

  font-size: 15px;

}



.specials .nav-link:hover {

  color: #e60001;

}



.specials .nav-link.active {

  color: #e60001;

  border-color: #e60001;

}



.specials .tab-pane.active {

  -webkit-animation: fadeIn 0.5s ease-out;

  animation: fadeIn 0.5s ease-out;

}



.specials .details h3 {

  font-size: 26px;

  font-weight: 600;

  margin-bottom: 20px;

  color: #433f39;

}



.specials .details p {

  color: #777777;

}



.specials .details p:last-child {

  margin-bottom: 0;

}



/*--------------------------------------------------------------

# Events

--------------------------------------------------------------*/

.events {

  background: url(../img/events-bg.jpg) center center no-repeat;

  background-size: cover;

  position: relative;

}



.events::before {

  content: '';

  background-color: rgba(12, 11, 10, 0.8);

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

}



.events .section-title h2 {

  color: #fff;

}



.events .container {

  position: relative;

}





.events .events-carousel {

  background: rgba(255, 255, 255, 0.08);

  padding: 30px;

}



.events .event-item {

  color: #fff;

}



.events .event-item h3 {

  font-weight: 600;

  font-size: 26px;

  color: #e60001;

}



.events .event-item .price {

  font-size: 26px;

  font-family: "Poppins", sans-serif;

  font-weight: 700;

  margin-bottom: 15px;

}



.events .event-item .price span {

  border-bottom: 2px solid #e60001;

}



.events .event-item ul {

  list-style: none;

  padding: 0;

}



.events .event-item ul li {

  padding-bottom: 10px;

}



.events .event-item ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #e60001;

}



.events .event-item p:last-child {

  margin-bottom: 0;

}



.events .owl-nav, .events .owl-dots {

  margin-top: 5px;

  text-align: center;

}



.events .owl-dot {

  display: inline-block;

  margin: 0 5px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #ddd !important;

}



.events .owl-dot.active {

  background-color: #e60001 !important;

}
/*--------------------------------------------------------------

# Book A Table

--------------------------------------------------------------*/

.book-a-table .php-email-form {

  width: 100%;

  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);

  padding: 30px;

  background: #fff;

}



.book-a-table .php-email-form .form-group {

  padding-bottom: 8px;

}



.book-a-table .php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.book-a-table .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.book-a-table .php-email-form .error-message br + br {

  margin-top: 25px;

}



.book-a-table .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.book-a-table .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.book-a-table .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.book-a-table .php-email-form input, .book-a-table .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

}



.book-a-table .php-email-form input {

  height: 44px;

}



.book-a-table .php-email-form textarea {

  padding: 10px 12px;

}



.book-a-table .php-email-form button[type="submit"] {

  background: #e60001;

  border: 0;

  padding: 10px 24px;

  color: #fff;

  transition: 0.4s;

  border-radius: 50px;

}



.book-a-table .php-email-form button[type="submit"]:hover {

  background: #ffa012;

}



/*--------------------------------------------------------------

# Gallery

--------------------------------------------------------------*/

.gallery {

  padding-bottom: 0;

}



.gallery .gallery-item {

  overflow: hidden;

  border-right: 3px solid #fff;

  border-bottom: 3px solid #fff;

}



.gallery .gallery-item img {

  transition: all ease-in-out 0.4s;

}



.gallery .gallery-item:hover img {

  transform: scale(1.1);

}



/*--------------------------------------------------------------

# Chefs

--------------------------------------------------------------*/

.chefs {

  background: url("../img/chefs-bg.jpg") center center no-repeat;

  background-size: cover;

  padding: 60px 0;

  position: relative;

}



.chefs::before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.8);

  z-index: 9;

}



.chefs .container {

  position: relative;

  z-index: 10;

}



.chefs .member {

  text-align: center;

  margin-bottom: 80px;

  position: relative;

}



.chefs .member .pic {

  overflow: hidden;

}



.chefs .member .member-info {

  position: absolute;

  bottom: -80px;

  left: 20px;

  right: 20px;

  background: #fff;

  padding: 20px 0;

  color: #433f39;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  transition: max-height 0.5s ease-in-out;

}



.chefs .member h4 {

  font-weight: 500;

  margin-bottom: 10px;

  font-size: 16px;

  color: #6c665c;

  position: relative;

  padding-bottom: 10px;

  font-family: "Poppins", sans-serif;

}



.chefs .member h4::after {

  content: '';

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #ffcf88;

  bottom: 0;

  left: calc(50% - 25px);

}



.chefs .member span {

  font-style: italic;

  display: block;

  font-size: 13px;

}



.chefs .member .social {

  margin-top: 15px;

}



.chefs .member .social a {

  transition: color 0.3s;

  color: #7a7368;

}



.chefs .member .social a:hover {

  color: #e60001;

}



.chefs .member .social i {

  font-size: 16px;

  margin: 0 2px;

}

/*--------------------------------------------------------------

# Blogs

--------------------------------------------------------------*/

.blog-grid {

  margin-top: 15px;

  margin-bottom: 15px;

}

.blog-grid .blog-img {

  position: relative;

  border-radius: 5px;

  overflow: hidden;

  height: 150px;



}

		  .blog-grid .blog-img img{

			    

			  overflow: hidden;

			  width: 100%;

			  max-width: none;

		  }		  

.blog-grid .blog-img .date {

  position: absolute;

  background: rgb(230 0 1 / 64%);

  color: #ffffff;

  padding: 8px 15px;

  left: 0;

  top: 10px;

  font-size: 14px;

}

.blog-grid .blog-info {

  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);

  border-radius: 5px;

  background: #ffffff;

  padding: 10px;

  margin: -30px 5px 0;

  position: relative;

}

.blog-grid .blog-info h5 {

  font-size: 17px;

  font-weight: 500;

  margin: 0 0 10px;

}

.blog-grid .blog-info h5 a {

 

}

.blog-grid .blog-info p {

  margin: 0;

  font-size: 12px;

}

.blog-grid .blog-info .btn-bar {

  margin-top: 10px;

}



.px-btn-arrow {

    padding: 0 50px 0 0;

    line-height: 20px;

    position: relative;

    display: inline-block;

    color: #e60001b3;

    -moz-transition: ease all 0.3s;

    -o-transition: ease all 0.3s;

    -webkit-transition: ease all 0.3s;

    transition: ease all 0.3s;

}





.px-btn-arrow .arrow {

    width: 13px;

    height: 2px;

    background: currentColor;

    display: inline-block;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 25px;

    -moz-transition: ease right 0.3s;

    -o-transition: ease right 0.3s;

    -webkit-transition: ease right 0.3s;

    transition: ease right 0.3s;

}



.px-btn-arrow .arrow:after {

    width: 8px;

    height: 8px;

    border-right: 2px solid currentColor;

    border-top: 2px solid currentColor;

    content: "";

    position: absolute;

    top: -3px;

    right: 0;

    display: inline-block;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



/*--------------------------------------------------------------

# Slick Slider

--------------------------------------------------------------*/





 .padding {

     padding: 5rem

 }



 .card {

     position: relative;

     display: flex;

     flex-direction: column;

     min-width: 0;

     word-wrap: break-word;

     background-color: #fff;

     background-clip: border-box;

     border: 1px solid #d2d2dc;

     border-radius: 11px;

    /* -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);

     -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);

     box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)*/

 }



 .card .card-body {

	padding: 10px;

 }



 .profile {

     margin-top: 16px;

     margin-left: 11px

 }



 .profile-pic {

     width: 58px

 }



 .cust-name {

     font-size: 18px

 }



 .cust-profession {

     font-size: 10px

 }



 .items {

     width: 100%;

     margin: 0px auto;



 }

/*--------------------------------------------------------------

# Refine Search

--------------------------------------------------------------*/

.panel-group{

		width: 100%;

	}	

.panel-heading {

    padding: 0;

    border: 0;

}



.panel-title>a,

.panel-title>a:active {

    display: block;

    padding: 10px;

    color: #e60001;

    text-decoration: none;

	border-bottom: 1px #CCC solid;

}



.panel-heading a>i{

    transition: all 0.5s;

	float: right;



}



.panel-heading.active a>i {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    transform: rotate(180deg)

}



.panel-default>.panel-heading {

    color: #ffc56e;

    /*background-color: #ffffff !important;*/

    border-color: #d5d5d5

}

	.panel-body{

		padding: 10px;

    border-bottom: 1px #CCC solid;

	}

@keyframes click-wave {

    0% {

        height: 40px;

        width: 40px;

        opacity: 0.15;

        position: relative

    }



    100% {

        height: 200px;

        width: 200px;

        margin-left: -80px;

        margin-top: -80px;

        opacity: 0

    }

}



.option-input {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    position: relative;

    top: -8.66667px;

    right: 0;

    bottom: 0;

    left: 0;
/*
    height: 24px;*/

    height: 22px;
    width: 27px;

    transition: all 0.15s ease-out 0s;

    background: #b1b1b1;

    border: none;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    margin-right: 0.5rem;

    outline: none;

    z-index: 1;

}



.option-input:hover {

    background: #9faab7

}



.option-input:checked {

    background: #e60001;

}



.option-input:checked::before {

    height: 24px;

  /*  width: 24px;*/
  width: 24px;

    position: absolute;

    content: "\f111";

    font-family: "Font Awesome 5 Free";

    display: inline-block;

    font-size: 14.66667px;

    text-align: center;
  line-height: 22px;
  /*  line-height: 26px*/
  top: 0px;
  left: 2px;

}



.option-input:checked::after {

    -webkit-animation: click-wave 0.15s;

    -moz-animation: click-wave 0.15s;

    animation: click-wave 0.15s;

    background: #e60001;

    content: '';

    display: block;

    position: relative;

    z-index: 100

}



.option-input.radio {

    border-radius: 50%

}



.option-input.radio::after {

    border-radius: 50%

}



.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -4px !important;
    margin-top: 9px;
    border-radius: 8px;
}

.checkbox input[type="radio"]{
  float: left;
  margin-left: -4px !important;
  margin-top: 9px;
  border-radius: 8px;
}

	.checkbox label>span{

		font-size: 13px;

	}

input[type="checkbox"]:focus {

    outline: thin dotted #333;

    outline: 0px auto -webkit-focus-ring-color;

    outline-offset: 0px

}

.create-pro{

	

}

.create-pro .option-input {

	top: 0;

	margin-right: 0;

	/*width: 24px !important;*/
  width: 20px !important;

}

.create-pro .checkbox{

	float: left;

	width: 100%;

}

.create-pro label{

	float: left;

	width: 100%;

}

.create-pro .checkbox label>span{

	float: left;

}





.refine {

    padding: 0px 0px !important

}



.filters-text {

    background: #fff;

    border: 1px solid #d5d5d5;

    margin-bottom: 15px;

    padding: 12px

}



.filter-span {

    font-size: 17px;

    color: #2874ef

}

small {

display: block;

line-height: 1.428571429;

color: #999;

}

.pcard{
		/*background: #fffaf3;
		box-shadow: 0 0 5px #e60001*/
		border: 1px #CCC solid;
		float: left;
		font-size: 12.5px;
	}

	.search-results{

		

	}

	.search-results img{ width: 100%;}



.panel-body .irs--round .irs-from, .panel-body .irs--round .irs-to, .panel-body .irs--round .irs-single	{

	background-color:#e60001 

	}					

.panel-body .irs--round .irs-from:before, .panel-body .irs--round .irs-to:before, .panel-body .irs--round .irs-single:before{

	border-top-color:#e60001 

	}						

	.panel-body .irs--round .irs-handle {border: 4px solid #e60001}	



	.panel-body	.irs--round .irs-bar{background-color:#e60001 }

.p-dropdown{

	background: #e60001;

    min-width: auto;

    border: none;

    border-radius: 0;

    font-size: 13px;

    max-width: max-content;

	color: #FFF;

}

.p-dropdown li {

	width: 100%;

	padding: 5px;

}

.p-dropdown li:hover{

	background: #ffa012;

}

.p-dropdown a{

	color: #FFF;

}

.show-on-hover:hover > ul.dropdown-menu {

    display: block;

	width: max-content;

}

.p-options{}



.p-options:hover{text-shadow: 1px 1px 0 #000}





/*--------------------------------------------------------------

Pagination

--------------------------------------------------------------*/

.pag-link {

    display: inline-block;

    vertical-align: middle;

    padding: 5px;

}

.pag-link.disabled > span,

.pag-link.current > span,

.pag-link > a{

    display: block;

    border-radius: 100%;

    font-size: 15px;

    /* line-height: 1.42857; */

    margin-right: 5px;

    padding: 5px 0;

    position: relative;

    text-decoration: none;

    border: none;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: 30px;

    height: 30px;

}

.pag-link:active > a,

.pag-link:hover > a,

.pag-link:focus > a,

.pag-link.current > span{

    font-size: 15px;

    font-weight: bold;

    padding: 5px 0;

}

.pag-link > a{

    background-color: #cbd1d8;

    color: #fff;

    cursor: pointer;

}

.pag-link.disabled > span,

.pag-link.current > span{

    background-color: #e60001;

    color: #fff;

    cursor: inherit;

    width: 30px;

    height: 30px;

}

.pag-link:active > a,

.pag-link:hover > a,

.pag-link:focus > a {

    background-color: #ffa012 !important;

    border-color: #ffa012;

    color: #fff;

    width: 40px;

    height: 40px;

    padding: 5px 0;

    font-size: 20px;

}

.pagination-custom{

	margin: 0 auto;

    position: relative;

}

								



/*--------------------------------------------------------------

# Contact

--------------------------------------------------------------*/

.contact .info-wrap {

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

}



.contact .info {

  background: #fff;

}



.contact .info i {

  font-size: 20px;

  color: #e60001;

  float: left;

  width: 44px;

  height: 44px;

  background: #fff6e8;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50px;

  transition: all 0.3s ease-in-out;

}



.contact .info h4 {

  padding: 0 0 0 60px;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 5px;

  color: #433f39;

  font-family: "Poppins", sans-serif;

}



.contact .info p {

  padding: 0 0 0 60px;

  margin-bottom: 0;

  font-size: 14px;

  color: #7a7368;

}



.contact .info:hover i {

  background: #e60001;

  color: #fff;

}



.contact .php-email-form {

  width: 100%;

  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);

  padding: 30px;

  background: #fff;

}



.contact .php-email-form .form-group {

  padding-bottom: 8px;

}



.contact .php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input, .contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

}



.contact .php-email-form input {

  height: 44px;

}



.contact .php-email-form textarea {

  padding: 10px 12px;

}



.contact .php-email-form button[type="submit"] {

  
 background: linear-gradient(to right, #f1a308, #f0d00e);
  border: 0;

  padding: 10px 24px;

  color: #fff;

  transition: 0.4s;

  border-radius: 50px;

}



.contact .php-email-form button[type="submit"]:hover {
 background: white;
 color: #f1a308;
 border: 1px solid #f1ad09;

}



@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

/*--------------------------------------------------------------

# Settings Page

--------------------------------------------------------------*/

.view-account{

background:#FFFFFF; 



}

.remove_right{

  padding-left: 0px !important;

}

.remove_left{

  padding-right: 0px !important;

}



/*
  @media screen and (max-width: 360px) {
   .remove_right{
      padding-left: 15px !important;
      }

      .remove_left{
      padding-right: 15px !important;
      }

    }

    @media screen and (max-width: 375px) {

     .remove_right{

      padding-left: 15px !important;

    }

    .remove_left{

      padding-right: 15px !important;

    }
  }

  @media screen and (max-width: 414px) {

   .remove_right{

    padding-left: 15px !important;

  }

  .remove_left{

    padding-right: 15px !important;

  }

  }
*/





.view-account .pro-label {

font-size: 13px;

padding: 4px 5px;

position: relative;

top: -5px;

margin-left: 10px;

display: inline-block

}







.view-account .content-panel {

padding: 30px

}



.view-account .content-panel .title {

margin-bottom: 15px;

margin-top: 0;

font-size: 18px

}



.view-account .content-panel .fieldset-title {

padding-bottom: 15px;

	padding-left: 10px;

border-bottom: 1px solid #eaeaf1;

margin-bottom: 30px;

color: #000;

font-size: 18px

}



.view-account .content-panel .avatar .figure img {

float: right;

width: 64px

}



.view-account .content-panel .content-header-wrapper {

position: relative;

margin-bottom: 30px

}



.view-account .content-panel .content-header-wrapper .actions {

position: absolute;

right: 0;

top: 0

}



.view-account .content-panel .content-utilities {

position: relative;

margin-bottom: 30px

}



.view-account .content-panel .content-utilities .btn-group {

margin-right: 5px;

margin-bottom: 15px

}



.view-account .content-panel .content-utilities .fa {

font-size: 16px;

margin-right: 0

}



.view-account .content-panel .content-utilities .page-nav {

position: absolute;

right: 0;

top: 0

}



.view-account .content-panel .content-utilities .page-nav .btn-group {

margin-bottom: 0

}



.view-account .content-panel .content-utilities .page-nav .indicator {

color: #a2a6af;

margin-right: 5px;

display: inline-block

}



.view-account .content-panel .mails-wrapper .mail-item {

position: relative;

padding: 10px;

border-bottom: 1px solid #f3f3f3;

color: #616670;

overflow: hidden

}



.view-account .content-panel .mails-wrapper .mail-item>div {

float: left

}



.view-account .content-panel .mails-wrapper .mail-item .icheck {

background-color: #fff

}



.view-account .content-panel .mails-wrapper .mail-item:hover {

background: #f9f9fb

}



.view-account .content-panel .mails-wrapper .mail-item:nth-child(even) {

background: #fcfcfd

}



.view-account .content-panel .mails-wrapper .mail-item:nth-child(even):hover {

background: #f9f9fb

}



.view-account .content-panel .mails-wrapper .mail-item a {

color: #616670

}



.view-account .content-panel .mails-wrapper .mail-item a:hover {

color: #494d55;

text-decoration: none

}



.view-account .content-panel .mails-wrapper .mail-item .checkbox-container,

.view-account .content-panel .mails-wrapper .mail-item .star-container {

display: inline-block;

margin-right: 5px

}



.view-account .content-panel .mails-wrapper .mail-item .star-container .fa {

color: #a2a6af;

font-size: 16px;

vertical-align: middle

}



.view-account .content-panel .mails-wrapper .mail-item .star-container .fa.fa-star {

color: #f2b542

}



.view-account .content-panel .mails-wrapper .mail-item .star-container .fa:hover {

color: #868c97

}



.view-account .content-panel .mails-wrapper .mail-item .mail-to {

display: inline-block;

margin-right: 5px;

min-width: 120px

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject {

display: inline-block;

margin-right: 5px

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label {

margin-right: 5px

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label:last-child {

margin-right: 10px

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label a,

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label a:hover {

color: #fff

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-1 {

background: #f77b6b

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-2 {

background: #58bbee

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-3 {

background: #f8a13f

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-4 {

background: #ea5395

}



.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-5 {

background: #8a40a7

}



.view-account .content-panel .mails-wrapper .mail-item .time-container {

display: inline-block;

position: absolute;

right: 10px;

top: 10px;

color: #a2a6af;

text-align: left

}



.view-account .content-panel .mails-wrapper .mail-item .time-container .attachment-container {

display: inline-block;

color: #a2a6af;

margin-right: 5px

}



.view-account .content-panel .mails-wrapper .mail-item .time-container .time {

display: inline-block;

text-align: right

}



.view-account .content-panel .mails-wrapper .mail-item .time-container .time.today {

font-weight: 700;

color: #494d55

}



.drive-wrapper {

padding: 15px;

background: #f5f5f5;

overflow: hidden

}



.drive-wrapper .drive-item {

width: 130px;

margin-right: 15px;

display: inline-block;

float: left

}



.drive-wrapper .drive-item:hover {

box-shadow: 0 1px 5px rgba(0, 0, 0, .1);

z-index: 1

}



.drive-wrapper .drive-item-inner {

padding: 15px

}



.drive-wrapper .drive-item-title {

margin-bottom: 15px;

max-width: 100px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis

}



.drive-wrapper .drive-item-title a {

color: #494d55

}



.drive-wrapper .drive-item-title a:hover {

color: #40babd

}



.theme-2 .drive-wrapper .drive-item-title a:hover {

color: #6dbd63

}



.theme-3 .drive-wrapper .drive-item-title a:hover {

color: #497cb1

}



.theme-4 .drive-wrapper .drive-item-title a:hover {

color: #ec6952

}



.drive-wrapper .drive-item-thumb {

width: 100px;

height: 80px;

margin: 0 auto;

color: #616670

}



.drive-wrapper .drive-item-thumb a {

-webkit-opacity: .8;

-moz-opacity: .8;

opacity: .8

}



.drive-wrapper .drive-item-thumb a:hover {

-webkit-opacity: 1;

-moz-opacity: 1;

opacity: 1

}



.drive-wrapper .drive-item-thumb .fa {

display: inline-block;

font-size: 36px;

margin: 0 auto;

margin-top: 20px

}



.drive-wrapper .drive-item-footer .utilities {

margin-bottom: 0

}



.drive-wrapper .drive-item-footer .utilities li:last-child {

padding-right: 0

}



.drive-list-view .name {

width: 60%

}



.drive-list-view .name.truncate {

max-width: 100px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis

}



.drive-list-view .type {

width: 15px

}



.drive-list-view .date,

.drive-list-view .size {

max-width: 60px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis

}



.drive-list-view a {

color: #494d55

}



.drive-list-view a:hover {

color: #40babd

}



.theme-2 .drive-list-view a:hover {

color: #6dbd63

}



.theme-3 .drive-list-view a:hover {

color: #497cb1

}



.theme-4 .drive-list-view a:hover {

color: #ec6952

}



.drive-list-view td.date,

.drive-list-view td.size {

color: #a2a6af

}









/*--------------------------------------------------------------

# Inbox

--------------------------------------------------------------*/

.inbox_people {

  background: #f8f8f8 none repeat scroll 0 0;

  float: left;

  overflow: hidden;

  width: 40%; border-right:1px solid #c4c4c4;

}

.inbox_msg {

  border: 1px solid #c4c4c4;

  clear: both;

  overflow: hidden;

}

.top_spac{ margin: 20px 0 0;}





.recent_heading {float: left; width:40%;}

.srch_bar {

  display: inline-block;

  text-align: right;

  width: 60%;

}

.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}



.recent_heading h4 {

  color: #e60001;

    font-size: 21px;

    margin: auto;



}

.srch_bar input{ border:1px solid #e60001; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}

.srch_bar .input-group-addon button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  padding: 0;

  color: #707070;

  font-size: 18px;

}

.srch_bar .input-group-addon { margin: 0 0 0 -27px;}



.chat_ib h5{ font-size:15px; color:#e60001; margin:0 0 8px 0;}

.chat_ib h5 span{ font-size:13px; float:right;}

.chat_ib p{ font-size:14px; color:black; margin:auto}

.chat_img {

  float: left;

  width: 11%;

}

.chat_ib {

  float: left;

  padding: 0 0 0 15px;

  width: 88%;

}



.chat_people{ overflow:hidden; clear:both;}

.chat_list {

  border-bottom: 1px solid #c4c4c4;

  margin: 0;

  padding: 18px 16px 10px;

}

.inbox_chat { height: 550px; overflow-y: scroll;}



.active_chat{ background:#ebebeb;}



.incoming_msg_img {

  display: inline-block;

  width: 6%;

}

.received_msg {

  display: inline-block;

  padding: 0 0 0 10px;

  vertical-align: top;

  width: 92%;

 }

 .received_withd_msg p {

     background: #e60001 none repeat scroll 0 0;

    border-radius: 26px;

    color: white;

    font-size: 14px;

    margin: 0;

    padding: 8px 16px 9px 14px;

    width: 100%;

}

.time_date {

  color: #747474;

  display: block;

  font-size: 12px;

  margin: 8px 0 0;

}

.received_withd_msg { width: 57%;}

.mesgs {

  float: left;

  padding: 30px 15px 0 25px;

  width: 60%;

}



 .sent_msg p {

  background: #fbb238 none repeat scroll 0 0;

    border-radius: 26px;

    font-size: 14px;

    margin: 0;

    color: #fff;

    /* padding: 5px 10px 5px 12px; */

    width: 100%;

    padding: 8px 16px 9px 14px;

}

.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}

.sent_msg {

  float: right;

  width: 46%;

}

.input_msg_write input {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  color: #4c4c4c;

  font-size: 15px;

  min-height: 48px;

  width: 100%;

}



.type_msg {border-top: 1px solid #c4c4c4;position: relative;}

.msg_send_btn {

     background: #e60001 none repeat scroll 0 0;

    border: medium none;

    /* border-radius: 50%; */

    color: #fff;

    cursor: pointer;

    font-size: 17px;

    /* height: 39px; */

    position: absolute;

    right: 0;

    top: 11px;

    /* width: 33px; */

    padding: 5px;

    border-radius: 5px;

}

.messaging { padding: 0 0 0px 0;}

.msg_history {

  height: 516px;

  overflow-y: auto;

}

.message_box{

      width: 100%;

    border: 1px solid #e36d9b82;

    /* height: 500px; */

    /* margin-bottom: 20px; */

    box-shadow: 0px 0px 10px 0px rgb(227, 109, 155);

    padding:8px;

  }

	



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {

  background: #35322d;

  color: #fff;

  font-size: 14px;

  text-align: center;

  padding: 30px 0;

}



#footer h3 {

  font-size: 36px;

  font-weight: 700;

  color: #e60001;

  position: relative;

  padding: 0;

  margin: 0 0 15px 0;

}



#footer p {

  font-size: 12px;

  font-style: italic;

      padding: 20px 0 0 0;

  margin: 0;

}



#footer .social-links {

  margin: 0 0 40px 0;

}



#footer .social-links a {

  font-size: 18px;

  display: inline-block;

  background: #46423b;

  color: #fff;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

}



#footer .social-links a:hover {

  background: #e60001;

}



#footer .copyright {

  margin: 0 0 5px 0;

}



#footer .credits {

  font-size: 13px;

}

ul {

    list-style-type: none;

    margin: 0;

    padding: 0

}



/*ul>li {

    padding: 4px

}



ul>li:hover {

    color: #e60001;

    cursor: pointer

}*/



hr {

    border-width: 1px

}



.social>i {

    padding: 1%;

    font-size: 15px

}



.social>i:hover {

    color: #e60001;

    cursor: pointer

}



.policy>div {

    padding: 4px

}



.heading {

  

    color: white

}



.divider {

    border-top: 2px solid rgba(189, 196, 203, 0.5);

}



.mob-only{

			display: none;

		}

.search{

		display: none;

}	

.n-m{

	display: block;

}

.numbers-mob{

	display: none;

}

.setting_paragraph{

line-height: 48px;

	padding-left: 15px;

    font-weight: 600;

    font-size: 22px;

}

/*--------------------------------------------------------------

Margins

--------------------------------------------------------------*/

.m-n{ margin: 0 !important;}

.m-10{margin: 10px;}

.m-20{margin: 20px;}

.m-30{margin: 30px;}

.m-40{margin: 40px;}

.m-50{margin: 50px;}

.m-60{margin: 60px;}

.m-70{margin: 70px;}

.m-80{margin: 80px;}



.mt-1p{margin-top: 1px;}

.mt-2p{margin-top: 2px;}

.mt-3p{margin-top: 3px;}

.mt-4p{margin-top: 4px;}

.mt-5p{margin-top: 5px;}

.mt-6p{margin-top: 6px;}

.mt-7p{margin-top: 7px;}

.mt-8p{margin-top: 8px;}

.mt-9p{margin-top: 9px;}

.mt-10p{margin-top: 10px;}

.mt-11p{margin-top: 11px;}

.mt-12p{margin-top: 12px;}

.mt-20p{margin-top: 20px;}

.mt-30p{margin-top: 30px;}

.mt-40p{margin-top: 40px;}

.mt-50p{margin-top: 50px;}

.mt-60p{margin-top: 60px;}

.mt-70p{margin-top: 70px;}

.mt-80p{margin-top: 80px;}









.mb-5p{margin-bottom: 5px;}

.mb-10p{margin-bottom: 10px;}

.mb-30p{margin-bottom: 30px;}











.ml-5p{margin-left: 5px;}

.ml-10p{margin-left: 10px;}

.ml-20p{margin-left: 20px;}





.mr-5p{margin-right: 5px;}

.mr-10p{margin-right: 10px;}

.mr-20p{margin-right: 20px;}





.mtb-5p{margin: 5px 0;}

.mtb-10p{margin: 10px 0;}

/*--------------------------------------------------------------

Background

--------------------------------------------------------------*/

.p-10{padding: 10px;}



.ptb-5{ padding: 5px 0}

.ptb-10{ padding: 10px 0}



.p-bn{padding-bottom: 0;}

.p-b-10{padding-bottom: 10px;}







/*--------------------------------------------------------------

Cursor

--------------------------------------------------------------*/

.c-p{cursor: pointer}









/*--------------------------------------------------------------

Background

--------------------------------------------------------------*/

.b-n{

	background: none;

}

.b-1{ background: #e60001 !important;}

.b-2{ background: #ffa012 !important;}

.b-3{ background: #fffaf3 !important;}



/*--------------------------------------------------------------

Border

--------------------------------------------------------------*/

.br-n{

	border: none;

}

.br-1{ border: 1px #CCC solid;}

.br-b-1{ border-bottom: 1px #CCC solid;}

/*--------------------------------------------------------------

Position

--------------------------------------------------------------*/

.p-a{

	position: absolute;

}

/*--------------------------------------------------------------

Align

--------------------------------------------------------------*/

.ar-0{

	right: 0;

}

.al-n-140{ left: -140px;}

/*--------------------------------------------------------------

z-index

--------------------------------------------------------------*/

.zi-99{

	z-index: 99;

}

/*--------------------------------------------------------------

Width

--------------------------------------------------------------*/

.w-fancybtn{

	min-width: 170px;

	width: auto;

	border-radius: 50px;

	height: auto !important;

	padding: 5px 0;

}

.w-a{width: auto !important;}

.mn-w150{min-width: 150px;}

/*--------------------------------------------------------------

Height

--------------------------------------------------------------*/

.h-15{height: 15px;}

.h-40{height: 40px;}





.mx-h160{ max-height: 160px; overflow: hidden;}

/*--------------------------------------------------------------

Display

--------------------------------------------------------------*/

.dib{display: inline-block;}

/*--------------------------------------------------------------

Fonts

--------------------------------------------------------------*/

.f12{font-size: 12px;}

.f13{font-size: 13px;}

.f14{font-size: 14px;}

.f15{font-size: 15px;}

.f16{font-size: 16px;}

.f17{font-size: 17px;}

.f18{font-size: 18px;}

.f19{font-size: 19px;}

.f20{font-size: 20px;}

.f21{font-size: 21px;}

.f22{font-size: 22px;}



/*--------------------------------------------------------------

Font Colors

--------------------------------------------------------------*/

.fc-1{ color: #e60001 !important;}

.fc-2{ color: #ffa012 !important;}

/*--------------------------------------------------------------

Box Shadow

--------------------------------------------------------------*/

.bs-1{box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}





/*--------------------------------------------------------------

Responsive

--------------------------------------------------------------*/





@media screen and (max-width: 991px) and (min-width: 768px){

  #slider {
    padding: 0;
    max-height: 480px;
    overflow: hidden;
  }	

  #slider .carousel-inner {
	  float: left;
    height: 480px;
    overflow: hidden;
	  /*position: absolute;*/
	  width: 100%;
  }

  .search-sec{
    position: relative;
    /*background: rgb(0 0 0 / 0.8) !important;*/
    background: rgb(241 168 9 / 90%);
		z-index: 9;
		width: 80%;
		font-size: 13px;
  }
  .container{
    max-width: 780px;
  }
  #header {
    height: 64px;   
  }
  #header .logo img {
    padding: 0px 12px 0px 0px !important;
    margin: 0;
    max-height: 30px;
  }   
  .f13 {
    font-size: 11px;
  }
  .socialIcon .svg-inline--fa.fa-w-10, .socialIcon .svg-inline--fa.fa-w-20, .socialIcon .svg-inline--fa.fa-w-14, .socialIcon .svg-inline--fa.fa-w-16, .socialIcon .svg-inline--fa.fa-w-18{
    font-size: 25.1px !important;
  }
}

@media screen and (max-width: 767px) and (min-width: 320px){
  #topbar{
    display: none;
  }
  #header {
	  height: 45px;		
  }
  #header .logo img {
    padding: 0px 12px 0px 0px !important;
    margin: 0;
    max-height: 45px !important;
  }
  .navbar{
    padding: 0px;
    height: 50px !important;
  }
  .navbar-collapse .button10 {
    margin: 5px 15px;
  }		
	.mob-only{
		display: block;
	}
	.mob-none{
		display: none;
	}
  .search-sec {
    margin: 15px auto 0 auto;		
	  background: rgb(0 0 0 / 80%);	
	}
  .w-fancybtn{
	  min-width: 120px;
	  width: auto;
	  border-radius: 50px;
	  height: auto !important;
	  padding: 3px 0;
	  font-size: 12px;
  }	
  section {
    padding: 20px 0;
  }		
  .why-us .box h4 {
    font-size: 24px;
	}		
	.container{
		max-width: none;
	}		
  #search {
    display: block;
  }		
  .search-outer label {
    font-size: 10px !important;
  }
  .search-outer .form-control {
    font-size: 10px !important;
  }
  .search-slt{
    height: auto !important;
  }
  .n-m{
    display: none;
  }
  .float-ryt{
    float: right;
  }
		/*.reg-show{

			display: block;

		}

		.mob-show{

			display: none;

		}*/
}

@media screen and (max-width: 766px) and (min-width: 320px){
	#slider {
    padding: 0;
    max-height: 350px;
    overflow: hidden;
  }

	.numbers{
		display: none;
	}

	.numbers-mob{
		display: block;
		position: relative;
		background: linear-gradient(to right, #e60001, #a20909);
		font-size: 12px;
		width: 100%;
	}

	.counter {
    color: white;
    padding: 25px 0 10px 0;
    line-height: 16px;
  }

	.count-title {
    font-size: 20px;
		font-weight: 600;
  }
  .breadcrumbs {
    margin-top: 45px !important;
  }
  .search-sec .wrn-btn {
    width: 70%;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(2rem + 1px) !important;
    border-radius: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 575px){
	#slider {
    padding: 0;
    max-height: 200px;
    overflow: hidden;
  }

	.carousel{
		height: auto;
	}

	#slider .carousel-inner{
		height: auto;
    /*height: 200px;*/
	}

  .section-title h2 {
    margin: 0;
	  font-size: 22px;
	}	

	.mt-4{
		margin:  0 0 10px 0 !important;
	}	

	.mob-box-w{
		width: 50% !important;
    padding: 0 10px !important;
	}	

  .why-us .box {
    padding: 50px 30px;
    height: 200px !important;
	}

  .why-us .box span {
    font-size: 40px;	
	}

  .why-us .box h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
	}

  .client {
	  font-size: 12px;
	}

  /*.reg-show{
			display: none;
		}
	.mob-show{display: block;}*/

  #success-story-modal{}

  #success-story-modal .modal-content{ 
    background: transparent;
    border: 0px none rgba(0,0,0,0) !important;
  }	  

  #success-story-modal .modal-dialog {
    position: relative;
    width: auto;
    /* height: 40%; */
	  max-width: none;
    top: 50px;
    z-index: -1;
	  background: #e60001 !important;
	  margin: 0;
    padding-top: 30px;
  }

  #success-story-modal .modal-dialog:before/*,  #success-story-modal .modal-dialog:after*/ { 
    position: relative ;
    content: "";
    left: auto;
    top: auto;
    width:auto;
	  max-width: 550px;
    max-height: 420px;
    background: #e60001 !important;
    border-radius: 0;
    transform: none;
    transform-origin: center;
    z-index: -1;
	  display: none;
  } 

  #success-story-modal .modal-dialog:after { 
    left: auto;
    transform: rotate(-55deg);
    transform-origin: 100% 100%; 
	  display: none;
  }

  #success-story-modal .modal-body{ color: #FFF; padding: 0; font-size: 13px;}	

  #success-story-modal .modal-body h4{font-size: 3rem; text-align: center;}	  

  #success-story-modal .close {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    /*text-shadow: 0 1px 0 #000;*/
	  opacity: 1;
	  position: relative;
    bottom: 0;
    top: auto;
    margin: 0 auto;	  
	}

  .clip-block {
    max-width: 550px;
	  margin: 10px auto 0 auto;
	}

	.remove_left {
    padding-right: 15px !important;
  }

	.remove_right {
    padding-left: 15px !important;
  }

	.side-bar .side-menu .nav>li {
    font-size: 14px;
    /* margin-bottom: 0; */
    border:none !important;
    display: inline-block;
    float: left !important;
    /* margin-right: 15px; */
    /* margin-bottom: 15px; */
    width: auto !important; 
    text-align: left;
    padding: 10px 5px !important;
  }

  .side-bar .side-menu .nav>li.active a {
    background: #f9f9fb;
    border:none !important; 
    float: left !important;
    color: #e60001;
    width: 100%;
    padding: 5px 10px !important;
    border-radius: 100px !important;
  }	

  .side-bar .user-info {
    display: none;
  }
  .item-center{
    text-align: center !important;
  }	
  .started{
    padding: 20px 0px;
  }
  .search-outer{
    position: relative;
  }
  /*.slick-slide{
    width: 270px !important;
  }*/
}

@media screen and (max-width: 979px) and (min-width: 576px){
  .clip-block {
    max-width: 550px;
    margin: -20px 20px 0 0;
    padding: 10px;
    text-align: center;
  }	
  #success-story-modal .close {
    margin: 80px auto 0 215px;
  }
}

@media screen and (max-width: 599px) and (min-width: 576px){
	#success-story-modal .close {
    margin: 0 auto !important; 
    top: -60px !important
  }
}



.first_color{

  color:#e60001 ;

}



.main-socail{
  /*display: flex;*/
  padding-bottom: 10px;

}

.second_color{

color:#ffa012;

}

/* .social_iconss{

  display: inline;

} */

.social_iconsss{
  /*margin-left: auto;
  margin-right: 0;
  display: flex;*/
  display: inline-block;
  float: right;

}



.social_image_style{



    width: 28px !important;

    height: 26px !important;

}

  .mx-serchimght{
    max-height: 213px;
    overflow: hidden;
  }


.btn-block{

  width: 100%;

}

.f-14{

  font-size: 14px;

}

.pt-20{

  padding-top: 20px;

}

.pt-0{

  padding-top: 0px;

}

.pb-20{

  padding-bottom: 20px;

}

.mb-20{

  margin-bottom: 20px;

}

.p-t-5{

  padding-top: 5px !important

}

.defaultClr{

  color: #e60001 !important;

}

.m-tb-10{

  margin-top: 10px;

  margin-bottom: 10px;

}

.w-100{

  width: 100%;

}



.p-lr-0{

  padding-left: 0px;

  padding-right: 0px;

}

.p-lr-10{

  padding-left: 10px;

  padding-right: 10px;

}

.m-t-60{

  margin-top: 60px;

}

.m-t-10{

  margin-top: 10px;

}

.f-13{

  font-size: 13px;

}

.p-b-10{

  padding-bottom: 10px;

}

.m-b-10{

  margin-bottom: 10px;

}

.m-b-20{

  margin-bottom: 20px;

}

.m-t-20{

  margin-top: 20px;

}

.m-t-30{

  margin-top: 30px;

}

#header {

    padding: 0px 0 10px;

    }

ul.topHeaderTab{

	display: flex;

    justify-content: space-between;

    align-items: flex-start;

    align-self: flex-start;

}

ul.topHeaderTab li:hover,

ul.topHeaderTab li.selected{

	background: white;

    padding: 6px 14px;

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

    margin: 0 3px;

    transition: .3s all;

}

ul.topHeaderTab li:hover a,

ul.topHeaderTab li.selected a{

	color: #e60001;

}



ul.topHeaderTab li{

    padding: 6px 14px;

    margin: 0 3px;

}

ul.topHeaderTab li a{

	color: #fff;

}

#header .logo img {

    padding: 4px 0px 0px;

    }

.header-title{

  color: #e60001 !important;

}

.howToUse p{

  margin-bottom: 10px;

}

ul.siteMapList{

  min-height: 240px;

}

ul.siteMapList li{

  font-weight: bold;    

}

ul.siteMapList li:first-child{

  text-decoration: underline;

  padding-bottom: 10px;

}

ul.siteMapList li a{

  font-weight: normal;

  color: #000;

  font-size: 15px;

  text-decoration: none;

}



.f-w-n{

  font-weight: normal !important;

}

.t-d-n{

  text-decoration: none !important;

}



ul.accordionList{

	padding-left: 25px;

}

ul.accordionList li{

	line-height: 30px;

	list-style: circle;

}

.p-l-10{

	padding-left: 10px;

}

.w-20{

	width: 20% !important;

}

.w-30{

	width: 30% !important;

}

.m-lr-25{

	margin-left: 25px;

	margin-right: 25px;

}



.d-f{

	display: flex;

	justify-content: center;

}











.package-color {

    background-color: #e60001;

}



.db-bk-color-two {

    background-color: #46A6F7;

}



.db-bk-color-three {

    background-color: #47887E;

}



.db-bk-color-six {

    background-color: #F59B24;

}

/*============================================================

PRICING STYLES

==========================================================*/

.db-padding-btm {

    /*padding-bottom: 50px;*/

}

.db-button-color-square {

    color: #fff;

    background-color: rgb(255 160 18);

    border: none;

    border-radius: 22px;

    -webkit-border-radius: 22px;

    -moz-border-radius: 22px;

}



    .db-button-color-square:hover {

        color: #fff;

        background-color: rgba(0, 0, 0, 0.50);

        border: none;

    }





.premium-package {

    margin-bottom: 30px;

    margin-top: 50px;

    text-align: center;

    box-shadow: 0 0 5px rgba(0, 0, 0, .5);

    color: #fff;

    line-height: 30px;

    padding-bottom: 12px;

}



    .premium-package ul {

        list-style: none;

        margin: 20px 0 0;

        text-align: center;

        padding-left: 0px;

    }

    .premium-package ul li.lineThrough {

      text-decoration: line-through;

    }



        .premium-package ul li {

                cursor: pointer;

    line-height: 30px;

    font-size: 12px;

        }



            .premium-package ul li i {

                margin-right: 5px;

            }





    .premium-package .price {

        background-color: #ffa012;

        padding: 20px 20px 12px 20px;

        font-size: 30px;

        font-weight: 900;

        color: #FFFFFF;

    }



        .premium-package .price small {

            color: #fff;

            display: block;

            font-size: 12px;

            margin-top: 10px;

        }



    .premium-package .type {

        background-color: #ffa012;

        padding: 5px 5px 17px;

        font-weight: 900;

        text-transform: uppercase;

        font-size: 25px;

        }



    .premium-package .pricing-footer {

        padding: 20px;

    }







.premium-package.popular {

    margin-top: 10px;

}



    .premium-package.popular .price {

        padding-top: 80px;

    }

#basic_lifestyle .form-group label{

	font-weight: bold;

}

#basic_lifestyle .form-group p label{

	font-weight: normal;

}



.socialIcon .svg-inline--fa.fa-w-10, .socialIcon .svg-inline--fa.fa-w-20, .socialIcon .svg-inline--fa.fa-w-14, .socialIcon .svg-inline--fa.fa-w-16, .socialIcon .svg-inline--fa.fa-w-18{
	color: #fff;
  background: #ffa012;
  padding: 4px 6px;
  font-size: 31px;
  border-radius: 5px;
}
.socialIcon .svg-inline--fa.fa-w-10:hover {
    background: #e60001;
}
 .socialIcon .svg-inline--fa.fa-w-20:hover{
    background: #e60001;
}
.socialIcon .svg-inline--fa.fa-w-14:hover{
    background: #e60001;
}
.socialIcon .svg-inline--fa.fa-w-16:hover{
    background: #e60001;
}
.socialIcon .svg-inline--fa.fa-w-18:hover{
  background: #e60001;
}

.socialIcon .svg-inline--fa.fa-w-10, .socialIcon .svg-inline--fa.fa-w-14{

	padding: 4px 6px;

    width: 31px;

}









.thumb-lg {

       height: 88px;

    width: 88px;

    overflow: hidden;

    border-radius: 100px;

}

  .thumb-lg img{

    width: 100%;

  }

.profile-user-box {

    position: relative;

    border-radius: 5px

}

.bg-custom {

    background-color: #02c0ce!important;

}

.profile-user-box {

    position: relative;

    border-radius: 5px;

}



.card-box {

    padding: 20px;

    border-radius: 3px;

    background-color: #fff;

}

.inbox-widget .inbox-item img {

    /*width: 40px;*/

    border-radius: 2px

}



.inbox-widget .inbox-item {

    border-bottom: 1px solid #f3f6f8;

    /*overflow: hidden;*/

    padding: 10px 0;

    /*position: relative*/

    display: flex;

    justify-content: space-between;

    flex-direction: row;

}



.inbox-widget .inbox-item .inbox-item-img {

    display: block;

    /*float: left;

    width: 40px*/

    margin-right: 5px;

    width: 40%;

}



.inbox-widget .inbox-item img {

    /*width: 40px*/

}



.inbox-widget .inbox-item .inbox-item-author {

    color: #313a46;

    display: block;

    margin: 0;

}



.inbox-widget .inbox-item .inbox-item-text {

    color: #98a6ad;

    display: block;

    font-size: 12px;

    margin: 0

}



.inbox-widget .inbox-item .inbox-item-date {

    color: #98a6ad;

    font-size: 11px;

    position: absolute;

    right: 7px;

    top: 12px

}



.comment-list .comment-box-item {

    position: relative

}



.comment-list .comment-box-item .commnet-item-date {

    color: #98a6ad;

    font-size: 11px;

    position: absolute;

    right: 7px;

    top: 2px

}



.comment-list .comment-box-item .commnet-item-msg {

    color: #313a46;

    display: block;

    margin: 10px 0;

    font-weight: 400;

    font-size: 15px;

    line-height: 24px

}



.comment-list .comment-box-item .commnet-item-user {

    color: #98a6ad;

    display: block;

    font-size: 14px;

    margin: 0

}



.comment-list a+a {

    margin-top: 15px;

    display: block

}



.ribbon-box .ribbon-primary {

    background: #2d7bf4;

}

 

.ribbon-box .ribbon {

    position: relative;

    float: left;

    clear: both;

    padding: 5px 12px 5px 12px;

    margin-left: -30px;

    margin-bottom: 15px;

    font-family: Rubik,sans-serif;

    -webkit-box-shadow: 2px 5px 10px rgba(49,58,70,.15);

    -o-box-shadow: 2px 5px 10px rgba(49,58,70,.15);

    box-shadow: 2px 5px 10px rgba(49,58,70,.15);

    color: #fff;

    font-size: 13px;

}

.text-custom {

    color: #02c0ce!important;

}



.badge-custom {

    background: #ffa012;

    color: #fff;

}

.badge {

    font-family: Rubik,sans-serif;

    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02);

    box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02);

    padding: .35em .5em;

    font-weight: 500;

}

.text-muted {

    color: #98a6ad!important;

}



.font-13 {

    font-size: 13px!important;

}

input[type=checkbox], input[type=radio]{

  margin-right: 5px !important;

} 

ul.profileTabs li{

    padding: 5px 15px;

    background-color: transparent;

    border-bottom: 2px solid #ffa012;



}

ul.profileTabs li:hover{

    background-color: #ffa012;

    border-bottom: 2px solid #ffa012;

    transition: .5s all

}

ul.profileTabs li a{

    color: #fff;

}

ul.profileTabs li a:hover{

    text-decoration: none;

}

ul.profileTabs li.active, ul.profileTabs li:focus{

    background-color: #ffa012;

    border: 2px solid #ffa012;

    border-bottom: 2px solid #ffa012;

}

ul.profileTabs{

    border-bottom: none;

}

ul.profileTabs li.selected {

    background: #ffa012;

    color:#FFFFFF;

}

#dashboard small, #dashboard strong, #myProfile .text-left p, #myProfile .text-left p, #myPartnerPreferences .text-left p, #myPackage .text-left p, .inbox-widget .inbox-item .inbox-item-text {

    line-height: 1.728571429;

    }

.card-box.ribbon-box h5{

    border-bottom: 1px solid #e60001;

    padding-bottom: 7px;

    width: 100%;

    padding-left: 5px;

}

.card-box.ribbon-box{

    /*-webkit-box-shadow: 0px 0px 5px 0px rgb(193 79 82);

    -moz-box-shadow: 0px 0px 5px 0px rgba(193,79,82,1);

    box-shadow: 0px 0px 5px 0px rgb(193 79 82);*/

    margin-top: 20px;

    padding-top: 10px;

}

.inbox-item.stats{

    display: flex;

    justify-content: space-between;

    flex-direction: row;

    align-items: center;

}

.inbox-item.stats .inbox-item-img{

    width: 75%;

}

.inbox-item.stats .badgeCont .badge{

    background: #e60001 !important;

    color: #fff;

    border-radius: 4px;

}

.statsContaiiner{

    width: 100%

}



.breadcrumbs {

    margin-top: 127px;

}





.navbar-why-you-so-small > .navbar-collapse {

    background-color: rgba(51, 51, 51, 0.8);

}

.progress{

    margin-top: 10px;

}

.progress .progress-bar {

    text-align: left;

    white-space: nowrap;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    cursor: pointer;

    background-color: #ffa012;

}



.progress-bar > .progress-type {

    padding-left: 10px;

}



.progress-meter {

    min-height: 15px;

    border-bottom: 2px solid rgb(160, 160, 160);

}



.progress-meter > .meter {

    position: relative;

    float: left;

    min-height: 15px;

    border-width: 0px;

    border-style: solid;

    border-color: rgb(160, 160, 160);

}



.progress-meter > .meter-left {

    border-left-width: 2px;

}



.progress-meter > .meter-right {

    float: right;

    border-right-width: 2px;

}



.progress-meter > .meter-right:last-child {

    border-left-width: 2px;

}



.progress-meter > .meter > .meter-text {

    position: absolute;

    display: inline-block;

    bottom: -20px;

    width: 100%;

    font-weight: 700;

    font-size: 0.85em;

    color: rgb(160, 160, 160);

    text-align: left;

}



.progress-meter > .meter.meter-right > .meter-text {

    text-align: right;

}

#dashboard h2.welcome{

  text-align: center;

  font-size: 18px;

  text-transform: uppercase;

}

.socialIcons{

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.socialIcons img{

  width: 50px;

    height: 45px;

}
label{
  font-size: 14px;
}
.form-control {
    
    font-size: 13px !important;
  }
  .breadcrumb {
    margin-bottom: 5px !important;
  }
.profile_cr{
  padding-top: 15px !important;
  padding-bottom: 5px !important;
}

.matriparag{
	text-align: justify;
    margin-bottom: 7px;
    font-size: 15px;
    color: #848484;
	
}
.martihd{
	    color: #e60001 !important;
	    margin-top: 15px;
}


.started{
  height: 97px;
  width: 100%;
  background: rgb(230 0 1 / 79%);
}
.started_hd{
  color: white;
  text-align: right;
}

/*userprofile*/
.userprofile_left{

  width: 100%;
  height: auto;
  background: #b21e1e !important;
  padding: 10px;
}
.social_profile_icon{
    border: 1px solid green;
  width: 100%;
  height: 450px;
  padding-top: 15px;
}
.userprofile_social{
  height: 45px;
  margin: 8px
}
.userparagr{
  font-size: 0.875rem;
}
.commoncolor{
  color: #e60001;
}
.commonpara{
      font-size: 0.875rem;
}

/*userprofile modal */
 .userprof_contact_modal{
  text-align: center;
  color: #e60001;
  font-size: 20px;
 }
 .userprofile_butn{
  background-color: #e60001;
  color: white;
 }
 .contact_md{
  height: 150px;
 }

 .clrr{
   color: #e60001;
 }

 .left_relig{
  background: #cacaca42;
    padding-left: 6px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: -2px;
    padding-bottom: 3px;
    margin-bottom: 2px;
    margin-top: 5px;
    color: black;
 }
 .view_m{
  float: right;

 }

.interested{
    background-color: #e60001;
    border-radius: 15px;
    margin-top: 10px;
    padding-left: 6px;
    padding-right: 5px;
    font-size: 11px;
    color: white;
}
.matrimony_stories{
  float: right;
  font-size: 13px;
}

/**/
.new_matches{
      border: 1px solid #e8e8e8;
    width: 100%;
margin-bottom: 10px;
}
.matcher_flow{
height: auto;
padding:10px;
}
.new_matches_heading{
  background: #b21e1e !important;
  font-size: 19px;
  color: white;
  padding-bottom: 2px;
  padding-top: 6px;
  padding-left: 7px;
}
.userprfile_newmatcher{
  display: flex;
}
.match_desc{
  margin-left: 6px;
}
.user_pro{
    border-radius: 50%;
    width: 20%;
    height: 40px;
    border: 1px solid #e60001;
    padding: 2px;
    
}


/*number verify*/
.number_veri{
 
    border: 1px solid #e8e8e8;
    width: 100%;
    height: auto;
    padding-bottom: 5px;

}
.mobile_num{
 text-align: center;
 padding-top: 10px;
}
.right_box{
      border-left: 1px dashed #e36d9b;
}

.self_user{
  font-size: 19px;
}
  .compareimage{
    border-radius: 50%;
    width: 61%;
    border: 1px dashed #e60001;
    height: 90px;
        padding: 5px;
  }
  .txt_alig{
    text-align: center;
  }
  .pt_5{
    margin-top: 10px;
  }
  .main_hdd{
       background-color: #e60001;
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    /* margin-bottom: 10px; */
    /* padding-left: 7px; */
    font-size: 18px;
    color: white;
    border-radius: 32px;
    padding: 10px;
  }



  .resd{
    color: white;
    /* padding-left: 10px; */
    background: #e60001;
    padding-top: 4px;
    padding-bottom: 0px;
    border-radius: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

  }
  .lft_border{
            /* border-left: 1px solid white; */
    padding-left: 9px;
    font-size: 17px;
    /* margin-left: 10px; */
    text-align: center;
  }
  .tag_btn{
    margin: 3px;
        color: #5f5b5b !important;
    background-color: #ffffff !important;
    border-color: #e60001 !important;
    margin: 5px !important;
    font-size: 14px !important;
     box-shadow: 0px 0px 6px 2px #e6000166 !important;
    /* background: #e60001; */
    
    border-radius: 11px !important;
  }
  .tag_alig{
    text-align: center;
  }
  .btn_align{
    text-align: center;
    margin-bottom: 20px;

  }
  .set{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .bkimg{
    background-image: url(https://rishtamanzoor.com/assets/img/banner-q.jpg);
    background-repeat: round;
    border:none !important;
    background-size: cover;
    background-position: center;
  }
#first, #second, #third{
  background: #ffffffb8;
  border: 1px solid #e60001; 
  border-radius: 10px;
  width: 95%;
  margin: 0 auto;   
}
.tag_btn:hover{
  background-color:#e60001 !important;
  color: white !important;
}

.user_pf_box{
  border:1px solid gray;
  padding-top: 10px;
  
}

.btn-custom{
  background: #e60001;
  color: #fff;
} 

.modal-footer{
  background: #0f0e0c !important;
} 

.modal-header .close {
  color: white;
  opacity: 1;
}
.btnColor{
 color: #f0d00e;
}

/************* custom css ***************/
.pmat{
  color: #e60001 !important;
}
#search-label a:hover {
  color: black;
}

#login-modal-content .modal-header,
#login-modal-content .modal-footer {
    background: #0f0e0c !important;
}

#footer .btnColor {
    color: #efefef;
    font-size: 13px;
}
#footer a:hover {
  color: #ffc56e;
  text-decoration: none;
}
#carouselExampleFade .numbers{
  background: rgb(241 168 9 / 90%);
}
#about .client{
  min-height: 330px;
  width: 100%;
}
.form-control:focus,
.form-control.advance_input_styling {
    border-bottom: 1px solid #f90001 !important;
    }
#header .logo img {
    max-height: 68px;
}
#footer .heading h4{
  font-size: 20px;
  color: #f1a609;
}
.message_box {
    border: 1px solid #e51516;
    box-shadow: 0px 0px 10px 0px rgb(229 21 22);
}
.modal-footer a{
  color: #f0c80d !important;
} 
#viecontact .text-right a{
  transition: all 0.5s;
  position: relative;
  border: 1px solid #f1ad09;
  overflow: hidden;
  background-color: #f1ad09 !important;
  outline: none;
}
#viecontact .text-right a:hover {
  background: white !important;
  color: #f0d00e !important;
  border: 1px solid #f0d00e;
}
#viecontact label{
  color: black !important;
}

#chefs .card{
  border: 1px solid #e60001;
  padding: 10px;
  margin: 0px 15px;
}
.nav-link{
  border-bottom: 1px solid transparent;
  color: white;
  padding: 5px 13px !important;
  margin: 5px 10px;
  
}
.navbar{
  background: linear-gradient(to right, #e60001, #a20909);
  opacity: 0.91;
  color: white;
  height: 57px
}
.nav-link:hover {
  border-bottom: 1px solid white;
  color: white;

}
.active {
  border-bottom: 1px solid yellow;
  /*color: #e61110;*/
}
.para-height{
  height: 140px;
}


/*--------------------------------------media css class---------------------------------------------------------*/

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

@media (max-width: 1200px) {
  label{
    font-size: 13px !important;
  }
  .para-height {
    height: 148px !important;
  }
  .why-us .box {
    height: 260px;
  }
}

@media (max-width: 1024px) {

  .about .content, .about .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
}


@media (max-width: 992px) {
  
  .navbar{
    top: -3px;
    padding: 0px;
    height: 60px;
    background: linear-gradient(to right, #e60001, #a20909) !important;
  }
  .navbar-collapse{
    /*background: linear-gradient(to right, #e60001, #a20909);*/
  }
  #header {
    top: 0;
    background: rgba(26, 24, 22, 0.85);
  }
  label {
    font-size: 10.5px !important;
  }

  .search-sec{
    /*background: rgb(216 48 113 / 0.8);*/
    background: rgb(241 168 9 / 90%);
  }

  #slider{
    padding: 0;
    max-height: fit-content;
    overflow: hidden;
  }
  .breadcrumbs {
    margin-top: 115px;
  }
  .about .content {
    padding-top: 30px;
  }

  .about .accordion-list {
    padding-bottom: 30px;
  }
  .breadcrumbs {
    padding: 10px 0;
  }
  .breadcrumbs h2 {
    margin: 1px 0 0 0;
  }
  .specials .nav-link {
    border: 0;
    padding: 15px;
  }
  .specials .nav-link.active {
    color: #fff;
    background: #e60001;
  }
  .events .testimonial-item p {
    width: 80%;
  }
  .chefs .member {
    margin-bottom: 110px;
  }
}
@media (max-width:991.98px) {
  .padding {
    padding: 1.5rem
  }
}
@media (max-width: 991px){
  #topbar{
    display: none !important;
  }
  .search{
    display: block;
  }
  .container{
   max-width: 1140px;
  } 
  .breadcrumbs {
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
  /*.breadcrumbs .d-flex {
    display: block !important;
  }*/
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
  .right_box{
    border-left: 1px dashed white !important;
  }
  
}

@media (max-width:767.98px) {
  .padding {
    padding: 1rem
  }
}

@media (max-width:767px) {
  
  .view-account .content-panel .title {
    text-align: center
  }

  .view-account .content-panel .content-header-wrapper .actions {
    position: static;
    margin-bottom: 30px
  }

  .view-account .content-panel {
    padding: 0
  }

  .view-account .content-panel .content-utilities .page-nav {
    position: static;
    margin-bottom: 15px
  }

  .drive-wrapper .drive-item {
    width: 100px;
    margin-right: 5px;
    float: none
  }
  .drive-wrapper .drive-item-thumb {
    width: auto;
    height: 54px
  }

  .drive-wrapper .drive-item-thumb .fa {
    font-size: 24px;
    padding-top: 0
  }
  .view-account .content-panel .avatar .figure img {
    float: none;
    margin-bottom: 15px
  }

  .view-account .file-uploader {
    margin-bottom: 15px
  }

  .view-account .mail-subject {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .view-account .content-panel .mails-wrapper .mail-item .time-container {
    position: static
  }

  .view-account .content-panel .mails-wrapper .mail-item .time-container .time {
    width: auto;
    text-align: left
  }
}
@media only screen and (max-width: 414px) {

  .main-socail{
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .serch_social_resp{
    display: inline-block;
    padding: 12px;
  }

  .permium_responsive{
    width: 68% !important;
    /* margin: 0 auto; */
    display: block;
    margin: 0 auto;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 375px) {

  .main-socail{
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .serch_social_resp{
    display: inline-block;
    padding: 7px !important;
  }

  .permium_responsive{
    width: 68% !important;
    /* margin: 0 auto; */
    display: block;
    margin: 0 auto;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 360px) {
  #header {
    height: 45px;
  }
  #header .logo img {
    padding: 0px 12px 0px 0px !important;
    margin: 0;
    max-height: 45px !important;
  }
  .main-socail{
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .serch_social_resp{
    display: inline-block;
    padding: 7px !important;
  }

  .permium_responsive{
    width: 68% !important;
    /* margin: 0 auto; */
    display: block;
    margin: 0 auto;
    padding-top: 10px;
  }
}













@media (min-width: 768px) {
  .home-blog .media {
    margin-top: 30px;
  }
  .view-account .mail-subject .subject {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
}
@media screen and (min-width: 600px) {

  .clip-section {
    padding: 10px;
  }
  .title {
    font-size: 12px;
  }
  .sub-title {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (min-width: 980px) {

  .clip-block {
    padding: 0;
    /*position: absolute;
    top: 110%;
    left: 230%;*/
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    /*right: -240px;*/
  }
}

@media (min-width: 992px) {
  .home-blog {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .media.blog-media {
    display: table;
  }
  .media.blog-media > a {
    display: table-cell;
    vertical-align: top;
    min-width: 200px;
  }
  .media.blog-media .media-body {
    padding: 15px 20px 10px;
    border-top: 1px solid #efeff3;
    border-left: none;
    display: table-cell;
    vertical-align: top;
  }
  .media.blog-media .media-body h5 {
    font-size: 15px;
  }
  .media.blog-media .media-body a.post-link {
    padding: 7px 0;
  }
  /*.view-account .content-panel {

      min-height: 800px;

      border-left: 1px solid #f3f3f7;

      margin-left: 200px

  }*/

  .view-account .mail-subject .subject {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .setting_boxs{
    width: 100%;
    border: 1px #CCC solid;
    /* height: 500px; */
    /* margin-bottom: 20px; 
    box-shadow: 0px 0px 10px 0px rgb(227, 109, 155);*/
  }

  .setting_looking{
    background-color: #F5F5F5;
    width: 100%;
    min-height: 67px;
    padding-left: 6px;
    padding-top: 10px;
  }
  .container{
   max-width: 1140px;
  } 
  .search{
    display: none !important;
  }
  #resp-logo{
    display: none;
  }
  .navbar-collapse button{
    display: none;
  }
}

@media (min-width: 1024px) {
  #hero p {
    width: 50%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
  .section-title p {
    width: 50%;
  }
  .events {
    background-attachment: fixed;
  }
  .chefs {
    background-attachment: fixed;
  }
}

@media (min-width: 1200px) {
  .media.blog-media > a {
    min-width: 230px;
  }
  .media.blog-media .media-body {
    padding: 30px 20px 10px;
  }
  .media.blog-media .media-body h5 {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .media.blog-media .media-body a.post-link {
    padding: 23px 0;
  }
}

.parag_hding{
  color: #ad1f1f !important;
}
.paragg_hding{
  background-color: #b21e1e !important;
}