/*
	General styles
*/

body, html {
	height:100%
}
.touchonly {
	display: none;
}
html.touch .touchonly {
	display: block;
}


.noselect, .noselect * {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}
.doselect, .doselect *:not(.noselect) {
	user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.blue {
	background-color: #3883d8;
}
.turqoise {
	background-color: #38ced7;
}
.brown {
	background-color: #a66f28;
}
.bordeaux {
	background-color: #953543;
}
.skin {
	background-color: #ED9F4C;
}
.black {
	background-color: #000000;
}
.white {
	background-color: #FFFFFF;
}
.red {
	background-color: #cf3535;
}
.green {
	background-color: #22d659;
}
.orange {
	background-color: #ea6300;
}


/*------------------------------*/
.scrollmagic_wrap{
	position: relative;
	height: 100%;width: 100%;
}
.scrollmagicwipes-row{
	width: 100%;height: 100%;
	overflow: hidden;
}
.wipesrith {
	position: absolute;
	width: 100%;height: 100%;
}
.scrollmagic-after-content{position:inherit;}

/*--------------------------------*/

.scrollmagic_wrap{
	position: relative;
	height: 100%;width: 100%;
}
.scrollmagic-after-content{position:inherit;}
/*------------------------------*/

.scrollmagicwipes-row{
	width: 100%;height: 100%;
	overflow: hidden;
}
.wipesrith {
	position: absolute;
	width: 100%;height: 100%;
}
/*--------------------------------*/
.slidemanual-row{
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-perspective: 1000;
			perspective: 1000;
}
.slidemanual-container {
	width:500%; 
	height:100%;
}
.slidemanualbox {
	height: 100%;
	width:20%; 
	float: left;
}
/*-------------------------------------*/
.scrollmagiccirclefadeeffect-row{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.circlefadeinbox {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow:hidden;
}
/*-----------------------------------------*/