.mainFrame {width:900px; margin:0 auto; text-align:center; position:relative; overflow:hidden;}

.vision, .reality {
    width: 900px;
    margin: 15px 0;
    text-align: left;
    cursor: pointer;
	float:left;
	padding: 10px 15px;
}

.reality .text {overflow:hidden;}

/*slide*/
/*.reality .text ul {width:1450px; position:relative;padding:0; margin:0;}*/
/*.reality .text ul li {width:280px; margin:0; float:left; padding:0; list-style:none;}*/

/*fade*/
.reality .text ul {padding:0; margin:0;}
.reality .text ul li {margin:0; position:absolute; padding:0; list-style:none; display:none;}
.reality .text ul li:first-child  {display:block;}

.reality .text ul li p {margin: 7px 10px 7px 0;}
.vision .text .t-padding, .reality .text .t-padding {padding:20px;}

.text .textHeight {overflow:hidden;

	font-family: "SkodaProRegular";
	padding: 0 0 0 15px;
	font-size: 15px;
}

.reality-image {position:relative}
.reality-image img {position:absolute; top:0; display:none;}
.reality-image img:first-child  {display:block;}

.textHeight h3 {margin:0 0 15px 0; padding:0;
	font-family: "SkodaProRegular";
	font-size: 20px;

}

.slider {display:block; text-align:center;}

.ui-slider {border-radius:6px;}
.ui-slider-handle {border-radius:11px; background-image:none !important;}

.slider-wrapper {font-size: 12px;}

.slider-vision, .slider-reality {color:#555555 !important; text-transform:uppercase;}
.slider-vision {position:relative; top:-10px; float:right; display:inline; right:90px; text-align:right;}
.slider-reality {position:relative; top:-32px; float:left; display:inline; left:90px;}
#slider {position:absolute; top:0;}

#slider .slider-vision span,
#slider .slider-reality span {
	background-color: #4ba82e;
    color: #ffffff !important;
    text-decoration: none !important;
	cursor: pointer;
    display: inline-block;
    padding: 4px 10px;
    position: relative;
    vertical-align: middle;
	white-space:nowrap;
	}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.4em; height: 1.4em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
.ui-widget-content {background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAAAwCAYAAADn0R3wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlBRDk5MjQ2MjY1OTExRTQ5NUVBQzNEMkQ1QzgxQjU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlBRDk5MjQ3MjY1OTExRTQ5NUVBQzNEMkQ1QzgxQjU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUFEOTkyNDQyNjU5MTFFNDk1RUFDM0QyRDVDODFCNTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUFEOTkyNDUyNjU5MTFFNDk1RUFDM0QyRDVDODFCNTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5NwXNTAAAFFklEQVR42uybfWgbZRzHn7vcJW3SNe1IO+fEsZeyWRTBjIEISmeHA4cvCILiu+AQB0PwD4WCDDp8R+xfThAFBTeY4h+brDUM9A+nVWQyxMicutoqttomNl6Wl7vH3y97Km2X5O7yUjV+P+zLJZdLbjzXT37Pc88TTUopAAD/HBokBAASAgAJK7COspMSVM8zlI8oU2g2AJor4S7Kfsr2Cu85QXmKMu71JLsPX13aSofORf+0gCb4tFrpf1B6KUTJ8T5pS5FLFcSJvUmx6rI2MT95fslnVfrSGB0d5c3mQCDwnGEYN9I2qus6rnDjydM1OG3b9jPhcPhdbuN4PI5WqQNj0eN2ykHKvS7v2UH5jPIsZYhi13BePtcDlDso2yhRCtt2lnKM8irlHMXx8ZmbTNMcb29v745EIiIUCglI2BSCJGG8UCgcsSxrDz1/DU3SmEoYoIwpwfzwJuVBn5VwB1XCN+jp5RXfIMX5Ys4Z/mTouxeoEhZKe1wqYSKROEzy3dnd3S3oG1pQNRSapuEKNwG+BlQJRS6Xy6TT6bVUCTNoldpZKBXP1yCgUNVsn4/jbyUBj1cV8EIXtc1o04evO7D5dTUmdbWJpBvgCsgCUkWEgM385qa25S856nV0ENvQIvVLuMWnSMsZpqz2cNxWTdfepq3p9YMDIf2ewYP9T3gRkcaAMhgM8hZXdaX+eKi7TzI6aIn6JdyruqO10qEqoksfRoyoY/0NQDqNJ698aN36ZePXcozhcq44KcrnaIb6Jby50otnzn4vjo8lSuHHVbjFrQpSHdtZW9dHdPTGO+93q4bFYnGIxii/8lgFrMzQ0HGcx2mbRVPUB1eXDeVemJ6ZEd8kv/37OT+Odq4SvT095Q7vr3YSx5Y31TNEM8P6IG1eouTYtwqHnbMsazt1SffT2HCQuqURjAubQlFK+TUJeIC6owk0R2MkLMvcXKrsvgoS9lSVsOhs5LnBOur1ejWWDFSScGBggDcTwsPdWgD+ExJ2dXV52qdIV5XQkVFN1L48TkoRVgKitIGWHBNOlHthTW+PuGLrFhE0zVL4Me+rwOmqEhacaV4JU2ucvDOnBISEoCUrIa9QebTci32bNpbigWMu3dFPRR3js3zG5jtwfCscq81BS1bCepcd8WqJt6odMJv8c5RE/N2xHVFL5n/KHlVjQcxJgZaU8JSbRC68Ilx+WfHVyJRVsOwXHe5a+kwha4+fenmKF43znVHMP4CWY2HtKC+o5kXZV/l8Py9B2+0mB08VXHp9NLThttXv64a2y+uHS0fMTiZSt/94dJbnSvjmT07iB5CgRSVkeOnZe5QbPL73COU+4WGyVs3XaX13xWKxazoO6abmuk5V2vLnmS8ye86889uX9PQPisXdUTgIWllChlelPCyqrwf9gfK0ny7soklzPXyJGe5/ZM1jZqexT9PF2ovtE7n8vH1o4oO5kenxzC9qzJlVY0IBCUGrS7gYXmbGv9ZcWFHDXcKTKv5OsvTOKI9Dg8FoINJ3d+zaYJcRp8oYk46082k7Oflh+uNUMptWY0Br+VgQEoL/k4SNO8nF0xO8gyffeRWMoaKLC1MQLFxBhR8vuSMKCQEkbIyEi2XUlICaklCKKnOCkBBAQgAAJAQAEgIAICEAkBAAAAkBgIQAAEgIACQEAEBCACAhAAASAgAJAQCQEABICACAhABAQgAAJAQAEgIAICEAkBAAAAkBgIQAAEgIwL+dvwQYAIRaVHCd05CCAAAAAElFTkSuQmCC) -50px -4px no-repeat; cursor: pointer;
    height: 8px;
    position: relative;
    border:0;}

.ui-widget-content a { color: #222222; }
.ui-widget-header { background: #cccccc; border-radius:6px;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-state-focus {background: #419825; border:0 !important;}

/* slider points */
.slider-point {height:8px; width:3px; background-color:#cccccc; position:absolute; top:0; display:inline-block;}
