/*
Theme Name: VPSadm 
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: CoderDi
Author URI: https://coderdi.ru
Description: VPSadm
Version: 1.0
License: 
License URI: 
Text Domain: 
Tags: 
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans'), local('PTSans-Regular'), url('assets/fonts/ptsans.woff2') format('woff2'), url('assets/fonts/ptsans.woff') format('woff'), url('assets/fonts/ptsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Italic'), local('PTSans-Italic'), url('ptsansitalic.woff2') format('woff2'), url('ptsansitalic.woff') format('woff'), url('ptsansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('assets/fonts/ptsansbold.woff2') format('woff2'), url('assets/fonts/ptsansbold.woff') format('woff'), url('assets/fonts/ptsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('ptsansbolditalic.woff2') format('woff2'), url('ptsansbolditalic.woff') format('woff'), url('ptsansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	//font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a, a:active, a:visited, a:focus {
	text-decoration: none !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
h3 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
}
body {
	line-height: 1;
	font-family: 'PT Sans', 'Arial', sans-serif;
	color: #323232;
	
}
body.body {
padding-top: 70px;
}

ol, ul {
	//list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


  /*--Стили главной страницы--*/
.wrapper {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5px;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
}

  /*--HEADER--*/
header {
    position: fixed;
	top: 0;
    width: 100%;
    z-index: 999;
    
}

.header {
	height: 80px;
	position:relative;
}
header .header {
	background: #fff;
	box-shadow: 0 0 7px 7px rgba(242,242,243,0.6);
}

.logo {
	background: url(images/logo.png) no-repeat left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 50px;
	width: 100px;
	padding-left: 60px;
	font-size: 12px;
	margin-top: 15px;
	display: inline-block;
}

.header__logo:visited, .header__logo:active, .header__logo {
	color: #323232;
	text-decoration: none;
}

.logo__text {
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}

.logo__text i {
	color: #01c012;
}

.header-pc {
	display: block;
	float: right;
	width: 82%;
}


.body .main-menu {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	float: left;
	line-height: 80px;
}

.body .menu li {
	display: inline-block;
	margin-right: 30px;
}

.body .menu li:last-child {
	margin-right: 0;
}

.body .menu li a {
	color: #323232;
	text-decoration: none;
}

.body .menu li a:hover {
	color: #01c012;
}

.contact {
	width: 170px;
	justify-content: space-around;
	display: block;
	margin-top: 25px;
	float: right;
}

.contact a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: #01c012;
	border-radius: 50%;
	position: relative;
	
}
.contact i {
	display: block;
	width: 16px;
	height: 16px;
	margin: 7px auto;
	background: url(images/icons.png);
}

.contact a:hover {
	background: #fff;
}

#whatsapp i{
	background-position: -161px -5px;
}
#fly i{
	background-position: -5px -5px;
}
#skype i{
	background-position: -109px -5px;
}
#imail i{
	background-position: -57px -5px;
}
#whatsapp:hover i{
	background-position: -187px -5px;
}
#fly:hover i{
	background-position: -31px -5px;
}
#skype:hover i{
	background-position: -135px -5px;
}
#imail:hover i{
	background-position: -83px -5px;
}

.phone {
	display: inline-block;
	float: right;
	margin: 25px 0 20px 35px;
}

.phone__number {
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.mail {
	font-size: 12px;
}

.butter {
	width: 30px;
	height: 30px;
	background: url(images/butter.png) no-repeat center;
	position: absolute;
	top:20px;
	right: 10px;
	display: none;
}

.close {
	background: url(images/close.png) no-repeat center;
}

/*--HEADER_MOBILE--*/
.header-mobile {
	z-index: 999;
	width: 300px;
	background-color: #2e2e2e;
	position: fixed;
	top: 20px;
	right: 50px;
	display: none;
}

.header-mobile.visible {
	display: block
}

.logo-m {
	background: url(images/logo-m.png) no-repeat left;
	background-size: contain;
	color: #fff;
	height: 30px;
	font-size: 10px;
	line-height: 12px;
	padding-left: 45px;
	margin: 15px 0 30px 25px;
}

.logo__text_m {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
}

.menu-m li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	line-height: 42px;
	margin-left: 25px;
}

.menu-m li a:hover {
	color: #01c012;
}

.menu-m li {
	border-bottom: 1px solid #424242;
}

.menu-m li:last-child {
	border-bottom: none;
}

.contact_m {
	float: none !important;
	margin: 30px 0 10px 20px;
}

.phone-m {
	margin: 10px 0 65px 25px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.mail-m {
	font-size: 12px;
	font-weight: normal;
}





/*--SLIDE--*/
.slide {
	width: 100%;
	bacckground-color: #f5f5f5;
	z-index: -3;
	
}

.slide__wrapper {
	position: relative;
	background: url(images/pc.png) no-repeat left , url(images/switch.png) no-repeat 120%;
	padding: 100px 0 165px 0;
}

.slide__ellipse {
	position: absolute;
	width: 840px;
	top: -210px;
	left: -644px;
	height: 900px;
	z-index: -1;
	background: url(images/pc-s.png) no-repeat center;
}


.slide__text {
	margin: 0 auto;
	max-width: 340px;
    padding:  5px;
	text-align: left;
}

.slide__caption {
	font-size: 36px;
	font-weight: bold;
	line-height: 44px;
	margin-bottom: 35px;
}

.slide__desc {
	display: block;
	text-align: justify;
	font-size: 15px;
	line-height: 28px;
}

.slide__button {
	display: block;
	margin-top: 50px;
	border-radius: 23px;
	font-size: 15px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom, #17c527,#09a817);
	height: 45px;
	width: 215px;
}
.slide__button:hover {
	background: #fff;
	color: #09a817;
}




/*--WHYME--*/
.whyme {
	padding-bottom: 30px;
	z-index: -111;
}

.caption {
	display: block;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}

.whyme__caption {
	margin: 70px auto;
}

.card-flex {
	flex-wrap: wrap;
	justify-content: space-around;
}

.card {
	width: 290px;
	margin-left: 20px;
	display: inline-block;
}

.card__img_1 {
	background: url(images/safe.png) left no-repeat;
}

.card__img_2 {
	background: url(images/time.png) left no-repeat;
}

.card__img_3 {
	background: url(images/phone.png) left no-repeat;
}

.card__img_4 {
	background: url(images/star.png) left no-repeat;
}

.card__img_5 {
	background: url(images/save.png) left no-repeat;
}

.card__img_6 {
	background: url(images/money.png) left no-repeat;
}

.card__img {
	height: 80px;
	background-size: contain;
	margin: 10px auto;
}


.card__img i {
	display: block;
	width: 50px;
	height: 80px;
	background: url(images/arrow.png) center no-repeat;
	float: right;
}

.card__title {
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 3px;
}

.card__description {
	font-size: 15px;
	line-height: 24px;
}


/*--TARIFS--*/
.tarifs {
	padding-bottom: 20px;
	background: linear-gradient(to bottom, #f7f7f7, #fcfcfc);
	border-top: 2px solid rgba(245,245,245,.9);
}

.tarifs__caption {
	margin-top: 80px;
	margin-bottom: 60px;
}

.tarifs-cards {
	flex-wrap: wrap;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: space-around;
}

.cards__item {
	border: 1px solid #dfdfdf;
	border-radius: 7px;
	max-width: 370px;
	margin-bottom: 15px;
	overflow: hidden;
}

.cards-title {
	background: #3aa39e;
	height: 100px;
	position: relative;
	color: #fff;
	box-sizing: border-box;
	padding: 23px 25px;
	overflow: hidden;
}

.cards-title__text {
	font-size: 24px;
	font-weight: bold;
}

.cards-title__price {
	font-size: 28px;
	line-height: 36px;
}

.cards-title__price i {
	font-size: 16px;
}

.cards-title img {
	position: absolute;
	top: 25px;
	right: -140px;
}

.cards-title_pro {
	background: #387d7a;
}

.cards-title_pro img {
	top: 5px;
}


.cards-description__list {
	list-style-type: square;
	color: #40e14f;
	font-size: 18px;
	margin: 30px 20px 0 40px;
}

.list__item {
	margin-bottom: 5px;
}

.list__item span {
	color: #000;
	font-size: 15px;
	line-height: 22px;
}

.list__item i {
	font-size: 13px;
}

.cards-description__ps {
	display: block;
	font-size: 13px;
	line-height: 18px;
	margin: 20px 20px 0 40px;
}


.cards-button {
	height: 90px;
	margin-top: 20px;
	border-top: 1px solid #dfdfdf;
}

.body .button {
	display: block;
	margin: 23px;
	height: 45px;
	border-radius: 23px;
	font-size: 15px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom, #17c527,#09a817);
}


.body .cards__button {
	width: 140px !important;
	margin: 23px auto;
}
.cards__button:hover {
	background: #fff;
	color: #09a817;
}
.form__input input {
	line-height:40px !important;
}

.form__button {
	width: 160px !important;
}
.form__button:hover {
	background: #fff;
	color: #09a817;
	cursor: pointer;
}


/*--WORK--*/
.work {
	background: url(images/bg.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 70px;
}

.caption_work {
	color: #fff;
	line-height: 190px;
}

.work-items {
	flex-wrap: wrap;
	justify-content: center
}
.work-item2 {
	display: inline-block;
	color: #fff;
	margin: 0 13px 30px 50px;
}

.work-item {
	display: inline-block;
	width: 215px;
	color: #fff;
	background: url(images/dots.png) no-repeat right top;
	margin: 0 13px 30px 0;
}

.work-item:nth-child(5) {
	background: url();
	
}

.work-item__number {
	display: block;
	height: 46px;
	width: 46px;
	margin-top: -15px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 44px;
	border-radius: 50%;
	border: 3px solid #01c012
}

.work-item__text {
	display: block;
	font-size: 15px;
	line-height: 22px;
	margin-top: 25px;
}



/*--SALE--*/
.sale__caption {
	line-height: 170px;
}

.sale-items {
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 80px;
}

.sale-item {
	width: 370px;
	height: 314px;
	border: 1px solid #dfdfdf;
	border-bottom: 6px solid #31d341;
	border-radius: 7px;
	margin: 0 5px 15px 5px;
}

.sale-item__persent {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: linear-gradient(to bottom, #18cd28, #09aa17);
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 138px;
	margin: 30px auto;
}

.sale-item__text {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	width: 280px;
	margin: 35px auto;
}

.sale-item__text i {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}



/*--TESTIMONIALS--*/
.testimonials {
	background: linear-gradient(to bottom, #f7f7f7, #fcfcfc);
	padding-bottom: 80px;
	overflow: hidden;
}

.testim__caption {
	padding: 70px 0 25px 0;
}

.testim__desc {
	display: block;
	text-align: center;
	font-size: 14px;
}

.testimonials__slider {
	margin-top: 55px;
	
}



/*--FORUMS--*/
.forums {
	padding-bottom: 80px;
}

.forums__caption {
	max-width: 560px;
	margin: 70px auto;
	line-height: 44px;
}

.forums-items {
	flex-wrap: wrap;
	justify-content: center;
}

.forums-item {
	margin: 10px auto;
	border: 1px solid #dfdfdf;
	width: 210px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 7px;
	line-height: 75px;
	text-align: center;
	position: relative;
}

.forums-item a {
    color: #323232;
}

.forums-item__circle {
	position: absolute;
	top: -15px;
	left: 10px;
	font-family: '';
	font-style: italic;
	font-size: 28px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background-color: #01c012;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}



/*--FORM--*/
.form {
	border-top: 1px solid #dfdfdf;
}

.form__caption {
	margin: 60px 0 30px 0;
}

.form__desc {
	display: block;
	text-align: center;
	font-size: 14px;
}

.form-block {
	margin: 60px auto;
	width: 950px;
}

.form label, .form input, .form textarea {
	display: block;
	width: 95%;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}

input, textarea {
	border: 2px solid #dfdfdf;
	border-radius: 7px;
}

.body input {
	margin-bottom: 15px;
	line-height: 40px;
}

textarea {
	height: 204px;
}

.body .form__input {
	margin-right: 35px;
}

.form__input, .form__message {
	display: inline-block;
	float: left;
	width: 450px;
	margin-bottom: 15px;
}

input[type='submit'] {
	clear: both;
	width: 175px;
	line-height: 0;
	height: 40px;
	border-radius: 20px;
	background: linear-gradient(to bottom, #18cd28, #09aa17);
	color: #fff;
	font-size: 14px;
}



/*--FOOTER--*/
footer {
	height: 200px;
	background-color: #2e2e2e;
	border-top: 1px solid  #2e2e2e;
}

.logo_footer {
	background: url(images/logo-m.png) no-repeat left center;
	color: #fff;
	margin: 25px 0 0 0;
}

.body .menu_footer li a{
	color: #fff;
}

.phone_footer {
	color: #fff;
}


/*--SIDEBAR--*/
.blog_wrapper {
	margin-top: 40px;
}

.sidebar {
	width: 300px;
	float: left;
}

.new-post {
	border-bottom: 4px solid #353535;
	margin-bottom: 20px;
}

.new-post__title {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	background: #353535;
	line-height: 45px;
	padding-left: 20px;
}

.new-post__content {
	padding: 15px 10px 15px 20px;
	font-size: 14px;
	background: #f5f5f5;
}

.np-content__item {
	border-bottom: 1px solid #cfcfcf;
	padding: 10px 0
}

.np-content__item:last-child {
	border-bottom: none;
}

.np-content__item a {
    color: #5e5e5e;
}

.np-content__item a:hover {
	color: #40e14f;
}


/*--SEARCH--*/
.search-form form {
	position: relative;
}

.body .search__input {
	box-sizing: border-box;
	width: 100%;
	line-height: 43px;
	border: 1px solid #cfcfcf;
	border-radius: 25px;
	padding: 0 40px 0 20px;
	outline: none;
}

#search__button {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 2px;
	right: 5px;
	background: url(images/search.png) no-repeat center;
	border: none;
	cursor: pointer
}


/*--RUBRIC--*/
.rubric {
	margin-top: 30px;
	background: #f5f5f5;
	padding-bottom: 15px;
}

.rubric__title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 45px;
	padding-left: 20px;
	border-bottom: 1px solid #cfcfcf;
}

.rubric__content {
	padding: 15px 0 0 35px;
}

.rubric-list {
  list-style-type: square;
	color: #40e14f;
}

.cat-item a{
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	color: #5e5e5e;
}

.cat-item a:hover {
	color: #40e14f;
}

.top-down {
	display: none;
	margin-left: 10px;
	background: url(images/top-down.png) no-repeat center;
	background-position: -5px -5px;
	width: 11px;
	height: 10px;
}


/*--POST_CONTENT--*/


.post__content h2, .content h2, .content>a {
	font-size:28px;
	font-weight: bold;
	line-height: 36px;
	padding: 20px 0 10px 0;
}
.content {
	padding-bottom:50px;
}
.content>a {
	color:#2b2b2b;
}

.post__content p, .content p {
	color: #5e5e5e;
	font-size: 16px;
	line-height: 24px;
	line-height: 1.5;
	margin: 15px 0;
}
.content ol, .content ul {
	color: #5e5e5e;
	font-size: 16px;
	line-height: 1.5;
	margin-left: 15px;
}
.post__content pre, .post__content code, .content pre, .content code {
	display: block;
	width: 95%;
	font-size: 16px;
	background: #f1f5f9;
	line-height: 36px;
	padding: 15px 30px;
	color: #3f7fea;
	box-sizing:border-box;
	margin: 15px 0;
	white-space: pre-line;
}
.post__content img, .content img {
	display: block;
	max-width: 95% !important;
	height: auto !important;
	margin: 15px 0;
}
.su-spoiler-content {
	background: #f8f8f8;
	font-size: 16px;
	line-height: 1.5;
}
#toc_container ul{
	background: #f8f8f8;
	border: none !important;
	padding: 30px;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}
#toc_container p.toc_title {
	font-size: 20px;
	line-height: 36px;
	text-align: left !important;
}
#toc_container a {
	color: #5e5e5e;
}
#toc_container a:hover {
	color: #6cbf32;
}
#toc_container .toc_title a {
	color: #6cbf32;
}


.wp-caption {
	width: 95% !important;
}

.wpdiscuz-loading-bar {
	right:-200px;
}
.wc_comm_submit {
	width: 200px !important;
	cursor: pointer;
}
.wpdiscuz-subscribe-bar {
	display: none;
}
.metaslider .caption {
	font-size: 20px !important;
}
.flex-viewport {
	height: auto !important;
}
a.more-link {
	display:block;
	width:145px;
	height:40px;
	border-radius: 25px;
	line-height:40px;
	margin-top:20px;
	font-size:15px;
	color:#fff;
	text-align: center;
	background: linear-gradient(to bottom, #17c527,#09a817);
}
a.more-link:hover {
	background: #fff;
	color: #09a817;
}





/*--PAGE NAVIGATION--*/
.wp-pagenavi {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	display: inline-block;
	margin: 10px 0;
	
}
.pagenavi {
	text-align: center;
    margin-bottom: 50px;
}

.wp-pagenavi a:last-child, .wp-pagenavi span:last-child {
	border-radius: 0 4px 4px 0;
}

.wp-pagenavi .pages {
	display: none;
}


.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	font-size: 18px;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #717171;
        border-radius: 50% !important;
	margin-left: 10px;
	color:#717171;
}

.previouspostslink {
	border-radius: 4px 0 0 4px;
	border-left: 1px solid #ddd;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #17c527;
	color: #fff;
	border: 1px solid #17c527;
}



/*--CONTENT--*/
main.content {
	margin-left: 340px;
	min-height: 900px;
}
.title404, .search-title {
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
}

.post {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 30px;
	padding-bottom: 25px;
	
}
.comments-area {
overflow:hidden;
}

.post__meta div {
	display: inline-block;
	font-size: 14px;
	color: #5e5e5e;
	
}

.meta__date {
	text-transform: uppercase;
	margin-right: 25px;
}

.meta__comment {
	background: url(images/comment.png) no-repeat left;
	padding-left: 17px;
}

.post__title {
	
	font-weight: bold;
	font-size: 36px;
	line-height: 42px;
	margin: 25px 0;
}
.post__title a {
    color: #2b2b2b;
}




.testim-hide {
overflow: hidden;
}




@media screen and (max-width:1000px) {
	.header-pc {
		display: none;
	}
	
    .slide__wrapper {
        background: url(images/pc-small.png) no-repeat 10% bottom , url(images/switch-small.png) no-repeat right bottom;
        padding: 20px 0 165px 0;
        height: 310px;
    }
    .slide__ellipse {
    	left: -700px;
        top:-120px;
    }
    .slide__caption {
    	font-size: 24px;
    	font-weight: bold;
    	line-height: 30px;
    	margin-bottom: 15px;
        text-align:center
    }

    .slide__desc {
    	font-size: 14px;
    	line-height: 22px;
    }
    .slide__button {
        margin: 0 auto;
    	margin-top: 20px;
    	border-radius: 18px;
    	font-size: 15px;
    	font-weight: bold;
    	line-height: 34px;
    	text-align: center;
    	color: #fff;
    	text-decoration: none;
    	background: linear-gradient(to bottom, #17c527,#09a817);
    	height: 35px;
    	max-width: 215px;
    }
        
    
    
    
    .whyme, .work {
        display: none;
    }
    
	
	
	.butter {
		display: block;
	}
	
	footer {
		height: 250px;
	}
	
	.logo_footer {
		margin-bottom: 20px;
	}
	
	.form__input, .form__message {
		float: none;
		display: block;
	}
	
	.form__message {
		margin-bottom: 30px;
	}
	
	.form-block {
		width: 460px;
	}
	
	.footer_pc {
		display: block;
		width: 100%;
	}
	
	.contact_footer {
		display: inline-block;
		float: none;
		margin: 0 auto;
	}
	
	.phone_footer {
		display: inline-block;
		float: none;
	}
	
	
	/*--SIDEBAR MOBILE--*/
	.blog_wrapper {
		margin-top: 10px;
	}
	
	.sidebar {
		position: relative;
		border: 1px solid transparent;
		float: none;
		margin: 0 auto;
		margin-bottom: 70px;
	}
	
	.top-down {
		display: inline-block;
	}
	
	.td-visible {
		background-position: -26px -5px; 
	}
	
	.search-form {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 300px;
		height: 35px;
		box-shadow: 0 11px 4px -4px rgba(232,232,232,.9);
		
	}	
	.search-form form {
		display: inline-block;
		
	}
.body .search__input {
		line-height: 28px;
		margin: 0;
		width: 250px;
	}
	#search__button {
		width: 15px;
		height: 15px;
		border-radius: 0;
		background-size: contain;
		top: 7px;
		right: 10px;
	}
	.setting {
		display: inline-block;
		position: absolute;
		top: -5px;
		right: 5px;
		background: url(images/setting.png) no-repeat center;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
	.new-post {
		margin-top: 50px;
		margin-bottom: 0;
		border-bottom: none;
		display: none;
	}
	.new-post__title {
		background: transparent;
		color: #494949;
		cursor: pointer;
	}
	.new-post__content {
		display: none;
		border-bottom: 1px solid #cfcfcf;
	}
	.np-content__item {
		border-bottom: none;
	}
	
	
	.rubric {
		margin-top: 0;
		display: none;
	}
	.rubric__title {
		border-bottom: none;
		color: #494949;
		cursor: pointer;
	}
	.rubric__content {
		display: none;
	}
	.visible-mobile {
		display: block;
	}
	
	main.content {
		margin-left: 5px;
	}
    
    /*--SALE--*/
    .sale-item {
    	width: 315px;
    	height: auto;
        font-size:  14px;
        text-align: left;
    	
    }
    
    .sale-item__persent {
    	width: 75px;
    	height: 75px;
    	font-size: 20px;
    	font-weight: bold;
    	line-height: 73px;
    	margin: 20px;
        margin-bottom:  30px;
        float: left;
    }
    
    .sale-item__text {
    	text-align: left;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 20px;
    	width: auto;
    	margin: 20px;
    }
    
    .sale-item__text i {
        display:block;
    	font-size: 12px;
    	line-height: 14px;
    	font-weight: 400;
    }
}

@media screen and (max-width:900px) {
	p iframe {
		width: 95%;
	}
.post__title a {
	font-size: 24px;
	line-height:28px;
}
.post__content h2 {
font-size: 20px;
	line-height:23px;
}
.body h1.caption {
	font-size: 28px;
	line-height: 34px;
}
}

@media screen and (max-width:500px) {
	.form-block {
		width: auto;
	}
	
    .slide__wrapper {
        background: url(images/pc-small.png) no-repeat left bottom , url(images/switch-small.png) no-repeat 200px bottom;
    }
    
	.header-mobile {
		width: 80%;
	}
	
	.form__input, .form__message {
		width: auto;
	}
	
	.main-menu {
		line-height: 30px;
		//width: 200px;
		margin-bottom: 20px;
	}
	
	.body .menu_footer {
		column-count: 2;
		column-width: 40px;
		-moz-column-count: 2;
		-moz-column-width: 40px;
		line-height: 1.5;
		width: 280px;
	}
	
	footer {
		height: 325px;
	}
	
}
.commentlist li {
	position: relative;
}
a.comment_quote_link {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}
a.comment_quote_link {
	margin: 0;
	height: 0;
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url(images/icon_quote_comment.gif) no-repeat right top;
}