.main-header {
	background-image: url('../Images/backgrounds/header_about.gif');
}

.sidebar {
	display: none !important;
}

.section  {
	overflow: auto;
}

.wrapper {
	max-width: 915px;
	margin: auto;
	padding: 35px 15px 15px;
}

h2 {
	margin: 0 0 20px;
}

.textAbout {
	background: #fff;
	text-align: justify;
}


// Layout
html {

	.section {
		padding-top: 0;
	}

	.scroller {
		padding-top: 165px;
		padding-bottom: 334px;
	}

	.textAbout {
		margin-top: -165px;
	}

	.otherApps {
		margin-bottom: -334px;
	}

	.controlsList {
		min-height: 100%;
	}

}




// Sitemap - products
.controlsList {
	background: #f4f5f5;

	.RadSiteMap {

	.rsmList:after {
		content: "";
		display: block;
		clear: both;
	}

	.rsmItem {
		width: 30%;
		float: left;
		margin-right: 5%;

		&:nth-child(3n+3) {
			margin-right: 0;
		}
	}

	.rsmLink {
		display: block;
		color: #00b312;
		padding: 5px;

		&:before {
			content: "";
			display: inline-block;
			width: 24px;
			height: 24px;
			background-image: url(../Images/product-icons.png);
			background-repeat: no-repeat;
			vertical-align: middle;
			margin-right: 10px;
		}
	}

	// Icons
	& {
		.icon-radajax .rsmLink:before { background-position: 0 0px; }
		.icon-radautocompletebox .rsmLink:before { background-position: 0 -24px; }
		.icon-radbutton .rsmLink:before { background-position: 0 -96px; }
		.icon-radcalendar .rsmLink:before { background-position: 0 -120px; }
		.icon-raddropdownlist .rsmLink:before { background-position: 0 -384px; }
		.icon-radeditor .rsmLink:before { background-position: 0 -432px; }
		.icon-radgrid .rsmLink:before { background-position: 0 -576px; }
		.icon-radinputmanager .rsmLink:before { background-position: 0 -648px; }
		.icon-radlistview .rsmLink:before { background-position: 0 -720px; }
		.icon-radmenu .rsmLink:before { background-position: 0 -792px; }
		.icon-radscheduler .rsmLink:before { background-position: 0 -1080px; }
		.icon-radsearchbox .rsmLink:before { background-position: 0 -1104px; }
		.icon-radsitemap .rsmLink:before { background-position: 0 -1128px; }
		.icon-radtooltip .rsmLink:before { background-position: 0 -1392px; }
		.icon-radtreeview .rsmLink:before { background-position: 0 -1464px; }
		.icon-radasyncupload .rsmLink:before { background-position: 0 -1488px; }
		.icon-radwindow .rsmLink:before { background-position: 0 -1536px; }
		.icon-radwizard .rsmLink:before { background-position: 0 -1560px; }
		.icon-radclientexportmanager .rsmLink:before { background-position: 0 -1704px; }
		.icon-radnavigation .rsmLink:before { background-position: 0 -1728px; }
		.icon-radtextbox .rsmLink:before { background-position: 0 -1872px; }
	}
}
}

.otherApps {
	background: #e1e3e4;
	white-space: nowrap;


	// Sitemap
	.RadSiteMap {
		text-align: center;
		color: #00b312;
		text-transform: uppercase;

		.rsmImage {
			display: block;
			margin-bottom: 10px;
			border-radius: 100px;
			box-shadow: 0 0 30px rgba(0,0,0,0.5);
		}

		.rsmList:after {
			content: "";
			display: block;
			clear: both;
		}

		.rsmItem {
			float: left;
			margin-right: 5%;
			margin-bottom: 20px;

			&:last-child {
				margin-right: 0;
			}
		}

		.rsmOneLevel .rsmLink:hover {
			background: transparent;
		}
	}


}

.mobile {

	.controlsList .RadSiteMap .rsmItem {

		& {
			width: 48%;
			margin-right: 4%;
		}
		&:nth-child(2n) {
			margin-right: 0;
		}
	}

	.otherApps .RadSiteMap .rsmItem {
		width: 44%;
	}

	.container {
		padding-top: 0;
	}
}
