@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:300,400|Lora&subset=cyrillic');

*, *:before, *:after{ margin: 0; padding: 0; }
html{ 
	width: 100%; height: 100%; overflow-x: hidden; background: #fff; 
	font: normal 18px/24px 'Fira Sans Extra Condensed', sans-serif; font-weight: 300; color: #747981; text-align: left;
}
body{ width: 100%; min-height: 100%; position: relative; }


h1,h2,h3,h4,h5,h6{ font-family: 'Lora', serif; font-weight: normal; margin: 15px 0; }
h1{ font-size: 3em; line-height: 1.3em; }
h2{ font-size: 2em; line-height: 1.3em; }
h3{ font-size: 1.3em; line-height: 1.3em; }
p{ margin: 10px 0; }
ul, ol{ padding-left: 30px; margin: 10px 0; }

.clear{ clear: both; }
.ta-left{ text-align: left; }

img{ max-width: 100%; }
a img{ border: 0px solid; }
a{ text-decoration: none; outline: none; color: #0986db; }
a:hover{ text-decoration: underline; }

.w-url{ color: #747981; }


.btn-more, .btn-back{ 
	display: inline-block; color: #fff; padding: 7px 15px; background: #34bfff; 
	font-size: .9em; min-width: 350px; text-align: center;
}
.btn-back{ float: right; background: #0986db; }
.btn-dark, .btn-send{ background: #0986db; color: #fff; }
.btn-buy{ font-size: 1.2em; text-transform: uppercase; padding: 10px 30px; float: left; clear: both; cursor: pointer; }

.main{ width: calc(100% - 30px); margin: 0 auto; max-width: 1200px; }
.main:after{ content: ''; display: block; width: 100%; clear: both; }

.main-header{ width: 100%; position: relative; background: #fff; padding: 15px 0; border-bottom: 1px solid #f3f3f3; }
.main-header .logo{  display: block; height: 60px; width: 300px; position: relative; top: 0; left: calc( (100% - 1200px) / 2); }
.main-header .logo img{ width: auto; height: 100%; }

.main-menu{ display: block; position: absolute; top: 40px; right: calc( (100% - 1200px) / 2); z-index: 100; }
.main-menu ul, .main-menu ul li{ display: block; float: left; list-style-type: none; position: relative; padding: 0; margin: 0; } 
.main-menu ul li a{ 
	display: block; float: left; padding: 0 15px; line-height: 40px; font-size: 1em; color: #585c62; 
	position: relative; font-weight: 400;
}
.main-menu ul li a:before{
	content: ''; display: block; width: 30px; height: 3px;
	background: #fff;
	position: absolute; top: 0; left: 50%; margin-left: -15px;
}
.main-menu ul li a:hover:before, .main-menu ul li a.active:before{ background: #1f98ec; }
.main-menu ul li a:hover, .main-menu ul li a.active{ color: #0986db; text-decoration: none; }
.main-menu ul li ul{ position: absolute; top: 40px; float: left; width: 480px; display: none; padding: 15px 5px; background: rgba(255,255,255,.9); }
.main-menu ul li ul li{ width: 50%; float: left; }
.main-menu ul li ul li a{ display: block; float: none; color: #585c62; font-size: .9em; line-height: normal; padding: 10px 15px; font-weight: 300; }
.main-menu ul li ul li a:before{ display: none; }
.main-menu ul li ul li a:hover, .main-menu ul li ul li a.active{ color: #0986db; background: url(../images/active-sub.png) right center no-repeat; }

.main-slider{ width: 100%; position: relative; z-index: 0; background: #fff; }
.main-slider .gitem{ 
	display: block; width: 100%; height: 0; padding-top: 35%;
	position: relative; overflow: hidden; 
}
.main-slider .gitem img{ 
	display: block; width: 100%;
	position: absolute; top: 50%; left: 0; z-index: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}
.main-slider .gitem:after{
	content: ''; display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 1;
	background: rgba(0,0,0,.3);
}
.main-slider .gitem .info{
	display: block;  width: calc(50% - 30px); max-width: 600px;
	position: absolute; top: 50%; right: calc( (100% - 1200px) / 2 ); z-index: 2;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	font-size: 1.2em; color: #fff; line-height: 1.3em;
}
.main-slider .gitem .info h3{ font-size: 2em; }
.main-slider .gitem .info h3 a{ color: #fff; }
.main-slider .gitem .info .btn-more{ margin-top: 15px; }
.owl-theme .owl-controls{ display: block; height: 0; margin: 0; padding: 0; }
.owl-theme .owl-controls .owl-dots{ width: 100%; position: absolute; bottom: 0; left: 0; }
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{
	position: absolute; top: 50%; margin-top: -35px;
	width: 70px; height: 70px; padding: 0; margin: 0; overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	text-align: center; color: #fff; text-indent: -9999px;
}
.owl-theme .owl-controls .owl-nav .owl-prev:hover,
.owl-theme .owl-controls .owl-nav .owl-prev{ left: 5px; background: url(../images/a-prev-w.png) center center no-repeat; }
.owl-theme .owl-controls .owl-nav .owl-next:hover,
.owl-theme .owl-controls .owl-nav .owl-next{ right: 5px; background: url(../images/a-next-w.png) center center no-repeat; }

.owl-theme .owl-dots .owl-dot span{ background: url(../images/dot.png) center center no-repeat; width: 15px; height: 15px; }
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span,
.contacts-content .owl-theme .owl-dots .owl-dot.active span, 
.contacts-content .owl-theme .owl-dots .owl-dot:hover span{  background: url(../images/active-dot.png) center center no-repeat; }

.contacts-content .owl-theme .owl-controls .owl-dots{ position: static; margin-top: 15px; }
.contacts-content .owl-theme .owl-dots .owl-dot span{ background-image: url(../images/dot-grey.png); }

.contacts-content .owl-theme .owl-controls .owl-nav .owl-prev:hover,
.contacts-content .owl-theme .owl-controls .owl-nav .owl-prev{ left: -80px; background: url(../images/a-prev.png) center center no-repeat; }
.contacts-content .owl-theme .owl-controls .owl-nav .owl-next:hover,
.contacts-content .owl-theme .owl-controls .owl-nav .owl-next{ right: -80px; background: url(../images/a-next.png) center center no-repeat; }

.contacts-gallery .g-item{ 
	padding: 0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}


.main-content{ text-align: center; padding-bottom: 25px; }
.main-content .title{ text-align: center; color: #0986db; padding: 15px 0; }
.main-content .title a{ color: inherit; text-decoration: none; }

.main-content .section-title{ font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform: uppercase; }

.article{ }
.article .title{ } 
.article .metadata{ font-size: 0.9em; color: #666666; }
.article .l-more{ font-size: 0.9em;  }
.article .img{ 
	display: block; width: 100%; margin-bottom: 15px; 
}
.article .img img{
	width: 100%;
}
.useful-content .main{ }
.useful-content .article{ width: calc(33% - 20px); float: left; margin: 0 10px; text-align: center; margin-bottom: 40px; }
.useful-content .article:nth-of-type(3n+1){ clear: both; }


.list-content .article{
	background: #fff; text-align: center; padding-bottom: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.list-content .article .title{ position: relative; }
.list-content .article .title:before{
	content: ''; display: block; width: 30px; height: 3px;
	background: #0986db;
	position: absolute; top: 0; left: 50%; margin-left: -15px;
}
.list-content .article .info{ padding: 0 15px; }

.list-content .article .title{ height: 60px; overflow: hidden; }
.list-content .article .desc{ height: 126px; overflow: hidden; margin-bottom: 10px; }
.list-content .article .desc p{ margin: 0; }

.detail-article, .useful-content .detail-article{ width: 100%; padding: 0; text-align: left; }
.useful-content .detail-article .title, .useful-content .detail-article p, .useful-content .detail-article .metadata{ padding: 0; }
.detail-article .img{ margin: 0; } 
.detail-article .images-gallery, .detail-article .g-images-gallery{ margin: 15px 0; }
.detail-article .article-downloads{ margin: 15px 0; display: block; padding: 15px 0 0 0; border-top: 1px solid #fff; }
.detail-article .article-downloads a{
	display: block; clear: both; margin: 5px; position: relative;
	color: #747981; padding: 7px 15px 7px 35px;
}
.detail-article .article-downloads a:before{
	content: ''; display: block; width: 32px; height: 100%;
	position: absolute; top: 0; left: 0;
	background: url(../images/download.png) center center no-repeat;
}
.detail-article .images-gallery{ width: 50%; float: left; }
.detail-article .info{ 
	width: 50%; float: right; padding: 0 0 0 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.detail-article .title{ text-align: left; margin-top: 0; }

.page-path{ padding: 10px 0; clear: both; font-size: .9em; line-height: normal; color: #585c62; }
.page-path a{ color: #585c62; }
.page-path .last{ color: #0986db; }
.inside-content{
	background-image: url(../images/bg-main.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f3f3f3;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	padding-top: 20px;
}
.inside-content .section-title{ margin-top: 0; }

.g-article .title{ text-align: center!important; }

.g-images-gallery .img{ 
	width: 25%; float: left; margin-bottom: 20px; padding-top: 13.75%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 10px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.g-images-gallery .img img{ width: auto; height: 100%; max-width: none; }

.bg-content{ background: #f3f3f3 url(../images/bg-main.png) 0 0 no-repeat; background-size: 100% auto; }
.faq-content{ padding-top: 20px; }
.faq-content .title{ padding-top: 0; }
.faq-content .left{ width: 100%; }
.faq-content .right{ width: 32%; float: right; }
.inside-content .description{ text-align: left; }
.inside-content .description :first-child{ margin-top: 0; }
.inside-content .description :last-child{ margin-bottom: 0; }

.faq-content .left a{ 
	display: block; position: relative; text-align: left; font-weight: 400; color: #1f99eb; 
	padding: 7px 50px 7px 30px; margin: 3px 0;
	background: rgba(255,255,255,.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); 
}
.faq-content .left a:after{
	content: ''; display: block; width: 40px; height: 100%; overflow: hidden;
	position: absolute; top: 0; right: 0;
	background: url(../images/faq-bullet.png) center center no-repeat;
}

.contacts-content{ padding: 20px 0; }
.contacts-content .left, .contacts-content .right{ 
	width: 50%; float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left; 
}
.contacts-content .left{ padding-right: 15px; }
.contacts-content .right{ padding-left: 15px; }
.gmapInside{ width: 100%; height: 400px; }
.contacts-content .left h3{ font-size: 1em; color: #1f99eb; margin-top: 0; }
.contacts-content .main .section-title{ text-align: left; font-size: 1.2em; }
.contacts-content .form-bottom{ width: 100%; }
.contacts-content .form-bottom label{ display: block; width: 100%; background: #fff; position: relative; float: left; }
.contacts-content .form-bottom label.area{ width: 100%; }
.contacts-content .form-bottom label input, .contacts-content .form-bottom label textarea{ 
	display: block; float: left; border: 0px solid; width: 100%; 
	border-bottom: 1px solid #f3f3f3;
	font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 1em; color: #747981; 
}
.contacts-content .form-bottom label input:focus, 
.contacts-content .form-bottom label textarea:focus{ border-bottom: 1px solid #f3f3f3; }
.contacts-content .form-bottom label input{ height: 30px; }
.contacts-content .form-bottom label textarea{ height: 97px; padding: 4px 0; }
.contacts-content .form-bottom .btn-send{
	border: 0px solid; font-size: 1em; float: right; cursor: pointer;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	background: #0986db; color: #fff; padding: 10px 15px; width: 300px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.contacts-content .form-bottom label.code{ width: 100%; }
.contacts-content .form-bottom label.code img{ float: right; }
.contacts-content .form-bottom label.code input{ float: right; width: calc(50% - 100px); }

.g-recaptcha{ width: 304px; float: right; }

.inside-contacts .g-item{ margin-bottom: 20px; }
.inside-contacts .g-item:after{ content: ''; display: block; clear: both; }
.inside-contacts .g-item .left{
	background: #fff; padding: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.main-footer{ 
	color: #fff; background: #2ba8fb; padding: 15px 0; text-align: center; 
	clear: both; float: left; width: 100%; font-size: 1em; line-height: 32px;
}
.main-footer .main:after{ content: ''; clear: both; width: 100%;  }
.main-footer .f-logo, .main-footer .social{
	width: 250px; float: left; 
}
.main-footer .social .facebook-link{
	display: inline-block; padding-left: 32px; color: #fff;
	background: url(../images/facebook.png) left center no-repeat; 
}
.main-footer .alt-menu{ width: 700px; float: left; }
.main-footer .alt-menu a{ color: #fff; display: inline-block; margin: 0 3px; }
.main-footer .alt-menu, .main-footer .social{ padding-top: 18px; }
.main-footer p{ clear: both; font-size: 0.9em; padding-top: 20px; }

.main-paging{ text-align: center; border-bottom: 1px solid #f3f3f3; padding: 15px 0; }
.main-paging *{ display: inline-block; margin: 0 3px; color: #747981; }
.paging_current{ font-weight: bold; color: #1f99eb; }

#fancybox-close, #fancybox-right-ico, #fancybox-left-ico{ background: #0986db; }
#fancybox-close:before, #fancybox-right-ico:before, #fancybox-left-ico:before{ content: 'x'; font-size: 25px; display: block; width: 100%; height: 100%; float: left; color: #fff; text-align: center; line-height: 25px; overflow: hidden; font-family: 'Roboto', sans-serif; }
#fancybox-right-ico:before{ content: '›'; }
#fancybox-left-ico:before{ content: '‹'; }

.contacts-info{ width: 48%; float: left; text-align: left; }

.form-content .required{ color: #0986db; }
.form-content label{ margin-bottom: 20px; }
.form-content label.error{
	position: absolute; bottom: -15px; left: 0;
	padding: 0 5px; width: auto;
	font-size: 14px; line-height: 15px; margin: 0;
	background: #f88181; color: #fff;
}
.form-content .message-error {
	display: block; padding: 10px 0;
	margin-bottom: 20px; color: #fff; background: #f88181; text-align: center; 
}
.form-content .message-success {
	display: block; padding: 10px 0; 
	margin-bottom: 20px; color: #fff; background: #0986db; 
	text-align: center;
}
.form-content .f_txt{ font-size: 1.5em; margin-bottom: 20px; display: block; }

.w-facebook{
	display: block; position: fixed; bottom: 0; right: 0;
	background: #0986db; padding: 7px 15px; color: #fff;
	text-decoration: none!important; text-align: center;
}
.w-facebook .fa-facebook:before{ color: #fff!important; }


.fc-article{  }
.faq-list-content .fc-article{ 
	
	background: #fff; padding: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.faq-box{
	background: #fff; margin-bottom: 10px; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.faq-list-content .left a{ 
	margin: 0; padding-left: 15px;  background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.faq-list-content .description{ padding: 15px; }
.faq-content .left .question-open a:after{ background-image: url(../images/faq-open.png); } 
	
.fc-article:after{ content: ''; display: block; width: 100%; clear: both; }
.fc-article .l-img{ width: 50%; display: block; float: left; padding-top: 0; height: auto; }
.fc-article .l-img img{ 
	position: static; width: 100%; height: auto; float: left;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0); 
}
.fc-article .r-info{ 
	width: 50%; float: right; padding-left: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left; 
}

.detail-article .i-img{
	display: inline-block; width: 20%; float: left; margin: 0 15px 10px 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow: hidden;
}
.fc-article .btn-more{
	margin-bottom: 20px;
	background-image: url(../images/faq-icon.png);
	background-position: 100px center;
	background-repeat: no-repeat;	
}

.detail-article .i-img img{ display: block; width: 100%; }
.detail-article p{ clear: both; }

.eshops-wrapper{ display: block; clear: both; float: right; width: 100%; }
.eshops-wrapper a{ display: inline-block; float: left; width: 120px; height: 80px; position: relative; overflow: hidden; margin-right: 10px; }
.eshops-wrapper a img{
	display: block; width: 100%; height: auto;
	position: absolute; top: 50%; left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}

.partners-article .img{
	height: 0; padding-top: 70%; overflow: hidden;
	position: relative;
}
.partners-article .img img{
	width: auto; height: auto; max-width: 80%;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}


html.menu-opened, html.menu-opened body{ height: 100%; overflow: hidden; }
html body{ min-width: 320px; }
.fa-bars:before{ content: "\f0c9"; }
.menu-toggle{
	display: none;
}
@media screen and (max-width:1250px),screen and (max-device-width:1250px){
	*, *:before, *.after{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.main-header .logo{ left: 15px; }
	.main-menu{ right: 15px; }
	.main{ width: 100%; padding: 0 15px; }
	.main-footer .f-logo{ display: none; }
	.contacts-gallery .g-item{ padding: 0 50px; }
	.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{
		width: 30px; height: 30px;
	}
	.contacts-content .owl-theme .owl-controls .owl-nav .owl-prev:hover, .contacts-content .owl-theme .owl-controls .owl-nav .owl-prev{
		left: 15px; 
	}
	.contacts-content .owl-theme .owl-controls .owl-nav .owl-next:hover, .contacts-content .owl-theme .owl-controls .owl-nav .owl-next{
		right: 15px; 
	}
	.main-slider .gitem .info{ right: 15px; }
	.list-content .article .title{ height: 90px; }
}
@media screen and (max-width:1024px),screen and (max-device-width:1024px){
	.main-header{ padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 9999; 		
		-webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2);
	    -moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2);
	    box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2);
	}
	.menu-toggle{ 
		display: block; position: absolute; right: 15px; top: 15px;
		width: 30px; height: 30px; overflow: hidden; text-indent: -9999px; text-decoration: none;
		background: url(../images/bars.png) center center no-repeat; background-size: 100% 100%;
	}
	.main-header .logo{ height: 50px; top: 5px; width: 250px; } 
	.main-slider, .page-path{ padding-top: 60px; }
	.main-menu{ 
		position: fixed; top: 0; right: -200px; left: auto;  z-index: 2000;
		width: 200px; height: 100vh; background: #f8f8f8;
		overflow: scroll;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 80px 0 20px 0; z-index: 1000;
		-webkit-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    -moz-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	}	
	.main-menu ul li a:before{ left: 0; margin-left: 15px; }
	.main-menu ul li, .main-menu ul li ul li{ width: 100%; margin: 2px 0; }
	.main-menu ul li ul li a{ width: calc( 100% - 15px ); }
	.main-menu ul li ul{ position: static; width: 100%; display: block!important; background: none; padding: 0; }
	
	.useful-content .article{ width: calc( 50% - 20px); }
	.useful-content .article:nth-of-type(3n+1){ clear: none; }
	.useful-content .article:nth-of-type(2n+1){ clear: both; }
}
@media screen and (max-width:768px),screen and (max-device-width:768px){
	.main-slider .gitem .info h3{ font-size: 1.5em; }
	.main-slider .gitem .info .btn-more{ min-width: 100px; }
	.contacts-content .left, .contacts-content .right{ padding: 0; width: 100%; margin-bottom: 10px; }
	.main-footer .alt-menu, .main-footer .social{ width: 100%; text-align: left; }
	.main-slider .gitem{ padding-top: 45%; }
	.main-slider .gitem .info h3{ font-size: 1em; }
	.detail-article .info, .detail-article .images-gallery{ width: 100%; }
	.main-content .title{ padding: 0; }
	.faq-list-content .fc-article{ padding: 15px; }
}
@media screen and (max-width:640px),screen and (max-device-width:640px){
	.useful-content .article{ width: 100%; margin: 10px 0; }
}
@media screen and (max-width:500px),screen and (max-device-width:500px){
	.main-slider .gitem .info .btn-more{ display: none; }
}