.hidden_nav_item {
	display: none;
}

@media (max-width: 991px) {
	.hidden_nav_item {
		display: block;
	}
}

h2,
h2 > span,
h2 > span > b {
	font-family: 'Oswald', sans-serif;
	font-size: 37px;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	color: #758087;
}


 .mobile_extra {
	margin-top: 200px !important; 
	filter: grayscale(100%);
 }

 @media only screen and (max-width: 600px) { 
	.defaultimg {
		background: url('../img/m2m_pics/mobile_hp.jpg') !important;
		background-position: center center !important;
    	background-size: cover !important;
    	background-repeat: no-repeat !important;
	}
}

@media only screen and (max-width: 650px) {
	.parallax-background{
		background: url('../img/m2m_pics/mobile_hp_testimonials.jpg') !important;
		background-size: cover !important;
		background-position-x: 50% !important;
	}  

	.mobile_extra {
		margin-top: 50px !important;
	}
}

@media only screen and (max-width: 580px) {
	#mobile_service_main {
		background-image: url('../img/m2m_pics/mobile_services_main.jpg') !important;
	}
}

html.safari #safari_rect {
	fill-opacity: 1;
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
	fill: #ea6744;
	stroke: #ea6744;
}

html.safari .lineProgress {
	-webkit-animation-name: "none";
					animation-name: "none";
}

html.safari .lineProgressAndFill {
	-webkit-animation-name: "none";
					animation-name: "none";
}

html.safari .custom-square-1 rect.appear-animation-visible {
	fill-opacity: 1;
	opacity: 1 !important;
}

html.safari .custom-square-1 rect.animated {
	opacity: 1 !important;
}

html.safari .custom-square-1.custom-square-top-right rect,
html.safari .custom-square-1.custom-transition-1 rect {
	fill-opacity: 0 !important;
} 

html .featured-box-primary .icon-featured {
	background-color: #212529;
}

html .featured-box-primary h4 {
	color: #212529;
}

#bookTest {
	transition: all .2s ease-in-out;
}

#bookTest:hover {
	transform: scale(1.05);
	background-color: #E6C9AB;
}


.typewriter {
	display:inline-block;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: .15em solid #ea6744; /* The typwriter cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	/* letter-spacing: .15em; Adjust as needed */
	animation: 
	  typing 4.2s steps(100, end),
	  blink-caret .5s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
	from { width: 0 }
	to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: orange }
  }
  
html .btn-primary:active, html .btn-primary.active {
    background-color: #ea6744 !important;
    background-image: none !important;
    border-color: #ea6744 #ea6744 #ea6744!important;
}

html .btn-primary:focus, html .btn-primary.focus {
    background-color: #ea6744;
    border-color: #ea6744 #ea6744 #ea6744;
    color: #FFF;
    box-shadow: 0 0 0 3px rgb(67 166 163 / 50%);
}