* {margin: 0; padding: 0; vertical-align: baseline; outline:0; box-sizing: border-box;}
.adsbygoogle {width: 100%; height: auto !important; overflow: hidden}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background: url('/i/bg2.png');
}

h1, h2, h3, h4 { letter-spacing: -0.04em; font-weight: normal; }

a {
  text-decoration: none;
}

.clear {
  clear: both;
}

.inv {
  display: none;
}

.visible {
  display: block !important;
}

button {
  border: 0;
}

.beforeComments {
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.rating_div {
	width: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rating_title {display: inline-block; float: left; margin: 8px 20px 0 0}
#rating {position:relative; height:24px; cursor:pointer; width:120px; float:left} /* Блок рейтинга*/
#rating_blank, #rating_votes, #rating_hover {height:24px; position:absolute}
#rating_blank { background:url('/i/stars.png'); width:120px; } /* "Чистые" звездочки */
#rating_votes {background:url('/i/stars.png') 0 -29px} /*  Закрашенные звездочки */ 
#rating_hover {background:url('/i/stars.png') 0 -58px; display:none}  /*  звездочки при голосовании */ 
#rating_star {margin: 5px 0 3px}

.ya-site-form__input-text {height: 24px !important; padding: 3px 10px !important}
.ya-site-form__submit {
  width: 45px !important; 
  height: 24px !important;
  cursor: pointer;
}

header, main {
  max-width: 1300px;
  margin: 0 auto;
  clear: both;
}

.header_top {
  width: 100%;
}

#menu_header {
  width: 100%;
  background: #fff;
  padding: 10px 50px;
}

#menu_header ul {
  list-style: none;
}

#menu_header > ul > li {
  display: inline-block;
  padding: 5px 20px 5px 0;
	position: relative;
	vertical-align: top;
}

#menu_header > ul > li:last-child {
	padding-right: 0;
}

#menu_header > ul > li > a {
  display: block;
  font-family: Roboto;
  font-size: 17px;
  color: #2e2e32;
  line-height: 20px;
  border-bottom: 2px solid #fff;
}

#menu_header > ul > li > a:hover {
	color: #ff5423;
}

#menu_header ul li > .sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
  background: #fff;
	width: 300px;
	padding: 20px;
	box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.2);
}
.w-200 {
	width: 200px !important;
}
#menu_header ul li:hover > .sub-menu {
	display: block;
}
.sub-menu li {
	display: block;
}
.sub-menu a {
	display: block;
  font-family: Roboto;
  font-size: 15px;
  color: #2e2e32;
  line-height: 16px;
	margin-bottom: 15px;
  border-bottom: 2px solid #fff;
}
.sub-menu a:hover {
	color: #ff5423;
}
.sub-menu li:last-child a {
	margin-bottom: 0;
}

#menu_header ul li a.home {
  width: 39px;
  height: 39px;
  background-color: #f4f5f7;
  border-bottom: 0;
  line-height: 35px;
  margin-top: 13px;
  margin-bottom: -13px;
  border-radius: 50%;
  border: 2px solid #fff;
}

#menu_header ul li a.home:before {
  content: '';
  display: block;
  margin: 10px 0 0 10px;
  position: absolute;
  width: 18px;
  height: 18px;
  background: url('/i/bg.png?v=1.1') -526px -18px;
}

#menu_header ul li a.home:hover {
  transition: .2s;
  border-bottom: 0;
  border: 2px solid #f8552b;
}

.logo {
  display: block;
  float: left;
  width: 217px;
  height: 65px;
  background: url('/i/bg.png?v=1.1');
  margin: 5px 50px 0 50px;
}
.logo-mini {
	display: block;
  float: left;
  width: 148px;
  height: 40px;
  background: url('/i/bg.png?v=1.1') 0 -343px;
  margin: 3px 50px 0 0;
}

.slogan {
  font-size: 13px;
  font-weight: 300;
  color: #5f6168;
  display: inline-block;
  width: 120px;
  margin: 25px 20px 20px 0;
}

#yasearch {
  width: 500px;
  height: 33px;
  float: right;
  margin: 20px 50px 0 70px;
}

.yasearch-fixed {
	position: fixed;
	top: 5px;
	left: calc((100% - 1300px) / 2 + 250px);
	z-index: 10001;
	margin: 0 !important;
}

#menu_btn {
  display: none;
  float: right;
  width: 33px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 10px;
}

#menu_btn span {
  display: block;
  width: 33px;
  height: 5px;
  background: #f8552b;
  margin: 5px auto;
  border-radius: 3px;
}

#menu_btn:hover span {
  transition: .2s;
  background: #f78669;
}

#panel-menu-btn span {
  display: block;
  width: 33px;
  height: 5px;
  background: blue;
  margin: 5px auto;
  border-radius: 3px;
}

#panel-menu-btn:hover span {
  transition: .2s;
  background: #6262ff;
}

main {
  background: #fff;
  min-height: 1000px;
  -webkit-box-shadow: 0px 25px 31px 3px rgba(175,199,224,0.5);
  -moz-box-shadow: 0px 25px 31px 3px rgba(175,199,224,0.5);
  box-shadow: 0px 25px 33px 3px rgba(175,199,224,0.5);
  position: relative;
  padding: 25px 0;
  border-bottom: 5px solid #f1f4f7;
}

main:before {
  content: '';
  display: block;
  margin: -25px 0 0 48px;
  position: absolute;
  width: calc(100% - 96px);
  height: 1px;
  background: #eff0f3;
}

.a-top {
	width: 100%;
	min-height: 1px;
	float: left;
	padding: 0 50px;
	margin-bottom: 15px;
}

.sidebar {
  width: 320px;
  margin-right: 50px;
  float: right;
}

.sidebar__ads {
  width: 320px;
	float: left;
}

.flex-column-just-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
	top: 90px !important;
}

.rubric, .authorpage {
    width: 100%;
    float: left;
}

.right-div {
  float: left;
  width: 270px;
}

.main1 {
  width: calc(100% - 450px);
  float: left;
  margin: 0 30px 0 50px;
  min-height: 100px;
}

#main1_2 {
  width: calc(100% - 300px);
  float: left;
  margin: 0 30px 0 0;
}

.main1_3 {
  width: 270px;
  float: left;
}

.item_2 {
  width: 270px;
  float: left;
}

.item_2_1, .item_2_1 img {
  display: block;
  width: 100%;
}

.item_2_1 {
  width: calc(100% + 2px);
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  margin-right: -2px;
}

.item_2_1:hover {
  border-right: 2px solid #ff6138;
  border-top: 2px solid #ff6138;
  transition: .2s;
}

.item_1_1 {
  border-bottom: 2px solid transparent;
}

.item_1_1:hover {
  border-bottom: 2px solid #ff6138;
  transition: .2s;
}

.owl-dots {
  width: 100%;
  text-align: center;
}

.owl-dot {
  display: inline-block;
  zoom: 1;
  cursor: pointer;
}

.owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: #fff;
  border: 2px solid #D6D6D6;
  display: block;
  border-radius: 50%;
}

.owl-dot.active span, .owl-dot:hover span {
  background: #fff;
  border: 2px solid #f8623b;
  transition: .2s;
}

.main1_4 {
  width: 100%;
  float: left;
  margin: 40px 0;
}

.main1_4_1 {
  font-size: 30px;
  width: 100%;
  float: left;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ff6138;
}

.main1_4 .item_2 {
  width: 32%;
  margin-right: 2%;
}

.main1_4 .item_2:last-child {
  margin-right: 0;
}

#main1_2 .item_1 {
  background: #f9fafc;
}

#main1_2 .item_1 .item_1_1 {
  display: block;
  position: relative;
}

#main1_2 .item_1.interes .item_1_1:before {
  display: block;
  content: 'это интересно';
  font-family: Roboto;
  font-size: 13px;
  padding: 2px 8px;
  position: absolute;
  background: #000;
  color: #fff;
  bottom: 0;
  right: 0;
}

.item_1_2, .item_2_2 {
  display: block;
  color: #565c68;
  font-size: 13px;
  line-height: 22px;
  padding: 15px 15px 15px 45px;
  border-bottom: 1px solid #f0f2f5;
  font-family: Roboto;
}

.item_2_2 {
  padding-left: 24px;
}

.item_2_4 p {
  margin: 0;
  line-height: 20px;
}

.item_1_3:hover, .item_2_3:hover {
  text-decoration: underline;
}

.item_1_2:before, .item_2_2:before {
  content: '';
  display: block;
  margin: 5px 0 0 -19px;
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #f85d36;
  border-radius: 50%;
}

#main1_2 .item_1 .item_1_3 {
  display: block;
  font-family: Roboto;
  color: #4b5579;
  font-size: 19px;
  line-height: 24px;
  padding: 15px 15px 15px 25px;
  background: #f4f5f7;
}

#main1_2 .item_1 .item_1_4 {
  color: #3c3c3c;
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto;
  padding: 0 15px 15px 25px;
  background: #f4f5f7;
}

.item_2_3 {
  display: block;
  font-family: Roboto;
  color: #4b5579;
  font-size: 17px;
  line-height: 22px;
  padding: 15px 15px 10px 5px;
}

.item_2_4 {
  color: #3c3c3c;
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto;
  padding: 0 15px 15px 5px;
}

.ask_expert {
  width: 270px;
  min-height: 250px;
  border: 3px solid #ff6138;
  margin: 35px 0 50px;
  float: left;
  position: relative;
}

.ask_expert_2 {
  display: block;
  margin: -35px 15px 25px 25px;
  width: 104px;
  height: 104px;
  border: 2px solid transparent;
  border-radius: 50%;
  float: left;
}

.ask_expert_2:hover {
  transition: .2s;
  border: 2px solid #ff6138;
}

.ask_expert_2 img {
  border-radius: 50%;
}

.ask_expert button {
  width: 203px;
  height: 43px;
  border: 3px solid #ff6138;
  background: #ff6138;
  color: #fff;
  font-family: Roboto;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 39px;
  position: absolute;
  bottom: -21px;
  left: calc(50% - 101px);
  cursor: pointer;
}

.ask_expert button:hover {
  transition: .2s;
  background: #fff;
  color: #ff6138;
  border: 3px solid #ff6138;
}

.ask_expert_3 {
  display: block;
  float: left;
  width: 100px;
  font-size: 12px;
  color: #646464;
  margin-top: 20px;
}

.ask_expert_4 {
  display: block;
  float: left;
  width: 180px;
  font-size: 18px;
  font-family: Roboto;
  margin-left: 35px;
  text-transform: uppercase;
}

.ask_expert_5 {
  display: block;
  float: left;
  width: 180px;
  color: #3c3c3c;
  font-size: 14px;
  margin: 10px 0 0 35px;
  font-family: Roboto;
}

.ask_expert_5 a {
  color: #3c3c3c;
  font-size: 14px;
  font-family: Roboto;
  text-decoration: none;
}

.ask_expert_5 a:hover {
  text-decoration: underline;
}

.sidebar_1 {
  width: 270px;
  float: left;
}

.sidebar_1_1 {
  background: #f4f5f7;
  font-family: Roboto;
  font-size: 17px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: -2px;
}

.main2 {
  background: #fafbfc;
  width: 100%;
  min-height: 450px;
  float: left;
  padding: 40px 50px;
}

.main2_1 {
  width: 49%;
  margin-right: 2%;
  float: left;
}

.main2_1 p {
  color: #3c3c3c;
  margin: 20px 0;
  line-height: 24px;
}

.main2_1 p strong {
  font-family: Roboto;
}

.main2_1_1 {
  width: 100%;
  padding-left: 60px;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.main2_1_1:before {
  content: '';
  display: block;
  margin: 0 0 0 -45px;
  position: absolute;
  width: 31px;
  height: 35px;
  background: url('/i/bg.png?v=1.1') -639px 0;
}

.main2_2 {
  width: 49%;
  float: left;
}

.main2_2_1 {
  width: 100%;
  padding-bottom: 15px;
  font-size: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6ec;
}

.main2_2 .item_2 {
  width: 48%;
  margin-right: 4%;
}

.main2_2 .item_2:last-child {
  margin-right: 0;
}

.main3 {
  padding: 30px 50px;
  float: left;
}

.main3_1 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ff6138;
  font-size: 30px;
}

.main3_2 {
  width: calc(100% - 300px);
  float: left;
  margin-right: 30px;
}

.main3_2 .item_2_3 {
  display: inline-block;
  font-size: 22px;
  line-height: 24px;
}

.main3_2 .line {
  float: left;
  width: 100%;
  height: 1px;
}

.main3_2 .item_2_1 {
  width: 270px;
  float: left;
}

.main3_2 .item_2_2 {
  font-family: Roboto;
  width: calc(100% - 300px);
  float: right;
}

.main3_2 .item_2_4 {
  width: calc(100% - 300px);
  float: right;
  margin-top: 15px;
}

.item_3 {
  width: 270px;
  float: left;
}

.item_3:nth-child(2) {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
}

.item_3_1 {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid transparent;
  float: left;
}

.item_3_1:hover {
  transition: .2s;
  border: 2px solid #ff6138;
}

.item_3_1 img {
  border-radius: 50%;
}

.item_3_2 {
  float: right;
  width: calc(100% - 60px);
  color: #4b5579;
  font-size: 15px;
  line-height: 22px;
  font-family: Roboto;
}

.item_3_2-1 {
  float: left;
  margin-left: 20px;
}
.item_3_2-1 {
  text-decoration: none;
}
.item_3_2-1:hover {
  text-decoration: underline;
}

.item_3_2:hover {
  text-decoration: underline;
}

.main4 .main2_1 {
  margin-left: 2%;
  margin-right: 0;
}

.main4 {
  margin: 40px 0;
}

.main5 {
  float: left;
  padding: 0 50px;
}

.main5_1 {
  font-size: 30px;
  font-family: Roboto;
  line-height: 32px;
  width: 100%;
  margin-bottom: 30px;
}

.main5_1:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 150px;
  height: 46px;
  background: url('/i/bg.png?v=1.1') -76px -6px;
  margin: -14px 0 0 250px;
}

.main5 p {
  line-height: 24px;
  margin: 20px 0 20px 230px;
}

.main5 p strong {
  font-family: Roboto;
}

.main5 > span {
  width: 202px;
  height: 202px;
  display: block;
  background: url('/i/bg.png?v=1.1') 0 -79px;
  float: left;
  margin-bottom: 50px;
}

.main5 > a {
  display: inline-block;
  margin: 0 0 20px 30px;
  color: #4b5579;
  font-family: Roboto;
  font-size: 14px;
}

.main5 > a:hover {
  text-decoration: underline;
}

.main5 > a:before {
  content: '';
  display: block;
  margin: 7px 0 0 130px;
  position: absolute;
  width: 4px;
  height: 8px;
  background: url('/i/bg.png?v=1.1') -719px 0;
}

.main5 > a:hover:before {
  margin-left: 133px;
  transition: .2s;
}

#back_to_top {
  display: block;
  width: 33px;
  height: 33px;
  background: url('/i/bg.png?v=1.1') -678px 0px;
  cursor: pointer;
	float: right;
	position: absolute;
	top: -1px;
	right: 20px;
}

#back_to_top:hover {
  transition: .2s;
  bottom: 20px;
}

footer {
  max-width: 1300px;
  min-height: 165px;
  margin: 25px auto 0;
  padding: 0 50px;
}

footer .logo {
  display: block;
  float: left;
  width: 214px;
  height: 65px;
  background: url(/i/bg.png?v=1.1) -234px 0;
  margin: 15px 10px 0 0;
}

footer ul {
  float: left;
  margin: 30px 0 20px 300px;
  list-style: none;
}

footer ul li {
  display: inline-block;
  margin-right: 20px;
}

footer ul li a {
  color: #3a3a47;
  font-size: 14px;
  font-family: Roboto;
  border-bottom: 1px solid transparent;
}

footer ul li a:hover {
  transition: .2s;
  border-bottom: 1px solid #f86039;
}

.copy1 {
  float: left;
  margin: 0 0 20px 300px;
  color: #5f6168;
  font-size: 14px;
}

.copy2 {
  float: left;
  color: #5f6168;
  font-size: 14px;
  border-top: 1px solid #dcdde1;
  width: 100%;
}

.copy2 p {
  float: left;
}

.copy2 span {
  display: inline-block;
  float: right;
}

#menu-secondary {
  width: 270px;
  margin: 10px 0 40px;
}

#menu-secondary ul {
  list-style: none;
}

#menu-secondary ul li {
  list-style: none;
  line-height: 35px;
}

#menu-secondary > ul > li:not(:last-child) {
  border-bottom: 1px solid #ebebf3;
}

#menu-secondary > ul > li > a {
  display: block;
  background: #fff;
  min-height: 35px;
  padding-left: 10px;
  color: #373254;
  font-size: 17px;
  border-left: 5px solid #fff;
}

#menu-secondary ul li a:hover {
  background: #e8ebf0;
  border-left: 5px solid #ccd4e0;
  transition: .2s;
}

#menu-secondary > ul > li.active > a {
  background: #fff;
  min-height: 35px;
  color: #42424b;
  border-left: 5px solid #ccd4e0;
  font-family: Roboto;
}

#menu-secondary > ul > li.active > a:hover {
  background: #f5f7fa;
  transition: .2s;
}

#menu-secondary > ul > li > ul > li > a {
  display: block;
  background: #fff;
  min-height: 35px;
  padding-left: 20px;
  border-left: 5px solid #fff;
  color: #6c6c72;
}
#menu-secondary > ul > li > ul > li > a:before {
  content: '- ';
}

#menu-secondary > ul > li > ul > li.active > a {
  color: #42424b;
  font-family: Roboto;
  font-weight: 700;
}

#menu-secondary > ul > li > ul > li > a:hover {
  background: #e8ebf0 ;
  transition: .2s;
  border-left: 5px solid #ccd4e0;
}

.contentcol {
  width: calc(100% - 450px);
  float: left;
  min-height: 500px;
  margin: 0 30px 30px 50px;
}

.breadcrumbs {
  width: 100%;
  float: left;
  margin: 0 0 10px;
}

.breadcrumbs ul {
  list-style: none;
}

.breadcrumbs ul li {
  display: inline-block;
  color: #94969b;
  font-size: 13px;
}

.breadcrumbs ul li a {
  color: #42424b;
}

.breadcrumbs ul li:last-child a {
  color: #a0a3a9;
}

.breadcrumbs ul li a:hover {
  text-decoration: underline;
}

.breadcrumbs ul li:not(:last-child):after {
  content: "/"; 
  color: #aaa; 
  margin: 0 10px; 
  display: inline-block;
}

h1, h2, h3, h4 {
  width: 100%;
  float: left;
  font-family: Roboto;
}

.rubric h1 {
  margin-bottom: 20px;
}

h1 {
  font-size: 34px;
  line-height: 35px;
  margin-bottom: 10px;
}

.rubric .item_2,
.authorpage .item_2,
.article_footer .item_2 {
  width: 32%;
  margin-right: 2%;
}

.mr0 {
  margin-right: 0 !important;
}

.rubric .main3_2 {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f2f5;
}

.rubric .main3_1 {
  font-size: 24px;
  font-family: Roboto;
  margin-top: 40px;
  float: left;
  width: 100%;
}

.rubric_hidden {
  display: none;
}

#rubric_show_more {
  float: left;
  background: #f0f2f4;
  color: #565c68;
  width: 100%;
  display: block;
  margin: 30px 0 20px;
  padding: 10px 0;
  cursor: pointer;
  position: relative;
}

#rubric_show_more:before {
  content: '';
  display: block;
  margin: 3px 0 0 calc(50% + 70px);
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(/i/bg.png?v=1.1) -731px 0;
}

#rubric_show_more:hover {
  text-decoration: underline;
}

#rubric_show_more:hover:before {
  margin-top: 5px;
  transition: .2s;
}

ul.paginator {
  text-align: center;
  margin: 30px 0 30px 20%;
  float: left;
}

ul.paginator li {
  display: inline-block; 
  padding: 5px 10px; 
  margin: 10px 10px;
  float: left;
  
}

ul.paginator li a {
  color: #000;
  font-size: 20px;
  font-family: Roboto;
}

ul.paginator li.active a {
  background: #f8552b;
  color: #fff;
  padding: 2px 10px 3px;
}

ul.paginator li a:hover {
  text-decoration: underline;
  color: #f8552b;
  transition: .2s;
}

ul.paginator li.active a:hover {
  background: #fff;
}

ul.paginator li.page_prev, ul.paginator li.page_next {
  
}

ul.paginator li.page_prev a, ul.paginator li.page_next a {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/i/bg.png?v=1.1') -747px 0px;
}

ul.paginator li.page_prev a:hover {
  transition: none;
  background-position: -747px -24px;
}

ul.paginator li.page_next a {
  background-position: -775px -24px;
}

ul.paginator li.page_next a:hover {
  transition: none;
  background-position: -775px 0;
}

.rubric_bottom {
  clear: both;
}

.rubric_bottom h2 {
  margin-bottom: 30px;
  font-family: Roboto;
  font-size: 30px;
  line-height: 32px;
}

.rubric_bottom p {
  color: #3c3c3c;
  margin: 20px 0;
  line-height: 24px;
}

.rubric_bottom p strong {
  font-family: Roboto;
}

.about1 {
  float: left;
  margin: 20px 0;
}

.about2 {
  display: block;
  float: left;
  width: 203px;
  height: 203px;
  background: url('/i/bg.png?v=1.1') -214px -79px;
  margin: 0 30px 20px 0;
}

.about1 p {
  color: #3c3c3c;
  margin: 20px 0;
  line-height: 24px;
}

p strong {
  font-family: Roboto;
}

.about3 {
  display: block;
  float: left;
  width: 140px;
  height: 46px;
  background: url(/i/bg.png?v=1.1) -76px -6px;
  margin: 0;
}

.about4 {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.about4_1 {
  width: 100%;
  font-family: Roboto;
  font-size: 24px;
  float: left;
  margin-bottom: 40px;
}

.about4_1:before {
  content: '';
  display: block;
  margin: 40px 0 0 0;
  position: absolute;
  width: 180px;
  height: 1px;
  background: #f5ad9b;
}

.about4_2 {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-top: 40px;
}

.about4_3 {
  float: left;
  width: 99px;
  height: 99px;
  border-radius: 50%;
  margin: -45px 0 0 0;
  border: 2px solid transparent;
}

.about4_3:hover {
  transition: .2s;
  border: 2px solid #ff6138;
}

.about4_3 img {
  border-radius: 50%;
}

.about4_4 {
  float: left;
  width: 100%;
  padding: 15px 20px 10px 30px;
  background: #f4f5f7;
  margin: 30px 0 0;
}

.about4_7 {
  float: left;
  width: 100%;
  border: 1px solid #f4f5f7;
  padding: 30px;
}

.about4_7 div {
  float: left;
  width: 100%;
  line-height: 24px;
}

.about4_8 {
  display: block;
  float: left;
  color: #4b5579;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
}

.about4_8:hover {
  text-decoration: underline;
}

.about4_5 {
  display: block;
  float: right;
  width: calc(100% - 120px);
  color: #3a3a4c;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 500;
  margin-bottom: 8px;
}

.about4_5:hover {
  text-decoration: underline;
}

.about4_6 {
  display: block;
  float: right;
  width: calc(100% - 120px);
  color: #9ea1a4;
  font-size: 12px;
  font-family: Roboto;
}

.about4_8:before {
  content: '';
  display: block;
  margin: 7px 0 0 135px;
  position: absolute;
  width: 4px;
  height: 8px;
  background: url(/i/bg.png?v=1.1) -719px 0;
}

.about4_8:hover:before {
  transition: .2s;
  margin-left: 138px;
}

.authorpage {
  width: 100%;
  float: left;
}

.authorpage h1 {
  font-family: Roboto;
  margin-bottom: 10px;
}

.expert2 {
  width: 100%;
  float: left;
  color: #ff3400;
  font-family: Roboto;
  font-size: 15px;
  margin-bottom: 20px;
}

.expert3 {
  width: 270px;
  height: 270px;
  float: left;
  margin: 0 30px 30px 0;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}

.expert3 img {
  border-radius: 50%;
}

.expert3 span {
  display: block;
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #f8552b;
  margin: -95px 0 0 170px;
}

.expert3::after {
  content: '';
  display: block;
  margin: -70px 0 0 195px;
  position: absolute;
  width: 29px;
  height: 33px;
  background: url(/i/bg.png?v=1.1) -803px 0;
}

.authorpage p {
  line-height: 24px;
  margin: 10px 0;
}

.expert4, .expert5 {
  font-family: Roboto;
  display: block;
  float: left;
  width: 100%;
}

.expert4 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 10px;
}

.expert5 {
  font-size: 34px;
  line-height: 35px;
  margin: 20px 0;
}

.expert6 {
  width: 100%;
  float: left;
  margin: 30px 0;
}

.item_4 {
  width: 32%;
  float: left;
  margin-bottom: 20px;
}

.item_4:nth-child(2),
.item_4:nth-child(5) {
  margin-left: 2%;
  margin-right: 2%;
}

.item_4:nth-child(1),
.item_4:nth-child(2),
.item_4:nth-child(3) {
  border-bottom: 1px solid #f0f2f5;
  padding-bottom: 15px;
}

.item_4-1 {
  display: flex;
  align-items: center;
}

.expert7 {
  width: 100%;
  float: left;
  margin: 30px 0 10px;
  font-family: Roboto;
  font-size: 26px;
  padding-left: 50px;
  text-transform: uppercase;
}

.expert7:before {
  content: '';
  display: block;
  margin: 1px 0 0 -50px;
  position: absolute;
  width: 32px;
  height: 32px;
  background: url('/i/bg.png?v=1.1') -872px 0;
}

.expert8 {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  font-size: 13px;
  color: #646464;
  padding-left: 50px;
}

.expert_hidden {
  color: #42424b;
  width: 100%;
  float: left;
  display: none;
  line-height: 24px;
}

#show_expert_hidden {
  float: left;
  width: 270px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  color: #9fa9b1;
  display: block;
  text-align: center;
  margin: 10px 0 30px calc(50% - 135px);
  background: #f4f8fb;
  cursor: pointer;
}

#show_expert_hidden:hover {
  text-decoration: underline;
}

.ask_author {
  width: 100%;
  min-height: 100px;
  border: 2px solid #ff6138;
  float: left;
  padding: 20px 40px;
}

.ask_author_1 {
  width: 270px;
  height: 100px;
  float: left;
  margin: 0 30px 0 0;
  font-size: 14px;
}

.ask_author_2 {
  width: 100%;
  float: left;
  font-size: 17px;
}

.ask_author_1 > div > span, .ask_author_2 > div > span {
  font-size: 15px;
  color: #9fa1a2;
}

.ask_author_1 input {
  width: calc(100% - 2px);
  height: 40px;
  border: 1px solid #d9e0e2;
  font-size: 15px;
  padding: 10px 22px;
  margin: 10px 0 0;
}

.ask_author_2 textarea {
  max-width: calc(100% - 2px);
    min-width: calc(100% - 2px);
  min-height: 110px;
  border: 1px solid #d9e0e2;
  font-size: 15px;
  padding: 10px 22px;
  margin-top: 10px;
}

#ask_expert_submit {
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  display: block;
  float: right;
  background: #ff6138;
  border: 2px solid #ff6138;
  width: 270px;
  height: 40px;
  line-height: 37px;
  margin-top: 20px;
  margin-bottom: -40px;
  cursor: pointer;
  text-transform: uppercase;
}

#ask_expert_submit:hover {
  transition: .2s;
  background: #fff;
  color: #ff6138;
}

.article h1 {
	width: calc(100% + 50px);
  font-family: Roboto;
  font-size: 34px;
  line-height: 35px;
	padding: 5px 5px 12px 45px;
  margin: 10px 10px 0 -50px;
	background: #f1f1f5;
  border-left: 5px solid #6e6edf;
}

.article_header_info {
  font-family: Roboto;
  font-size: 12px;
  color: #b1b1b1;
  width: 100%;
  float: left;
  padding-left: 30px;
}

.article_header_info:before {
  content: '';
  display: block;
  margin: 1.5px 0 0 -25px;
  position: absolute;
  width: 15px;
  height: 9px;
  background: url('/i/bg.png?v=1.1') -836px 0;
}

.articleBody {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

.article_footer_info, .article_footer {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.article_footer_info {
  width: calc(100% + 50px);
  margin-left: -50px;
  background: #f4f5f7;
  min-height: 80px;
  border-left: 5px solid #e4e4eb;
	padding-left: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.similar_header {
  width: 100%;
  float: left;
  font-family: Roboto;
  font-size: 34px;
  line-height: 35px;
  color: #000;
  margin-bottom: 20px;
}

.comments_header {
  width: 100%;
  float: left;
  font-family: Roboto;
  font-size: 28px;
  line-height: 29px;
  color: #000;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e9eb;
}

#article_author {
  width: 250px;
  min-height: 70px;
}

#article_author a.author_img {
  float: left;
  display: block;
  width: 69px;
  height: 69px;
  margin: 0 10px 0 0;
  border: 2px solid transparent;
  border-radius: 50%;
}

#article_author a.author_img:hover {
  transition: .2s;
  border: 2px solid #ff4717;
}

#article_author a.author_img img {
  border-radius: 50%;
}

.article_footer_info #article_author > span {
  display: block;
  margin: 0 0 0 90px;
  width: calc(100% - 80px);
  font-family: Roboto;
  font-size: 13px;
  color: #3c3c3c;
}

.article_footer_info #article_author .expert_1_3 {
  display: block;
  margin: 5px 0 0 90px;
  width: calc(100% - 90px);
  font-family: Roboto;
  font-size: 16px;
  color: #000;
}

.article_footer_info #article_author .expert_1_3:hover {
  text-decoration: underline;
}

.article_social {
  width: calc(100% - 500px);
  height: 25px;
	text-align: center;
}

.votes {
  width: 230px;
  margin: 8px 20px;
  float: right;
}

.votes > span {
  display: block;
  margin: 10px 0 10px 0;
  font-family: Roboto;
  font-size: 13px;
  color: #3c3c3c;
}

.votes > div > span {
  display: block;
  width: 66px;
  height: 23px;
  float: left;
  font-family: Roboto;
  color: #0e0e12;
  font-size: 16px;
}

.votes > div:nth-child(2) {
  clear: both;
  width: 100%;
  height: 27px;
}

.votes > div:last-child {
  width: 100%;
  clear: both;
  font-family: PTSans;
  font-size: 13px;
  color: #c9c9cd;
}

.votes_total {
  text-align: center;
  font-size: 17px;
  color: #0e0e12;
  font-family: PTSerif;
}

.vote_yes, .vote_no {
  width: 20px !important;
  height: 20px;
  margin-left: 10px !important;
  background: url('/i/bg.png?v=1.1') -423px -79px;
  cursor: pointer;
}

.vote_yes {
  margin-left: 25px !important;
  margin-right: 8px !important;
  background-position: -483px -79px;
}

.vote_yes:hover, .vote_no:hover {
  transition: .2s;
  transform: scale(1.1);
}

.imgRound {
  display: block;
  border-radius: 50% !important;
}


.alignleft {float: left; margin: 10px 30px 10px 0}
.alignright {float: right; margin: 10px 0px 10px 30px}

.article iframe {
  float: left;
  display: block;
  width: 100%;
  height: 500px;
  margin: 0 0 20px 0;
}

.fotorama {
  clear: both;
  margin: 30px 0;
  padding: 0 50px;
}

.fotorama, .fotorama__wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

.articleBody p {
  margin: 0 0 10px;
  font-family: Roboto;
  font-size: 16px;
  line-height: 26px;
}

.articleBody strong {
  font-family: Roboto;
}

.articleBody strong.italic,
.articleBody i {
  font-family: Roboto;
  font-style: italic;
}

.articleBody p a {
  color: #2b405e;
  text-decoration: underline;
}

.articleBody p a:hover {
  text-decoration: none;
}

.contents {
  background: #e5e5f3;
  width: calc(100% + 50px);
  margin: 10px 0 10px -50px;
  clear: both;
  padding: 0 20px 0 0;
}

.contents .header {
  font-size: 19px;
  line-height: 45px;
  font-family: Roboto;
  color: #000;
  width: 100%;
  background: #f1f1f5;
  border-left: 5px solid #6e6edf;
  padding: 0 0 0 50px;
  margin: 0 -20px 5px 0;
  width: calc(100% + 20px);
  position: relative;
  cursor: pointer;
}

.contents .header:before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 5px;
  background: url('/i/bg.png?v=1.1') -855px 0;
  cursor: pointer;
  margin: 19px 0 0 calc(100% - 70px);
  cursor: pointer;
}

.contents .header:hover:before {
  transform: rotate(180deg);
}

.contents ul {
  list-style: none;
  padding-left: 75px;
}

.contents ul li a {
  font-family: Roboto;
  font-size: 17px;
  color: #000;
  text-decoration: underline !important;
}

.contents ul li a:hover {
  text-decoration: none !important;
}

.articleBody .contents ul {
	padding: 0 20px 3px 70px;
}

.articleBody .contents ul li:last-child {
	margin-bottom: 0;
}

.contents ul li ul li a {
  font-size: 17px;
  color: #222639;
}

.contents ul ul {
  padding-left: 15px;
  margin: 0;
  padding: 0 0 0 30px;
}

.contents ul li:before {
  content: '-';
  display: inline-block;
  vertical-align: middle;
  margin: -4px 10px 0 0;
}

.articleBody h2, .articleBody h3, .articleBody h4 {
  font-family: Roboto;
  font-size: 28px;
  color: #000;
  padding-bottom: 15px;
  margin: 20px 0;
  border-bottom: 1px solid #ff6138;
	float: none;
}

.articleBody h3 {
  font-size: 26px;
}

.articleBody h4 {
  font-size: 23px;
}

.foto {
  background: #f7f7f7;
}

.foto_desc {
  display: block;
  color: #565c68;
  font-size: 13px;
  font-family: Roboto;
  text-align: center;
  padding: 10px 0 15px;
  line-height: 16px;
}

.articleBody ul.accentblue,
.articleBody ul.accentgreen,
.articleBody ul.accentred,
.articleBody ul.accentyellow,
.articleBody ul.accentorange {
  width: 100%;
  list-style: none;
  padding: 10px 20px 10px 70px;
  margin: 0 0 10px;
}

.articleBody ol, .articleBody ul {
  width: 100%;
  padding: 0 20px 0 70px;
  margin: 0;
}

.articleBody ul li,
.articleBody ol li {
  font-family: Roboto;
  line-height: 26px;
  margin-bottom: 10px;
}

.articleBody ul.accentblue li:before,
.articleBody ul.accentgreen li:before,
.articleBody ul.accentred li:before,
.articleBody ul.accentyellow li:before,
.articleBody ul.accentorange li:before {
  content: '';
  display: block;
  margin: 11px 0 0 -22px;
  position: absolute;
  width: 7px;
  height: 7px;
  background: url('/i/bg.png?v=1.1') -423px -106px;
}
.articleBody ul.accentgreen li:before {
  background-position: -434px -106px;
}
.articleBody ul.accentred li:before {
  background-position: -445px -106px;
}
.articleBody ul.accentyellow li:before {
  background-position: -456px -106px;
}
.articleBody ul.accentorange li:before {
  background-position: -467px -106px;
}
.articleBody ul.accentblue, .articleBody ol.accentblue {
  background: #ebf4fc;
  border-bottom: 1px solid #b3cee6;
  color: #1e3e5a;
}
.articleBody ul.accentgreen, .articleBody ol.accentgreen {
  background: #f6faf1;
  border-bottom: 1px solid #d9e6c9;
  color: #5c6550;
}
.articleBody ul.accentred, .articleBody ol.accentred {
  background: #fff5f6;
  border-bottom: 1px solid #f2c7cc;
  color: #3b060d;
}
.articleBody ul.accentyellow, .articleBody ol.accentyellow {
  background: #fbf8ee;
  border-bottom: 1px solid #efe5c6;
  color: #2b2415;
}

ol  {list-style: none; counter-reset: point}
ol li:before {
  content: counter(point);
  counter-increment: point 1;
  font-size: 17px;
  position: absolute;
  margin-left: -35px;
  margin-top: 1px;
  text-align: center;
  width: 26px;
  height: 23px;
  line-height: 23px;
  background: url('/i/bg.png?v=1.1') -509px -79px;
  color: #fff;
}

ol.accentgreen li:before {
  background-position-x: -537px;
}
ol.accentred li:before {
  background-position-x: -566px;
}

.after-content {
  width: calc(100% - 350px);
  float: left;
  padding: 0 30px 0 50px;
}

.galleryHead {float: left; width: 100%; margin: 20px 0; padding-bottom: 20px; font-size: 27px; font-family: Roboto; font-weight: 500; border-bottom: 1px solid #e0e2e4}

.relap-header {margin: 40px 0 10px; padding-bottom: 20px; font-size: 27px; font-family: Roboto; font-weight: 500; border-bottom: 1px solid #e0e2e4}
.relevantItems {line-height: 18px; width: 100%; overflow: hidden}
.relevantItems .item {display: inline-block; vertical-align: top; max-width: 285px; width: 33%; border: solid 1px transparent; box-sizing: border-box; margin: 5px 0.5% 5px 0; }
.relevantItems .item:nth-child(3), .relevantItems .item:nth-child(6) {margin-right: 0}
.relevantItems .item .title {line-height: 21px; font-weight: bold; color: #000}
.relevantItems .item a {text-decoration: none}
.relevantItems .item:hover {border-color: #eee; background: #eee;}
.relevantItems .item:hover .title {text-decoration: underline; color: #920642; transition: .2s}
.relevantItems .item a p {color: #000; text-decoration: none; font-size: 13px; margin: 5px 0; line-height: 20px}
.relevantItems .item .preview {background: #Fff center center; ; height: 200px; margin-bottom: 5px;}
.relevantItems.vertical {}
.relevantItems.vertical .item {display: block; width: auto;}
.relevantItems.vertical .item .preview {height: 140px;}

p {
    margin: 20px 0;
    line-height: 28px;
}

.contentcol > p a, .sitmaphtml a {
  color: #0270cf;
  text-decoration: underline;
  line-height: 28px;
}
.contentcol > p a:hover, .sitmaphtml a:hover {
  text-decoration: none;
}

.sitmaphtml ul {margin: 10px 0; font-size: 14px;}
.sitmaphtml ul li.rubric>a {font-size: 16px; font-weight: bold;}
.sitmaphtml ul li {margin: 5px 0 0 30px;}
.sitmaphtml ul li.rubric {width: auto}

.art-comments {float: left; width: 100%; font-size: 32px; font-family: Roboto; margin: 30px 0; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4}

/* color box (fullsize imgs on click) */
#colorbox #askFrm {margin: 20px 20px;}
#askFrm form.askauthor {margin: 20px 0; border-left: solid 2px #eee; padding: 10px 10px; width: 500px; overflow: hidden;}
#askFrm form.askauthor label {clear: left; display: inline-block;  width: 170px; font-size: 14px; color: #666;}
#askFrm form.askauthor label.lft {vertical-align: top;}
#askFrm form.askauthor input, form.askauthor textarea {margin: 5px 0; padding: 5px 10px; font-size: 16px; width: 300px;}
#askFrm form.askauthor textarea {height: 200px; margin-left: -3px;}
#askFrm form.askauthor button {padding: 10px 20px; float: right; margin: 0 5px 0 0; border-radius: 5px; border: solid 1px rgba(100,0,0,0.3); cursor: pointer;}
#askFrm form .ready {color: #000; font-size: 22px; letter-spacing: -0.00em; width: 100%; text-align: center; margin: 50px auto;}
#askFrm h2 {font-size: 28px; color: #e4495b; border-bottom: solid 1px rgba(0,0,0,0.06); padding-bottom: 20px}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {max-width:none; height: auto !important;}
#cboxOverlay{position:fixed; width:100%; height:100%; z-index: 99999}
#cboxMiddleleft, #cboxBottomleft{clear:left;}
#cboxContent{position:relative; background: #fff}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; height: auto !important; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0; z-index: 99999;}
#cboxTopleft{width:14px; height:14px;}
#cboxTopCenter{height:14px;}
#cboxTopRight{width:14px; height:14px;}
#cboxBottomleft{width:14px; height:43px;}
#cboxBottomCenter{height:43px;}
#cboxBottomRight{width:14px; height:43px;}
#cboxMiddleleft{width:14px;}
#cboxMiddleRight{width:14px;}
#cboxContent{overflow:visible; height: auto !important;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px; height: auto !important;}
#cboxLoadingOverlay{background:url(/i/cb-loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/i/cb-loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(/i/cb-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px; bottom: auto;}
#cboxClose:hover{background-position:-100px 0px; bottom: auto;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
#cboxTitle{position:initial;text-align: left;width: 100%;margin-top: -5px;padding: 4px 10px;font-weight: normal;color: #fff;background: #000;box-sizing:border-box}
#cboxTitle div {margin-left: -7px !important;}

.article blockquote {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #35140b;
  margin: 10px 0;
  padding: 10px 20px 10px 110px;
  background: #fef8f6;
  border-bottom: 2px solid #f1dbd4;
}
.article blockquote:before {
  content: '';
  display: block;
  position: absolute;
  margin: 10px 0 0 -80px;
  width: 50px;
  height: 58px;
  background: url(/i/bg.png?v=1.1) -423px -120px;
}

.article .review {
  border-bottom: 1px solid #e5e8eb;
  padding: 10px 20px 30px 120px;
  margin-bottom: 10px;
  position: relative;
	clear: both;
}
.article .review:before {
  content: '';
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  background: url('/i/bg.png?v=1.1') -568px -120px;
  margin: 13px 0 0 -65px;
}
.article .review.accentgreen:before {
  background-position-x: -526px;
}
.article .review.accentred:before {
  background-position-x: -484px;
}
.article .review .author {
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
}

.article table {border: 0}
.article table td {
  padding: 5px;
}

.soclist {
  width: 120px;
  float: right;
  margin: 20px 0 20px 20px;
}

.soc {margin-top: 10px; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/i/bg.png?v=1.1) no-repeat; border-radius: 4px; opacity: 0.8;}
.soc.vk {background-position: -427px -193px;}
.soc.fb {background-position: -452px -193px;}
.soc.gp {background-position: -477px -193px;}
.soc.tw {background-position: -502px -193px;}
.soc.ok {background-position: -552px -193px;}
span.soc img {width: 24px; height: 24px;border-radius: 2px;}

.panel {
	display: none;
	position: fixed;
	top: 0;
	left: calc((100% - 1300px) / 2);
	z-index: 9998;
	width: 1300px;
	height: 40px;
	background: #ccd9f3;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
.panel__top {
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.panel__bottom {
	width: 100%;
	height: 31px;
	position: relative;
}
.social-top {
	width: 170px;
  height: 25px;
	float: right;
  margin: -32px 100px 0 30px;
}
.panel__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px 30px 5px 50px;
	height: 31px;
	cursor: pointer;
	width: 450px;
	/*position: relative;*/
	overflow: hidden;
}
.panel__info span {
	display: block;
	overflow: hidden;
	background: blue;
	padding: 3px 10px;
	font-weight: bold;
	color: #fff;
	width: 1000px;
}

.panel__info:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background-color: blue;
	background-image: url('/i/dropdown-icon-white.png');
	background-repeat: no-repeat;
	background-position: center; 
	position: absolute;
	margin-left: 450px;
}

.panel__info.panel__infor-flip:before {
	transform: rotate(-180deg);
}

.panel__info span:hover {
	background: #0404d3;
}

.panel__info:hover:before {
	background-color: #0404d3;
}

.panel__list {
	position: absolute;
	display: none;
	background: #fff;
	padding: 5px;
	width: 475px;
	margin: -5px 0 0 50px;
	box-shadow: 0 0 8px 0 #e8e8e8;
}
.panel__list li {
	list-style: none;
}
.panel__list li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.panel__list li a:hover {
	background: blue;
	color: #fff;
}
.cur_category {
	width: 300px;
	height: 25px;
	float: left;
	margin: -33px 0 0 600px;
	display: flex;
	justify-content: space-between;
}

.cur_category__menu {
	position: relative;
}
.panel-menu {
	display: none;
	background: #fff;
	position: absolute;
  margin: 32px 0 0 0px;
	width: 400px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}

.panel-menu li {
	list-style: none;
	padding: 5px 15px;
}

.panel-menu > ul > li:not(:last-child) {
	border-bottom: 1px solid #000;
}

.panel-menu > ul > li {
	padding: 12px 15px 14px;
	position: relative;
}

.panel-menu > ul > li > a {
	font-size: 20px;
}

.panel-menu > ul > li > ul > li > a {
	margin-bottom: 0;
}

.submenu-btn {
	width: 53px;
	height: 52px;
	background: url('/i/dropdown-icon.png');
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #000;
	cursor: pointer;
}

.panel-menu li a {
	color: #000;
	text-decoration: none;
}

.cur_category__header {
	font-size: 20px;
	color: #000;
	cursor: pointer;
	margin: 2px 0 0 50px;
	float: left;
	position: absolute;
	text-decoration: underline;
}

.cur_category__header:hover {
	text-decoration: none;
}

.panel-menu li a:hover {
	color: #ff5423;
}

.flip {
  transform: rotate(-180deg);
	border-left: 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

.cur_category__header a:hover {
	text-decoration: none;
}

#panel-menu-btn {
  float: right;
  width: 33px;
  height: 32px;
  cursor: pointer;
	margin-top: -5px;
}

.panel-menu .sub-menu {
	display: none;
}

.leftBlock {
	width: 300px;
	height: 300px;
	z-index: 9;
	position: fixed;
	top: calc((100% - 300px) / 2);
	left: -300px;
	transition: left .3s;
}
.leftBlock-sticky {
	left: 0;
}
.hidden {
	display: none;
}
.leftBlock__close-button {
	top: -22px;
	left: 278px;
	outline: 0;
	border: 0;
	text-decoration: none;
	box-sizing: content-box;
	position: absolute;
	width: 22px;
	height: 22px;
	background-color: #FFEB3B;
	cursor: pointer;
}
.leftBlock__close-button:hover {
	background-color: #f7de00;
}
.leftBlock__close-button:after, .leftBlock__close-button:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #000;
}
.leftBlock__close-button:before {
	transform: rotate(45deg);
}
.leftBlock__close-button:after {
	transform: rotate(-45deg);
}

.before-footer {
	margin-top: 20px;
}

#mc-container {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

#menu_header.completed .submenu-btn {
	display: none;
}

@media (max-width: 1900px) {
	.leftBlock {
    display: none !important;
	}
}

/**************************/
@media (max-width: 1350px) {
	.panel {
		width: 100%;
		left: 0;
	}
	.article_footer_info {
		display: flex;
    flex-direction: column;
    align-items: center;
		padding-top: 10px;
	}
	.article_social {
		width: 100%;
		margin: 10px 0;
	}
	.rating_div {
		margin-bottom: 10px;
	}
}

/**************************/
@media (max-width: 1300px) {
  .header_left, .header_right {
    display: none;
  }
  #menu_header {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 auto;
  }
  footer ul, .copy1 {
    width: 100%;
    margin: 10px 0 20px 0;
  }
  .copy2 * {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .soclist {
    position: absolute;
    right: 50px;
  }
	.panel.visible {
		display: none !important;
	}
}

/**************************/
@media (max-width: 1200px) {
  .header_top {
    min-height: 72px;
  }
  .logo {
    margin: 2px 10px 0 10px;
  }
  .slogan {margin-top: 20px}
  #menu_header {
    display: none;
  }
  #menu_header ul li {
    display: block;
  }
  #menu_header ul li a {
    font-size: 18px;
    line-height: 20px;
  }
	#menu_header ul li > .sub-menu {
		display: block;
		position: relative;
		box-shadow: none;
	}
  #yasearch {
      width: 400px;
      margin: 22px 55px 0 30px;
  }
  #menu_btn {
    display: block;
  }
  .main1 {
    width: calc(100% - 390px);
    margin: 0 30px 0 20px;
  }
  .sidebar {
    margin-right: 20px;
  }
  .content_left {
    width: calc(100% - 340px);
    margin: 0 30px 30px 20px;
  }
  main:before {
    display: none;
  }
  ul.paginator {
    margin-left: 0;
  }
  .after-content {
    padding: 30px 10px;
  }
  .article_footer_info {
    width: 100%;
    margin: 10px 0 0 0;
  }
	#menu_header ul li.active > .sub-menu {
		position: relative;
		z-index: 1;
	}
	.contentcol {
    width: calc(100% - 390px);
		margin: 0 20px 30px 20px;
	}
	#menu_header.completed .submenu-btn {
		display: block;
		width: 36px;
    height: 36px;
    background-position: -7px -7px;
	}
	#menu_header.completed .submenu-btn.flip {
		background-position: -9px -7px;
	}
	#menu_header.completed  > ul > li:not(:last-child) {
		border-bottom: 1px solid #000;
	}
	#menu_header.completed .sub-menu {
		display: none;
	}
	#menu_header.completed:hover .sub-menu {
		display: none;
	}
	#menu_header > ul > li {
		padding: 8px 20px 6px 0;
	}
}

/**************************/
@media (max-width: 1000px) {
  .logo:after {
    display: none;
  }
  .main1 {
      width: calc(100% - 40px);
      margin: 0 20px;
  }
  .sidebar.sidebar_main {
    display: none;
  }
  .sidebar_main .sidebar_1 {
    width: calc(100% - 300px);
    margin-left: 30px;
  }
  .sidebar_main .sidebar_1 .item_2 {
    width: 48%;
    margin-right: 4%;
  }
  .sidebar_main .sidebar_1 .item_2:last-child {
    margin-right: 0;
  }
  .main2, .main3 {
    padding: 30px 20px;
  }
  .main5 {
    padding: 0 20px;
  }
  .about4_2 {
    width: 100%;
    margin-right: 0;
  }
  .after-content {
    padding: 0 10px;
  }
}

/**************************/
@media (max-width: 900px) {
  .header_top {
      min-height: 50px;
  }
  .slogan {display: none}
  #yasearch {
    margin-top: 15px;
  }
  #menu_btn {
    top: 15px;
  }
  .main3_2 {
      width: 100%;
    margin-right: 0;
      margin-bottom: 30px;
  }
  .item_3 {
      width: 100%;
  }
  .content_left {
      width: calc(100% - 40px);
      margin: 0 20px 30px 20px;
  }
  .sidebar:not(.sidebar_main) {
    float: none;
    clear: both;
    margin: 20px auto;
  }
  .hideOnSmall {display: none}
  .contentcol {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 10px;
  }
	.after-content {
		width: 100%;
	}
  .sidebar:not(.sidebar_main) {
    margin: 0 auto;
  }
  #menu-secondary {
    display: none;
  }
  .contents {
    width: 100%;
      margin: 20px 0;
      padding: 0 20px 20px 0;
  }
  .fotorama {padding: 0}
}

/**************************/
@media (max-width: 800px) {
  #yasearch {
    width: 300px;
  }
  .ask_expert {
    float: none;
    margin: 20px auto 40px;
  }
  .sidebar_1 {
    width: 100%;
    margin-left: 0;
  }
  .main2_1, .main2_2 {
    width: 100%;
    margin-right: 0;
  }
  .relevantItems.fourItems .item {
      width: 50%;
  }
}

/**************************/
@media (max-width: 700px) {
  #main1_2 {
      width: 100%;
      margin: 0 0 30px 0;
  }
  .main1_3 {
      width: 270px;
      float: none;
    margin: 0 auto;
  }
  .main1_4 {
    margin: 10px 0;
  }
  .article h1 {
		width: 100%;
		font-size: 26px;
		line-height: 28px;
		margin: 5px 0;
  }
  .articleBody p img,
  .articleBody ul img,
  .articleBody ol img {
    max-width: 100%;
		height: auto !important;
  }
  .articleBody p img.alignleft,
  .articleBody p img.alignright,
  .articleBody ul img.alignright,
  .articleBody ol img.alignright,
  .articleBody ul img.alignleft,
  .articleBody ol img.alignleft {
    max-width: calc(100% - 30px);
		height: auto !important;
  }
}

/**************************/
@media (max-width: 650px) {
  #yasearch {
    width: 250px;
  }
  .rubric .main3_1 {
    margin: 10px 0;
    padding-bottom: 10px;
  }
  .rubric .item_2,
  .authorpage .item_2,
  .article_footer .item_2 {
    float: none;
    clear: both;
    width: 270px;
    margin: 10px auto !important;
  }
  .rubric .main3_2 {
    margin: 0;
    padding: 10px;
  }
  .item_4 {
    width: 100%;
    margin: 0 0 10px 0 !important;
    align-items: center;
  }
  .item_4:not(.expert_hidden) {
    display: flex;
  }
  .item_4 .item_3_2 {
    margin-left: 15px;
  }
}

/**************************/
@media (max-width: 600px) {
  .logo {
    float: none;
    clear: both;
    margin: 0 auto;
  }
  #yasearch {
    width: calc(100% - 20px);
    margin: 10px;
  }
  #menu_btn {
    top: 5px;
  }
  .main1_4 .item_2, .sidebar_1 .item_2 {
      width: 270px;
    float: none;
    clear: both;
    margin: 0 auto 20px auto;
  }
  .main1_4 .item_2:last-child, .sidebar_1 .item_2:last-child {
    margin-right: auto;
  }
  .main1_4_1 {
    text-align: center;
  }
  .sidebar_1_1 {
    width: 270px;
    float: none;
    clear: both;
    margin: 0 auto -2px auto;
  }
  .main2_2 .item_2 {
    float: none;
    clear: both;
    width: 270px;
      margin-left: auto !important;
      margin-right: auto !important;
    margin-bottom: 20px;
  }
  .main3_2 .item_2_2, .main3_2 .item_2_4 {
      width: 100%;
      float: left;
  }
  .main5 > span {
    float: none;
    clear: both;
    margin: 0 auto 20px;
  }
  .main5 p {
      margin: 20px 0;
  }
  .main5 > a {
    margin-left: 0;
  }
  .about2 {
    float: none;
    clear: both;
    margin: 0 auto 20px;
  }
  .relevantItems.fourItems .item {
      width: 100%;
  }
  .relevantItems .item .preview {
    width: 300px;
    margin: 0 auto 5px;
  }
  h1 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px !important;
  }
  .expert7 {
    font-size: 22px;
  }
  .article .review {
    padding: 10px 10px 10px 70px;
  }
	.articleBody .contents ul {
    padding: 0px 10px;
	}
}

/**************************/
@media (max-width: 480px) {
  .main1 {
      width: calc(100% - 20px);
      margin: 0 10px;
  }
  .main1_4 {
      margin: 20px 0;
  }
  .main1_4_1 {
      font-size: 24px;
  }
  .main5_1:before {
    display: none;
  }
  footer ul li {
      display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .about4_2 {
    margin-top: 30px;
  }
  .about4_4 {
    padding: 15px 10px 10px 10px;
  }
  .about4_5, .about4_6 {
    width: calc(100% - 110px);
  }
  .about4_7 {
    padding: 10px;
  }
  footer {padding: 0 10px 0 50px; margin-top: 10px}
  .main2, .main3 {
      padding: 20px 10px;
  }
  .main5 {
      padding: 0 10px;
  }
  ul.paginator {
    width: 100%;
    margin: 0;
  }
  ul.paginator li {
    display: block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }
  .relevantItems.fourItems .item {
    padding: 10px 0;
  }
  .relevantItems .item .preview {
    width: 270px;
  }
  .expert3 {
    margin: 0 calc((100% - 270px) / 2) 30px;
  }
  .ask_author {
    padding: 20px 10px;
  }
  .ask_author_1 {
    width: 100%;
    margin-right: 0;

  }
  .contents .header {
    padding-left: 20px;
  }
  .contents ul {
    padding-left: 10px;
  }
  .articleBody ul.accentblue, 
  .articleBody ul.accentgreen, 
  .articleBody ul.accentred, 
  .articleBody ul.accentyellow, 
  .articleBody ul.accentorange,
  .articleBody ol.accentblue, 
  .articleBody ol.accentgreen, 
  .articleBody ol.accentred  {
    padding-left: 40px;
  }
  .article blockquote {
    padding-left: 60px;
  }
  .article blockquote:before {
    margin-left: -60px;
  }
  .soclist {
    position: inherit;
    float: left;
    margin: 0;
  }
  .galleryHead {font-size: 22px; line-height: 24px; padding-bottom: 10px}
	
	.articleBody p img.alignleft, .articleBody p img.alignright, 
	.articleBody ul img.alignright, .articleBody ol img.alignright, 
	.articleBody ul img.alignleft, .articleBody ol img.alignleft {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 10px 0 !important;
	}
	.fotorama__stage {
		height: 300px !important;
	}
}

/**************************/
@media (max-width: 350px) {
  .main3_2 .item_2_1 {
      width: calc(100% - 2px);
  }
  .main3_1 {
    font-size: 22px;
    line-height: 24px;
  }
  .about4_5, .about4_6 {
    width: 100%;
  }
  header .logo {margin: 0 0 0 20px}
  .articleBody p img.alignleft, 
  .articleBody p img.alignright, 
  .articleBody ul img.alignright, 
  .articleBody ol img.alignright, 
  .articleBody ul img.alignleft, 
  .articleBody ol img.alignleft {
      max-width: 100%;
      margin: 10px 0;
  }
}

/*************************/
@media (max-width: 1000px) {.article iframe {height: 400px;}}
@media (max-width: 900px) {.article iframe {height: 350px;}}
@media (max-width: 800px) {.article iframe {height: 300px;}}
@media (max-width: 768px) {.article iframe {height: 400px;}}
@media (max-width: 700px) {.article iframe {height: 350px;}}
@media (max-width: 600px) {.article iframe {height: 250px;}}
@media (max-width: 500px) {
  .article iframe {height: 200px;}
  .blocklinks {display: none;}
  .fotorama__stage.fotorama__pointer, .fotorama__stage__frame, .fotorama__stage__frame .fotorama__img {height: 300px !important;}
}

/* fotorama - galleryes*/
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__wrap *{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/i/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) no-repeat;background-size:96px 160px}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
.fotorama__nav--thumbs {background: #000;}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}