.project-overlay:before,
.gallery-widget a:before,
.widget a.readmore span,
.our-service > span,
#options .option-set li a.selected,
.desert-parallax a.readmore span,
.skillbar .progress .progress-bar,
.error-page form button,
.single-post-img ul,
.coloured-title,
.simple-table:hover .table-bg:before,
.parallax-sec .readmore span{
	background-color: #da0046;
}

.project-icon i,
.member h4 a:hover,
.intro-text strong,
.intro-text span,
.welcome-box > span,
.welcome-box h2 span,
.welcome-box h1 span,
.about span,
.about h3 strong,
.link-inner i,
.link-inner > span,
.title > span,
.title h2 span,
.widget-title span,
.widget li span,
.counter strong,
.owl-nav > div:before,
.link-inner > h3 span,
.all-texty h3,
.member > span,
.blog-detail strong a:hover,
.post-date,
.testimonial > strong,
.agency-detail > h4,
.agency-detail > i,
.desert-parallax h2 i,
.desert-parallax ul li i,
.page-top h3 i,
.error-page > span,
.error-page h1,
.member-details > span,
.contact-box i,
.slide-title2,
.slide-subtitle2,
.slide-title span,
.blog-detail > h4 a:hover,
.social-icons a:hover,
.simple-text > span,
.simple-text > h3 strong,
.desert-parallax h3 i,
.our-service:hover h5,
.our-service:hover i,
.fancy-post-date > span,
.table-box > span,
.fancy-post h3 a:hover,
.fancy-post li a:hover,
.product-desc > span i,
.slide-title span{
	font-style: normal;
	color:  #da0046;
}

.widget a.readmore,
.desert-parallax a.readmore,
.parallax-sec .readmore{
	border-color:#da0046;
}

.readmore:hover,
nav ul li:hover > a,
.social a:hover,
header.transparent-header nav > ul > li:hover > a,
header.transparent-header .social a:hover,
.cayellotxt,
.footer-links li a:hover,
.widget li a {
	color: #ffd300 !important;
}

.caredtxt{
	color: #da0046 !important;
}

.whitetxt{
	color: white !important;
}

.readmore:hover span,
.cayellobgrnd{
	background-color: #ffd300;	
}

.caredbgrnd{
	background-color: #da0046;	
}

#preloader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 16px solid #ffd300;
  border-radius: 50%;
  border-top: 16px solid #da0046;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

/****** PAGINATION ***/

.pagination > .interval > a, .pagination > .interval > a:focus, .pagination > .interval > a:hover, .pagination > .interval > span, .pagination > .interval > span:focus, .pagination > .interval > span:hover {
  color: #A0A0A0 !important;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #fff;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #E7E7E7 !important;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #E7E7E7;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #ffd300 !important;
  cursor: default;
  background-color: #da0046;
  border-color: #da0046;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #da0046;
  text-decoration: none;
  background-color: rgba(255,255,255,1);
  border: 1px solid #ffd300;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #da0046 !important;
  background-color: rgba(255,211,0,.25);
  border-color: #da0046;
}