/*   
Theme Name: mestozagovora
Theme URI: https://mestozagovora.ru
Version: 1.0
Tags: mestozagovora
Description: mestozagovora
Author: mestozagovora
Author URI: https://mestozagovora.ru
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {background: url('img/bg.jpg'); font-family: 'Noto Sans', sans-serif; font-size: 15px; color: #202123; margin: 8px 0}
a {text-decoration: none; color: #15111a}
a:hover {color: #85564a}
img {max-width: 100%; height: auto; border-radius: 10px}

.cb {width: 1100px; margin: 9px auto; background: #fff; box-shadow: 0px 0px 45px 15px #e2dcd7; border: #fbfaf8 10px solid; border-radius: 3px; padding: 15px 60px; display: table; padding-bottom: 0}
.w {float: left; width: 100%;}

header{float: left; width: 100%}
.t {margin-bottom: 27px;}
.t1 {width: 19%;}
.t2 {width: 23%; color: #665c59; font-size: 13px; padding-right: 13%; padding-top: 15px}
.t3 {width: 34%; padding-right: 8%; padding-top: 15px;}
#ya-site-form0 input.ya-site-form__submit {width:18px; height: 19px; background: url('img/s.png') no-repeat; border: 0px; font-size: 0px !important; cursor: pointer;}
.ya-site-form__search,.ya-site-form__search-input {border-radius: 10px;}
.ya-site-form__search-input { border: 1px solid #e1ebef;}
.t4 {width: 24%; background: url('img/zn.png') no-repeat; padding-left: 55px; font-size: 12px; color: #858687; min-height: 41px}
.t4 a {font-weight: bold; font-size: 16px; color: #9f604f; display: block;}

.ri {background: url('img/ib.png') right center no-repeat #fbfaf8; margin: -21px -60px; padding: 40px 60px; width: 1210px; border-top: 2px solid #f4f1e8; margin-bottom: 0; padding-bottom: 30px;}
.ri0 {width: 23%; margin-right: 2.66%; height: 58px; padding-left: 55px; padding-top: 10px;  border-bottom: 1px solid #efede9; margin-bottom: 12px}
.ri0 a {color: #4b413f; font-size: 16px; border-bottom: 1px solid #e7dedc;}
.ri0 a:hover {color: #85564a; font-weight: bold; border-bottom: 0;}
.ri0, .psb {cursor: pointer;}

.ri0:nth-child(4n) {margin-right: 0}
.ri1 {background: url('img/ic.png') no-repeat;}
.ri2 {background: url('img/ic.png') -915px -70px no-repeat;}
.ri3 {background: url('img/ic.png') -1369px 0px no-repeat;}
.ri4 {background: url('img/ic.png') -915px -215px no-repeat;}


section {float: left; width: 600px;}
.nz {font-size: 31px; margin-bottom: 15px; margin-top: 30px;}
.po {position: absolute; background: url('img/po.png') no-repeat; width: 102px; height: 101px; }
.rz {background: #6f5d4f; padding: 4px 12px; margin-top: -45px; position: absolute; font-size: 11px;}
.rz a { color: #fff}
.psbtxt a{font-size: 22px; display: block;}
.sh {width: 18px; height: 14px; background: url('img/sh.png') 0 1px  no-repeat; padding-left: 25px; font-size: 11px; color: #9394a0; margin: 6px 0}
.psbimg {margin-bottom: 15px;}
.psb {margin-bottom: 15px;}
.ps1 .psb, .ps5 .psb {width: 47%; margin-right: 6%; border-bottom: 1px dotted #c9c9c9;}
.ps5 .psb:nth-child(1), .ps5 .psb:nth-child(2) {border-bottom: 0; margin-bottom: 0}
.psb:nth-child(2n) {margin-right: 0}
.ps1 .psbimg {width: 35%;}
.ps1 .psbtxt {width: 65%;}
.ps1 .psbtxt a {font-size: 16px}
.ps5 .psbtxt a {font-size: 18px}
.ps5 .psbo {padding-bottom: 20px}

.wp-caption {background: #f7f6f3; text-align: center; clear: both; font-size: 11px; color: #5c5f62; padding: 10px; width: 100%; padding-bottom: 3px; max-width: 100%; width: 100% !important}
.bd {font-size: 12px; color: #818487;  margin-top: 15px}
.bd a {color: #595959; }

h1 {font-size: 30px; margin-bottom: 10px; margin-top: 10px}
h2 {background: url('img/h2.png') no-repeat 0 5px; padding-left: 45px; font-size: 29px; min-height: 40px; clear: both;}


p { line-height: 27px;}
article ol {list-style-type: none;counter-reset: num;padding-left: 0px;}
article ul {list-style-type: none;}
article li {color: #403148;margin-bottom: 10px;min-height: 30px; font-style: italic; float: left; width: 100%;}
article ol li::before {content: counter(num) '. ';counter-increment: num;color: #8e5647;font-size: 28px;margin-top: -5px;width: 30px;float: left; font-family: 'Comic Sans'}
article ul li:before {content: '';background: url(img/li.png) 0 5px no-repeat;width: 32px;height: 32px;float: left;}

article table {border: 0px;border-spacing: 0px; box-shadow: none; width: 100%; border-collapse: collapse;}
article table td {padding: 10px 25px; font-size: 15px; border: 1px solid #f1f3f7; vertical-align:top;}
article table tr:nth-child(2n+1) {background: #fdf9f4}
article table tr:first-child {background: #e9a473; color: #fff;  border-radius: 6px;}
article tr:first-child td {border: 0px;vertical-align:middle;}
article table ul {padding-left: 0px}
article tr:first-child td:first-child { border-top-left-radius: 3px; border: 0px;}
article tr:first-child td:last-child { border-top-right-radius: 3px; border: 0px;}
article tr:first-child td:first-child { border-bottom-left-radius: 3px; border: 0px;}
article tr:first-child td:last-child { border-bottom-right-radius: 3px; border: 0px;}

.mi {font-size: 11px; color: #9394a0; margin-bottom: 15px}
.mi1 {background: url('img/cm.png') 0 1px no-repeat; padding-left: 23px; width: 50px}
.mi2 {margin: 0; margin-top: 1px; width: 50px}
.mi3 {width: 200px}
.mi31 {float: left; margin-right: 10px}
.mi32 {margin-top: -1px}

blockquote {background: #faf7eb; font-size: 15px;color: #360b0f; border: 0px solid #f8c1ce;font-style: italic;padding: 30px;margin-left: 0; margin-right: 0; clear: both;}
blockquote:before {background: url('img/bl.png') 0 10px no-repeat;width: 80px; height: 82px;content: '';float: left;}

.so {background: url('img/ib.png') right center no-repeat #fbfaf8; margin-left: -60px; padding-left:60px; float: left; margin-bottom: 25px}
.so1 {font-size: 20px; padding: 10px 0}
article .so ul {padding-left: 20px;}
article .so ul li:before {content: '';background: url(img/so.png) 0 7px no-repeat; width: 15px; height: 15px;float: left;}
article .so ul li {margin-bottom: 0px; font-style: normal; min-height: 25px}


/*Линка*/
.ps3 {margin: 15px 0; padding: 20px 0; margin-left: -60px; padding-left: 60px; background: #fbfaf8 ;  width: auto;}
.ps3 .psbimg {width: 30%; margin-right: 5%; margin-bottom: 0}
.ps3 .psbtxt {width: 65%; }
.ps3 .psbtxt a {font-size: 20px}
.ps3 .psb {margin-bottom: 0;}
.rm {background: #d0650e; font-size: 13px; color: #fff; width: 122px; padding: 11px 20px;  clear: both; border-radius: 3px; font-weight: bold;}
.dpl { height: 1px; background: #cfd0d6;margin-bottom: 30px;margin-top: 20px; font-size: 24px;}
.dpl span {background: #fff;margin-left: 30px;margin-top: -20px;float: left;padding-left: 20px;padding-right: 0;}


/*Категории*/
.page-numbers {float: left; width: 100%; margin-top: 20px;}
.page-numbers li {list-style-type: none; float: left;}
.page-numbers li {font-size: 24px; padding: 0 4px; }
.page-numbers li  a {font-size: 24px; padding: 4px 8px;}
.page-numbers li  a:hover{text-decoration: underline;}
.page-numbers .next, .page-numbers .prev { font-size: 15px; color: #838b97; padding-top: 10px; text-decoration: none;}
.page-numbers .current {background: #e9a473; color: #fff; padding: 4px 8px; border-radius: 3px; font-weight: bold;}

aside {float: right; width: 300px}
.widget .psb {width: 100%}
.widgettitle {font-size: 26px; border-bottom: 1px solid #e7eaed; margin-bottom: 25px; padding-bottom: 15px; margin-top: 30px}

footer {margin: 0 -60px; padding: 0 60px; width: 1100px; background: #fcfbf9; float: left; padding-top: 40px}
.f1 {width: 24%;}
.f2 {width: 41%; margin-right: 4%}
.f3 {width: 25%}
.fr {font-size: 14px; font-weight: bold;}
.bottom-menu  {list-style-type: none; padding-left: 0}
.bottom-menu li {width: 47%; margin-right: 6%; float: left;} 
.bottom-menu li:nth-child(2n) {margin-right: 0}
.co {font-size: 12px; color: #787a7d; padding-top: 10px; margin-top: 10px; border-top: 1px solid #e9e9e6}

.up {width: 45px;height: 67px; background: url('img/up.png');right: 5%;bottom: 90px;position: fixed;display: none;cursor: pointer;z-index: 10;}

.fxf, .fxfl {position: fixed; left: 0; bottom: 0; right: 0; z-index: 1000; display: none; text-align: center;}
.fxfl {text-align: left; width: 160px;}
.fxfx {    margin: 0 auto;   position: relative;    display: inline-block;}
div.clm, div.clml{display:block;position:absolute;top:0;right:0;outline:0;border:0;text-decoration:none;box-sizing:content-box;position:absolute;width:32px;height:32px;z-index:99999;cursor:pointer;background-color:#000}
div.clm:before, div.clm:after, div.clml:before, div.clml:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff}
div.clm:before, div.clml:before{transform:rotate(45deg)}
div.clm:after, div.clml:after{transform:rotate(-45deg)}



.sa1,.sa2 {float:left; width:48%; margin-right:4%; margin-bottom: 5px; border:1px solid #c3988c; background: #f0e7d8;background-image: -webkit-linear-gradient(top, #f0e7d8, #bd9f6e);background-image: -moz-linear-gradient(top, #f0e7d8, #bd9f6e);background-image: -ms-linear-gradient(top, #f0e7d8, #bd9f6e);background-image: -o-linear-gradient(top, #f0e7d8, #bd9f6e);background-image: linear-gradient(to bottom, #f0e7d8, #bd9f6e);-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #613e18;font-size: 20px;padding: 5px 16px 5px 16px;text-decoration: none;}
.sa1:hover,.sa2:hover {background: #fff6e3;background-image: -webkit-linear-gradient(top, #fff6e3, #cbdeb2);background-image: -moz-linear-gradient(top, #fff6e3, #cbdeb2);background-image: -ms-linear-gradient(top, #fff6e3, #cbdeb2);background-image: -o-linear-gradient(top, #fff6e3, #cbdeb2);background-image: linear-gradient(to bottom, #fff6e3, #cbdeb2);text-decoration: none;}
.sa2 {margin-right:0;}
.sa {float:left; width:100%;}

@media (max-width: 479px){


	.t {margin-bottom: 0}
	h1 {font-size: 20px}
	h2 {font-size: 18px; padding-top: 8px;}
	.t2,.t3,.t4 {display: none;}
	.t1 {text-align: center; width: 100%}
	.ri0 {width: 100%; margin-right: 0;}
	.ps1 .psb, .ps5 .psb {width: 100%; margin-right: 0}
	.ps5 .psbimg {text-align: center;}
	.f1, .f2, .f3 {width: 100%; margin-right:0; text-align: center; margin-bottom: 15px}
	.ps5 .psb:nth-child(1), .ps5 .psb:nth-child(2) {border-bottom: 1px dotted #c9c9c9; margin-bottom: 15px}
	.ps5 .psb:nth-child(3), .ps5 .psb:nth-child(4) {display: none;}
	.dpl {font-size: 18px; }
	.dpl span {margin-top: -14px}
	.cb {border: 0; }
	.sa1,.sa2 {width: 100%; margin-right: 0}
	.gp1 {max-width: 100%;}
}
@media (max-width:320px) {

aside, section {max-width: 300px}
}

@media (min-width:480px) and (max-width: 767px) { 
	.t2, .t4 {display: none;}
	.t1, .t3 {width: 50%}
	.ri0 {width: 47%; margin-right: 6%}
	.ri0:nth-child(even){margin-right: 0}
	.ps1 .psb {width: 100%; margin-right: 0}
	.ps1 .psbimg {width: 25%;}
	.ps1 .psbtxt {width: 75%;}
	.f1 {width: 45%;}
	.f2 {width: 55%; margin-right: 0}
	.f3 {width: 100%; margin-top: 10px; text-align: center;}
	
}


@media (min-width:768px) and (max-width: 991px) {
	.t2 {display: none;}
	.t1, .t3, .t4 {width: 30%;}
	.t3 {width: 40%}
	.widget .psb {width: 47%; margin-right: 6%}
	.widget .psb:nth-child(odd) {margin-right: 0}
}



@media (max-width:1440px) { 
	 aside, section {width: 100%;}
	 .cb {width: 100%; max-width: 940px}

	.ri, footer {width: 102.5%;}
	.cb {padding: 15px 1%; padding-bottom: 0px; border: 0}
	.ri {margin: -21px -3%; padding: 40px 3%;}
	.so, .ps3 {margin-left: -2%; padding-left: 2%;}
	
	footer {margin: 0 -1.3%; padding: 0 1.3%; padding-top: 40px;}
}
@media (max-width:480px) { 
.so, .ps3 {margin-left: -1.9%; padding-left: 1.9%; max-width: 100%;}
footer {margin: 0 -2%; padding: 0 2%; padding-top: 40px; width: 104%}
.cb {max-width: 100%; padding: 0 10px;}
}
@media (max-width:320px) { 
	.cb {margin: 0}
footer {margin: 0 0%; padding: 0 0%; padding-top: 40px; width: 100%}
}
@media (min-width:992px) { 
aside {width: 300px;}
section {width: 600px;}
}