@charset "utf-8";
/* CSS Document */

html{width:100%; overflow-x: hidden;}




/* color  CSS Document */

.text-red{ color:#d90114}
.text-blue{color:#123659}
.text-sky-blue{ color: #1387f7;}
.text-worm{color:#d89800}
.text-orange-amer{color:#fd8b00}
.text-dark-blue{ color:#123659}
.text-orange{ color:#d90114}
.text-nobel{color:#959595}
.bg-tomato-light{ background-color:#fdb4a1}
.bg-orange{ background-color:#ff4716}
.bg-light-pink{ background-color:#feeeeb}
.bg-floral-white{ background-color:#fffbee;}
.bg-light-white{background-color: rgba(255, 255, 255, 0.7);}
.bg-red{ background-color:#ec0000}
.bg-dark-grey{ background-color:#525252;}
.border-left-white{ border-left:1px solid white}
.text-black{ color: black;}
.border-left-dark{    border-left: 1px solid #1f1e1e !important;}
.border-bottom-dark{    border-bottom: 1px solid #1f1e1e;}	
.bg-grad{background: linear-gradient(-1800deg, #ec0000 60%, rgba(0,0,135,0) 50%);}	



body{
    font-family:'rubik';
    font-weight:300;
    font-size:16px;
    line-height:1.61;
}

.bolder{ font-weight:900}

.h-500{ height:500px}
.h-600{ height:600px}
.d-grid { display:grid}
.brd-btm-orange{ border-bottom:1px solid #ff4716}
.bord-radius{border-radius: 8px;}
.d-inline-block{ display:inline-block}
.large-num{font-size:4rem}
.text-orange{ color:#d90114}
.p-small{ padding:2px}


/* Margind m padding */
.py-6 {	padding: 6rem 0;}
.py-8 {	padding: 8rem 0;}
.ml-6{margin-left: 6rem;}
.ml-20{margin-left: 20rem;}


/* width css*/	
.w-70{width:70%}
.w-60{width:60%}

	






/* footer */
footer{ 
     padding:70px 0px;
}	       

footer ul li{
    padding:5px 0px;
}
.navbar-dark.navbar-horizontal {
    background: #d90114;}


.horizontal-menu .navbar-horizontal ul#main-menu-navigation > li > a {
    padding: 1.8rem 1rem;
    font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link {padding: 1.8rem 1rem; font-weight: 500;}

.header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 240px;
}
.top-header a {
    color: #000000;
}
.top-header{ background-color:white}
.top-header{ z-index:999 !important;box-shadow: 0px 2px 30px 2px rgba(0, 0, 0, 0.1);}
.progress-bar {background-color: #ff4616;}
.progress {background-color: #fdb4a1;}
.profile-details ul li{ border-top:1px solid #f1f1f1; padding-top:1rem; padding-bottom:1rem}
.profile-details ul li:hover{ background-color:#f3f3f352}
.profile-details ul li p{ margin:0}


.header-navbar .navbar-container {
    height: auto;
}
.horizontal-menu-padding .header-navbar .navbar-container {
    padding: 0 18px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem;
    
}
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
   width: auto; 
    color: #ff4616;
    text-align: center;
   opacity: 1; 
}


.btn-deci-icon {
    height: 2.95rem;
    width: 2.95rem;
    padding: 0;
}
.btn-social, .btn-deci-icon {
    position: relative;   
    text-align: left;
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.btn-deci-icon > :first-child {
    border: none;
    text-align: center;
  
}
.btn-social > :first-child, .btn-deci-icon > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 2.7rem;
    font-size: 1.6em;
	    width: 2.95rem;
    }
	
	
	.grey-hover:hover{background-color: rgba(204, 204, 204, 00.7);}
	.orange-hover:hover{background-color: rgba(255, 71, 23, 0.7);}
	.card-btm-shad:hover{transition: all 0.25s ease;
       box-shadow: 1px 16px 29px -22px rgba(0,0,0,0.65);}
	.btn-outline-danger {
    border-color: #ff4615;
    background-color: transparent;
    color: #ff4615;
}
.btn-outline-danger:hover {
    background-color: #e53040;
    color: #FFF !important;
}
	.btn-outline-danger:not(:disabled):not(.disabled):active{background-color: #ff4615;
    border-color: #ff4615;}
	
.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item a span {
    display: contents;
    color: #b3b3b3;
}	
	
	.header-navbar.navbar-brand-center .navbar-header {
    width: 192px;
    position: unset;
    left: 0;
    padding: 0;
    margin: 0;
    transform: none;
    z-index: 999;
}	
.horizontal-menu .navbar-dark .nav-item.active > a {
    background-color: transparent;
    border-bottom: 4px solid #1acbc4;
}
.top-mid-menu .nav-item{ margin-right:1rem}
/*  sub-footer style*/
	
	.sub-footer .navbar-dark .navbar-nav .nav-link {    color: #949494; }
	.sub-footer  ul.nav li > a.nav-link { padding: 0rem 2rem;    font-size: 1.15rem;}
	.sub-footer ul  span { font-size: 0.9rem !important;    color: #848484;    font-weight: 600;}
	.sub-footer ul  span:hover{ text-decoration:underline}
	.sub-footer ul  li{ list-style:none !important;display: inline-block !important;}
		.sub-footer ul { padding-left:0 !important}
footer.footer-light {    background: #f4f5fa;}	
	
/* form style*/	

form.form-horizontal .form-group .label-control {
    text-align: left;
}
form .form-actions {
    border-top: none;
    padding: 20px 0;
    margin-top: 20px;
}	
.btn-danger {
    border-color: #d90114 !important;
    background-color: #d90114 !important;
    color: #FFFFFF;
	border-radius: 0;
    padding: 1rem 2rem;
	font-size: 1rem;
}
.btn-danger:focus, .btn-danger:active {
    border-color: #ed1c24 !important;
    background-color: #ed1c24 !important;
    color: #FFF !important;
}	
form .form-section {
    color: #868686;
	    background-color: #f9f9f9;
    line-height: 3rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
}
.partner-details form.form-horizontal .form-group .label-control {
    text-align: left;
    font-weight: 600;
}
	.partner-details .form-group:hover { background: #f2f2f2;    padding: 0.5rem;}
	.partner-details .form-group{  padding: 0.5rem;}
	
.main-menu.menu-light .navigation > li.open > a {
      border-right: 4px solid #ed1c24;
}	
	
	
	
.card-brd-right{border-right: 1px solid #0000001a;}	
.card-brd-right a{ color:inherit}
.card-brd-right a:hover{ color:inherit}
.single-card-detail ul li{ list-style:none;}	
.single-card-detail{ display:inline-flex; }
.quick-link-section ul li a{ color:inherit}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ff4616;
    border-color: #ff4616;
}
.pagination .page-link {
    color: #ff4615 !important;
    border: 1px solid #BABFC7;
}

.grad-btn{
    background-color: #d90114;
    border: none;
    padding: 0.75rem 3rem;
    border-radius: 2rem;
    color: white;
    font-family: 'rubik', serif;
    font-size: large;
}
/* mobile style*/

@media (max-width:600px) {
	 .m-center{ text-align:center !important}
	 .m-pt-0{ padding-top:0 !important}
	 .w-80{width:100% !important; padding-top: 2rem }
	
     .mb-5, .my-5 {margin-bottom: 0!important;}
    .mt-5 {margin-top: 0!important;}
    .sm-p5 {padding: 1.5rem!important;}
     .py-6, .py-8 {padding: 4rem 0;}
	 .w-70{width:100%}
	 .py-5{padding:	 1rem 0 !important }
	
	
     .ml-6{margin-left: 0rem;}
    .ml-20{margin-left: 0rem;}
	.sm-pb-0{ padding-bottom:0}
	.sm-mb-0{ margin-bottom:0}
	.sub-footer .navigation {padding-bottom:0;margin-bottom: 0;}
	.sm-pl-1{ padding-left:0.5rem !important}
	.sm-float-none{ float:none !important}
	.sm-p-0{ padding:0 !important}
	
    }
@media (max-width:767px) {
	.header-navbar .navbar-container ul.nav li a.menu-toggle i{ display:none}
	.hide-on-small{ display:none}
	.card-brd-right{border-right: 0px solid #fff;}	
	.navbar-light .nav-link {  padding-top: 0.625rem !important;}
	.sm-text-left{ text-align:left !important}
	.sm-d-block{ display:block}
	.sm-d-flex{ display:flex}
	.sm-text-12{font-size: 12px;}
	/* manager tabs css*/o
    .statistic-section .user-selection .media-body{ display:inline-flex !important}
    .statistic-section .user-selection .media-body a{ margin-right: 1rem; }
	.tab-save-section .user-selection.media-body p{ font-size:12px }
	.tab-save-section .nav.nav-tabs.nav-underline .nav-item a.nav-link {
       font-size: inherit !important;}
	   .sm-flex-row-reverse {   flex-direction: column-reverse !important;}
	.sm-p-1{ padding:1rem !important}
	.sm-w-auto .form-group .col-sm-4, .sm-w-auto .form-group .col-sm-8{ width:49%}
	}
@media (min-width:768px) and (max-width:1023px){	
.header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 140px;
}	
.top-mid-menu .nav-item {
    margin-right: 0.1rem; 
}
.tab-save-section .nav.nav-tabs.nav-underline .nav-item a.nav-link {
       font-size: inherit !important;}
	   .pricing-online .table th, .pricing-online .table td, .membership-option .table th, .membership-option .table td {
    font-size: 0.8rem;
    padding: 0.7rem 0.8rem !important;
}
.sm-font-small{    font-size: 0.9rem !important;}

.stats-section { width:90% !important}

}

@media (min-width:1024px) and (max-width:1190px){	

.top-mid-menu .nav-item {
    margin-right:1rem; 
}
.offline-plans .fa-ul {
    padding-left: 0	!important;
    margin-left: 0.2rem !important;}
}




/* range slider css*/

.range-slider .slider-labels {
  margin-bottom: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.range-slider .noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.range-slider .noUi-target {
  position: relative;
  direction: ltr;
}

.range-slider .noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.range-slider .noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.range-slider .noUi-handle {
  position: relative;
  z-index: 1;
}

.range-slider .noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.range-slider .noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.range-slider .noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.range-slider .noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.range-slider .noUi-horizontal {
  height: 4px;
}

.range-slider .noUi-horizontal .noUi-handle {
  width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -7px;
    top: -5px;
    background-color: #ff4615;
}

/* Styling;
 */
.range-slider .noUi-background {
  background: #D6D7D9;
}

.range-slider .noUi-connect {
  background:#ff4615;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.range-slider .noUi-origin {
  border-radius: 2px;
}

.range-slider .noUi-target {
  border-radius: 2px;
}

.range-slider .noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.range-slider  .noUi-draggable {
  cursor: w-resize;
}

.range-slider  .noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.range-slider  .noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.range-slider .noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53,93,187,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
.range-slider [disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

.range-slider [disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}
.navbar-light .navbar-brand .navbar-nav .active { position:relative }

 .navbar-light .nav-item.active:after {
  content: "";
    position: absolute;
    margin-left: -15px;
    left: 50%;
   border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #fff;
	 z-index: 11;
}
.is-sticky .navbar-light .nav-item.active:after { border-top: 13px solid transparent;}
 .navbar-light .nav-link {
    display: block;
    padding: 2rem 1rem;
}
.horizontal-menu .navbar-light .active > a {
    background: white;}
	.navbar-light .navbar-nav .active > .nav-link{
    color: #ed1c24;
    font-weight: 600;
}


/*saved search page*/


.tab-save-section .nav.nav-tabs.nav-underline .nav-item a.nav-link {
     color: #d90114;
    font-weight: 700;
	   text-transform: uppercase;
}
.tab-save-section .nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
      height: 4px;
    background: #6cdbd6;}
.tab-save-section .nav.nav-tabs.nav-underline {  
    border-bottom: 1px solid #efefef;
}
.tab-save-section .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus, .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover {
    color: #000000;
    background-color: transparent;
}



/*my photo page*/

 .border-light-grey{ border:1px solid #cdcdcd}
 .border-btm-orange{ border-bottom:3px solid #d90114}
 
 /* my order page- pricing table Card */
 section.pricing {
 /*background: linear-gradient(to right,  #e53040, #ff4616);*/
 background-color:#e53040;
}

.member-section .card ul{ list-style:none}
.member-section .card ul i{ color:#ff4616; font-weight:900; margin-right:0.5rem}
.member-section .card ul li{ font-size:16px; margin-bottom:0.5rem;}
.member-section .card ul li:hover{ color:black}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}


.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
 
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 2rem;
  margin: 0;
  font-weight: 600;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}
.pricing ul li{ list-style:none; color:black}
.pricing ul li i{font-weight: bolder;
    color: #fd5f17;
    font-size: 1.5rem;
    margin-right: 1rem;}
.pricing ul li i:hover{ color: #fd5f17; font-size: 1.7rem;transform: scale(1.3);transition: all .2s ease-in-out;}

.option-table .table thead th {
    color: #e53040;
    text-align: center;
  }

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

/* add new*/
.partner-details .banner-image{
	background: url(../images/bannerimage.jpg)no-repeat;
   width:auto;
  background-size: cover;
  
}
.attested-details li{list-style: disc;}	
.login-sidecontent li{list-style: disc;}	



/* my order page- pricing table Card */

.pricing-online .btn { padding: 0.5rem 1rem;    width: max-content;}
.pricing-online table th, .membership-option table th{ width:20%}
.pricing-online th {
    white-space: normal !important;
	vertical-align: middle;
    text-align: left;
}
.pricing-online .table td{vertical-align: middle;}
.option-table .table th,.option-table .table td {    vertical-align: middle;}
.pricing-online  i, .pricing-online  span{
    font-weight: bolder;
    color: #e53040;
    font-size: 1.2rem;
    margin-right: 1rem;
}

.option-table .table td{
  text-align: center;
}
.modal-header {
    display: block;}
	
	.premium-plans button{font-weight: 700;
    background: transparent;
    border: 0;
    padding: 0;
    color: #6B6F82;
	    cursor: pointer;
		    text-align: left;
	    outline: 5px auto white !important;}
			.premium-plans button:hover{
    color: #ff4716 !important;}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    color: #ff3600;
}
.modal-header {  border-bottom: 1px solid #e8e8e8;}
.modal-footer {    border-top: 1px solid #e8e8e8;}
.grad-btn2 {   color: white; background-image: linear-gradient(to right, #e53040 0%, #ff4816 68%, #fd5266 100%) !important;}
.grad-btn2:hover, .grad-btn2:active{color: #fdb812 !important; }
.offline-plans button {
    background: transparent;
    border: 0;
    padding: 0;
    color: #000000;
    cursor: pointer;
    text-align: left;
    outline: 5px auto white !important;
    vertical-align:top;
}
.offline-plans button:hover {
    color: #ff4716 !important;
}
@media (max-width: 767px) {
.pricing-online .table th, .pricing-online .table td, .membership-option .table th, .membership-option .table td {font-size: 0.8rem;
    padding: 0.1rem 0.1rem !important;
}
.membership-option .table th, .membership-option .table td {
    white-space:nowrap;
}
.pricing .btn {   padding: 0.3rem 0.5rem !important}
.sm-font-small{ font-size:1rem !important}
.offline-plans .fa-ul {
    padding-left: 0	!important;
    margin-left: 0.2rem !important;}
}
.stats-section a {
       color:#6B6F82 !important;
}
.stats-section a:hover {
       color:red !important;
}
.offline-plans .text-red {
    color: red !important; font-weight:600;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.responsive table, thead, tbody, th, td, tr { 

	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.responsive .table th, .table td {
    padding: 0.75rem 1rem !important;
	vertical-align: middle;
}
	.responsive .font-medium-2 {
    font-size: 1.1rem !important;
}
	
}

@keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }

    .blink-text {
        animation: blink 1s infinite;
    }