.tablet, .mobile {display:none}
#mobilemenu {display:none;}
#mobilemenubutton {display:none;}
#calcbutton {display:none;}

:focus {outline: none;}

/* Планшет */
@media  (max-width: 1024px) {
a:hover {text-decoration:none;}
.tablet {display:block;}
input, select, textarea
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
input[type=radio]
{
   -webkit-appearance: radio;
   -moz-appearance: radio;
   appearance: radio;  
}
	
body {font-size:14px;}

#header {width:auto;height:90px;margin:0;position:relative;border-bottom:1px solid #f4f4f4;overflow:visible;}
#header .logo2 {display:none;}
#header .phone .worktime {display:none;}
#header .social {display:none;}

#mobilemenubutton {display:block;width:20px;height:20px;background:url(img/mobile_menu_button.png) no-repeat 0 2px;position:absolute;right:25px;top:34px;z-index:11;}
#mobilemenubutton.open {background-position:0 -21px;}
#mobilemenu {display:none;}
#mobilemenu .mobilemenu {position:absolute;width:230px;border-radius:10px;box-shadow:0 0 12px -3px #666;right:8px;top:70px;background:#fff;z-index:10;}
#mobilemenu.open {display:block;}
#mobilemenu .mobilemenu  ul {list-style:none;}
#mobilemenu .mobilemenu  li {display:block;font-size:16px;font-weight:bold;height:40px;box-sizing:border-box;padding:14px 20px;}
#mobilemenu .mobilemenu  li a {color:#000;}
#mobilemenu .mobilemenu  .social {display:block;float:none;padding:14px 20px;width:auto;}
#mobilemenu .mobilemenu  .social a{margin:0 22px 0 0;}
#mobilemenu .mobilemenu  .phone {display:none;}

#header .logo {float:none;position:absolute;left:15px;top:10px;width:160px;height:50px;background:url(img/mobile_logo_2x.png) no-repeat;background-size:cover;}
#header .phone {float:none;width:auto;margin:0;}
#header .phone .num {position: absolute;left: 209px;top: 31px;float:none;font-size:20px;width:auto;margin:0;}
#header .phone .callback {position:absolute;right:238px;top:30px;font-size:12px;height:21px;width:120px;padding-top: 8px;padding-left:40px;background-position:19px 6px;}

#header .makepayment {position:absolute;right:78px;top:30px;width:auto;float:none;}
#header .makepayment a {font-size:12px;height:21px;width:110px;float:none;}	
.callback-box {right: 210px;top: 52px;margin-left:0;}		
#menu {display:none;}

#footer {width:auto;position:relative;border-top:#EEEEEE 1px solid;}
#footer .logo {width:96px;height:30px;background:url(img/mobile_logo_2x.png) no-repeat;background-size:cover;float:none;position:absolute;left:16px;top:39px;margin:0;}
#footer .about {display:none;}
#footer .copy {display:none;}
#footer .phone {position:absolute;left:200px;top:37px;}
#footer .phone .num {font-size:20px;padding-top: 4px;height:30px;float:none;}
#footer .email {position:absolute;float:none;right:16px;top:37px;height:30px;width:auto;font-size:20px;}
#footer .rights {float:none;text-align:center;width:auto;font-size: 10px;margin-top:63px;} 
#footer .rights:before {content:'©'}
#footer .rights br {display:none;}

#calcbutton {display:block;background:#9acf3c url(img/calcbutton.png) no-repeat center center;width:60px;height:60px;border-radius:60px;position:fixed;right:0;top:50%;box-shadow: 0 0 20px -7px #000;}

#middle {width:auto;padding:0;}
#content {width:auto;float:none;padding:15px;    margin-bottom: 11px;padding-top: 29px;}
#content .page {}
#content h2.title {text-align:center;font-size:37px;font-weight:bold;margin-bottom:25px;}
#content .page .text {text-align:left;line-height:25px;}
#content .page .text p {margin-bottom:24px;}

#content.contact {font-size:16px;}
#content.contact h2.title {margin-bottom:40px;} 
#content.contact .feedbackform h3 {font-size:36px;color:#000;margin-bottom: 30px;}
#content form .field {margin-bottom:21px;}
#content form .left {padding-right: 28px;}
#content form .right {padding-left: 28px;}
#content .form-submit input {float:right;width:240px;font-weight:normal;font-size:18px;}

.breadcrumbs {display:none;}

#content.branches {}
#branches {width:auto;}
#branches .region_title {font-size:22px;padding-top:20px;height:69px;box-sizing:border-box;margin:0;background:none;position:relative;}
#branches .region_title:after {content:'';width:20px;height:20px;background:url(img/mobile_wrap.png) no-repeat;position:absolute;right:10px;top:24px;}
#branches .region_title.unfold:after {background-position:0 -20px;}
#branches .wrap {margin-top:20px;}
#branches .ctitle {color:#000;}
#branches .item {padding-top:36px;padding-bottom: 7px;border-color:#eee;}
#branches .item .contact .tel {padding-left:35px;}
#branches .item .address .street {font-size:18px;margin-bottom:17px;}
#branches .item .address .locate {padding-left:29px;text-decoration:underline;}
#branches .item .address .zip {margin-left: 2px;}
#branches .item .schedule {margin-top:12px;margin-bottom:30px;}
/*#branches .items:last-child {border-bottom:1px solid #eee;}*/

h3.foldTitle {padding-bottom:15px;}

#content .news {margin-top:43px;padding:0;}
.news .item {padding-bottom:36px;margin-bottom: 37px;}
.news .item .date {margin-bottom:15px;}
.news .item .title {margin-bottom:16px;}
.news .item .excerpt {font-size:16px;}
.more {width:280px;margin:auto;}
#content .single-news {padding-top:9px;}

.reviews {font-size:16px;}
.reviews .item {position:relative;overflow:visible;line-height:20px;}
.reviews .item .avatar {position:absolute;bottom:0%;margin-top:50%;float:none;margin-bottom: 17px;}
.reviews .item .text {margin-bottom:29px;}
.reviews .item .name {margin-left: 82px;}
#content .commentform h3 {margin-bottom:16px;}
#commentform {overflow:hidden;}
#commentform .file {float:left;}
#commentform .form-submit {float:right;}


#sidebar {float:none;width:auto;overflow: hidden;}
#sidebar .sidebar {height:630px;background:#ccc;padding-top:50px;box-sizing:border-box;margin-bottom:150px;}
#sidebar .sidecalc {margin:auto;width:520px;height:530px;background:#fff;box-sizing:border-box;padding: 32px 39px;}
#sidebar .sidecalc .title {text-align:center;font-size:30px;}
#sidebar .sidecalc .field .label {font-size:20px;margin-bottom: 13px;}
#sidebar .sidecalc .slider {width:345px;}
.ui-slider-horizontal {height:10px;}
.ui-slider-horizontal .ui-slider-handle {margin-top:-5px;margin-left:-9px;width:20px;height:20px;}
#sidebar .sidecalc .field {position:relative;}
#sidebar .sidecalc .field.p {margin-bottom:1px;}
#sidebar .sidecalc .slider {padding-top:0;}
#sidebar .sidecalc .s1 .value,#sidebar .sidecalc .s2 .value {font-size:22px;margin-right: 0;width: 70px;position:absolute;right:0;margin-top: 40px;}
#sidebar .sidecalc .s1 {margin-bottom:10px;margin-bottom: 56px;}
#sidebar .sidecalc .s1 .value {margin-right:20px;}
#sidebar .sidecalc .s1 .value s.ruble {display:none;}
#sidebar .sidecalc .s1 .value:after {content:'рублей';display:block;font-size:14px;}
#sidebar .sidecalc .s2 {margin-bottom:30px;}
#sidebar .sidecalc .s2 .label {margin-bottom:5px}
#sidebar .sidecalc .s2 .value .unit {margin-top:2px;margin-left:0;display:block;font-size:14px;font-weight:normal;}
#sidebar .sidecalc .f {border-top:1px solid #f4f4f4;padding-top: 21px;margin-bottom:34px;}
#sidebar .sidecalc .f .label {display:none;}
#sidebar .sidecalc .formula .fr {float:left;}
#sidebar .sidecalc .formula .title {margin-bottom:6px;}
#sidebar .sidecalc .formula .fm {padding-top:27px;}
#sidebar .sidecalc .submit {width:205px;margin:auto;}
#sidebar .sidelinks {position:absolute;top:100%;height:149px;width:100%;padding-top:45px;overflow:hidden;padding-left:15px;}
#sidebar .sidelinks .item {display:block;float:left;width:33%;box-sizing:border-box;margin:0;border:0;padding-top:1px;padding-left:73px;background-position:0 0;}
#content .order .sidelinks {display:block;}

#index {margin-top: -1px;}
#index .top {height:620px;border-radius:0;width:auto;margin-bottom:42px;}
#index .top .bg {height:100%;background-size:cover;background-position:right center;}
#index .top .calc {width:520px;height:520px;box-sizing:border-box;top: -570px;padding:29px 40px 43px;box-shadow: 0 0 10px -4px #666;}
#index .top .calc .field.t {height:auto;border:0;margin-bottom:4px;}
#index .top .calc .field.t .checkboxes {position:static;}
#index .top .calc .field.t .checkboxes label {margin-bottom:12px;font-size:16px;}
#index .top .calc .field.t .label {text-align:center;float:none;margin-bottom:6px;}
#index .top .calc .slider {padding-top:13px;width:345px}
#index .top .calc .field {border-bottom:1px solid #f4f4f4;height:108px;margin-bottom:21px;}
#index .top .calc .field .value {margin-top:16px;width:70px;text-align:left;}
#index .top .calc .field .value .digit{text-align:left;}
#index .top .calc .field .value .unit {font-size:14px;margin-top:2px;}
#index .top .calc .field.f {margin-top:-2px;height: 85px;border-bottom:0;}
#index .top .calc .formula .title {margin-bottom: 7px;padding-left:0;font-size: 15px;}
#index .top .calc .formula .fm {padding-top:28px;}
#index .top .calc .formula .v1 {width:73px;}
#index .top .calc .formula .v2 {width:90px;}
#index .top .calc .payment {margin-top: 97px;margin-left:0;}
#index .top .calc .submit {padding:14px 28px 11px;}


#index .bnslider {padding:0 15px;margin-bottom: 45px;overflow: hidden;}
#index .bnslider .slick-slide img {width:100%;height:auto;}

.slick-dots li {margin:0;}
.slick-dots li button:before {content:'';background-color:#ccc;width:10px;height:10px;border-radius:10px;}
.slick-dots li.slick-active button:before {background-color:#74b943;}

#index .links {padding:0 15px 51px;border-bottom:1px solid #f4f4f4;margin-bottom:40px;}
#index .links .item {width:33%;}
#index .links .item a {padding-top: 1px;}
#index .cols {padding:0 0;}
#index .news {float:none;width:auto;margin-right:0;overflow:hidden;border-bottom:1px solid #f4f4f4;padding:0 15px 20px;}
#index .news h2 {text-align:center;}
#index .news .item {width:50%;box-sizing:border-box;float:left;padding-top: 11px;border:0;padding-right:40px;margin-bottom:0;}
#index .news .item .date {margin-bottom:13px;}
#index .news .item .title {margin-bottom:8px;}
#index .news .item .title a {line-height:20px;}
#index .news .more {clear: both;padding:18px 27px;margin-top: 50px;}
#index .reviews {float:none;width:auto;margin-top: 20px;overflow:hidden;padding: 0 15px;box-sizing:border-box;}
#index .reviews h2 {text-align:center;}
#index .reviews_list {margin-top:36px;margin-right:-48px;margin-bottom: 63px;}
#index .reviews .item {width:50%;margin-right:48px;line-height: 25px;padding-top:14px;}
#index .reviews .item .text {margin-bottom: 17px;}
#index .reviews .item .name {margin-top:-2px;margin-left: 84px;}
#index .reviews .item .avatar {margin-bottom: 13px;}
#index .reviews .more {float:none;margin:auto;width:204px;padding: 17px 1px;}
#index .partners h2 {text-align:center;font-size:37px;margin-bottom: 95px;}
#index .partners a {margin:0 20px;}
#index .partners_list {margin:0 40px 50px;}

#sidebar.order .sidelinks {position:static;height: 103px;}
#sidebar.order .sidelinks .item {padding-top:1px;}

.order {}
.order .nav {margin-bottom: 41px;}
.order .nav .item {font-size:14px;height:40px;padding-left:22px;padding-top: 8px;position:relative;width:25% !important;padding-left: 20px !important;padding-top: 10px;}
.order .nav .curr {padding-top:10px;background: #D5D8DE;}
.order .nav .curr:after {content:'';width:16px;height:40px;background: url(img/tablet-nav-curr-item-bg.png) no-repeat;position:absolute;right:-14px;top:0;}
.order .nav .over {background-image:none;border-left: 2px solid #fff;}
.order .nav .i1.over {border:0;}
.order .nav .i4.curr:after {display:none;}

.order .form {width:auto;padding-bottom: 40px;border-bottom:1px solid #f4f4f4;padding-top: 4px;}
.order .form .field input {padding:13px 10px;}
.form select {-webkit-appearance: menulist; -moz-appearance:   menulist;  appearance:  menulist;font-size:18px;padding: 13px 10px;}
#content .order form .left {padding-right:29px;}
#content .order form .right {padding-left: 29px;}
#content .order form .field {margin-bottom:0;}
.order .order1frm .bottom {padding-top:23px;}
.order .bottom .prev {width:225px;font-size:17px;padding:15px 0;}
.order .bottom .submit {width:225px;font-size: 17px;font-weight:bold;padding: 15px 11px 12px;}
.order .bottom label {padding-top:0;}
.order .bottom label div.lbl {padding-top:1px;}
.order .form .title label {margin-top:8px;}
.cb {margin-top:-1px;}

#sms_check {width:auto;}
#sms_check .code {width:120px;}
#sms_check .tel {width:220px;}
#sms_check .resend {float:left;}

.ui-datepicker {background:#e4e6ea;border-radius:5px;font-size:18px;padding:0;border:0;overflow:hidden;width:auto;margin-top: 1px;}
.ui-datepicker .ui-datepicker-header {padding:0;height:40px;}
.ui-datepicker .ui-datepicker-header span {display:none;}
.ui-datepicker .ui-datepicker-prev {margin:0;width:40px;height:40px;display:block;position:relative;}
.ui-datepicker .ui-datepicker-next {margin:0;width:40px;height:40px;display:block;position:relative;}
.ui-datepicker .ui-datepicker-prev:before {content:'';width:10px;height:10px;border:#71798a solid;border-width:0 0 2px 2px;transform:rotate(45deg);position:absolute;left:17px;top:14px;}
.ui-datepicker .ui-datepicker-next:before {content:'';width:10px;height:10px;border:#71798a solid;border-width:2px 2px 0 0;transform:rotate(45deg);position:absolute;right:17px;top:14px;}
.ui-datepicker .ui-datepicker-title {margin:0;height:40px;padding-top:4px;}
.ui-datepicker .ui-datepicker-title select {font-size:18px;background:#e4e6ea;border:0;font-size:20px;width:70px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {}
.ui-datepicker table {border-collapse:collapse;border:1px solid #d3d7dc;font-size:18px;}
.ui-datepicker table thead {display:none;}
.ui-datepicker td {width:39px;height:39px;padding:0;border:1px solid #d3d7dc;}
.ui-datepicker td span, .ui-datepicker td a {padding:0;border:0;color:#000;}
.ui-datepicker table {margin-bottom:0;}

.order .form .passp3 {margin-right:20px;}
.order .form .passp6 {width:190px;}
.order .form .passp5 {width:527px;}
.order .form .addr1 {width:80px;}

.ordermsg .head {font-size:28px;}

#content .callback {width:583px;margin-bottom: 10px;}
#content .callback .cb_button {margin-right:19px;}

#index #cb_longterm:before {content:'';display:none;}
}

/*Телефон*/
@media  (max-width: 750px) 
{
	.tablet {display:none;}
	.mobile {display:block;}
	
	body {min-width:375px;}
	#header {height: 59px;}
	#header .phone {display:none;}
	#header .logo {width:116px;height:36px;top:3px;}
	#header .makepayment {top:15px;right: 80px;}
	#mobilemenubutton {top:19px;}
	#mobilemenubutton.open {position:absolute;}
	#mobilemenu .mobilemenu {top: 0;right: 0;border-radius: 0;width:300px;position:absolute;}
	#mobilemenu .mobilemenu  ul {border-bottom:1px solid #f3f3f3;padding-top:13px;padding-bottom: 16px;}
	#mobilemenu .mobilemenu  li {font-size:20px;padding:15px 15px 16px;height:auto;}
	#header #mobilemenu .mobilemenu  .phone {display:block;padding:30px 15px 9px;}
	#header #mobilemenu .mobilemenu  .phone .num {position:static;font-size:25px;margin-bottom:10px;margin-bottom:21px;}
	#header #mobilemenu .mobilemenu  .phone .callback {position:static;width: 135px;padding-left: 26px;font-size:14px;background-position: 10px 6px;}
	#mobilemenu .mobilemenu .social {padding:15px;}
	#mobilemenu:before {background:rgba(0,0,0,0.5);content:'';display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index: 8;}
	
	.callback-box {right:auto;top: 50%;margin-left: 0;left: -70px;}
	.callback-box:before,.callback-box:after {display:none;}
	
	#content {padding-top:40px;border-bottom:1px solid #f4f4f4;padding-bottom: 22px;}
	#content.full {border:0;}
	
	#sidebar .sidebar {background:none;padding-top:0;height:auto;margin-bottom:0;}
	#sidebar .sidecalc {display:none;}
	#sidebar .sidelinks {position:static;padding-top: 39px;height:auto;}
	#sidebar .sidelinks .item {width:auto;float:none;margin-bottom: 50px;padding-top: 16px;}
	
	#footer {height:250px;margin:0;padding-top: 230px;}
	#footer .logo {top:190px;}
	#footer .phone {left:15px;}
	#footer .phone .num {font-size:31px;padding-top:1px;margin-bottom: 10px;height:34px;}
	#footer .email {top:117px;right:auto;left:15px;margin-left:0;}
	#footer .rights {position:absolute;top:185px;margin-top:0;left:140px;text-align:left;line-height:15px;}
	#footer .rights br {display:inline;}
	
	#content.contact .wpcf7 {margin-top:222px;}
	#content form .left,#content form .right {float:none;width:auto;padding:0;}
	#content .form-submit input {margin:auto;float:none;}

	#content.branches {border-bottom:0;}
	#content.branches h2.title {margin-bottom:5px;}
	#branches {margin:0;}
	#branches .region_title {height:auto;padding: 20px 40px 21px 0;padding-right:40px;}
	#branches .region_title:after {top:50%;margin-top:-10px;}
	#branches .ctitle {padding-bottom:12px;}
	#branches .item {padding-bottom: 9px;}
	#branches .item .address {float:none;}
	#branches .item .address .street {margin-bottom: 12px;}
	#branches .item .address .locate {display:block;}
	#branches .item .contact {float:none;}
	#branches .item .contact .tel {float:none;}
	#branches .item .address {margin-bottom: 19px;}
	#branches .item .schedule {width:270px;line-height: 24px;margin-top:9px;}
	
	.reviews {margin-top:46px;margin-bottom:10px;}
	.reviews .item {margin-bottom:72px;}
	.reviews .item .text {line-height:25px;margin-bottom: 21px;}
	.reviews .item .avatar {margin-bottom:13px;}
	
	#index .top {height:auto;background:transparent;border-bottom:1px solid #f3f3f3;margin-bottom:50px;}
	#index .top .bg {display:none;}
	#index .top .calc {position:static;padding:30px 30px 52px;width:auto;height:auto;border-radius:0;box-shadow:none;margin:auto;}
	#index .top .calc .slider {float:none;width:100%;}
	#index .top .calc .field {height:auto;}
	#index .top .calc .field .value {float:none;margin-top: 8px;width:auto;margin-bottom: 22px;}
	#index .top .calc .field .value .digit {display:inline;vertical-align:baseline;}
	#index .top .calc .field .value .unit {display:inline;margin-left: 4px;}
	#index .top .calc .field.f {float:none;padding-top: 1px; height: 79px;}
	#index .top .calc .payment {position:static;margin:auto;padding-left:10px;margin-bottom: 20px;}
	#index .top .calc .submit {float:none;margin:auto;}
	.tip {width:140px;margin-left:-130px;}
	.tip:before {left:133px;}

	#index .top .online .s1 .slider .titles {position:relative;}
	#index .top .online .s1 .slider .titles .m {position: absolute;left: 50%;margin-left: -32px;}
	#index .top .online .s2 .slider .titles .m {position: absolute;left: 50%;margin-left: -22px;}

	
	#index .bnslider {display:none;}
	#index .links {padding:0 15px;margin-bottom:39px;}
	#index .links .item {width:auto;float:none;margin-bottom: 50px;    padding-top: 15px;box-sizing:border-box;}
	
	#index .news .item {width:100%;}
	
	#index .reviews .item {margin-bottom:20px;}
	
	.order .nav {margin-top:1px;margin-bottom:33px;}
	.order .nav .item {display:none;}
	.order .nav .item.curr {display:block;background:transparent;padding:0 !important;margin:0;width:auto !important;float:none;text-align:center;font-size:37px;height:auto;line-height:43px;}
	
	.order .form {padding-bottom:70px;}
	#content .order form .right, #content .order form .left {float:none;padding:0;}
	.order .order1frm .bottom {padding-top:0;}
	.order .bottom .checkbox {overflow:hidden;}
	.order .bottom .submit {margin:0 auto 4px;float:none;}
	
	.order .bottom .prev {float:none;margin:0 auto 30px;}
	
	#content .callback {width:auto;text-align:center;}
	#content .callback .cb_button {float:none;margin:36px auto 0;}
	#sidebar.order .sidelinks {display:none;}
	
	.order .form .passp4 {float:none;}
	.order .form .passp5 {width:auto;float:none;}
	
	.order .form .title label {float:none;position: absolute;margin-top: 60px;}
	.order .form .factaddrtitle {margin-bottom:60px;}
	
	.order4frm .field.cardno .input {width:100%;max-width:400px;}
}

@media  (max-width: 600px) 
{
	#sms_check .resend {margin-top:10px;height:auto;margin-bottom:10px;float:none;clear:both;}
	
	.mobile-download {display:flex;}
	
	.mbjb .__jivoMobileButton {bottom:85px;}
}