.three.columns.leftWrapper.leftWrapperToggle { display: none; }
.columns.contentWrapper {width: 100%; max-width: 1024px;}

a { color: #afaeae; }
a:hover { color: #afaeae; text-decoration: underline; }

.image_holder {
	max-width: 1024px;
}

#button {
	text-decoration: none;
}

#button .image_holder {
	background: #d8f0a6; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #d8f0a6 , #b3d668); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #d8f0a6 , #b3d668); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	text-align: center;
	border: 1px solid #afaeae;
	border-top: none;
	width: 100%;
	max-height: 40px;
	max-width: 1024px;
	font-size: 150%; 
	padding: 7px 20px;
	color: grey;
}

/*a .image_holder div {
	max-width: 449px; 
	height: 100%;
	display: inline-block;
	width: 100%;
	max-height:39px;
}*/

.image_holder2 {
	max-width: 241px;
	/*float: left;*/
	display: inline-block;
}

.text {
	width: 100%;
	color: #9d9d9d;
	padding: 50px 50px 40px 50px;
	display: inline-block;
	word-wrap: break-word;
	text-align: center;
	max-width: 1024px;
}

.text p {
	display: inline-block;
	text-align: center;
	font-size: 14px;
}

.text ul {
	max-width: 122px; 
	width: 100%; 
	margin: 0 auto;
	font-size: 14px;
	margin-top: 10px;
}

.text ul li {
	text-align: left;
}

.title {
	width: 100%;
	color: #ff8245;
	padding: 0;
	display: inline-block;
	word-wrap: break-word;
	text-align: center;
}

.title p {
	margin: 0;
	font-size: 30px;
	margin-bottom: 5px;
}

.list {
	color: #9d9d9d;
	margin-left: 30px;
	/*float: left;*/
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.list ul li {
	margin-bottom: 10px;
	font-size: 15px;
}

.wrap2 {
	overflow: hidden;
	max-width: 525px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.wrap3 {
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border-left: 1px solid #afaeae; 
	overflow: hidden;
}

.wrap3 .left1 {
	float: left; 
	border-bottom: 1px solid #afaeae; 
	border-right: 1px solid #afaeae;
	/*border-left: 1px solid #afaeae; */
	max-width: 511px;
	width: 100%; 
	padding: 10px 40px; 
	text-align: left;
	color: #afaeae;
	font-weight: bolder;
	margin-left: 1px;
}

.wrap3 .left2 {
	float: left; 
	border-bottom: 1px solid #afaeae;
	border-right: 1px solid #afaeae;
	/*border-left: 0.5px solid #afaeae;*/
	max-width: 511px;
	width: 100%;
	padding: 10px 40px; 
	text-align: left;
	color: #afaeae;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

/*back to top css*/

.scrol-to-top {
 	background: none;
 	margin: 0;
 	position: fixed;
 	bottom: 5px;
 	left: 10px;
 	width: 55px;
 	height: 50px;
 	z-index: 100;
 	display: none;
 	text-decoration: none;
 	color: #ffffff;
 	background-color: #00a8ff;
 	padding: 5px 10px;
 	font-size: 30px;	
	border-radius: 3px;
	bottom: 10px;

}

.scrol-to-top:hover {
		text-decoration: none;
		color: #fff;
}
.scrol-to-top:link {
		text-decoration: none;
		color: #fff;
}
.scrol-to-top:visited {
		text-decoration: none;
		color: #fff;
}
  
/*.scrol-to-top i {
 
  font-size: 60px;
 
}*/


@media only screen and (max-width: 1050px) {
    .wrap3 {
    	border-right: 1px solid #afaeae;
    }

    .wrap3 .left1 {
        width: 100% !important;
        border-right: none;
        max-width: 100%;
    }

    .wrap3 .left2 {
		 width: 100% !important;
		 border-right: none;
		 max-width: 100%;
    }	
}

@media only screen and (max-width: 1024px) {
    /*
	.scrol-to-top {
		font-size: 25px;
		padding: 10px 15px;
    }

   .scrol-to-top i {
		width: 100% !important;
		height: 100% !important;
    }

	.scrol-to-top i img {
		width: 100%;
		height: 100%;
		vertical-align: top;
    }

	*/
}


@media only screen and (max-width: 700px) {

	.title p {
		margin: 0 !important;
		font-size: 20px;
		line-height: 150%;
	}

	.text ul {
		margin-left: 30%;
	}

	#button .image_holder {
		font-size: 150%;
	}

	/*
	.scrol-to-top {
		font-size: 20px;
		padding: 7px 12px;
    }
	*/
    .scrol-to-top {
		max-width: 40px;
		max-height: 35px;
		padding: 2px 6px;
    }

    .scrol-to-top i {
		width: 100% !important;
		height: 100% !important;
    }

	.scrol-to-top i img {
		width: 100%;
		height: 100%;
		vertical-align: top;
    }	
}

@media only screen and (max-width: 500px) {

	.title p {
		margin: 0 !important;
		font-size: 20px;
		line-height: 150%;
	}

	.text ul {
		margin-left: 30%;
	}

	#button .image_holder {
		font-size: 100%;
	}

}