.swiper-v, .swiper-v .swiper-slide, .swiper-free, .swiper-free .swiper-slide, .swiper-dynamic, .swiper-dynamic .swiper-slide {
	width: 640px;
	height: 250px;
	color: #fff;
}

.swiper-v, .swiper-free, .swiper-dynamic {
	box-shadow: 0px -1px 4px rgba(0,0,0,0.5);
	text-align: center;
}
.swiper-v h2, .swiper-free h2, .swiper-dynamic h2 {
	font-style: italic;
	font-size: 42px;
	margin-top: 80px;
	margin-bottom: 0;
	line-height: 45px;
}
.swiper-v p,.swiper-free p, .swiper-dynamic p {
	font-style: italic;
	font-size: 25px;
}
.swiper-v,.swiper-free, .swiper-dynamic {
	margin-bottom: 30px;
}
/* Pagination V*/
.pagination-v .swiper-pagination-switch, .pagination-free .swiper-pagination-switch {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 0px 5px;
	opacity: 0.8;
	border: 1px solid #fff;
}
.pagination-v .swiper-active-switch, .pagination-free .swiper-active-switch {
	background: #fff;
}
.pagination-v, .pagination-free  {
	position: absolute;
	z-index: 20;
	left: 10px;
	top: 10px;
}
.pagination-free  {
	width: 140px;
	left: 10px;
	top: 230px;
}
.pagination-free .swiper-pagination-switch {
	display: block;
	margin: 0 5px;
	float: left;
}
.red-slide {
	background: #ca4040;
}
.blue-slide {
	background: #4390ee;
}
.orange-slide {
	background: #ff8604;
}
.green-slide {
	background: #49a430;
}
.pink-slide {
	background: #973e76;
}

/* Tabs */
.tabs {
	width: 642px;
	margin: 0 auto;
}
.tabs a {
	display: block;
	float: left;
	width: 200px;
	color: #333;
	text-align: center;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 40px;
	font-size: 25px;
	font-style: italic;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #ddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #ddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #ddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #ddd); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #ddd);
}
.tabs a.active {
	color: #fff;
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #333, #000); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #333, #000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #333, #000); /* IE10 */
	background-image:      -o-linear-gradient(top, #333, #000); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #333, #000);
	border-bottom: 1px solid #000;
}
.swiper-tabs {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000, #333); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #000, #333); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #000, #333); /* IE10 */
	background-image:      -o-linear-gradient(top, #000, #333); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #000, #333);
	height: 250px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
	
	width: 640px;
	border-top: 0;
}
.swiper-tabs .swiper-slide {
	height: 250px;
	width: 640px;
	background: none;
	color: #fff;
}
.swiper-tabs .content-slide2 {
	padding: 40px;
}
.puzzle {
	width: 630px;
	height: 300px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 1px 2px #000;
}
.puzzle .swiper-container, .puzzle .swiper-slide {
	width: 210px;
	height: 150px;
	float: left;
}
.mc-device {
	width:640px;
	padding:30px;
	background:#111;
	border:4px solid #fff;
	box-shadow:0px 0px 5px #000;
	border-radius:10px;
	margin:0 auto;
}
.mc1 {
	background: #fff;
	height: 240px;
	border-bottom: 1px solid #777;
	margin: 0 auto;
}
.mc2 {
	background: #ccc;
	height: 80px;
	margin: 0 auto;
}


.mc2 .swiper-container, .mc2 .swiper-slide {
	width: auto;
	height: 60px;
}
.mc2 .swiper-container {
	position:relative;
	padding:10px 0
}
.mc-control .swiper-slide {
	text-align: center;
}
.mc-control .swiper-slide img {
	width: 50px;
	height: 50px;
	position: relative;
	top: 5px;
	box-shadow:0px 2px 3px #000;
	border-radius:3px;
	display: inline-block;
	margin: 0 5px;
}
.mc-control img.active {
	top: -2px;
}
.mc1 .swiper-container, .mc-posters .swiper-slide {
	width:640px;
	height: 240px;
}
.m-content {
	padding: 40px;
}
.m-content img {
	float: left;
	border: 2px solid #ccc;
	margin-right: 30px;
	border-radius: 5px;
}
.m-content .m-right {
	float: left;
	width: 370px;
}
.m-content h3 {
	margin-top: 0;
}

/* Swiper cArousel*/
.swiper-car {
	margin-bottom:30px;
}
.swiper-car, .swiper-car .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-car {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-car .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-car .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Swiper cArousel & loop*/
.swiper-loop {
	margin-bottom:30px;
}
.swiper-loop, .swiper-loop .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-loop {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-loop .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-loop .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Nested Swipers*/
.swiper-nested1 {
	margin-bottom:30px;
}
.swiper-nested1, .swiper-nested1 .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-nested1 {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-nested1 .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-nested1 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}


.swiper-nested2, .swiper-nested2 .swiper-slide {
	width:100%;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:125px;
	font-size: 24px;
}
.pagination-nested2 {
    right: 5px;
    top: 5px;
	position:absolute;
	z-index:20;
}
.pagination-nested2 .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 0px 5px;
    opacity: 0.8;
    width: 8px;
}
.pagination-nested2 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Scroll Container */
.swiper-scroll-container {
	width:640px;
	height:300px;
	border: 1px solid #aaa;
}
.swiper-scroll-container .swiper-slide {
	width: 1520px !important;	
	height:300px;
}

/* Swyper Dynamic */
.swiper-dynamic-links {
	text-align: center;
}
.swiper-dynamic-links a {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 5px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	background: #eee;
}
.pagination-sd {
	text-align: center;
}
.pagination-sd .swiper-pagination-switch {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 3px;
	background: #aaa;
}
.pagination-sd .swiper-active-switch {
	background: #333;
}

/* Partial Slides */
.swiper-partial {
	width: 640px;
	height: 250px;
	color: #fff;
}
.swiper-partial .swiper-slide {
	height: 250px;
	width: 500px;
	text-align: center;
	line-height: 250px;
	font-size: 40px;
}

/* Treshold Slides */
.swiper-threshold {
	width: 640px;
	height: 250px;
	color: #fff;
}
.swiper-threshold .swiper-slide {
	height: 250px;
	width: 500px;
	text-align: center;
	line-height: 250px;
	font-size: 40px;
}
