/* Set all parents to full height */
html, body,
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%; 
}
@import url(http://fonts.googleapis.com/css?family=Muli);
@font-face {
	font-family: 'quicksand';
	src:url('../fonts/quicksand-regular.otf');
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
ul{
	color:black;
	list-style-type:none;
	padding:0;
	margin:0;
}
ul li{
	float:left;
}

body {
    font-family: 'quicksand', Calibri, Arial, sans-serif;
    color: #fff;
	font-weight:300;
	letter-spacing:-0,5px;
}
h1	{
	font-weight:300;
	font-size:normal;
	letter-spacing:-1px;	
	}
a {
	color: #f0f0f0;
	text-decoration: none;
}

h2	{
	text-align:center;
	padding:0 0 12px 0;
	margin:0;
	border-bottom:1px solid #777;
	}
h3	{
	font-size:0.8em;
	margin:20px 15px 2px 15px;
	}
a:hover {
	color: #000;
}
p	{
	font-size:1.1em;
	}
.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(0,0,0,0.5);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: rgba(223,0,0,0.4);
}
/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #4e686d; /* Old browsers */
	background: -moz-linear-gradient(top,  #4e686d 0%, #828c95 47%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e686d), color-stop(47%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4e686d 0%,#828c95 47%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e686d', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	z-index: 9998;
	height: 50px;
	overflow: hidden;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
header h1	{
	margin:0 0 0 80px;
	/*float:left;*/
	line-height:50px;
	}	
header nav,
header nav a	{
	color:rgba(227, 227, 227, 1);
	font-size:20px;
	line-height:50px;
	padding:0;
	padding:0 7px 0 7px;
		height:50px;
	/*background:green;*/
	}
header nav	{
	margin-right:60px;
	float:right;
	}
header nav a:hover	{
	height:50px;
	color:white;
	background: #207426; /* Old browsers */
	background: -moz-linear-gradient(top,  #207426 0%, #35a960 47%, #113f1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207426), color-stop(47%,#35a960), color-stop(100%,#113f1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #207426 0%,#35a960 47%,#113f1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #207426 0%,#35a960 47%,#113f1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #207426 0%,#35a960 47%,#113f1d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #207426 0%,#35a960 47%,#113f1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207426', endColorstr='#113f1d',GradientType=0 ); /* IE6-9 */
	}
.inhead	{
	float:left;
	}
#menu{
	width:24px;
	height:24px;
	}
.cbp-fbscroller	{
	background-color:rgba(0, 0, 0, 0.4);
	}
.cbp-fbscroller > nav a:first-child		{
	border-radius:20px 20px 0 0;
	}	
.cbp-fbscroller > nav a.cbp-fbcurrent:first-child	{
	border-radius:20px 20px 0 0;
	}		
.cbp-fbscroller > nav a:nth-child(9)	{
	border-radius:0 0 20px 20px;
	}	
.cbp-fbscroller > nav a.cbp-fbcurrent:nth-child(9)	{
	border-radius:0 0 20px 20px;
	}	

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 10px;
	top: 50%;
	height:450px;
	width: 55px;
	border-radius:20px;
	background-color:rgba(0, 0, 0, 0.8);
	background: #5d6166; /* Old browsers */
	background: -moz-linear-gradient(left,  #5d6166 0%, #828c95 36%, #1d262b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5d6166), color-stop(36%,#828c95), color-stop(100%,#1d262b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #5d6166 0%,#828c95 36%,#1d262b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #5d6166 0%,#828c95 36%,#1d262b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #5d6166 0%,#828c95 36%,#1d262b 100%); /* IE10+ */
	background: linear-gradient(to right,  #5d6166 0%,#828c95 36%,#1d262b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6166', endColorstr='#1d262b',GradientType=1 ); /* IE6-9 */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: white;
	width: 55px;
	height: 50px;
	outline: none;
	padding:4px 0px 0px 5px;
	border: 1px solid #fff;
}
.cbp-fbscroller > nav a h1{
	margin:-2px 0 0 8px;
	font-size:35px;
	}
#frevnav	{
	padding-left:9px;
	}
#spanav	{
	padding-left:9px;
	}
.insection	{
	position:absolute;
	text-align:center;
	width:90%;
	height:90%;
	margin:3% 0 1% 5%;
	border:1px solid #777;
	overflow:hidden;
	color:black;
	z-index:900;
	background:rgba(255, 255, 255, 0.8);
	}

#fbsection1 {/*frever*/
background: #1c9e61; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1c9e61 0%, #548e86 25%, #999999 51%, #c80300 82%, #ffffff 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1c9e61), color-stop(25%,#548e86), color-stop(51%,#999999), color-stop(82%,#c80300), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #1c9e61 0%,#548e86 25%,#999999 51%,#c80300 82%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #1c9e61 0%,#548e86 25%,#999999 51%,#c80300 82%,#ffffff 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #1c9e61 0%,#548e86 25%,#999999 51%,#c80300 82%,#ffffff 99%); /* IE10+ */
background: linear-gradient(135deg, #1c9e61 0%,#548e86 25%,#999999 51%,#c80300 82%,#ffffff 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c9e61', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.frevlog	{
	/*border:1px solid black;*/
	margin:2% 0% 1% 10%;
	width:45%;
	height:85%;
	background-image: url(../images/frever_hq.png);
	background-size: contain;
	background-repeat: no-repeat;	
	float:left;
	/*background:blue;*/
	}
.abox	{
	width:38%;
	height:85%;
	margin:2% 6% 1% 0%;
	text-align:left;
	/*border:1px solid black;*/
	color:black;
	float:right;
	/*background:yellow;*/
	padding:7px;
}	
.abox p{
	margin:0;
	font-size:1.3em;
	}
.container_top	{
	width:100%;
	height:51%;
	overflow:auto;
	margin-bottom:10	px;
	/*background:red;*/
	}
.container_down	{
	width:100%;
	height:49%;
	margin-top:8px;
	margin-bottom:6px;
	overflow:auto;
	/*background:green;*/
	}
.imgnav	{
	border:0;
	position:absolute;
	max-width:41px;
	height:39px;
	display:block;
	/*margin:0 0 0 3;*/
	margin:0auto;
	line-height:50px;
	}
#fbsection8 .imgnav	{
	height:15px;
	}
.mark	{
	/*height:45%;*/
	clear:both;
	margin-bottom:15px;
	border-top:1px solid #777;
	}
.mark h2	{
	padding-top:9px;
	padding-bottom:0px;
	border:0;
	}
.partner	{
	width:100%;
	height:48%;
	margin:0;
	/*border:1px solid black;*/
	/*background:red;*/
}
.main	{
	width:90%;
	height:40%;
	margin:0.3% auto;
	/*background:yellow;*/
	}
.view {
   width: 16.4%;
   height: 100%;
   margin: 0.1%;
   float: left;
	border:1px solid #777;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   /*background:red;*/
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
#viewflair {
	float:none;
	margin:0 auto;
	}

.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
	max-width:95%;
	/*height:100%;*/
	max-height:90%;
   display: inline-block;
   position: relative;
   margin:auto;
   top:5%;
}
#probike	{
	top:16%;
	}
.view p {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   padding: 4px;
   background: rgba(0, 0, 0, 0.8);
   margin: 3% 0 0 0;
}
/*.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}*/
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,4,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.bbox	{
	/*border:1px solid black;*/
	width:98%;
	padding:8px 10px 0px 2px;
	height:20%;
	text-align:center;
	position:relative;
	overflow:auto;
	margin:0 1% 0.2% 1%;
	background: rgba(255,255,255,0.8);
		box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.bbox p{
	margin:0;
	}
.title	{
	width:100%;
	text-align:center;
	height:130px;
	margin-top:1%;
	/*background:green;*/
}
#long	{	
	height:160px;
	}
#longest	{	
	height:200px;
	}
/*flair*/
#fbsection2{
		background: #4e686d; /* Old browsers */
	background: -moz-linear-gradient(top,  #4e686d 0%, #828c95 47%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e686d), color-stop(47%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4e686d 0%,#828c95 47%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4e686d 0%,#828c95 47%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e686d', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
#flairbg{
	background-image: url("../images/klip/ita.jpg");
	background-image: url(../images/klip/ita.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
/*sparco*/
#fbsection3 {
	background-image: url(../images/ax/sparco_wall.jpg);
}

.boxshoe	{
	width:45%;
	height:55%;
	/*background:red;*/
	margin:0 auto;
	/*border:1px solid red;*/
	/*overflow:auto;*/
	padding:0;
	position:relative;
	}
.slider{
	width:100%; 
	position: relative;
	height:100%;
	/*background:yellow;*/
}
.slider>img{
	position: absolute;
	left: 0; top: 0;
	transition: all 0.5s;
	/*width:640px;
	height:356px;*/
	width:88%;
	max-height:100%;
	overflow:auto;
	/*height:90%;*/
	border: 1px solid #777;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
}
.slider input[name='slide_switch'] {
	display: none;
}
.slider p {
	margin:4px 0px 0px 3px;
	word-wrap: break-word;
	}
.slider label {
	border: 1px solid #777;
	margin:2px 0px 0px 90%;
	float: left;
	width:12%;
	cursor: pointer;
	transition: all 0.5s;
	display:inline;
	/*Default style = low opacity*/
	opacity: 0.7;
}
	
.slider label img{
	display: block;
	width:100%;
	height:100%;
}
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}

.slider input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}
#sparc	{
	position:relative;
	}
/*grip-and-assist*/
#fbsection4 {
	background-image: url(../images/gna/gna_back.jpg);
}
#long_ass	{	
	height:150px;
	}
.container_ass	{
	width:90%;
	height:70%;
	background:rgba(255, 255, 255, 0.5);
	/*background:green;*/
	margin:0px auto;
	/*overflow:auto;*/
	/*overflow:auto;*/
		box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
	}
.assist_right{
	width:66%;
	height:100%;
	/*background:orange;*/
	float:right;
	display:block;
	margin-right:0%;
	/*overflow:auto;*/
	}
.assist_text p{
	margin:0;
	padding:0;
	}
.assist_text{
	width:100%;
	height:44%;
	text-align:justify;
	border-top:1px solid #777;
	color:black;
	margin:0;
	padding:1% 3% 1px 3%;
	overflow:auto;
	/*background:yellow;*/
	/*background: rgba(255,255,255,0.5);*/
}
#assist_big	{
	height:55%;
	width:100%;
	border:0;
	background-image:url(../images/gna/features.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
.assist_left{
	width:34%;
	height:100%;
	float:left;
	/*padding:0.5%;*/
	/*background:red;*/
	display:block;
	overflow:auto;
	}
.assist_left ul li img{
	/*width:200px;*/
	width:100%;
	height:100%;
	}
.assist_left  ul li{
	border:1px solid #777;
	/*padding:4px;*/
	width:50%;
	height:32%;
	text-align:center;
	font-size:1.2em;
	/*margin:0.4%;*/
	}

/*.subgna	{
	margin-top:-14px;
	}*/
/*grip-n-ride*/
#fbsection5 {
	background-image: url(../images/gnr/g4.jpg);
}
#fbsection5 .title{
	margin-top:1.5%;
	margin-bottom:5%;
	}
.ridepic ul	{
	width:1070px;
	height:200px;
	margin:0 auto;
	}
.ridepic	{
	margin:0px auto;
	overflow:auto;
	}
.ridepic img{
	height:160px;
	}
.ridepic ul li	{
	height:100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
#ridebbox	{
	height:25%;
	}
/*probike*/
#fbsection6 {
	background-image: url(../images/amph/amph.jpg);
}
#bike_text{
height:350px;
overflow:auto;
}
.probike_center	{
	/*background:red;*/
	width:95%;
	float:right;
	}
.probimg 	{
	max-width:1100px;
	width:90%;
	line-height:250px;
	height:270px;
	margin:auto;
	overflow:auto;
	/*background:yellow;*/
	}
.probimg ul li img{
	height:150px;
	padding-left:10px;
	padding-right:10px;
	transition:height 0.9s;
	line-height:50px;
}
.probimg ul li img:hover{
	height:180px;
	padding-left:9px;
	padding-right:9px;
	margin-bottom:0px;
}
.probimg p{
	display:none;
	}
#fbsection6 .bbox	{
	clear:both;
	position:relative;
	}
/*eco*/
#fbsection7{
	background-image: url(../images/eco-sany/ecomod.jpg);
}
.supereco	{
	width:100%;
	height:45%;
	display:block;
	margin:0 auto;
	overflow:auto;
	/*background:green;*/
	position:relative;
	}
.ecocontainer	{
	width:690px;
	height:100%;
	margin:0 auto;
	/*background:red;*/
	}
.ecobox	{
	width:220px;
	height:120px;
	position:relative;
	margin:2%;
	}

.ecoboxf	{
	width:220px;
	height:120px;
	display:block;
	background:rgba(2, 157, 255, 1);
	color:white;
	font-size:1.4em;
	padding:16px 6px 6px 10px;
	transition:opacity 1s;
	position:absolute;
	}
.ecoboxb{
	width:220px;
	height:120px;
	background:rgba(147, 147, 147, 1);
	color:white;
	font-size:0.9em;
	padding:6px 6px 6px 6px;
	position:absolute;
	}

.ecoboxf:hover{
	opacity:0;
	}


#cent{
	/*width:30%;*/
	height:20%;
	margin:0% auto;
	display:block;
	margin-bottom:0%;
	background-image:url(../images/eco-sany/ecomod_cent_1.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/*background:red;*/
	}
	
/*sanity*/
#fbsection8{
	background-image: url(../images/eco-sany/cloud.jpg);
}	
#fbsection8 .container_ass	{
	margin-top:1%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}	
/*accordion*/
.ac-container{
	width: 95%;
	/*margin: 10px auto 30px auto;*/
	float:right;
	text-align: left;
	height:100%;
	margin-right:2%;
	/*background:red;*/
}
.ac-container label{
	padding-left:20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	overflow:auto;
	color: black/*#777*/;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 30px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	/*font-style: italic;*/
	color: black/*#777*/;
	line-height: 23px;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	margin-top:5px;
	margin-bottom:-5px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 300px;/*140px;*/
	overflow:auto;
}
.ac-container input:checked ~ article.ac-medium{
	height: 300px;/*180px;*/
}
.ac-container input:checked ~ article.ac-large{
	height: 300px;
	overflow:auto;
}
.sanity_left	{
	float:left;
	width:40%;
	height:100%;
	/*background:green;*/
}
.sanity_right	{
	float:right;
	width:60%;
	height:100%;
	/*background:red;*/
}
#sanity_bag	{
	width:95%;
	height:50%;
		background-image:url(../images/eco-sany/sanycar_app_p.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;	
	}
.sanity_text	{
	width:95%;
	height:50%;
	overflow:auto;
	margin:0 auto;
	padding:10px;
	}
/*contacts*/	
#fbsection9{
	background-image: url(../images/map.jpg);	
}
#contacts	{
	width:90%;
	height:34%;
	margin:0% 5% 1% 5%;
	padding:0;
	line-height:1.4em;
	font-size:1.2em;
	}
#contacts a	{
	color: black;
	}
.coda{
	width:100%;
	height:40px;
	margin:17px 0 30px 0;
	}
.coda h2{
	font-size:2em;
	}
#fbsection9 .frevlog{
	margin:0px auto;
	margin-bottom:20px;
	float:none;
	height:47%;
	}
.credits{
text-align: center;
background:black;
padding-bottom:0.1px;
position:relative;
color:white;
}
.credits a{
color:#fed136;