@import url("https://use.typekit.net/eya1cau.css");

h1, h2, h3, h4, h5, h6 {
		font-family: "swear-display", serif !important;
font-weight: 400;
font-style: normal;
}

.swear-display {
		font-family: "swear-display", serif;
font-weight: 400;
font-style: normal;
}


.margin-top {
	margin-top: -200px;
}

.margin-bottom-footer{
	margin-bottom: -5px
}

.roller{
/*   text-align:center; */
	padding-left: 6rem;
/* 	font-family: "Forum",fantasy; */
		font-family: "swear-display", serif;
font-weight: 500;
font-style: normal;
  text-transform: uppercase;
  color: #735A46; 
  font-size: 4rem;
  height: 4.125rem;
  line-height: 4rem;
  position: relative;
  overflow: hidden; 
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: left;
}

.roller::before {
	content: "Hi,";
	left: -0rem;
	font-size: 80px;
	position: absolute;
	text-transform: none; 
}

.roller #rolltext {
  position: absolute;
  top: 0;
  animation: slide 12s infinite;  
}
@media screen and (max-width:600px){
	.hero-headline{
		font-size:3rem !important;
	}
	
	.roller{
		padding-left: 3.5rem;
		font-size:2.4rem;
	}
	
	.roller::before{
		font-size:3rem;
	}
	
}

@keyframes slide {
  0%{
    top:0;
  }
  8.3%{
    top: -4rem;    
  }
  16.6%{
    top: -8rem;
  }
  24.9%{
    top: -12rem;
  }
  33.2%{
    top: -16rem;
  }
  41.5%{
    top: -20rem;
  }
  49.8%{
    top: -24rem;
  }
  58.1%{
    top: -28rem;
  }
  66.4%{
    top: -32rem;
  }
  74.7%{
    top: -36rem;
  }
  83%{
    top: -40rem;
  }
  91.3%{
    top: -44rem;
  }
  99.9999%{
    top: -48rem;
  }
  100% {
    top: 0;
  }
}

.italic {
	font-style: italic;
}

.wpforms-submit {
	border: 1.5px solid #FE5A1C !important;
	background: none !important;
	background-color: #FE5A1C !important;
	border-radius: 20px !important;
	padding: 10px 30px !important;
}

.wpforms-submit:hover {
	border: 1.5px solid #FE5A1C !important;
	background-color: #ffffff !important;
	color: #FE5A1C !important;
}

.font-medium {
	font-weight: 600;
	margin-bottom: 8px;
}

.about-me-text {
	position: relative;
	z-index: 0 !important;
}

.about-me-text::after {
	content: "";
	width: 80px;
	height: 80px;
	border-radius: 50%;
	left:-35px;
	top:-8px;
	background-color:#FFEBEB;
	position:absolute;
	z-index: -1 !important;
}

input{
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid #707070 !important;
	border-radius: 0px !important
}

textarea{
		background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid #707070 !important;
	border-radius: 0px !important
}

.contact-mail-me a {
	color: #FE5A1C;
	font-weight: 450;
	font-style: italic;
}

.mb-0{
	margin-bottom: 0px;
}
.pace-progress {
	display: none !important;
}

.suki-preloader-pace img {
	animation: wankle 1.5s infinite ease;
}

@keyframes wankle {
	0% {
		transform: rotate(-20deg);
	}
	
	50% {
		transform: rotate(20deg);
	}
	
	100% {
		transform: rotate(-20deg);
	}
}

.round-decoration {
	position: relative;
	z-index: 0 !important;
}

.round-decoration::after {
	content: "";
	width: 105px;
	height: 105px;
	border-radius: 50%;
	right:5px;
	top:-15px;
	background-color:#FFEBEB;
	position:absolute;
	z-index: -1 !important;
}

#sbi_load span {
	border-radius: 20px !important;
}

#sbi_load a {
	padding: 8px 14px !important;
	font-size: 12px !important;
	border-radius: 32px !important;
}

#sbi_load a:hover {
	color: #fe5a1c !important;
	 
}

.footer-logo::before {
	content:" ";
	border-bottom:1px solid #735A46;
	width: calc(50% - 76px);
	position:absolute;
	top:60px;
} 

.footer-logo::after {
	content:" ";
	border-bottom:1px solid #735A46 ;
	left: calc(50% + 76px);
	width: calc(50% - 76px);
	position:absolute;
	top:60px;
} 

.suki-footer-widgets-bar-column-3 {
	border-right: 1px solid #735A46;
	border-left: 1px solid #735A46;
}

#wpforms-confirmation-122 {
	background: transparent;
	text-align: center;
	padding: 50px;
	border: #FE5A1C 2px solid;
	border-radius: 16px;
	color: #FE5A1C;
	font-size: 25px
}

.drop-shadow {
	-webkit-box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.49);
box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.49);
}

.business-card-3d{
	transform: translate(0px, 0px) skew(2deg, -1deg);
	border-left: solid #c4c4c4;
	margin-top: -140px !important;
	max-width: 500px;
}

@media screen and (max-width:600px){
	
.business-card-3d{
	margin-top: -95px !important;
	max-height: 500px;
	font-size: 6px

}
	
	.about-me-lp{
		margin-top: 0px;
		font-size: 55px !important;
		color: #ECE9E3 !important;
	}
	
	.mb-no-delay {
		animation-delay:0s;
		transition-delay:0s;
	}
	
	.line-face{
		width: 140px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sun-mobile{
		height: 90px;
		width: 90px;
	}
	.contact-mobile{
		font-size: 20px
	}
	.title-mobile{
		font-size: 18px !important;
	}
	.name-mobile{
		font-size: 28px !important;
	}
}

.line-right{
	border-right: 1.5px solid #BFBDC1;
}

.height{
	height: 20px;
}

.margin-top-40 {
	margin-top: 60px !important;
	margin-bottom: 15px !important;
}

.branding-timeline {
	position: relative;
}

.branding-timeline::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	height: 100%;
	z-index:0 ;
	border-left: 1.5px #735A46 solid;
}

.branding-timeline-item-left {
	width: 100%;
	position: relative;
	z-index: 1;
}

.branding-timeline-item-left::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color:#FFEBEB;
	right: calc(0px - 5%);
	border-radius: 50%;
		z-index:2 !important;
}

.branding-timeline-item-right {
	width: 100%;
	position: relative;
	z-index: 1;
}

.branding-timeline-item-right::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color:#FFEBEB;
	left: calc(0px - 5%);
	border-radius: 50%;
		z-index:2 !important;
}

.no-margin{
	margin-top: -30px;
}

input[type=submit] {
	background-color: #FE5A1C !important;
	border-radius: 50px !important;
	border-bottom: none !important;
}
input[type=submit]:hover{
	background-color: #ffffff !important;
	border: 1px solid #FE5A1C !important;
}
.corner-radius-8 img{
	border-radius: 8px;
}