/** ==Responsive Styling== */
body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/
body.mobile .main {min-height:0;}
.otvetov {
	overflow-y: hidden;
	font-family: Merriweather, Georgia, serif;	
}
.dthird1 {
padding: 0 0 15px 0;	
}
.rasporka {
	padding: 0 0 0 0;
    font-size: 0px;	
}
.preambula {
font-family: Merriweather, Georgia, serif;	
}
.dfour1 {
    float: left;
}
@media (max-width: 3000px) {

	body {
		font-size: .95em;
		margin-top: 0; /* removed fixed header menu */
	}

	.magazine-three #content-masonry article.hentry {
		width: 48%;
	}

	.noscroll { /* to be added to body on mobile */
		overflow: hidden;
	}
		.otvetov{
		  display:block;
		  background: #fff;
		  padding: 15px 20px 15px 45px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 60px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 10px;
		  top:5px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 14px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
			
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
			
		}
		.dsecond_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		#nav-below {
			width: 55%;
		}
}
@media (max-width: 1920px) {

	body {
		font-size: .95em;
		margin-top: 0; /* removed fixed header menu */
	}

	.magazine-three #content-masonry article.hentry {
		width: 48%;
	}

	.noscroll { /* to be added to body on mobile */
		overflow: hidden;
	}
		.otvetov{
		  display:block;
		  background: #fff;
		  padding: 15px 20px 15px 45px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 60px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 10px;
		  top:5px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 14px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
			
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
			
		}
		.dsecond_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
}
@media (max-width: 1185px) {

		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		
}
@media (max-width: 1024px) {

	#container[class*="two-"] .main {
		width: 100%;
		margin: 0 0 1.5em;
	}

	#container[class*="two-"] #primary,
	#container[class*="two-"] #secondary {
		width: 100%;
		margin: 0 0 1.5em;
		float: none;
	}

	#colophon:not(.footer-one) .widget-container {
		width: 40%;
		margin: 0 5% 1.5em;
		float: left;
	}

	.magazine-three #content-masonry article.hentry {
		width: 48%;
	}

	#branding {
		margin-top: 1.5em;
	}

	#sidebar {
		float: none;
		display: block;
		width: 100%;
		margin: 0 auto 3em;
	}

	#sidebar-back {
		display: none;
	}

	#access,
	.sidey,
	#footer {
		/*display: none;*/
	}
	#archives-2 {
	display: none;	
	}
	#access {
	display: none;	
	}
	#custom_html-2 {
	display: none;	
	}
	#footer-inside {
	display: none;	
	}
	li.cat-item {
		display: inline-block;	/* Располагаем элементы по горизонтали */
		list-style-type: disc;	/* Убираем маркеры списка */
		padding: 2px 5px 2px 5px;		/* Поля вокруг текста */
	}

	#nav-toggle {
		display: block;
	}
		.otvetov{
		  display:block;
		  background: #fff;
		  padding: 15px 20px 15px 45px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 60px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 10px;
		  top:5px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 14px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dfour1 {
			display:none;
		}
		#nav-below {
			width: 100%;
		}
}

@media (max-width: 800px) {

	body {
		font-size: .90em;
	}

	.magazine-three #content-masonry article.hentry,
	.magazine-two #content-masonry article.hentry {
		width: 98%;
	}
		.otvetov{
		  display:block;
		  background: #fff;
		  padding: 15px 20px 15px 45px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 60px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 10px;
		  top:5px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 14px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dfour1 {
			display:none;
		}
		#nav-below {
			width: 100%;
		}
}
@media (max-width: 760px) {
		.dsecond_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dfour1 {
			display:none;
		}
		#nav-below {
			width: 100%;
		}
		
}
@media (max-width: 640px) {

	body {
		font-size: .85em;
	}

	#container[class*="two-"] .widget-container,
	#colophon .widget-container {
		width: 100%;
		margin: 0 0 1.5em;
		clear: both;
	}
		.otvetov{
		  display:block;
		  background: #fff;
		  padding: 15px 20px 15px 45px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 60px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 10px;
		  top:5px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 14px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dsecond_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dfour1 {
			display:none;
		}
}

@media (max-width: 480px) {

	body {
		font-size: .9em;
	}

	#mobile-menu > div {
		max-width: 300px;
	}
	h2{
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.4em;
	}
	.2oa_relev {
	 font-size: .6em;	
	}
	.inp{
	width: 100%;
	}
		.otvetov{
		  font-size: .8em;
		  display:block;
		  background: #fff;
		  padding: 15px 15px 15px 18px;
		  margin: 0 0 20px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 16px;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		  
		  /*Borders - (Optional)*/
		  border-left: 15px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}

		.otvetov::before{
		  content: "\201C"; /*Unicode for Left Double Quote*/
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: 20px;
		  font-weight: bold;
		  color: #999;
		  
		  /*Positioning*/
		  position: absolute;
		  left: 2px;
		  top:2px;
		}

		.otvetov::after{
		  /*Reset to make sure*/
		  content: "";
		}

		.otvetov a{
			
		  text-decoration: none;
		  background: #eee;
		  cursor: pointer;
		  padding: 0 3px;
		  color: #ff6633;
		}

		.otvetov a:hover{
		 color: #666;
		}

		.otvetov em{
		  font-style: italic;
		}
		.2oa_relev{
		  display:block;
		  background: #fff;
		  padding: 0px 0px 0px 15px;
		  position: relative;
		  
		  /*Font*/
		  font-family: Georgia, serif;
		  font-size: .4em;
		  line-height: 1.2;
		  color: #666;
		  text-align: justify;
		}
		article.hentry {
			padding-left: 2%; !absolute;
			padding-right: 2%; !absolute;
		}
		.otvetov1{
		  display:block;
		  background: #fff;
		  padding: 5px 5px 5px 5px;
		  margin: 0 0 5px 9px;
		  position: relative;
		  height: 300px;
		  border-radius: 5px;
		  /*Font*/
		  /*Borders - (Optional)*/
		  border-left: 2px solid #ff6633;
		  border-right: 2px solid #ff6633;
		  
		  /*Box Shadow - (Optional)*/
		  -moz-box-shadow: 2px 2px 15px #ccc;
		  -webkit-box-shadow: 2px 2px 15px #ccc;
		  box-shadow: 2px 2px 15px #ccc;
		}
		.dfirst1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1 {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 15px;
		}
		.dfirst_r {
			float:left;
			width: 48%;
			padding: 5px 5px 0px 5px;
		}
		.dsecond1_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dsecond_r {
			float:left;
			width: 48%;
			display:none;
			padding: 5px 5px 0px 15px;
		}
		.dfour1 {
			display:none;
		}
}

/* Пустые слоты рекламных баннеров (script_ya.php: $ban_v1/$ban_o_*/$ban5_3 везде
   принудительно затёрты в пустую строку сразу после определения - реклама
   выключена сайт-ширно) остаются обёрнуты в <div class='otvetov'>, тот же класс,
   что и у настоящих блоков ответов - в результате на каждой странице между
   ответами показываются пустые оранжевые "цитатные" рамки с кавычкой. Прячем
   именно и только пустые обёртки, реальные ответы (с текстом внутри) не трогаем. */
.otvetov:has(> .wrapper > .dfirst1:empty),
.otvetov:has(> .dsecond1:empty) {
	display: none;
}

/* Блоки "похожие вопросы" (.2oa_relev) со сломанной ссылкой на удалённый/снятый
   с публикации вопрос-кандидат - href='//' вместо реального slug, без заголовка
   и текста анонса внутри. JS-дубликат этого правила - в frontend.js. */
.otvetov:has(> [class~='2oa_relev'] > a[href='//']) {
	display: none;
}

/* FIN */