@font-face {
	font-family: 'AABebasNeueRegular';
	src: url('fonts/aa-bebasneue.eot');
	src: url('fonts/aa-bebasneue.eot') format('embedded-opentype'),
		 url('fonts/aa-bebasneue.woff') format('woff'),
		 url('fonts/aa-bebasneue.ttf') format('truetype'),
		 url('fonts/aa-bebasneue.svg#AABebasNeueRegular') format('svg');
}
html {
background:#fff;
}
body {
background:#e6e6e6;
margin:0 auto;
width:1280px;
}
h1,h2 {
font-family: 'AABebasNeueRegular';
font-size:18px;
text-transform:uppercase;
color:#bfb9c3;
text-align:center;
position:relative;
overflow:hidden;
margin: 5px 0;
}


h1 {
color: #262626;
font-size: 20px;
font-family: 'Open Sans Condensed', sans-serif;
text-align: left;
padding: 0px;
}


h2 span {
position:relative;
}
h2 span:before {
content:"";
border-top:1px solid #c2c2c2;
display:inline-block;
width:50%;
position:absolute;
width:460px;
left: -480px;
top: 10px;
}
h2 span:after {
content:"";
border-top:1px solid #c2c2c2;
display:inline-block;
width:50%;
position:absolute;
width:460px;
right: -480px;
top: 10px;
}

a {
color:#6ec1d1;
}
.wrapper {
width:980px;
margin:0 auto;
position:relative;
}
.header {

}
.logo {
position:relative;
left:auto;
}
.header .logo {
top:0px;
}
.top-header{display:flex;align-items:center;min-height:98px}
.top-header .title{display:flex; align-items:center;padding-top:0;order:1;margin-left:20px;max-width:63%;padding-left:0}
.right-block {
	order:2;
margin-right: 35px;
margin-top: 0;
float: none;
font-size: 14px;
text-transform: uppercase;
line-height: 21px;
text-align: right;
z-index:30;
position:relative;
color: #bfb9c3; margin-left:auto
}
.right-block p{margin:0;padding:0}
.title {
text-transform: uppercase;
color: #6ec1d1;
font-size: 24px;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
margin-left: 85px;
padding-left: 60px;
padding-top: 62px;
position: relative;
}
.phone {
color:#0d0d0d;
font-weight:bold;
font-size:16px;

}
.upper {
text-transform:uppercase;
}
.bold {
font-weight:bold;
}

/*  POPUP  */

.popup {
display:none;
position:fixed;
background:#c3bbc5;
background:rgba(195,187,197,0.93);
width:1283px;
height:100%;
z-index: 100;
top: 0;
}
.form {
position:relative;
padding:45px 40px;
background:#f4f4f4;
margin-top: 100px;
}
.form form {
width:50%;
float:left;
}
.form .rblock {
width:45%;
padding-left:55%;
padding-top: 40px;
}
.form input[type="text"] ,.form textarea {
width: 420px;
line-height: 40px;
font-family: 'PT Mono';
font-size: 15px;
border: 0;
margin: 0 0 15px 0;
padding: 0 15px;
}
.form input[type="submit"] {
float:right;
background:#95d7f4;
color:#262626;
padding:10px 15px;
border:0;
}
.close {
position:absolute;
right:20px;
top:20px;
color:#b2b2b2;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
.formMessage {
display:none;
position: fixed;
left: 50%;
top: 40%;
z-index: 1001;
background: #fafafa;
padding: 30px 0px;
width: 300px;
text-align: center;
margin-left: -150px;
color: #000;
font-size: 20px;
}
.green {
background: #9fff9f;
}
.red {
background: #ff9f9f;
color:#fff;
}
/*  END POPUP */

.breadcrumb {
margin: 0;
color:#b5b5b5;
font-family: 'PT Mono';
font-size:11px;
}
.breadcrumb a {
color:#b5b5b5;
font-family: 'PT Mono';
font-size:11px;
text-decoration:none;
}
.contacts {
background:#f4f4f4;
padding:24px 15px;
width: 130px;
float: left;
}
.upper.bold {
color:#262626;
font-size:14px;
font-family: 'Open Sans Condensed', sans-serif;
}
.upper.bold a {
color:#262626;
font-size:14px;
font-family: 'Open Sans Condensed', sans-serif;
text-decoration:none;
}
.contacts .upper {
margin-bottom:0px;
}
.text {
font-family: 'PT Sans', sans-serif;
font-size:12px;
color:#666666;
}
.big_tile .text
{
overflow: hidden;
max-height: 359px;
}

.tile {
background:#f4f4f4;
padding:25px 15px;
padding-left: 13px;
height:117.5px;
width:130px;
margin-bottom:17px;
}

.maps {
margin: 0px 0 20px;
}
.right-block a {
font-weight:bold;
}
.informer-ya{text-align:center;padding-bottom:15px}
.top-header {
background:#f4f4f4;
}
.bottom-header {
border-bottom: 1px solid silver;
border-right: 1px solid silver;
border-left: 1px solid silver;
height: 40px;
border-top: 0;
position: relative;
z-index: 10;
padding: 1px;
}
.bottom-header img {
position: absolute;
left: -149px;
top: 0;
z-index: 0;
}
nav {
text-align:center;

}
nav ul {
margin:10px 0;
display:inline-block;
padding:0;
}
nav li {
float:left;
margin:0 10px;
}
nav ul li {
opacity:.7;
}
nav a {
color:#0d0d0d !important;
text-transform:uppercase;
text-decoration:none;
}
.header nav a {
font-family: 'Open Sans Condensed', sans-serif;
font-size:28px;
}
.soc-icons {
float:right;
margin-right:29px !important;
margin: -3px;
z-index: 10;
position: relative;
}
.soc-icons li {
list-style:none;
float:left;
width:24px;
height:28px;
margin:2px;
cursor:pointer;
}
.fb {
background:url('images/fb_na.png') 0 0 no-repeat;
}
.tw {
background:url('images/tw_na.png') 0 0 no-repeat;
}
.vk {
background:url('images/vk_na.png') 0 0 no-repeat;
}
.gp {
background:url('images/gp_na.png') 0 0 no-repeat;
}
.fb:hover {
background:url('images/fb_a.png') 0 0 no-repeat;
}
.tw:hover {
background:url('images/tw_a.png') 0 0 no-repeat;
}
.vk:hover {
background:url('images/vk_a.png') 0 0 no-repeat;
}
.gp:hover {
background:url('images/gp_a.png') 0 0 no-repeat;
}

.soc-icons li  a {
	display: block;
	height: 28px;
	width: 24px;
}

.main {
padding:10px 0;
border-top:1px solid #c2c2c2;
}
.big_tile {
width:805px;
height:498px;
float:left;
background:#fff;
overflow:hidden;

}
.big_tile img {
float:left;
width:499px; height:auto !important
}
.big_tile .upper.bold {
font-size:20px;
}
.full_tile {
padding:25px;
width:930px;
background:#fff;
overflow:hidden;
margin-bottom: 20px;
}
.full_tile img {
float:left;
/*width:465px;*/
margin: 0px 10px 10px 0px;
}
.full_tile .img_stat {
	width:465px;
}
.full_tile .right_text {
padding-left:480px;
}
.full_tile .upper.bold {
font-size:20px;
}
.right_sidebar {
display: inline-block;
margin-left: 15px;
}
.right_sidebar a {
text-decoration:none;
color:#262626;
}
.big_tile .right_text {
padding: 25px 50px 0 535px;
height: 475px;
}
.tj_wrapper ul {
padding:0;
margin:0;
}
.tj_wrapper ul li {
list-style:none;
width:480px;
background:#fff;
margin-right:0px;
margin-bottom:10px;
}
.tj_wrapper ul li img {
width:130px !important;
/*height: 130px;*/
margin-right: 50px;
}
.tj_wrapper .right_text {
padding:15px 15px 15px 183px;
}

.directions {
background: #f4f4f4;
height: 220px;
margin-top: 90px;
}
.directions ul {
padding-left:0;
margin-top: -50px;
position: absolute;
width:100%;
text-align:center;
}
.directions ul li {
list-style:none;
display:inline-block;
*display:inline;
zoom:1;
text-align:center;
margin:0 5px;
}
.directions ul li img {
border-radius:50%;
}
.directions a {
color:#262626 !important;
text-decoration:none;
}
.directions .no-decor:hover {
text-decoration:none;
}
.directions a:hover {
text-decoration:underline;
}


.footer nav {
border-top:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
font-size:14px;
}
.footer nav a {
color:#aca7b0 !important;
}

.full_width {
background: #f4f4f4;
padding: 10px 0px;
}
.filter {
padding:15px;
border-top:1px solid #bcbcbe;
}
.filter .left-block {
width:130px;
float:left;
}
.filter form {
padding-left:150px;
}
.search {
width:330px;
float:right;
}
.search input[type="text"] {
width:230px;
padding:6px 10px;
line-height:19px;
border-right:0;
}
.search input[type="submit"] {
width:35px;
height:35px;
border-radius:0;
border:0;
font-size:0;
line-height:19px;
background:url('images/search.jpg') 0 0 no-repeat;
position:absolute;margin-top:0;
}
.tag {
padding-right:330px;
}
.tag span {
display:inline-block;
padding:3px;
background:#93d2f1;
color:#fff;
margin:0 5px;
}
.tag .del {
color:#a6def5;
padding: 0 5px;
font-size: 22px;
}
.tag .del:hover {
color:#fff;
cursor:pointer;
}
.tag .add {
color: #fff;
padding: 0px 5px;
font-size: 22px;
background: #fff;
color: #93d2f1;
cursor: pointer;
height: 32px;
display: inline-block;
vertical-align: top;
}
.tag .add span {
background:#fff;
color:#93d2f1;
line-height: 26px;
font-size: 24px;
}
.tag input,.tag select {
display:none;
border: none;
font-size: 14px;
line-height: 14px;
padding: 5px 0;
}
#select1 option {
font-size:14px;
}
.date-time {
background: #f4f4f4;
max-height: 560px;
width: 130px;
text-align: center;
height: 130px;
position: absolute;
}
}
.day {
font-size: 26px;
margin-bottom: 0px;
font-weight: bold;
}
.month {
font-size: 20px;
margin-bottom: 0px;
}

.list-tags {
display:inline;
}


/*-----------------add-------------*/

.index.wrapper h2 span, .footer.wrapper h2 span{
font-weight: normal;
}

.directions ul li .upper.bold a span{
	font-size: 16px;
}
.directions ul li .upper.bold a:hover{
	text-decoration: none;
}
.directions ul li p.text{
	font-size: 13px;
}

.directions ul li{
	position: relative;
	z-index: 2;
}
.directions ul li:after{
content: "";
padding: 63px;
z-index: -1;
top: 0;
left: 1px;
border-radius: 50%;
opacity: 1 !important;
background: white;
position: absolute;
}

.big_tile .right_text p.text{
	font-size: 13px;
	margin-top: 8px;
}
/*.upper.bold{
	height: 48px;
}
.directions ul li {
width: 130px;
}
*/

.big_tile .text{
	max-height: 340px;
}
.big_tile .upper.bold{
	margin-bottom: 0px;
	margin-top: 18px;
}

.big_tile .right_text p.upper.bold:hover{
background-color: #95d7f4;
display: table;
}
#tj_container{
	/*margin-top: -22px;*/
}
.tj_wrapper ul li{
	height: 130px;;
}
.footer.wrapper .soc-icons{
	margin-bottom: 100px;
}
.footer.wrapper nav{
	height: 55px;
}
.footer.wrapper nav ul{
	margin: 18px 0px;
}
.footer.wrapper a.logo{
	margin: 6px 6px 6px 19px;
}
.wrapper .top-header .right-block{
	font-family: 'Open Sans Condensed', sans-serif;
}
.index.wrapper .directions ul li{
	width: 136px;
	vertical-align: top;
}
.index.wrapper .directions ul li p.upper.bold{
	height: 58px;
	margin-top: 15px;
	margin-bottom: -5px;
	line-height: 20px;
}
.index.wrapper .directions ul li p.text{
margin-top: 0px;
line-height: 15px;
}
.title{
	padding-top: 71px;
}
.tj_wrapper .right_text{
	padding: 19px 15px 15px 176px;
}
.heartone{
	background:url('images/heart-1.png') 0 0 no-repeat;
	display: none;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
.heartoneorange{
	background:url('images/heart-2.png') 0 0 no-repeat;
	display: none;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
.footer.wrapper .soc-icons{
	margin-top: 1px;
	margin-right: 33px !important;
}
html{
	background-color: #e6e6e6;
}
#forwhom{
	margin-top: 9px;
}
#what{
	margin-top: 22px;
	margin-bottom: 11px;
}
#where{
	margin-bottom: 11px;
	margin-top: 46px;
}

.directions{
	margin-top: 66px;
}
.cubs{
	text-align: center;
}
.cubs ul{
	display: inline-block;
	padding-left: 0px;
	margin: 0px;

}
.cubs ul li{
	float: left;
list-style-type: none;
width: 10px;
height: 10px;
margin: 0px 3px;
background-color: #bfb9c3;
cursor: pointer;
}
.cubs ul li:hover, .cubs ul li.active{
	background-color: #95d7f4;
}
.date-time .day{
	font-size: 60px;
margin: 0px;
margin-top: 0px;
}
.date-time .month{
	font-size: 15px;
margin-top: 4px;
}
.date-time .time{
	font-size: 20px;
margin-top: 10px;
}

.maps .contacts{
	height: 112px;
padding-top: 22px;
}
.maps .contacts .upper.bold{
	margin-top: 17px;
	line-height: 18px;
}
.maps .contacts .text{
	margin-top: 6px;
	line-height: 15px;
}
#YMapsID-chiping{
	height: 160px !important;
width: 800px !important;
}
.ymaps-map.ymaps-i-ua_js_yes{
	height: 160px !important;
width: 800px !important;
}
#centertoptitle{
	text-align: left;
margin-left: 31px;
padding-top: 0px;
margin-top: -7px;
letter-spacing: 0.55pt;
}
.poznam{
font-size: 15px;
letter-spacing: 0.4pt;
margin-top: 14px;
margin-bottom: 7px;
}
.phone{
margin-top: 16px;
letter-spacing: 0.3pt;
margin-bottom: 4px;
}
.svaz{
margin-top: 17px;
letter-spacing: 0.57pt;
font-size: 15px;
margin-bottom: 4px;
}
.foruseonline{
	letter-spacing: 0.5pt;
margin-bottom: 24px;
margin-top: 16px;
font-size: 15px;

}
.wrapper.topwrapp nav{
	letter-spacing: 0.19pt;
}
.right_sidebar .tile .upper.bold{
	margin-top: 20px;
	line-height: 18px;
}
.wrapper.topwrapp .bottom-header ul.soc-icons li{
	width: 25px;
}
.wrapper.topwrapp .bottom-header ul{
margin: 0px;
top: -10px;
}

.wrapper.topwrapp .bottom-header ul.soc-icons2{
margin: 0px;
top: 5px;
}

.tj_wrapper ul.tj_gallery.list-tile li{
	width: 478px;
	margin: 5px 5px;
}
.gen_title_top{
	z-index: 10;
	position: absolute;
	top: 39%;
	font-size: 50px;
	/*opacity: 0.68;*/
	/*background-color: white;*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	/*height: 42px;*/
	line-height: 40px;
	left: 18%;
	color: #FFF;
	display: block;
	background: rgba(0,0,0,0.5);
	width: 620px;
	text-align: center;
	height: 85px;
	border-radius: 7px;
	padding-top: 30px;
}
.gen_title_top_bot{
	z-index: 10;
position: absolute;
top: 178px;
font-size: 53px;
opacity: 1;
background-color: rgba(255, 255, 255, 0.62);
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
height: 42px;
line-height: 40px;
left: 85px;
}
.tj_nav span.tj_next{
	width: 33px;
background-size: 16px;
top: -8px;
}
.tj_nav span.tj_prev{
	width: 33px;
background-size: 16px;
top: -8px;
left: 16px;
}

.lines {
	position: relative;
}

.lines .line {
	clear: both;
	padding-bottom: 20px;
	position: relative;
}

.lines .line .e {
	background: #ffffff;
	height: 130px;
	width: 482px;
}

.lines .line .e {
	float: right;
	overflow: hidden;
}

.lines .line .e:first-child {
	float: left;
}

.lines .line img {
	/*height: 130px;*/
	width: 130px;
}

.lines .line .right_text {
	padding: 19px 15px 15px 176px;
}

.clear {
	clear: both;
	height: 0px;
}
.bottom-header .header-img-new{
	width: 1280px;
	height: 754px;
	overflow: hidden;
	background: url('/bitrix/templates/most/images/header_new.jpg') no-repeat -30px -340px;
	position: absolute;
	top: 0;
	left: -15%;
}
.tj_container{
	height: 317px;
}
.error {
	background-color: #ff9f9f;
}

.tj_wrapper ul.tj_gallery.list-tile li {position:relative !important;left:auto !important;top:auto !important}
.big_tile {height:auto;margin-bottom:20px}
.big_tile .right_text {height:auto}
.big_tile .text {max-height:none !important}

.big_tile.new-tile p, .bottom-header .gen_title_top_bot {font-family: 'Caveat', cursive !important; color:#800000 !important;padding-left:10px;padding-right:10px}

.big_tile.new-tile p {top:25px;left:60px;transform:rotate(-45deg);font-size:72px !important;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);background-color: rgba(255, 255, 255, 0.8);}
.big_tile.new-tile p.chess {top: 90px !important;left: -34px !important;}

.bottom-header .gen_title_top_bot {top:25px !important;color:#000 !important; width:auto !important; font-size:72px !important}
.bottom-header .gen_title_top_bot p {width:166px !important; margin-left:145px !important}

.big_tile .text {line-height:15.8px !important}
.big_tile img {margin-right:10px}
.big_tile .right_text {height:474px !important;}

.wrap-tile-s{ display:flex;margin-bottom:20px}
.wrap-tile-s .big_tile{margin-bottom:0;}

.wrap-tile-s .right_sidebar {
    margin-left: 15px;justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.wrap-tile-s .tile:last-child{margin-bottom:0}
.wrap-tile-s .right_sidebar .tile{height:calc(33.333% - 17px);}

	

@media screen and (min-width: 999px) {
.menu-tt{display:none}
.for-mob-s{display:none}
}

@media screen and (max-width: 999px) {
	.for-desc-s{display:none}
	.for-desc-tile .right_sidebar{display:none !important}
	body{width:100% !important}
	.wrapper{width:auto}
	.main-all{min-width:300px;overflow:hidden}
	.bottom-header .header-img-new img{width:100%}
	.bottom-header .header-img-new{width:100%!important}
	.header .bottom-header img{width:100%!important;display:block;left:auto!important;top:auto!important;position:relative!important}
	.bottom-header{height:auto!important;padding-top:0!important;padding:0!important;border:none!important}
	.bottom-header .header-img-new{position:relative;height:auto!important;left:auto!important}
	#centertoptitle{display:none!important}
	.bottom-header br{display:none}
	.wr-top-header{position:fixed;top:0;left:0;z-index:99;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.2)}
	.top-header{min-height:72px}
	.rsp-h{height:72px}
	.header nav{position:fixed;top:72px;left:0;background:#f4f4f4;border-top:1px solid #fff;width:100%;z-index:99;display:none}
	.bottom-header .gen_title_top_bot{font-size:50px!important}
	.directions ul{position:relative!important;margin:0;padding:20px;width:auto!important}
	.directions{height:auto!important;margin-top:20px!important}
	#forwhom{margin-top:20px;color:#000;letter-spacing:2px}
	.wrap-tile-s{flex-direction:column}
	.big_tile{width:100%!important}
	.wrap-tile-s .right_sidebar{display:flex;flex-wrap:wrap;flex-direction:row;margin:0 0 0 -20px;padding:0 20px 0 20px}
	.wrap-tile-s .right_sidebar .tile{height:100%;width:calc(33.333% - 20px);margin:20px 0 0 20px;box-sizing:border-box}
	#what{margin-bottom:20px;margin-top:20px;color:#000;letter-spacing:2px}
	.index.wrapper .directions ul{margin:0 0 0 -20px;display:flex;flex-wrap:wrap}
	.index.wrapper .directions ul li{width:calc(25% - 20px);margin:20px 0 0 20px;display:block}
	.directions ul li:after{display:none}
	.big_tile.new-tile p.chess{top:0;left:0;transform:none!important;left:20px!important;font-size:50px!important}
	.big_tile.new-tile p{transform:none!important;font-size:50px!important;left:20px!important}
	.full_tile{width:auto}
	.full_tile img{float:none;display:block;max-width:100%;height:auto}
	.main{padding:0;border:none}
	.big_tile{float:none!important}
	.big_tile img{float:none!important;width:auto!important;display:block;margin:0 auto!important;max-width:100%;padding:0 !important}
	.big_tile .right_text{padding:0!important;height:auto!important;padding:0 20px 0 20px!important;margin-top:20px;margin-bottom:30px}
	#tj_container{padding-left:20px;padding-right:20px}
	#tj_container,.tj_wrapper{box-sizing:border-box}
	#owl-demo .item li{width:100%!important;display:block!important}
	.tj_wrapper .right_text{padding-left:140px!important}
	.upper.bold a{font-size:12px!important}
	#owl-demo .item li{margin-left:0!important}
	.inner-content-n{padding:20px}
	.inner-content-n p:first-child{margin-top:0}
	nav ul{display:block}
	nav ul li{float:none !important;margin:0;text-align:left}
	.header nav a{font-size:18px;display:block;width:100%;float:none;padding:8px 20px 8px 20px}
	.lines {padding-left:20px;padding-right:20px}
	.lines .line .e{float:none !important;margin-bottom:20px;width:100% !important;box-sizing:border-box !important}
	.lines .line{padding-bottom:0 !important;}
	.lines .line .right_text{padding-left:140px!important}
	
	.wr-top-header .right-block{margin-right:78px}
	
	.menu-tt{position:absolute;top:50%;right:10px;z-index:99;margin:-28px 0 0 0}
	.menu-tt a.menu-but:focus{outline:0}
	.menu-tt.active a.menu-but span::after,.menu-tt.active a.menu-but span::before{transition-delay:0s,0.3s}
	.menu-tt.active a.menu-but span::after{bottom:0;transform:rotate(-45deg)}
	.menu-tt.active a.menu-but span::before{top:0;transform:rotate(45deg)}
	.menu-tt.active a.menu-but span{background:0}
	.menu-tt a.menu-but span::after{transition-property:bottom,transform}
	.menu-tt a.menu-but span::before{transition-property:top,transform}
	.menu-tt a.menu-but span::after,.menu-tt a.menu-but span::before{transition-duration:.3s,.3s;transition-delay:.3s,0s}
	.menu-tt a.menu-but span{transition:background 0s .3s}
	.menu-tt a.menu-but span::after{bottom:-10px}
	.menu-tt a.menu-but span::before{top:-10px}
	.menu-tt a.menu-but span{display:block;position:absolute;top:27px;left:50%;margin-left:-16px;width:32px;height:2px;background:#232c3e;border-radius:2px}
	.menu-tt a.menu-but span::before,a.menu-but span::after{position:absolute;display:block;left:50%;margin-left:-16px;width:32px;height:2px;background-color:#232c3e;content:"";border-radius:2px}
	.menu-tt a.menu-but{display:block;width:57px;height:57px;padding:0;margin-top:0;z-index:95;padding:0}
	
	#tj_container{padding-bottom:30px}
	#tj_container .owl-buttons .owl-prev{display:none}
	#tj_container .owl-buttons .owl-next{display:none}
	#tj_container .owl-pagination{display:flex; justify-content:center; flex-wrap:wrap;margin:-10px 0 0 -10px}
	#tj_container .owl-page{width:10px;height:10px;border-radius:50%;background:#000;margin:10px 0 0 10px}
	#tj_container .owl-page.active{background:#fff}
	.block-funct-s{margin-bottom:20px}
	
	.block-funct-s .right_sidebar{display:flex;flex-wrap:wrap;flex-direction:row;margin:-20px 0 0 -20px;padding:0 20px 0 20px}
	.block-funct-s .right_sidebar .tile{height:100%;width:calc(33.333% - 20px);margin:20px 0 0 20px;box-sizing:border-box}
}

@media screen and (max-width: 600px) {
	.index.wrapper .directions ul li{width:calc(33.333% - 20px)}
}

@media screen and (max-width: 500px) {
	.index.wrapper .directions ul li{width:calc(50% - 20px)}
	.wrap-tile-s .right_sidebar .tile{width:calc(100% - 20px)}
	.block-funct-s .right_sidebar .tile{width:calc(100% - 20px)}
}