*{

	padding:0;

	margin:0;

	box-sizing:border-box;

	font-family: 'Oswald', sans-serif;

	font-family: 'Abel', sans-serif;

	font-size:14px;

	line-height:24px;

	color:#7f7f7f;

	font-weight:400;

}

img{

	border:none;

	outline:none;

	max-width:100%;

}

a,a:active,a:focus,a:hover{

	outline:none;

	text-decoration:none;

}

a{

	-webkit-transition:all 0.25s ease-in-out;

	-moz-transition:all 0.25s ease-in-out;

	-ms-transition:all 0.25s ease-in-out;

	transition:all 0.25s ease-in-out;

}

input:focus,textarea:focus,select:focus{

	outline:none!important;

	box-shadow:none;

}

ul{

	margin:0;

	list-style-type:none;

}



.container{

	width:1200px;

	margin:0 auto;

	padding:0 15px;

}

body{

	font-family: 'Oswald', sans-serif;

	font-family: 'Abel', sans-serif;

	font-size:14px;

	line-height:24px;

	color:#7f7f7f;

	font-weight:400;

	

}

.main-wrapper{

	width:100%;

	float:left;

	height:auto;

}

.one-third{

	width:33.33%;

	float:left;

	height:auto;

}

.pull-left{

	float:left;

}

.pull-right{

	float:right;

}

.half{

	width:50%;

	float:left;

	height:auto;

}

.text-center{

	text-align:center;

}



/*======================= Header =====================*/

.header{

	width:100%;

	float:left;

	height:auto;

	padding:21px 0 37px;

	background: -moz-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,1) 100%); /* ff3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,48,80,0.81)), color-stop(100%, rgba(211,0,68,0.81))); /* safari4+,chrome */

	background: -webkit-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* safari5.1+,chrome10+ */

	background: -o-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* opera 11.10+ */

	background: -ms-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* ie10+ */

	background: linear-gradient(90deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003050', endColorstr='#d30044',GradientType=1 ); /* ie6-9 */

}

.logo{

	width:100%;

	float:left;

	height:auto;

	text-align:center;

}

.header ul {

	padding-top:15px;

	text-align:center;

	width:100%;

}

.header ul li{

	line-height:30px;

	font-family: 'Oswald', sans-serif;

	font-weight:300;

	color:#fff;

	font-size:18px;

	vertical-align:middle;

	display:inline-block;

	margin:0 8px;

}

.header ul li img{

	display:inline-block;

	vertical-align:top;

	margin-right:8px;

}

.header ul li:first-child{

	margin:0;

}



/*======================== Menu Design ==================*/

.menu-container{

	width:100%;

	float:left;

	height:auto;

}

#menu-switcher, 

.navbar-header > label,

.switch {

    display: none;

}

.menu-container label::before {

    border-bottom: 2px solid #333;

    box-shadow: 0 5px 0 0 #333, 0 0 0 0 inset, 0 -5px 0 0 #333;

    content: "";

    height: 0;

    left: 50%;

    margin-left: -10px;

    margin-top: -1px;

    position: absolute;

    top: 50%;

    width: 20px;

}

.switch{

	width:100%;

	float:left;

	height:auto;

	min-height:45px;

	position:relative;

}

.menu-container label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

    cursor: pointer;

    display: none;

    height: 35px;

    padding: 0;

    position: absolute !important;

    right: 0;

    top: 4px;

    width: 40px;

    z-index: 9999;

	border:1px solid #333;

}



#navbar{

	width:100%;

	float:left;

	height:auto;

}

#navbar ul{

	text-align:center;

	display:block;

	width:100%;

	max-width:100%;

	background:#fff;

	position:relative;

	margin:-23px auto 0;

	border:1px solid #351f46;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;

	z-index:9;

}

.navbar-inner{

	display:block;

	width:100%;

	max-width:770px;

	position:relative;

	margin:0 auto;

}

.navbar-inner::before{

	width:100%;

	height:100%;

	left:0;

	bottom:-7px;

	content:'';

	background:#ebebeb;

	position:absolute;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;

	z-index:-1;

}

#navbar ul li{

	display:inline-block;

	vertical-align:middle;

	margin:0 5px;

	position:relative;

	line-height:14px;

}

#navbar ul li a{

	font-size:18px;

	color:transparent!important;

	color:#585858;

	line-height:24px;

	display:inline-block;

	padding:10px 20px;

	font-family: 'Oswald', sans-serif;

	overflow:hidden;

	position:relative;

}

#navbar li a::before{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	line-height:44px;

	padding:0;

	color:#585858;

	content:attr(menu-title);

	-webkit-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;

	transition:all 0.3s ease-in-out;

}

#navbar li a::after{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:100%;

	line-height:44px;

	color:#585858;

	content:attr(menu-title);

	-webkit-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;

	transition:all 0.3s ease-in-out;

}

#navbar li a:hover::before{

	top:-100%;

}

#navbar li a:hover::after{

	top:0;

}



/*========================== Content =========================*/

.content{

	width:100%;

	float:left;

	height:auto;

	padding:48px 0 75px;

	position:relative;

}

.content-inner{

	width:100%;

	float:left;

	height:auto;

}



.product-slider{

	width:570px;

}

/* slider*/



.frame {

	width: 568px;

	float: left;

	height: 545px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	background: #fff;

}



.frame div {

	margin-left: 0;

	-webkit-transition: 1s;

	-moz-transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

	width: 2220px;

	overflow: hidden;

	float: left;

	margin-top:432px;

	padding-left:45px;

	padding-right:45px;

	padding-bottom:9px;

}



.frame .big-img {

	position: absolute;

	width: 566px;

	height: 408px;

	top: 0;

	right: 0;

	opacity: 0;

	background:#ebebeb;

}

.frame .big-img img{

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	margin:auto;

	max-width:100%;

	max-height:100%;

}

.frame input {

	position: relative;

	left: 0;

	display: none;

}



.frame label.thumb {

	display: block;

	float: left;

	height: 103px;

	width: 103px;

	margin-right:22px;

	position:relative;

	background:#ebebeb;

	border-radius:50%;

}

.frame label.thumb::before{

	width:100%;

	position:absolute;

	left:0;

	bottom:-9px;

	content:'';

	background:#ebebeb;

	height:100%;

	border-radius:50%;

}

.frame::before{

	left:25px;

	right:25px;

	height:408px;

	position:absolute;

	content:'';

	border:1px solid #8d9daa;

	top: 73px;

}

.frame label.thumb img {

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	margin:auto;

	width:100%;

	height:100%;

	cursor: pointer;

	border-radius:50%;

}



.frame label.left {

	position:absolute;

	left: 0;

	bottom: 0px;

	margin: 0;

	cursor: pointer;

	width: 42px;

	height: 114px;

	text-align: center;

	line-height: 20px;

	background:#fff;

}



.frame label.right {

	position: absolute;

	right: 0;

	bottom: 0px;

	margin: 0;

	cursor: pointer;

	width: 42px;

	text-align: center;

	height: 114px;

	line-height: 20px;

	background:#fff;

}



.frame label.left img,

.frame label.right img {

	margin-top: 43px;

}



.frame label.one,

.frame label.two,

.frame label.three,

.frame label.four{

	z-index: 90;

}

.frame input#push1:checked ~ label.four,

.frame input#push3:checked ~ label.one,

.frame input#push5:checked ~ label.two,

.frame input#push7:checked ~ label.three,

.frame input#push2:checked ~ label.two,

.frame input#push4:checked ~ label.three,

.frame input#push6:checked ~ label.four,

.frame input#push8:checked ~ label.one {

	z-index: 100;

}



.frame input#push1:checked ~ div,

.frame input#push5:checked ~ div,

.frame input#push2:checked ~ div,

.frame input#push6:checked ~ div{

	margin-left: -500px;

}



.frame input#push3:checked ~ div,

.frame input#push8:checked ~ div {

	margin-left: 0;

}

.frame input#push7:checked ~ div,

.frame input#push4:checked ~ div {

	margin-left: -1000px;

}





.frame input#pic1:checked ~ .lab1,

.frame input#pic2:checked ~ .lab2,

.frame input#pic3:checked ~ .lab3,

.frame input#pic4:checked ~ .lab4,

.frame input#pic5:checked ~ .lab5,

.frame input#pic6:checked ~ .lab6,

.frame input#pic7:checked ~ .lab7,

.frame input#pic8:checked ~ .lab8,

.frame input#pic9:checked ~ .lab9,

.frame input#pic10:checked ~ .lab10,

.frame input#pic11:checked ~ .lab11,

.frame input#pic12:checked ~ .lab12,

.frame input#pic13:checked ~ .lab13,

.frame input#pic14:checked ~ .lab14,

.frame input#pic15:checked ~ .lab15,

.frame input#pic16:checked ~ .lab16,

.frame input#pic17:checked ~ .lab17,

.frame input#pic18:checked ~ .lab18,

.frame input#pic19:checked ~ .lab19,

.frame input#pic20:checked ~ .lab20 {

	opacity: 1;

	pointer-events: none;

}



.frame input#pic1:checked ~ .big-img.p1,

.frame input#pic2:checked ~ .big-img.p2,

.frame input#pic3:checked ~ .big-img.p3,

.frame input#pic4:checked ~ .big-img.p4,

.frame input#pic5:checked ~ .big-img.p5,

.frame input#pic6:checked ~ .big-img.p6,

.frame input#pic7:checked ~ .big-img.p7,

.frame input#pic8:checked ~ .big-img.p8,

.frame input#pic9:checked ~ .big-img.p9,

.frame input#pic10:checked ~ .big-img.p10,

.frame input#pic11:checked ~ .big-img.p11,

.frame input#pic12:checked ~ .big-img.p12,

.frame input#pic13:checked ~ .big-img.p13,

.frame input#pic14:checked ~ .big-img.p14,

.frame input#pic15:checked ~ .big-img.p15,

.frame input#pic16:checked ~ .big-img.p16,

.frame input#pic17:checked ~ .big-img.p17,

.frame input#pic18:checked ~ .big-img.p18,

.frame input#pic19:checked ~ .big-img.p19,

.frame input#pic20:checked ~ .big-img.p20 {

	opacity: 1;

	z-index: 100;

}

.content .container{

	position:relative;

	z-index:8;

}

.desc-right{

	width:570px;

	float:right;

	height:auto;

	padding-top:53px;

}

.product-info{

	width:100%;

	float:left;

	height:auto;

}

.price{

	width:100%;

	float:left;

	height:auto;

	position:relative;

	padding-bottom:10px;

	margin-bottom:15px;

}

.price .sale-price{

	font-size:68px;

	color:#252525;

	font-family: 'Oswald', sans-serif;

	font-weight:300;

}

.price .regular-price{

	font-size:34px;

	color:#b0b0b0;

	font-family: 'Oswald', sans-serif;

	font-weight:300;

	text-decoration:line-through;

	margin-left:12px;

}

.price::before{

	width:140px;

	height:2px;

	content:'';

	background:#eeeeee;

	position:absolute;

	left:0;

	bottom:0;

}

.product-info .title{

	font-size:30px;

	color:#433c64;

	font-weight:300;

	font-family: 'Oswald', sans-serif;

	margin:0 0 15px;
	
	line-height:35px;

}

.description{

	width:100%;

	float:left;

	height:auto;

	position:relative;

	margin:0 0 15px;

}

.description p{

	font-size:15px;

	color:#909090;

	font-weight:300;

	margin:0 0 23px;

}

.description p:last-child{

	margin:0;

}

.desc-inner{

	width:100%;

	float:left;

	height:auto;

	position:relative;

	z-index:3;

}



/*=================== Info list ======================*/

.info-wrapper{

	width:100%;

	float:left;

	height:auto;

	padding:16px 6px;

	border:1px solid #7e8f9e;

}

.info-wrapper .info-list:last-child{

	margin:0;

}

.list-block{

	width:100%;

	float:left;

	font-size:18px;

	color:#7f7f7f;

	line-height:24px;

	padding:5px 0;

}

.list-block label{

	width:150px;

	float:left;

	font-size:18px;

	color:#6c6c6c;

	padding-left:20px;

	font-family: 'Oswald', sans-serif;

	background:url(images/line.png) no-repeat right 13px center;

}

.list-block  span{

	color:#b0b0b0;

	font-family: 'Abel', sans-serif;

	font-size:18px;

}

.list-block.color a{

	float:left;

	margin-right:5px;

	display:inline-block;

}

.list-block.color .colorbox{

	width:18px;

	height:8px;

	margin-top: 9px;

}

.list-block.size a{

	float:left;

	margin-right:14px;

	display:inline-block;

	color:#b0b0b0;

}

.list-block.size a:hover{

	color:#7f7f7f;

}

.info-list{

	width:100%;

	float:left;

	height:auto;

	background:#f6f6f6;

	margin:0 0 15px;

}

.service-wrapper{

	width:100%;

	float:left;

	height:auto;

	margin-bottom: -70px;

}

.service-list{

	width:100%;

	float:left;

	background:url(images/service-bg.jpg) no-repeat center center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	background-size:cover;

	position:relative;

	padding:32px 0;

}

.service-list::before{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	content:'';

	background: -moz-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,1) 100%); /* ff3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,48,80,0.81)), color-stop(100%, rgba(211,0,68,0.81))); /* safari4+,chrome */

	background: -webkit-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* safari5.1+,chrome10+ */

	background: -o-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* opera 11.10+ */

	background: -ms-linear-gradient(0deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* ie10+ */

	background: linear-gradient(90deg, rgba(0,48,80,0.81) 0%, rgba(211,0,68,0.81) 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003050', endColorstr='#d30044',GradientType=1 ); /* ie6-9 */

}

.service-list li{

	width:33.33%;

	float:left;

	text-align:center;

	padding:0 80px;

	position:relative;

	z-index:9;

}

.service-list li .icon img{

	display:inline-block;

	vertical-align:middle;

	margin:0 0 17px;

}

.service-list h3{

	font-size:18px;

	color:#ffffff;

	font-family: 'Roboto', sans-serif;

	margin:0 0 15px;

	font-weight:normal;

}

.service-list p{

	font-size:14px;

	color:#ffffff;

	font-weight:300;

	line-height:24px;

	font-family: 'Roboto', sans-serif;

	margin:0;

}

/*========================= tab-outer =====================*/

.tab-outer{

	width:100%;

	float:left;

	height:auto;

	background:url(images/tab-bg.jpg) repeat center center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	background-size:cover;

	padding:115px 0 30px;

}

.tab-content{

	padding:0 40px 0px;

	position:relative;

}

.tab-content p:last-child{

	margin:0;

}

.tab-block  input[type="radio"] {

    display: none;

}

.tabs .tab-selector-1:checked ~ .label-block .tab-label-1, .tabs .tab-selector-2:checked ~ .label-block .tab-label-2, .tabs .tab-selector-3:checked ~ .label-block .tab-label-3, .tabs .tab-selector-4:checked ~ .label-block .tab-label-4,

.label-block label:hover{

	color:#0d2b48;

}

.tabs .tab-selector-1:checked ~ .tab-content #menu1, .tabs .tab-selector-2:checked ~ .tab-content #menu2, .tabs .tab-selector-3:checked ~ .tab-content #menu3, .tabs .tab-selector-4:checked ~ .tab-content #menu4 {

    height: auto;

    opacity: 1;

    width: 100%;

    z-index: 100;

	visibility:visible;    

	padding:0;

}



.tab-content > .tab-pane {

    box-sizing: border-box;

    height: 0;

    position: relative;

    z-index: 1;

	overflow:hidden;

	opacity:0;

}

.label-block{

	text-align:center;

	margin:0 0 30px;

	display:block;

	position:relative;

}

.label-block label{

	font-size:18px;

	color:#252525;

	line-height:24px;

	font-weight:400;

	cursor:pointer;

	font-family: 'Oswald', sans-serif;

	display:inline-block;

	margin:0 65px;

}

.tab-content p{

	color:#848484;

	margin:0 0 20px;

	font-weight:400;

	font-family: 'Abel', sans-serif;

	font-size:15px;

}

.tab-content ul{

	width:100%;

	float:left;

	padding:0 0 0px 45px;

}

.tab-content ul li{

	width:100%;

	float:left;

	list-style-type:none;

	padding-left:18px;

	color:#b8b8b8;

	background:url(images/bullet.png) no-repeat left 7px;

	margin:0 0 6px;

}

.video-block{

	float:right;

	height:auto;

	width:100%;

}

video.responsive-video {

    width: 100%;

}



/*=========================== Featured block ===========================*/

.product-item{

	width:100%;

	float:left;

	height:auto;

	margin-bottom:90px;

	text-align:center;

}

.section-title{

	width:100%;

	float:left;

	height:auto;

	text-align:center;

	margin: 0 0 48px;

	font-size:30px;

	color:#0e2a48;

	font-weight:400;

	font-family: 'Oswald', sans-serif;

	position:relative;

}

.product-item li{

	width:287px;

	margin-right:24px;

	text-align:center;

	display:inline-block;

	margin:0 23px 0;

	

}



.product-thumb{

	display:block;

	width:100%;

	height:288px;

	overflow:hidden;

	margin:0 0 20px;

	position:relative;

	background:#fff;

	-webkit-box-shadow:inset 0 0 40px rgba(228,228,228,0.75);

	-moz-box-shadow:inset 0 0 40px rgba(228,228,228,0.75);

	-ms-box-shadow:inset 0 0 40px rgba(228,228,228,0.75);

	box-shadow:inset 0 0 40px rgba(228,228,228,0.75);

	border-radius:50%;

}

.product-thumb img{

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	margin:auto;

	width:85%;

	height:85%;

	border-radius:50%;

	-webkit-transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

	transition:all 0.3s ease-in-out;

}



.product-item li:hover .product-thumb img{

	-webkit-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	transform:rotate(360deg);

}

.product-item li p{

	font-size:18px;

	color:#acacac;

	line-height:24px;

	margin:10px 0 0px;

}

.product-item li h3{

	font-size: 30px;

    color: #fff;

    line-height: normal;

    margin: 0px;

    font-weight: normal;

    font-family: 'Oswald', sans-serif;

    line-height: 55px;

    background: #c32c61;

    border-radius: 50%;

    display: inline-block;

    width: 170px;

}

.price-text{

    border-radius: 50%;

    overflow: hidden;

}

.show-button {

	position:absolute;

	left:0;

	width:100%;

	text-align:center;

	top:50%;

	opacity:0;

	visibility:hidden;

	margin-top:-27px;

}

.product-item li:hover .show-button{

	opacity:1;

	visibility:visible;

}

.show-button a{

	font-size: 16px;

    color: #fff;

    line-height: normal;

    margin: 0px;

    font-weight: normal;

    font-family: 'Oswald', sans-serif;

    line-height: 54px;

    background: #c32c61;

    border-radius: 3px;

    display: inline-block;

    width: 130px;

	text-transform:uppercase;

	border-radius:50%;

}



/*=========================== Footer ==========================*/

.featured-block{

	width:100%;

	float:left;

	height:auto;

	padding:80px 0 0px;

}

.footer{

	width:100%;

	float:left;

	height:auto;

}

.footer-top{

	width:100%;

	float:left;

	height:auto;

	background:#0d2b48;

	padding:62px 0 25px;

}

.footer-logo{

	width:100%;

	height:auto;

	text-align:center;

	float:left;

}

.footer-logo a{

	display:inline-block;

	margin:0 0 30px;

}

.footer-logo p{

	color:#fff;

	font-family: 'Oswald', sans-serif;

	font-size:14px;

	font-weight:300;

	margin:0 0 25px;

}

.footer-logo p:last-child{

	margin:0!important;

}

.quick-link{

	width:100%;

	float:left;

	text-align:center;

}

.quick-link li{

	display:inline-block;

	position:relative;

	margin:0 20px;

}

.quick-link li a{

	font-size:14px;

	color:#fff;

	display:inline-block;

	line-height:41px;

	font-family: 'Oswald', sans-serif;

	font-weight:300;

}

.quick-link li a:hover{

	opacity:0.6;

}

.quick-links li a:hover{

	color:#2c2c2c;

}

.footer .info-list {

    display: block;

    margin: 0 auto;

    width: 600px;

    float: none;

}

.footer .info-list li {

    margin-left: 88px;

	display:inline-block;

	float:none;

}

.footer .info-list li:first-child{

	margin:0;

}

.copyright{

	width:100%;

	height:auto;

	display:block;

	float:left;

	background:#020c16;

	line-height:48px;

	text-align:center;

	font-weight:300;

	color:#fff;

	font-size:14px;

	font-family: 'Oswald', sans-serif;

}

.info-links{

	width:320px;

	float:left;

	height:auto;

	margin-top:-17px;

}

.info-links li{

	float:left;

	width:100%;

	font-family: 'Oswald', sans-serif;

	font-weight:300;

	color:#969696;

	line-height:24px;

	font-size:18px;

	color:#969696;

	padding: 23px 0;

	border-bottom:2px solid #ebebeb;

	letter-spacing:-0.5px;

	vertical-align:middle;

}

.info-links li:last-child{

	border:none;

}

.info-links li img{

	display:inline-block;

	vertical-align:middle;

	margin:0 8px 0 0;

}

.panel-left{

	width:50%;

	float:left;

	padding-right:15px;

}

.video-block{

	width:50%;

	float:left;

	padding-left:15px;

}



/*======================================== Responsive Design =============================*/

@media only screen and (max-width: 479px){

.product-info .title{

	font-size:25px;

}

.label-block label{

	width:100%;

	margin:0;

	text-align:center;

}

.product-item li{

	width:100%!important;

	margin:0 0 30px!important;

}

.product-item{

	margin:0;

}

.quick-links li {

    width: 100%;

    margin: 0;

    text-align: left;

    display: block;

}

.product-slider{

	width:290px;

}

.frame{

	width:290px;

	float:none;

	margin:0 auto;

	height:276px

}

.frame .big-img{

	width:100%;

	height:183px;

}

.frame label.thumb{

	height:45px;

	width:45px;

}

.frame div{

	margin-top:200px;

}

.frame input#push1:checked ~ div,

.frame input#push5:checked ~ div,

.frame input#push2:checked ~ div,

.frame input#push6:checked ~ div{

	margin-left: -232px;

}



.frame input#push3:checked ~ div,

.frame input#push8:checked ~ div {

	margin-left: 0;

}

.frame input#push7:checked ~ div,

.frame input#push4:checked ~ div {

	margin-left: -464px;

}



.frame::before{

	width:0;

	border:none;

}

.product-thumb{

	width:290px;

	height:290px;

	display:inline-block;

}

.frame label.thumb{

	margin-right:13px;

}

.frame label.left,

.frame label.right{

	height:107px;

	width:35px;

}

.frame div{

	padding-left:35px;

	padding-right:35px;

}

.frame label.thumb::before{

	bottom:-4px;

}



}



@media only screen and (min-width: 480px) and (max-width:639px) {

.product-slider {

    width: 450px;

    float: left;

    height: auto;

    margin: 0 auto;

    float: none;

}

.label-block label{

	margin:0 15px;

}

.quick-links li{

	margin:0 15px;

}

.frame label.left,

.frame label.right{

	height:100px;

}

.frame{

	width:450px;

	float:none;

	margin:0 auto;

	height:398px

}

.frame .big-img{

	width:100%;

	height:281px;

}

.frame label.thumb{

	height:85px;

	width:85px;

	margin-right:7px;

}

.frame::before{

	width:0;

	border:none;

}

.frame div{

	margin-top:305px;

}

.frame input#push1:checked ~ div,

.frame input#push5:checked ~ div,

.frame input#push2:checked ~ div,

.frame input#push6:checked ~ div{

	margin-left: -371px;

}



.frame input#push3:checked ~ div,

.frame input#push8:checked ~ div {

	margin-left: 0;

}

.frame input#push7:checked ~ div,

.frame input#push4:checked ~ div {

	margin-left: -737px;

}



.product-thumb{

	width:215px;

	height:215px;

	display:inline-block;

}

.product-item li:last-child{

	margin:0;

}



}

@media only screen and (max-width: 639px){

.header .info-list {

    width: 290px;

    float: none;

    text-align: left;

    display: block;

    margin: 0 auto;

}

.header .info-list li{

	margin:0 0 10px!important;

}

.half{

	width:100%;

}

.footer .info-list {

    width: 290px;

    float: none;

    text-align: left;

    display: block;

    margin: 0 auto;

}

.footer .info-list li{

	margin:0 0 10px!important;

}

.product-item li p{

	font-size:16px;

}

.product-item li h3{

	font-size:30px;

}

}



@media only screen and (min-width: 640px) and (max-width:767px) {

.half .list-block:last-child{

	border:none;

}

.label-block label{

	margin:0 25px;

}

.product-slider {

    width: 610px;

    float: none;

    height: auto;

    margin: 0 auto;

}

.frame{

	float:none;

}

.product-thumb{

	width:288px;

	height:288px;

	display:inline-block;

}

.product-item li:last-child{

	margin:0;

}

}



@media only screen and (max-width: 767px){

.container{

	width:100%;

}

.header-right{

	padding:0;

}

#navbar ul{

	margin:0;

}

.navbar-header > label, .switch,

.menu-container label{

	display:block;

}

#navbar {

    display: none;

}

#menu-switcher:checked + #navbar {

    display: block;

}

.product-item li{

	width:48%;

	margin: 0 4% 30px 0;

	float:left;

	background-position:center bottom 10px;

}

.product-item{

	padding:0 15px;

}

.product-item li:nth-child(2){

	margin-right:0;

}

.logo {

    width: 100%;

    padding: 10px 0;

    text-align: center;

}

.logo a{

	display:inline-block;

}

.header-right{

	width:100%;

	float:left;

}

.menu-container{

	position:relative;

	padding:8px 0;

}

#navbar ul li{

	width:100%;

	float:left;

	text-align:left;

}

#navbar ul li a{

	padding:8px 0;

	display:block;

}

.content-inner{

	padding:0;

}

.desc-right{

	width:100%;

}

.list-block{

	font-size:16px;

}

.list-block.size a{

	margin-right:10px;

}

.service-list{

	margin:50px 0 0;

	padding:30px 15px 0;

}

.service-list h3{

	font-size:18px;

}

.service-list li{

	width:100%;

	padding:0 0 30px;

}

.content{

	padding:20px 0 20px;

	background:none;

}

.tab-content{

	padding:0px 0 0px;

}

.header ul{

	float:left;

	text-align:center;

}

.header ul li{

	width:100%;

	text-align:center;

	margin:0 0 10px!important;

}

.panel-left{

	width:100%;

	padding:0 0 30px;

}

.video-block{

	width:100%;

	padding:0;

}

.product-slider{

	margin:0 auto;

}

.header ul{

	padding:0;

}

.footer-logo{

	width:100%;

	padding:0;

}

.quick-link{

	width:100%;

	margin:10px 0 0;

}

.info-links{

	width:100%;

}

.info-links li,

.header ul li{

	font-size:16px;

}

.desc-right{

	padding-top:30px;

}

.main-wrapper{

	background:#fff;

}

.footer-top{

	padding:35px 0 20px;

}

.quick-link li{

	margin:0 10px;

}

.featured-block{

	padding:40px 0 0;

}

.product-item{

	margin: 0 0 40px;

}

.price .sale-price{

	font-size:45px;

}

.price .regular-price{

	font-size:25px;

}

}







@media only screen and (min-width: 768px) and (max-width:991px) {

.container{

	width:750px;

}



.logo {

    width: 100%;

	text-align:center;

	float:left;

}

.logo  a{

	display:inline-block;

}

.header ul{

	float:left;

	text-align:center;

}

.header ul li{

	text-align:center;

	font-size:14px;

}

.price .sale-price{

	font-size:45px;

}

.price .regular-price{

	font-size:25px;

}

.content-inner{

	padding:0;

}

.desc-right{

	width:100%;

	margin:30px 0 0;

}

.product-slider{

	margin:0 auto;

}

.list-block{

	font-size:16px;

}

.list-block.size a{

	margin-right:10px;

}

.content{

	background-size:100% auto;

}

.service-list li{

	padding:0 10px;

}

.product-item li{

	width:46%;

	margin: 0 1% 30px;

}

.product-item li p{

	font-size:16px;

}

.label-block label{

	margin:0 40px;

}

.tab-content{

	padding:0;

}

.product-thumb{

	width:353px;

	height:353px;

	display:inline-block;

}

.product-item li{

	background-position:center bottom;

}



}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

.container{

	width:970px;

}

.content-inner{

	padding:0;

}

.desc-right{

	width: 360px;

	padding: 0;

}

.price .sale-price{

	font-size:35px;

}

.price .regular-price{

	font-size:22px;

}

.list-block label{

	width:80px;

}

.list-block{

	font-size:16px;

}

.list-block.size a{

	margin-right:10px;

}

.service-list li{

	padding:0 30px;

}

.product-item li{

	width:217px;

}

.product-item li p{

	font-size:16px;

}

.tab-content{

	padding:0;

}

.half .list-block:last-child{

	border:none;

}

.header ul li{

	font-size:13px;

}

.product-item li{

	margin:0 10px;

}

.product-thumb{

	height:217px;

}

}



@media only screen and (min-width: 1200px){

.half .list-block:last-child{

	border:none;

}

}

@media only screen and (min-width: 1200px) and (max-width: 1349px) {

.product-item li{

	margin:0 10px;

}

.product-item li{

	width:270px;

}

.product-thumb{

	height:270px;

}

}



@media only screen and (max-width: 1800px){

.content::before,

.content::after{

	background:none;

}

}