/* Add here all your CSS customizations */

.custom-background-color-1 {
	background-color: #343436  !important; /*#4a170f   #c6c3db  #cfc48c*/
}



html .background-color-primary {
	background-color: #f5efda  !important;
}

html .background-color-secondary {
	background-color: #f5efda  !important;
}


/*--------------------------------------------------
-------------------- BUTTON FLOAT ------------------
---------------------------------------------------*/

	#ThismyBtn {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 1px;
	  z-index: 99;
	  /*
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: none;
	  color: white;
	  cursor: pointer;
	  padding: 15px;
	  border-radius: 4px;*/
	}

	#ThismyBtn:hover {
	  /*background-color: #555;*/
	  background: url("data/call.png") no-repeat;
	}	
	

/*--------------------------------------------------
-------------------- rotate words ------------------
---------------------------------------------------*/

.spinny-words{
    display: inline-block;
    min-width: 200px;
    text-align: left;
}
.spinny-words span{
    position: absolute;
    font-weight: bold;
    top:-0px;
    opacity: 0;    
    animation: rotateWord 18s linear infinite 0s;
}
.spinny-words span:nth-child(2) { 
    animation-delay: 3s; 
}
.spinny-words span:nth-child(3) { 
    animation-delay: 6s; 
}
.spinny-words span:nth-child(4) { 
    animation-delay: 9s; 
}
.spinny-words span:nth-child(5) { 
    animation-delay: 12s; 
}
.spinny-words span:nth-child(6) { 
    animation-delay: 15s; 
}
@keyframes rotateWord {
  0%   { opacity: 0; }
  2%   { opacity: 0; transform: translateY(-30px); }
  5%   { opacity: 1; transform: translateY(0px);}
  17%  { opacity: 1; transform: translateY(0px); }
  20%  { opacity: 0; transform: translateY(30px); }
  80%  { opacity: 0; }
  100% { opacity: 0; }
}	



.custom-feature-box-style-1.reverse .feature-box-icon {
	margin-right: 0;
	margin-left: 16px;
	margin-left: 1rem;