body {
  padding: 0px;
  margin: 0px;
  background-color: #F5F5F5;
  color:#222;
}

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

.section{
	position: relative;
}

.fs-1 {font-size: 10px;}
.fs-2 {font-size: 15px;}
.fs-3 {font-size: 30px;}
.fs-4 {font-size: 40px;}
.fs-5 {font-size: 50px;}
.fs-7 {font-size: 70px;}
.fs-8 {font-size: 80px;}
.fs-10 {font-size: 100px;}
.fs-auto {font-size: 100%;}

.ff-sans {font-family: 'Poppins', sans-serif;}
.ff-hand-1 {font-family: 'Over the Rainbow', cursive;}
.ff-hand-2 {font-family: 'The Girl Next Door', cursive;}

.weight-light {}
.weight-normal {}
.weight-bold {font-weight: 700;}

.fc-white {color:#ffffff;}

.logo svg {
	position: fixed;
	top:20px;
	right:20px;
	width:50px;
	height:auto;
	z-index: 10;
	fill:#000;
}

.client-login {
	position: fixed;
	top: 22px;
	right: 90px;
	color: #252525;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	z-index: 1000;
}

.strike {
	display: inline-block;
	position: relative;
	color:#ccc;
}

.line {
	position: absolute;
	top:30px;
	left:-10px;
	transform: rotate(-11deg);
	background-color: #ccc;
	height:3px;
	width:130px;
}

.wrap {
    text-align: center;
}

.payoff {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    line-height: 1.3;
    width: 100%;
}

.payoff_inner {
	display: inline-block;
	position: relative;
}

.smart {
	position: absolute;
	transform: rotate(-7deg);
	top:-95px;
	left:130px;
}

.icon-hand {
	position: absolute;
	transform: rotate(-7deg);
	top:-40px;
	left:190px;
}

.next {
	position: absolute;
    bottom:20px;
    width: 100%;
}

.previous {
	position: absolute;
    top:20px;
    width: 100%;
}

.ti {
	font-size:25px;
}

.squar-1 {
	position: absolute;
	top:7%;
	left:0px;
	width:33%;
	height:75%;
	z-index: 1;
}

.squar-2 {
	position: absolute;
	bottom:0%;
	right:0px;
	width:25%;
	height:10%;
	z-index: 1;
}
.squar-3 {
	position: absolute;
	top:0%;
	right:0px;
	width:25%;
	height:90%;
	z-index: 1;
}

.squar-4 {
	position: absolute;
	top: 10%;
    left: 10%;
    -webkit-transform: translate(-10%, -10%);
    transform: translate(-10%, -10%);
	width:100%;
	height:80%;
	z-index: 1;
	transform: rotate(-2deg);
}

.squar-4 svg {
	fill:#ffffff;
}

.white { background-color: #fff; }
.teal { background-color: #ccfff8; }
.dark { background-color: #222; }

/*
@media (max-width:345px) {

}*/