.width100p{
	width:100%;
}

.width90p{
	width:90%;
}

.width80p{
	width:80%;
}

.width70p{
	width:70%;
}

.width60p{
	width:60%;
}

.width50p{
	width:50%;
}

.width40p{
	width:40%;
}

.width30p{
	width:30%;
}

.width20p{
	width:20%;
}

.width10p{
	width:10%;
}

.bold_green{
	color:#6ab344;
    font-weight: 700;
	line-height:110%;
}

.bold_blue{
	color:#0066b3;
    font-weight: 700;
	line-height:110%;
}

.bold_red{
	color:#cc4247;
    font-weight: 700;
	line-height:110%;
}

.bold_white{
	color:#fff;
    font-weight: 700;
	line-height:110%;
}

.green_left_border{
	border-left:#6ab344 3px solid;
}

.button{
	display: inline-block;
	font-size: 20px;
	min-height:16px;
	font-weight:598;
	padding:10px 20px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
	cursor: pointer;
	verticle-align:middle;
}

.grey-green-op-button{
	color: #92989b;
	background-color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
}

.grey-green-op-button:hover{
	color: #6ab344;
}

.green-button{
	background-color: #6ab344;
	color: #fff;
}

.dark-green-button{
	color:#fff;
	background-color:#009688;
}

.blue-button{
	background-color: #0066b3;
	color: #fff;
}

.red-button{
	background-color: #c13584;
	color: #fff;
}


.green-button:hover{
	background-color:#59a233;
}

.dark-green-button:hover{
	background-color:#008577;
}

.blue-button:hover{
	background-color: #0055a3;
}

.red-button:hover{
	background-color: #bb4236;
}

#blackout{
	background-color:rgba(0,0,0,0.5);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1;
	display:none;
	z-index: 4;
}

.bigHiddenContent{
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    margin: 0 auto;
    overflow: hidden;
    width: calc(90% - 200px);
    margin-bottom: 120px;
    position: absolute;
    top: 60px;
	transition: margin-left 300ms ease-in-out;
	z-index: 4;
	opacity:1;
	margin-left: 10%; 
	display:none;
}

#white_letter{
	background-color:#fff;
	border-radius: 3px;
	border-left:solid 5px #1177c4;
	padding: 20px 50px;
	z-index: 5;
	
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

.crossout{
	text-decoration: line-through;
}

.title{
	font-size: 28px;
	letter-spacing: 0.11em;
	line-height:110%;
}

.space_below33{
	padding-bottom:33px;
}