html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}  html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:bottom}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:inherit}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} body {
color: #362E48;
background: #FFF;
font: 14px/1.215 'Montserrat', 'Helvetica Neue', sans-serif;
}
a {
text-decoration: none;
color: #4471BB;
}
.flat_pm_3_cross {width: 35px !important;  height: 35px !important;   top: -10px !important;   left: -10px !important;}
.flat_slide_cross {z-index: 1000 !important;    width: 30px !important;  height: 30px !important;border-radius: 0% !important;}
#collapse1 ul {
padding-top:10px;
}  #collapse1 ul {
counter-reset: section;                         
list-style-type: none;
}
#collapse1 ul > li:before {	
content: counters(section, '.');
counter-increment: section;
position: absolute;
top: 0;
left: -40px;
width: 22px;
text-align: right;
color: #424949;
font-weight: bold;	
height: 22px;
border: none;
border-radius: 0%;
}
#collapse1 a {
font-size:15px;
}
a:hover {
text-decoration: underline;
}
.current-menu-item:hover a{background:none;}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.alignleft {
float: left;
}
img.alignleft,
.wp-caption.alignleft {
margin: 5px 25px 15px 0;
}
.alignright {
float: right;
}
img.alignright,
.wp-caption.alignright {
margin: 5px 0 15px 25px;
}
.container {
overflow: hidden;
min-width: 320px;
padding: 0 10px;
}
.wrapper {
max-width: 1110px;
margin: 0 auto;
}
.wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.posts_popular_box{
padding: 10px 0;
}
.posts_popular_box .item_popular_box {
padding: 0;
border-radius:3px;
margin: 5px 0;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
display: table;
}
.posts_popular_box .item_popular_box_img {
display: table-cell;
width: 40%;
overflow: hidden;
background: #000;
border-radius: 3px 0 0 3px;
vertical-align: middle;
}
.posts_popular_box .item_popular_box_img img{width:100%;height:auto;min-height: 73px;}
.posts_popular_box .item_popular_box_content {
display: table-cell;
width: 69%;
vertical-align: middle;
position: relative;
padding: 2px 5px;
}
.posts_popular_box .item_popular_box_content .section-posts__item-title {
position: relative;
}
.sidebar .section .title{
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
}
.content_page .posts__item {
margin: 10px 0;
}
.content_page .posts__item-img{
display:inline-block;
width:40%;
}
.content_page .posts__item-img img{
width:100%;
height:auto;
}
.content_page .posts__item-container{
display:inline-block;
width:59%;
vertical-align:top;
box-sizing: border-box;
padding: 5px 10px;;
}
.content_page .posts__item-content {
margin: 10px 0 0;
color: #868585;
font-size: 13px;
}
.content_page .posts__item-title {
font-size: 18px;
}
span.like__link_webnavoz {
width: 240px!important;
font-family: 'Montserrat', 'Helvetica Neue', sans-serif!important; 
}
.entry-text p,
.entry-text li{
font-size: 16px;
line-height: 1.375;
}    .header {
position: relative;
height: 220px;
}
.header:before {
content: '';
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
left: 0;
height: 70px;
margin: 0 calc(50% - 50vw);
}
.header__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 150px;
margin: 0 -15px;
}
.header__logo {
position: relative;
margin: 0 15px;
padding: 0 0 0 90px;
text-decoration: none;
}
.header__logo:hover {
text-decoration: none;
}
.header__logo-image {
position: absolute;
top: 50%;
left: -10%;
width: 30%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header__logo-image img {
max-width: 100%;
height: auto;
}
.header__logo-title {
margin-left: -20%;
white-space: nowrap;
text-transform: uppercase;
color: #362E48;
font-size: 22px;
font-weight: bold;
}
.header__logo-title span {
display: inline-block;
margin: 0 0 0 4px;
vertical-align: 5px;
color: #362E48;
font-size: 16px;
}
.header__logo-desc {
margin-left: -20%;
max-width: 210px;
width:100%;
color: #362E48;
font-size: 17px;
font-weight: 300;
}
.header__popular {
position: relative;
width: 26%;
margin: 0 15px;
padding: 0 0 0 40px;
}
.header__popular-headline {
position: absolute;
top: 50%;
left: -35px;
padding: 0 0 5px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: top center;
transform-origin: top center;
color: #196F3D;
border-bottom: 1px solid;
font-size: 10px;
}
.header__popular-title {
font-size: 14px;
font-weight: 500;
}
.header__popular-title a {
color: #362E48;
}
.search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 350px;
height: 45px;
margin: 33px 15px 0;
border: 1px solid #E6EBF2;
border-radius: 10px;
font-weight: 600;
}
.search__input {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 51px);
padding: 0 0 0 20px;
text-overflow: ellipsis;
border: none;
background: none;
color:#362E48;
}
.search__input::-webkit-input-placeholder {
color: #362E48;
}
.search__input:-ms-input-placeholder {
color: #362E48;
}
.search__button {
width: 51px;
border: none;
background: url(data:image/gif;base64,R0lGODlhCwALAIABAPdObv///yH5BAEAAAEALAAAAAALAAsAAAIYTIBge6z7XjNKzmalpa6zk4Cfg4xQaYIFADs=) no-repeat 50%;
}
.header__menu-toggle {
display: none;
}
.header__nav-1 {
position: absolute;
top: 0;
right: 150px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
width: 200px;
height: 54px;
font-size: 11px;
}
.header__nav-1 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -3px -10px;
}
.header__nav-1 li {
margin: 3px 10px;
list-style: none;
}
.header__nav-1 a {
display: block;
}
.header__nav-2 {
position: absolute;
z-index: 20;
right: -25px;
bottom: 0;
left: -25px;
height: 70px;
white-space: nowrap;
font-size: 16px;
font-weight: 600;
}
.header__nav-2 li {
position: relative;
list-style: none;
text-transform:uppercase;
}
.header__nav-2 li:hover > ul {
display: block;
}
.header__nav-2 a {
position: relative;
display: block;
color: #362E48;
}
.header__nav-2 a:hover {
text-decoration: none;
}
.header__nav-2 > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header__nav-2 > ul > li > a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 70px;
padding: 0 10px;
line-height: 70px;
font-weight:500 !important;
}
.header__nav-2 > ul > li > a:not(:last-child) .header__nav-2-link {
position: relative;
}
.header__nav-2 > ul > li > a:not(:last-child) .header__nav-2-link:after {
content: '';
position: absolute;
bottom: 13px;
left: 50%;
width: 11px;
height: 5px;
margin-left: -5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpiNNPzYAACaSB+yoAbgOWZgAQXEAcDcTgQ86Mp4oeKg+S5mKXFVX4DGWeBWBCIA4GYGYifA7E1lH8diNcB8U+QYpAJ/4D4IRBfBWJDIPYDYpAhK4H4JlSegQXN2g9AvAKIQSbcQXc4QIABAPLmFFCOrNupAAAAAElFTkSuQmCC);
}
.header__nav-2 > ul > li:hover > a {
background: #C8DCF9;
}
.header__nav-2 .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
min-width: 100%;
border-radius: 0 0 7px 7px;
background: #C8DCF9;
font-size: 14px;
font-weight: 500;
}
.header__nav-2 .sub-menu li {
border-top: 1px solid rgba(255,255,255,.07);
}
.header__nav-2 .sub-menu a {
padding: 11px 25px;
}
.header__nav-2 .sub-menu a:hover {
background: rgba(255,255,255,.2);
}
.header__nav-2-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin: 0 12px 0 0;
padding: 0 0 1px;
}
.soc__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 -8px;
}
.soc__item {
margin: 0 8px;
list-style: none;
}
.soc__link {
display: block;
width: 14px;
height: 14px;
text-indent: -9999px;
opacity: .7;
}
.soc__link:hover {
opacity: 1;
}
.soc__vk {
width: 18px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNqsk88rBVEUx2fm4slDNGyoF0qywCt6slPKH+hPkSyspOyUBXnFggUJ5Ud+NnnG59T31elmo+bUZ2buufee8z3n3knLskyqsBRWoKbvO7iADDZhDgIUsA+n2jcAC1pn+4oeHmuQa4Ft2IJ3OINVLTSbdoGWYcMJerOIh87RB4tg9V7Ds5sr9Lbkzaiyg0xZnpyzBb3wI7rWcWpy57+Eo0yZvKoRlWsl9UeBhmDd+T5g2xIGOe5hHuoaN2AKxl2PLMESDGts5e/CVaKum33DnssU1Nw0UupLskAPfkPXHqVo8h9Xp6Hr8hWiSZM54+R7e4VjmHBK61LejgPZKZ2rN3k014Ydyw6zzj8IY+GPzHaKJ/Cie2W9+NQ1uYUb9XRUay1wJ63qX8uSiuxXgAEA/QxEfsXIfrIAAAAASUVORK5CYII=);
}
.soc__ok {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNqEksFLAkEUxndWUfEioqToYf+AQIQOgbfwEkE38WB0Kfofo7xJgZeQDtHVrnqwECxoXX9P3mF5O9nCt9/Mm+97b+bNuCiKboMgqAfZLwcc+PWsrfL8GqDgWfwEW1D1JRVjbIJxkiQP8FTnXefchUke5z3ZXtR0AorgmUQVzGdpUcaIaA6FCC91/gp9WF3oqdiSs2F4BBPGa9C0okxFKvUwLGSLUhAcE+v/Z8STjBEeMR6qcU3snth5Wp8xggXCJ22M3OM3aOvV/HlGacoIPgU/auoQu7N3HXq6+g7N9DVJo970ig53lezSlCJ8Ba4Z17S7W9ucnPEOMEi8rIluoI0psn9yS/MeS8qb1K7Kqbl8XzsBBgCazFRhoxkDGgAAAABJRU5ErkJggg==);
}
.soc__fb {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNqMkkELAUEUx2e2XdYikhyoLScXJ+WuJL6C8tF8B2eknNzcXJTTHuTiRFKL9X/1Vu9ghn/9dmaa92/ee/t0GIZtpVQf+Oo/3cHKxWcIiup/5cCAjJ4lKAE7cAIv0AUV4Lp8adIyiqJNekBZTTYmrsV0A1s2dLA0QD29tBmf4AGT5ubl5aXJeAZHUcYBlEANBDbjArXtxXnGKY+xtGjvGIwFBPmiKVlAL5V/pTqi1iN4yrVOQFUOicnopbWwAv7xH1Gq2tLVRAyClCZjbDA6hj0pplTnoPdlyC9ifwUZMeTrtwADAEuyKsKBVWSeAAAAAElFTkSuQmCC);
}
.soc__gp {
width: 23px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNqU1N0rREEYx/GzrFi0WMQFu7HrNZFS/gX8A5R78We5dCHKvQvJlQu0ivWyRUlLavOysVjf0W9rnMZxTH0658w58/TMMzMn4v1sMYxjGAnU4RUFZHGMTy9ki1j3acyhPeD7G6yhGCZ4VNcMFqznHC7xghYMoldB3wISrdHMKtWOZizr+oxNnDkG9iMfUJZWLOIQu9XMpxTYDNrAuWOgyeTijyp8oBONdlmGdJ93BB5Fzy/BbnGEEaTQoP4+zKBsgsfVeeUIYIKPBSyuCZ7EtNXfLaWob8e4AsR95elAE97Vt40dtGEJ++r7LktRdUo6gu+J3VYU/EHPZYnp2axdydPWyVm1Sv+xaGbxu3R/4ntndto6DqodtbjXqaxX8IKVld0mMasx15p6xbdbzNgn/wkdwLzKZAacOg5RSt8+YlVJhT7+GR3/RMD3JuMtZfivf4unhZ3Q3k9oJubHdaefVlbTD9W+BBgAdcFRsqDdexEAAAAASUVORK5CYII=);
}
.header__soc {
position: absolute;
top: 40px;
right: 0;
} .middle {
padding: 50px 0;
}
.middle:after {
content: '';
display: table;
clear: both;
}
.middle .middle {
padding: 0;
}
.is-single .middle {
max-width: 920px;
margin: 0 auto;
}
.content {
float: left;
width: 100%;
padding: 0 calc(31.53% + 30px) 0 0;
}
.breadcrumbs {
margin: -1px 0 32px;
color: #F74E6E;
font-size: 10px;
}
.is-single .breadcrumbs {
text-align: center;
}
.breadcrumbs a {
color: #F74E6E;
}
.breadcrumbs .home {
padding: 0 0 0 20px;
background: url(data:image/gif;base64,R0lGODlhCwAJAIABAPdObv///yH5BAEAAAEALAAAAAALAAkAAAIWjA2nCLnRYDxTUnetdJFDBH7eljRRAQA7) no-repeat 0 1px;
}
.breadcrumbs .sep {
position: relative;
display: inline-block;
width: 3px;
height: 5px;
margin: 3px 8px 0 9px;
vertical-align: top;
text-indent: -9999px;
border-left: 1px solid #F74E6E;
}
.breadcrumbs .sep:before,
.breadcrumbs .sep:after {
content: '';
position: absolute;
width: 1px;
background: #F74E6E;
}
.breadcrumbs .sep:before {
top: 1px;
bottom: 1px;
left: 0;
}
.breadcrumbs .sep:after {
top: 2px;
bottom: 2px;
left: 1px;
}
.headline {
margin: 0 0 35px;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -17px 0 -18px;
}
.content > .items:last-child {
margin-bottom: -40px;
}
.item {
position: relative;
overflow: hidden;
width: calc(33.33333% - 35px);
margin: 0 17px 40px 18px;
}
.section-posts.posts_popular_box .item {
position: relative;
overflow: hidden;
width: 220px;
margin: 0 17px 40px 18px;
}
.item__image {
overflow: hidden;
border-radius: 10px;
background: rgba(0,0,0,.05);
}
.item__image img {
display: block;
width: 100%;
height: auto;
}
.item__cat {
position: relative;
z-index: 1;
margin: 0 0 -30px;
padding: 29px 0 22px;
font-size: 10px;
font-weight: 500;
}
.item__cat a {
color: #F74E6E;
}
.item__title {
margin: 27px 0 0;
font-size: 16px;
font-weight: 500;
}
.item__link {
display: block;
color: #362E48;
}
.item__link:hover {
color: #4471BB;
}
.item__link:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1000px;
}
.item__more {
display: inline-block;
height: 26px;
margin: 20px 0 0;
padding: 0 13px;
-webkit-transition: .1s;
transition: .1s;
border: 1px solid #7C9BCF;
border-radius: 10px;
font-size: 11px;
line-height: 22px;
}
.item__more:hover {
text-decoration: none;
color: #FFF;
background: #7C9BCF;
}
.item:hover .item__more {
text-decoration: none;
color: #FFF;
background: #7C9BCF;
}
.item-goods {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.item-goods:not(:last-child) {
margin-bottom: 50px;
}
.item-goods__image {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 130px;
height: 100px;
margin: 0 20px 0 0;
border: 1px solid #DBECF5;
border-radius: 10px;
}
.item-goods__image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
max-width: calc(100% - 18px);
height: auto;
max-height: calc(100% - 18px);
margin: auto;
}
.item-goods__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 5px;
}
.item-goods__rating {
margin: 0 10px 7px;
}
.item-goods__reviews {
margin: 1px 10px 7px;
color: #F74E6E;
font-size: 10px;
font-weight: 500;
}
.item-goods__title {
font-weight: 500;
}
.item-goods__link {
color: #362E48;
}
.item-goods__link:hover {
color: #4471BB;
}
.item-goods__link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 130px;
height: 100px;
}
.item-goods__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 12px -10px -5px;
}
.item-goods__info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 10px 5px;
opacity: .5;
font-size: 11px;
}
.item-goods__likes {
margin: 0 10px 5px;
padding: 0 0 0 28px;
color: #4471BB;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbNJREFUeNqc1D0sA2EYB/C71yEhLVqTr7CISQwWxELPwGAzEhIJMVBCQkgMFgMJJpPBJrEYELUgITESYWjRAfG1SA1Ky/+R/0nTqKt7k1/6cXf/e/q8z1X3+QOazWqAVciFXthIPBiY9/28V5r9moA3uIJZKEt1YjphpTADbayu1WlYNuj0DCdQ5TSsBPIZpshwGtbOQOlXAVTCZaqTjT+CmmEcjuAYatn8D6i2fr45vBvHawi7+iphWWCCB+IMqoARuIdOiEIHZMIcdzeDge+wh1C/wbuPcqcS1yb4Ich2HMIDf43VHqnSC32wKAeG4Ibz9AiDUMfXIC+Sitd+64UMLaqqwdsWxdK3YB324ZylR9OYQQlq4rjsKM6PN2lTdPYknSVVueBWwp6gSHO+FuAMuhX75YYcB0EubqDM37aE3fFLj4MweTq6eP2Y4iy5OeH/WYrzFrJmzmBYHu9irRhEbMIK+T8nY7QMYcVBlH4V86QIg+ttwmQKylnMNObtRSoL8+Ak79LIsBU44AYl/yHE+J205pqfv2fqFJagB/rhAgb4oJt8dj9TVCfXTnG8tC8BBgBNrmCHywwqpAAAAABJRU5ErkJggg==) no-repeat 0 4px;
font-size: 24px;
font-weight: 600;
}
.item-small {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.item-small:not(:last-child) {
margin-bottom: 37px;
}
.item-small__image {
overflow: hidden;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100px;
margin: 0 0 0 30px;
border-radius: 10px;
background: rgba(0,0,0,.05);
}
.item-small__image img {
display: block;
width: 100%;
height: auto;
}
.item-small__inner {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-small__title {
margin: -4px 0 0;
font-size: 16px;
font-weight: 500;
}
.item-small__text {
margin: 14px 0 0;
font-size: 12px;
}
.item-small__link {
color: #362E48;
}
.item-small__link:hover {
color: #4471BB;
}
.item-small__link:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
}
.item-small__more {
margin: 17px 0 0;
}
.popular {
width: 63%;
margin: 0 30px 50px 0;
}
.popular__inner {
padding: 40px 40px 0;
border-radius: 10px;
background: #FAF9FB;
}
.popular-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.popular-item:nth-child(n+2) {
display: none;
}
.popular-item.slick-slide {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.popular-item__image {
overflow: hidden;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 37.2%;
margin: 0 30px 0 0;
border-radius: 10px;
background: rgba(0,0,0,.05);
}
.popular-item__image img {
display: block;
width: 100%;
height: auto;
}
.popular-item__title {
margin: 0 0 22px;
font-size: 18px;
font-weight: 500;
}
.popular-item__link {
color: #362E48;
}
.popular-item__link:hover {
color: #4471BB;
}
.popular-item__link:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 37.2%;
}
.popular-item__text {
font-size: 13px;
}
.popular-item__meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 28px 0 -5px;
font-size: 11px;
}
.popular-item__cat {
margin: 0 30px 5px 0;
}
.popular-item__rating {
margin: 0 30px 5px auto;
}
.popular-item__views {
margin: 0 0 5px;
padding: 0 0 0 22px;
color: rgba(54,46,72,.7);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNpUzzkLwkAQhmHXE5JOJGghGvAAG7G1EPzrViJi7YV4gYKgFkEL8XgHvkAMPMluJjP7xaX+rwB11JDTuzd22OIcf+j09NBDG1ksMde6gZYGrDBDlOFWxBAh0lhgqv0eaw22NCVUcLHGPqqJuBP4GKCpeDelidP51hhpmqfCS1ELeGKjqGXV7xhb4wMH5BU70Noin9BBV00We4SrS0R0yh8mon/130edbIM+VvgJMADL9CVRDw0qJQAAAABJRU5ErkJggg==) no-repeat 0 50%;
}
.popular__thumbs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 40px -40px 0;
padding: 40px 30px;
border-top: 1px solid #E9F0F7;
}
.popular-thumb {
width: calc(25% - 20px);
margin: 0 10px;
cursor: pointer;
}
.popular-thumb:nth-child(n+5) {
display: none;
}
.popular-thumb__image {
position: relative;
overflow: hidden;
margin: 0 0 18px;
border-radius: 10px;
background: rgba(0,0,0,.05);
}
.popular-thumb__image img {
display: block;
width: 100%;
height: auto;
}
.popular-thumb__title {
font-size: 13px;
}
.popular-thumb.slick-current .popular-thumb__image:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(54,46,72,.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPtJREFUeNpi/O6Xx0AB4IDSP8g1gIkCyyWAeDsUS9DbAY5AfB6IHaD4PFSM5g5gBuJaIN6N5msJqFgdVA1NHACzpAnJkhdQDHNcIxbHUcUBjliCeT8QG0LxfgJqyXYAtiD/B8TNQOyKFAKuULG/aKFVTyhKmMgIchdoXP9FUvsXKuaKFiUNhKKEiYwg34/H0ftJjRImLEFeRyDICQFYlDQREyVMWIK8kYggJwT+Qi0jGCVMFAY5IUAwSkAOKENz1V8Sg5ySKCkHOeAVWpC7khHk5EbJSxYgsQBanssBcRSVfE0oSpYB8WOQ3SxQiQwg/k1lXxOKElYQByDAABuJVr5eMy79AAAAAElFTkSuQmCC) no-repeat 50%;
}
.rating {
position: relative;
display: inline-block;
width: 82px;
height: 14px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNpi/L9JlwEPqAfiRnwKGHwvMTDhkXZgEDZtANMEAD5DGhkUwhgIugSPIU4MImZ2DFLuDGAaxCfSEFYgVgViLyDuYlAIh4hC6C6ouCpUHQpgBAYsyN8xQCzPwC3HwsAtzwD2hrg9QtXLgwwMD1YxMHx9CMSP/gBFgAyGpeCABwYsC5DRCw485XhlBq1i7O4FGQgz9FovC8PdhU+ArB5k73wGO/Xuwh0MVzvxhyBIHqQO4rXP6GHyDYj9Ge4tXc/wYi92A0DiIHmQOoh6rAH7C4jXMDzbjd0QiPgaqDq8UazLwKcKYf3/y8Dw+gSEBgGIONbkzYJhCK8qyN+gAATFwgFwoGsVszDwqoDkdbAZwoiWd0BRJwONPlBKvQvEytA8FA2VV8KXd3iB+CTUtjioAQxQOg4qfhqIedBdAhBgANsdVUzo84T3AAAAAElFTkSuQmCC);
}
.rating__current {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNpi/L9JlwEPqAfiRgYCgAmPnAMQN0Bpsg1pRKNJNsQJiO2gbDsonyhDWIFYFYi9gLgLTV0XVFwVqg4FMAIDFuTvGCCWB2IWBsLgDxA/BOKl0IAHu6QXiJ8QaQADVB1IfQ+ydz5DnbqDSEN2QNV/Rg+Tb0DsD8TrCRiwHqruG66A/QXEawgYsgaqDm8U6xIwRJeYdKKLFgt7oDQM6BBryD8gXgzEGkDsCqUXQ8W1CRnCC8QnobbFAfFdqPhdKB8kfhqIedANAQgwAFm/J+2pEENjAAAAAElFTkSuQmCC);
}
.goods {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 0 50px;
}
.goods__all {
margin: 38px 0 0;
font-size: 11px;
}
.questions {
position: relative;
margin: 0 0 50px;
}
.questions:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 calc(50% - 50vw);
}
.questions__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.questions__recent {
width: 40%;
}
.questions__all {
margin: 38px 0 0;
font-size: 11px;
}
.questions__image {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
max-width: 26%;
margin: 0 0 -40px 25px;
}
.questions__image img {
display: block;
max-width: 100%;
height: auto;
}
.questions__aside {
width: 350px;
}
.ask {
position: relative;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 30px;
text-align: center;
border-radius: 10px;
background: rgba(255,255,255,.7);
}
.ask:not(:last-child) {
margin-bottom: 52px;
}
.ask:after {
content: '';
position: absolute;
bottom: -64px;
left: -13px;
width: 131px;
height: 64px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAABACAYAAAA54cR8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5pJREFUeNrsnTloVUEUhk9McEvhghZ2D0FsxE5ERBEVsRIsbOwEbUQFCyFqoaKFCyZg4b6kEFEQFA0GCxWMuEtUIppYGFAI7gYX3OLz/NyB4JLkvZe7zJz7//AXybt35mbmy9yZM+fdW1UsFsWA1qlne3ptDerLITTiELGhS55e1yf1tVAa0QoMD9UfPbwujAjfCUO6+qm+7dk14f7bFFIjWoEBuuvZ9dxQdxGGbPTA/Tf6otOhNaAlGDBn6PTkWu6pnxKGbPXYk7nCiRAbzxoMHZ7MFToIQ/Z6lnH9P9SNoTaeNRheZDyJbAptBWEZBgR4XmdUd7f6VMiNZw0G6FVG9R5VfyYMful9BnXeV18JveEswtCdwa1pr/gV8CIMTl9Tru94yJNGwhCfsFt61krDWYShJ6V6kKvQYOH2YBmGmpTqwTzhjaWGswjDsBTqaFa3WGs4izCMTLh87EYeNNhuJmEYlWDZ2CbfLlFmFWEIQGMSKveXeodkF+EkDBVoQkLlHpAom0oIQxgantDIgN3IC2Jc1mCYmECZt9SHJAeyBsOkmMtrV+9y8wXCEJgmx1hWp3qz+pvkRJZgqFJPjamsl+otEoWchTCEp0JMMQaEmDeKsVBz3mCYHkMZ79Qb3MgghCFczYwBBIwIXZJTWYGh4FypEFWskyi7WghD2Fo4iHMxEqzP84hgCQZsWc8ZxPKxTgzvN5SjGgN/wwJ1bQXntam3SeDp7YShV9XqxRWcd129WwJ6qgphGFhz1ePLPOeM+pgYyl0kDCJD1UvLOB6JstiGbma324NhkXpciccirLxT3coutwfDWPWSEo99rt7KpaNdGJZLaYmvNyX6bsMXdrVNGLAHMauE+QEmiec4UbQLw2j1qgGOeStRQsojdq9dGJCvsMYB0ZdaXfygm11rGwasHqb1c1s4KdGTU3hbMA7DFPWyPj7DKqFe/YTdaR8GxBKwmVT9n88uqg9L+s9kIAwZCBtQm+TfdLYP6j3qO+zCfMCAa0MKWuGv3+P9Dfs5ScwPDMizWCt/ZjsjLW2fRIEkKicwYAm5WnpfM1R0c4NGYe5BrmAACCvV893P2FfAE1La2FX5ggG3BgSV5rnVAZ7Mfl6MPguBMPR/HXgD3Qz1VfURN0eg0hyWPXiVYa2LI4yQ6NvO7eyWfMKAlLUVbrnYIgwl5xYGBJLwFXpsLvWwKzgyUJ7N4CmKMFCEgSIMFGGgStZvAQYAfsCq9Hytrj0AAAAASUVORK5CYII=);
}
.ask__title {
margin: -3px 0 18px;
text-transform: uppercase;
color: #4471BB;
font-size: 16px;
font-weight: 600;
}
.ask__text {
font-size: 12px;
}
.ask__button {
display: inline-block;
margin: 22px 0 0;
padding: 13px 30px;
-webkit-transition: .1s;
transition: .1s;
text-transform: uppercase;
color: #FFF;
border: none;
border-radius: 10px;
background: #4471BB;
font-size: 13px;
font-weight: 600;
}
.ask__button:hover {
text-decoration: none;
background: #577FC2;
}
.ask__button__red {
display: inline-block;
margin: 22px 0 0;
padding: 13px 30px;
-webkit-transition: .1s;
transition: .1s;
text-transform: uppercase;
color: #FFF;
border: none;
border-radius: 10px;
background: red;
font-size: 13px;
font-weight: 600;
}
.ask__button__red:hover {
text-decoration: none;
}
.stats {
padding: 0 0 0 74px;
}
.stats__item {
position: relative;
padding: 0 0 0 57px;
}
.stats__item:not(:last-child) {
margin-bottom: 34px;
}
.stats__item:before {
content: '';
position: absolute;
top: -5px;
left: 0;
}
.stats__item-1:before {
width: 40px;
height: 40px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAk1BMVEUAAABAaq9Ba7BAaq9CbLFDbLJBaq9EbrJDbbJEbrNEbrNDbbJDbLFDbbJDbbJEbrREbrNFb7RHcbZBa7BDbrJEbbJFb7NIcrdGcLVDbbJCbLFAaq9DbbJEbrNCbLFCa7BCbLFCbLFFcLRFb7NBarBGb7REbrNGcLVGcLVDbbJEbrRFb7RFb7RHcbZEbrNAaq9Ba7BAORMzAAAAL3RSTlMA/NXxmB74FsBrrrfKZylKRxAG4SNRLgo+sn3tkiTF2qZ0gTfmcV9CMoZjoIsZWHrU1HwAAAG/SURBVDjLjdDrmqogFIDhRYRZOiVqkmcttfNe3f/VbdGaAafRvj+iz6u4ALWtZTXwQZs8DPE67QKsAeoHG1csCM54BxD0FgT3d0JwGfOQoMcBIGsXOeMyV4MZpXFMDdwzXzrgKdujIZ9RU6iQrpqZd6lJWJZl1NZeLKwvsd2syEICNzr08AIrE6DwlAqAWQKN0UNj2cNlB0G43wlo4Ry+ehiQQoF6GjQRd0N4KIrTEC5xY+ZCh2sjz2OmQ04LCLDUYUSEwKUOGTryRocNbv/hdgDJGwhzShMYws1vKHznyMQkdKMYDQOregqeMdq0nbEch4ysWJdF+Shck1c0HYUQ7J6t9XPUodLE1Lydw3nFR6DzQMRHFz5OI1CslVwVOp/C43Br8pO2tX0tjET5YtB3OrQJFc5MU4e+LF0Mjwfl1reDo04tywDYrq3Spt5frRfkTtfmBLBCJIhnDc7DJ1TLrPUSzcUHMEnjjMM0tPLY5vAW5lu1GWbSqVNHSQdvqGdxUGARRbGdd1Ckfpr6z9qlCz9wUWFFsfJqoF/wRxcJIangSOS71Autt4Ue6SBaM7zLRWb/UZbIf9iZtj1vF/8Bmhw7RcWgxl0AAAAASUVORK5CYII=);
}
.stats__item-2:before {
width: 37px;
height: 39px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAnCAMAAAC/iHE6AAAArlBMVEUAAABCbLFFbrRAaq9Aa69Aaq9Ic7hJc7hBa7BBa7BCbLFHcbZHcbZHcbZLdbpCbLFEbrNEbrNEbrNFb7RHcbZJc7hBa7BBa7BDbbFEbrNGcLZHcbZHcbZFb7RLdblJc7lKc7lJc7hDbbJGcLVHcbZIcrdKdLlJc7dKdLpFb7RFb7RIcrdKc7hIcrdJc7lCbLFEbrRFb7RFb7VLdbpDbbJGcLVIcrdJc7c/aa9Ba7DdLxQKAAAAOHRSTlMA3Zn99fk0C+bi2GgUQgTUtLCqk2w88O3KunhwVE8pJRwQwId0WS8rCKGAX0xHIc+lnH4YxI7z0pHd6f0AAAJESURBVDjLdZPXkqNADEUvbhoTbHIGm2Scc9jV/v+P7eAa14Dbcx4opDolqRGNAfNFLWmapjvGDb8x9li0yQzDWNgUZvjMLWbGZLXzfb89Fhe6fJTWsXoMTkzVdT1iyXL/x/tkNazwyQ7WAKpcZ9P5v1aUJjzdU/qKKpsfbW0sWEa4Uje9k0h1SwfBcu8tHXtxS8HfhWAll4eFF/4YN+4nI8FyLNVFMX1ypW2BU6x5Yi2S7zaTn0Qxo1jjJFgrtjuTlpeTjgrLXKLtRTjkjI1dvuwlAlqs/ikYkstj+4Qepnqdf1lCLTsGltuuyXi7AqQP1pylXa29VXV70A8YR9uG3i0siAYdC5kTEyxMk3DSC5fkLrhgdfmgF2Wy2c0lYEr9jWzO2NMKIld+A8rZbF1kWdZcU/VuQuQme8BODo8HVZckTXNKfMKgHOakMoEsua1N/ILK82+dyl9vWhuqzMmDNiGHLyYfnWOqEaWzmHP5PlWIwkY8YXDm5CxtHSiLEkgk5ULkHAatdjHpvvrAnJ+7mU2PDshkIyYrezVeXyPmTLuR95jJUjpLJWYgoAZQzrLsVejwyJuj48wOWG0YkatAkZPnlyi33O5eCvJfK3LJQKVacvFVs66+s/vntWyiNV486OFwRbs3tPlJWk73cPHDjlOkRkT9+7oN1yj5bvD7tFPy82DwkZiCKZtjQMlmbyuJfKRh9bYDlgNGv4G1gVtjyITtgbo/7KZGrY46vMfoG5fq0SjURj/oOhpLeuOkS5LVz+qX/y5+OeiteeYSAAAAAElFTkSuQmCC);
}
.stats__title {
margin: 0 0 12px;
text-transform: uppercase;
color: #4471BB;
font-weight: bold;
}
.stats__text {
opacity: .7;
font-size: 12px;
}
.category {
margin: 0 0 50px;
}
.category__head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 -15px 30px;
}
.category__head .headline {
margin: 0 15px 5px;
}
.category__all {
margin: 6px 15px 5px;
font-size: 11px;
}
.category__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 39px 19px;
border: 1px solid #DBEDF5;
border-radius: 10px;
}
.category__item,
.category__list {
width: 50%;
padding: 0 20px;
}
.category__item {
overflow: hidden;
}
.category__item-image {
overflow: hidden;
margin: 0 0 27px;
border-radius: 10px;
background: rgba(0,0,0,.5);
}
.category__item-image img {
display: block;
width: 100%;
height: auto;
}
.category__item-title {
font-size: 18px;
font-weight: 500;
}
.category__item-link {
position: relative;
display: block;
color: #362E48;
}
.category__item-link:hover {
color: #4471BB;
}
.category__item-link:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1000px;
}
.category__item-text {
margin: 20px 0 -3px;
font-size: 13px;
}
.category__list {
font-weight: 500;
}
.category__list-item {
position: relative;
padding: 0 0 0 35px;
list-style: none;
}
.category__list-item:not(:last-child) {
margin-bottom: 33px;
}
.category__list-item:before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 15px;
height: 15px;
border: 3px solid #4471BB;
border-radius: 50%;
}
.category__list-link {
color: #362E48;
}
.category__list-link:hover {
color: #4471BB;
}
.video__in {
position: relative;
overflow: hidden;
border-radius: 10px;
background: #362E48;
}
.video__image {
position: relative;
background: rgba(0,0,0,.05);
}
.video__image:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 5px solid #F74E6E;
border-radius: 50%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPxJREFUeNqk0zFLQlEYxvHj5S5CQ4NLo2tNQcMdbWsKwk3wCygIZlMOLjZJbdUa9wM4CbZJi0NLNCiiTm2Bg0PgEtL/wHtAQvHe9zzwg3uXh/e995zM6rJ2ZoyZ4Md4JEARU5SR8SmyOUKMISKfIpdIymIpVxcZWa8s6zaR1Ra5HKCNEa58ilzy6GKAU58ilwLe8YicT5FNiApmuJZ3VZHLIe7xiQuz2ajMMfroBJ5FC1Rxq53oF09oYald7RUNjP//haSZo46e9hzZ0W9wsqtk30RrvNgPie8kB2xb3mSND+3t/0IJ52lKNida4Q4P8pw6odzqZ5lGnT8BBgA0uSxN9QZ9hgAAAABJRU5ErkJggg==) no-repeat 23px 50%;
}
.video__image img {
display: block;
width: 100%;
height: auto;
-webkit-transition: .1s;
transition: .1s;
opacity: .2;
}
.video__inner {
padding: 30px 40px;
color: #FFF;
}
.video__title {
margin: -3px 0 23px;
font-size: 18px;
font-weight: 500;
}
.video__link {
color: #FFF;
}
.video__link:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.video__text {
margin: 0 0 -3px;
opacity: .7;
font-size: 12px;
}
.video:hover .video__image img {
opacity: .5;
}
.category-widgets {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0 2px 0 3px;
}
.category-widget {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 15px 40px;
}
.more {
padding: 16px 0 0;
text-align: center;
color: #F74E6E;
border-top: 1px solid #F74E6E;
font-size: 16px;
font-weight: 600;
}
.more:not(:last-child) {
margin-bottom: 36px;
}
.more__button {
display: inline;
}
.more__button:not(.loading) {
cursor: pointer;
}
.more__button:not(.loading):hover {
border-bottom: 1px dashed;
}
.post--home {
position: relative;
padding: 40px 0;
}
.post--home:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 calc(50% - 50vw);
background: #FAF9FB;
}
.post--home .post__entry,
.post--cat-desc .post__entry {
margin: -5px 0 -6px;
}
.post {
margin: 0 0 35px;
}
.post:last-child {
margin-bottom: 0;
}
.post--home {
margin-top: 50px;
}
.post--home:last-child {
margin-bottom: -50px;
}
.post__headline,
.single__title {
margin: 0 0 36px;
text-align: center;
font-size: 32px;
font-weight: 600;
}
.single__title::after {
content: '';
display: block;
width: 150px;
height: 5px;
margin: 32px auto 0;
border-radius: 4px/2px;
background: #F74E6E;
}
.post__headline:after {
content: '';
display: block;
width: 150px;
height: 5px;
margin: 32px auto 0;
border-radius: 4px/2px;
background: #F74E6E;
}
.post__entry {
font-size: 16px;
line-height: 1.375;
}
.post__entry:after {
content: '';
display: table;
clear: both;
}
.post__entry > :last-child {
margin-bottom: 0;
}
.post a {
text-decoration: underline;
}
.post a:hover {
text-decoration: none;
}
.post p {
margin: 0 0 22px;
}
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
margin: 30px 0 22px;
font-size: 26px;
font-weight: 600;
}
.post h2:first-child,
.post h3:first-child,
.post h4:first-child,
.post h5:first-child,
.post h6:first-child {
margin-top: 0;
}
.post h3 {
font-size: 24px;
}
.post h4 {
font-size: 22px;
}
.post h5 {
font-size: 20px;
}
.post h6 {
font-size: 18px;
}
.post li {
margin: 0 0 8px;
list-style: none;
}
.post li ul,
.post li ol {
margin-top: 8px;
margin-bottom: 0;
}
.post ul {
margin: 0 0 22px;
padding: 0 0 0 40px;
}
.post ul > li {
position: relative;
}
.post ul > li:before {
content: '';
position: absolute;
top: 4px;
left: -30px;
width: 15px;
height: 15px;
border: 3px solid #4471BB;
border-radius: 50%;
}
.post ol {
counter-reset: li;
margin: 0 0 22px;
padding: 0 0 0 40px;
}
.post ol > li {
position: relative;
}
.post ol > li:before {
content: counters(li, '.');
counter-increment: li;
position: absolute;
top: 0;
left: -40px;
width: 22px;
text-align: right;
color: #229954;
font-weight: bold;
}
.toc-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px -15px;
}
.toc-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 15px;
}
#toc_container {
padding: 20px 20px 20px;
margin-bottom: 20px;
border-radius: 5px;
background: #FAF9FB;
}
#toc_container  span.toc_number {
display: none;
}
#toc_container .toc_title {
margin: 0 0 20px;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
#toc_container ul {
margin: 0 0 0 -28px;
font-size: 16px!important;
}
#toc_container ul ul {
margin-top: 11px;
margin-left: -18px;
}
#toc_container li {
margin: 0;
}
#toc_container li:before {
top: 8px;
left: -12px;
width: 3px;
height: 5px;
border: none;
border-left: 1px solid #4471BB;
border-radius: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#4471BB), to(#4471BB)) no-repeat 0 1px/1px 3px, -webkit-gradient(linear, left top, left bottom, from(#4471BB), to(#4471BB)) no-repeat 1px 2px/1px 1px;
background: linear-gradient(#4471BB, #4471BB) no-repeat 0 1px/1px 3px, linear-gradient(#4471BB, #4471BB) no-repeat 1px 2px/1px 1px;
}
#toc_container li + li {
margin: 11px 0 0;
}
#toc_container a {
text-decoration: none;
}
#toc_container a:hover {
text-decoration: underline;
}
.post__table {
overflow: auto;
max-width: 100%;
margin: 25px 0;
-webkit-overflow-scrolling: touch;
}
.post table {
width: 100%;
font-size: 14px;
}
.post th,
.post td {
padding: 9px 15px;
vertical-align: middle;
border: 1px solid #DDD;
}
.post blockquote {
position: relative;
margin: 32px 0;
padding: 32px 30px 32px 145px;
border-radius: 5px;
background: #E9EFF4;
font-weight: 500;
border: 2px dashed #362E48;
}
.post blockquote:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 65px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% auto;
}
.post blockquote p:last-child {
margin-bottom: 0;
}
.post img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.post__video {
position: relative;
overflow: hidden;
height: 0;
padding: 56.25% 0 0;
}
.post__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post .wp-caption {
overflow: hidden;
border-radius: 5px;
background: #FAF9FB;
}
.post .wp-caption img {
display: block;
border-radius: 5px 5px 0 0;
}
.post .wp-caption.alignnone,
.post .wp-caption.aligncenter {
margin-top: 27px;
margin-bottom: 27px;
}
.post .wp-caption-text {
padding: 13px 10px 15px;
text-align: center;
color: rgba(54,46,72,.7);
font-size: 14px;
}
.post .gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 32px -5px 0;
text-align: center;
}
.post .gallery-item {
width: 25%;
margin: 0 0 30px;
padding: 0 5px;
}
.post .gallery .wp-caption-text {
padding-bottom: 0;
}
.post-rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 0 50px;
padding: 26px 20px 16px;
color: #FFF;
border-radius: 10px;
background: #5E576C;
}
.post-rating__title {
margin: 0 10px 10px;
text-align: center;
font-size: 16px;
font-weight: 600;
}
.post-rating__rate {
margin: 0 10px 10px;
}
.post-rating img {
vertical-align: -2px;
}
.post-rating__count {
display: inline;
margin: 0 0 0 15px;
color: rgba(255,255,255,.2);
font-size: 10px;
font-weight: 500;
}
.related {
max-width: 780px;
margin: 0 auto;
}
.comments {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 15px;
}
.comments-title,
.respond .headline {
margin-bottom: 25px;
}
.comments-list {
margin: 0 0 40px;
}
.comments-list li {
list-style: none;
}
.comments-list .children li {
padding: 0 0 0 20px;
}
.comment {
position: relative;
margin: 0 0 15px;
padding: 20px 20px 20px 100px;
border-radius: 5px;
background: #FAF9FB;
}
.comment:after {
content: '';
display: table;
clear: both;
}
.comment .avatar {
float: left;
margin: 0 0 0 -80px;
}
.comment__meta {
margin: 3px 0 6px;
font-size: 12px;
}
.comment__author {
color: #4471BB;
}
.comment__text {
margin-bottom: -2px;
}
.comment__text p:not(:last-child) {
margin-bottom: 20px;
}
.comment__reply {
position: absolute;
top: 18px;
right: 20px;
height: 15px;
padding: 0 10px 1px;
-webkit-transition: .1s;
transition: .1s;
color: #FFF;
border: none;
border-radius: 7.5px;
background: #F74E6E;
font-size: 9px;
line-height: 14px;
}
.comment__reply:hover {
background: #F8607C;
}
.comments-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: -20px 0 36px;
}
li .respond {
margin: 30px 0;
}
.respond__cancel a {
display: table;
margin: -10px 0 20px;
text-decoration: none;
border-bottom: 1px dashed;
}
.respond__cancel a:hover {
border-color: transparent;
}
.form {
font-size: 12px;
}
.form p {
margin: 0 0 20px;
}
.form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.form-row__field {
-webkit-box-flex: 1;
-webkit-flex: 1 0 200px;
-ms-flex: 1 0 200px;
flex: 1 0 200px;
margin: 0 5px;
}
.form__field {
display: block;
width: 100%;
margin: 0 0 10px;
padding: 11px 18px 12px;
border: 1px solid rgba(198,203,212,.4);
border-radius: 5px;
line-height: 1.3;
}
.form__field::-webkit-input-placeholder {
color: rgba(54,46,72,.5);
}
.form__field:-ms-input-placeholder {
color: rgba(54,46,72,.5);
}
.form__button {
height: 40px;
margin: 10px 0 0;
padding: 0 25px;
-webkit-transition: .1s;
transition: .1s;
text-transform: uppercase;
color: #FFF;
border: none;
border-radius: 10px;
background: #4471BB;
font-size: 13px;
font-weight: 600;
}
.form__button:hover {
background: #577FC2;
}
.comments-widget {
width: 255px;
margin: 49px 15px 0;
} .sidebar {
float: left;
width: 31.53%;
margin-left: -31.53%;
}
.sidebar > :last-child {
margin-bottom: 0;
}
.sidebar__section {
margin-bottom: 50px;
} .footer {
position: relative;
padding: 30px 0 0;
color: #898297;
font-size: 11px;
font-weight: 300;
}
.footer:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 calc(50% - 50vw);
background: #362E48;
}
.footer__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 -15px;
}
.footer__section {
margin: 0 15px 30px;
}
.copyright {
width: 300px;
padding: 0 0 0 68px;
}
.copyright__domain {
position: relative;
margin: 0 0 8px;
text-transform: uppercase;
color: #FFF;
font-size: 18px;
font-weight: bold;
}
.copyright__domain span {
display: inline-block;
margin: 0 0 0 4px;
vertical-align: 4px;
color: #898297;
font-size: 12px;
}
.copyright__logo {
position: absolute;
top: 50%;
left: -68px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.copyright__logo img {
max-width: 50px;
height: auto;
}
.footer__nav ul {
margin: -9px 0;
}
.footer__nav li {
margin: 9px 0;
list-style: none;
}
.footer__nav a {
color: #AECDFF;
}
.footer__nav a:hover {
color: #FFF;
}
.footer__mid {
max-width: 180px;
text-align: center;
}
.footer__soc:not(:last-child) {
margin-bottom: 20px;
}
.footer__soc .soc__vk {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqskz1LA0EQhm83akQRAkFstbJSFEURLATBUmz9Bfk//gpbrdRKBEFQwUJsRAIhjaRIxI/i/DifgfdgXFAQbuCB27mdmXdmd0NRFFkVNgTLUIcAj3APEbZgFmqQwyncKm4M5rTP4nJLtAZNbbCAPXiFO1jVRrMZl2gJNp2gF8t47hwjMA/WbxcG7l/uulhIOjuLqtJ3zhUYhi9R2qdT03T+NlxFVfKqGmrXWhpNEk3AhvO9waEVDDo1k9uCSRfUgWk3o4H8pRoLPICbTFM3+4ATV6mm4YZEqW/JEvXKRXQ/7Ngv/3F1LHZHBX4kyqSq+0vgM1wkB2Cj2IXxNNE77Etdag9wBMeJfwq2wx9PZFG3t6G1ney1vtd1DaJm9RSqemsxq8i+BRgAaxdGdhu/BEgAAAAASUVORK5CYII=);
}
.footer__soc .soc__ok {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARlJREFUeNqEksFLAlEQxvftSooXkSLD/oQghA6BN/EiQbfwYHQp+h+juolBlwgP4nH1qocKwQTX7Tcyh2X2aQvfzpt58828981zcRw/BEFwFOS/CDiw9ux9FfjVwIFn8xtsQNVXVIiJCSbOuWfsu/qNNE2vTPGk4Kn2oaQLUARvFKpAbmWTckSSJpiQxGv1h5ipzQs9HetyNwgvoM96AU5sUq4jnZoQZnJEccEZsfZ/xBTSK4nHrLtKXBB7ItbJ5ueIYEbiQIWROf6CUx3NzjuKKD3sJVgp6ZzYo5116FF1jPnU1yRCjXRE+1WluohSxN6CO9aHqu7GihMZ7g0EiZe10D1maZpsn9zcvMeS2mXmVOWML9/PnwADAPx9XJgKDAUaAAAAAElFTkSuQmCC);
}
.footer__soc .soc__fb {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOtJREFUeNpifPjwoQ4DA4MzEHMwEAd+APFeFiDhDsS8DMQDTiB2BWlkxaPoPxBfAeIXQPwPiE2BWAiIWVigkrjAbjk5uWMwzqNHjxShGv+z4NH0DYjPQjUYASlpIJaCSeLT+BeI/wA1MUIDjxtZEpfGt0D8DMkbd4CYH4jFgJgLn8ZdQL/dROKvhzo5Ekipg9hMODTyABVxIAUKOxCDbBIg5FQPUNADFc+B+jUGiEWQEwkujawwv0ABFzTi4QDkVEY8ofofKSEgA0aQxt84NDLhYIPAb5BTdwKxA5ZE/hmJ/QWI2ZAS+QGAAAMAu6w60zuYKSYAAAAASUVORK5CYII=);
}
.footer__soc .soc__gp {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXBJREFUeNqU1N0rREEYx/GzWuWtxSIu2I1dr4mU8ieQO1eUe/FnuXQhyr0LyQ0XXlaxXrYohNTmZWNxfEe/rWmbPbs79enMec6ZpznPzJyQ7/ue1eoxhiFEUYtPPCKFU/x6FbaQlTyBWbQFvH+HNWQrSR7WNYkF6z6Na3ygGQPoUdKvUhNFjb7ML8y8iesyzPUdm7hwDOxDJqAsLVjEEXYLM59UYjNoA5eOgWYmV2Wq8IMONNhlGVQ/40g8gu4SyR5wjGHEUad4L2aQN8kjCt44EpjkowGLa5LHMGXFuyQXVj2DdkekqDztaMS3YtvYQSuWcKDYf1myqlPMkXxP7Lai5C+6z0u97s3a5TxtnbRVq0SZRTOL36n+WdEzs9PWcVgImOT7eFN/Tnve1SYwrf6tY7uak3yC++IT2o95lckEzh2HKK4xr1jFczXHP6njHw1438x4S/+aqv4tnhZ2XHs/qi8xn/ukn1ZKh6Wi9ifAAKMoYaqjlVJgAAAAAElFTkSuQmCC);
}
.footer__info {
width: 19%;
}
.footer__info p + p {
margin: 15px 0 0;
}
.footer__privacy {
margin: 14px 0 0;
}
.footer__privacy a {
color: #AECDFF;
}
.footer__privacy a:hover {
color: #FFF;
}
.footer__design {
display: inline-block;
height: 24px;
padding: 0 83px 0 0;
color: rgba(255,255,255,.5);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAYCAMAAABqSJu/AAACalBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8fweULkdQIidA2LkgVqtzY19z///8Ghs8ix+c2LkgvR2YHlNogwuU2Lkj///8Hhc7///81L0oUreGyr7kixuchxObFwsoXrt4UpNq4tb4GhM4jyOf///8SodkZsd8Ol9UduuM2Lkiuq7U2LkgZDy0rIj5jXHEatOARntgMicwgwuUGhc4ix+dpY3Y4MUr///8e3P4BleQ/Gys7Dyf///////8jxOQdvOM2Lkg2L0lxbH07HTMfweUdu+MpITwatuEPm9cJi9AIh862s72dmaYzK0Y3KkM4J0AsJD85JTwVxvUhxOUHmN8Sodqhnqp2cYNSTGM7M00wKEMnHzs4ITo4Hjc7Eikb2P4Z0/4e0fUPufIBn+0NrekfxOgixucGoOYKlNatqbSopbAmiasfZ5YlbpWGgZGDfY5nYXVjXHFFPVUzNlI0Mk0lHDk9Gy4c4/8RvvQHr/IZv+sZsd8hu94Xrt4Wq90FktwVqNshr9QjsNIfo8wcoMwXksUQhsS6t8AQgb8Sgb2xrriinqoif6cgeaSXlKKMh5YuZIImUnwpVnspUnguVXQrRmo9Nk8jGzdBFSUBABjlTNFbAAAAdHRSTlMAgpKMARULEpxrpGkOnpaEdnFjEJmPfF0JiH96XkMuIBwZB6WGcFZQJB4FqqZgUyIXsKCXi3NvWktHOScjIvn089K2pqORcGBeQDwqKRsW+fj17uDg4MzJvry7sa+uq6uenIV9fXt4cm1rYE44ODc0MzAsHbeLh8oAAAL2SURBVDjLrZRVUxthFIbftWQ37kZohEASikuBuru7u7tsaEKBQoEiBQrUneJQd3e3/9SwGzpcdJiB8Fx9V8+c8857PkTH4RVTd47FsLC38vLlhVOHRTb/1rlLlZWLZiJa5h2Y/vT+mXPBYHA7BFJj8/JG+zFoZm2YEGho6Pz85MylUFCYK4VUymSTNRgs03ieD/AnGpvKbpwNhkJHgIOsUWO2c7EYJJvKy0sDfK+usenG2VBoLZDMmvQQkUgV4kMhtWAAaBrYXdfxs6BedDU0Pjt57NhYZCu9EEjTeUiKcwAjRlEkYdZjjE2XCIk8RqEnEgBaRzgtGi0DHyGn/eoFJddL8kvrecHV9D2s2oIYVtwtUZNkyuEy1HSaSqk1W0fKMWKkOmygkpi09GzAGyfzSTIy3bCvlMO1vj3/VM2r9m5eoOzE87v3VsNkEFVjDB49aIKVzpbFhycjKbdfFeN3+WyklGHlSGUJ0iExEs65pNEJbP5VV9dy/NRpXuTo+5MPlvybarTKxGk1rNHijUsAFEQm46LUmQaV2ipllAk0ySUoHRKrWpWh9gGpyz6+vVZyPb+gT3Xz9sOJ4GQpEZWN02qTU2EXVSrGRdq8eSmEUcoYcuxKS26cQ0IRuclZdjd0i/Nra1uP91OdfzwRXpnNBYCea6AcEHomLmh0+w29ZTOFF6QI9hDssvCCHkCTHgvdpI4/BZ/6qT6cr14KxirLio83xVu4JI85J3sU7eyN3SPGnggFFceksUlmQD7ZJ1EaXJidbqVzJ7W01rwTshJjf3GxehXg1BEUlSWHIpkgSUpH/6cMMZwb2GMVyyDVmhgLd62mrbakrTwy1NeL1YVbhWrqpW6xono6UlEJBiIR2NV9uryUj9DTfKewcByGykaerxcuJ1BWcfTblcI1GDqRc67o6er8zV+tGocomLVuQqCiouvLy6LmH29mRPv17Z/+uvhKVdWFq9sQNfMvPCoqKho/A9Gzr7i4ePyUORgG5iyfsqMv8L+vbNOxQWWgPgAAAABJRU5ErkJggg==) no-repeat 100% 0;
font-size: 9px;
line-height: 24px;
} .modal {
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
cursor: pointer;
opacity: 0;
background: rgba(21,24,39,.9);
}
.loader {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
width: 50px;
height: 50px;
-webkit-animation: spin .75s infinite linear;
animation: spin .75s infinite linear;
}
.loader:before {
content: '';
position: absolute;
top: -2px;
left: -2px;
width: inherit;
height: inherit;
-webkit-animation: spin 1.5s infinite ease;
animation: spin 1.5s infinite ease;
}
.loader,
.loader:before {
border: 2px solid;
border-color: transparent;
border-top-color: #FFB22D;
border-radius: 50%;
}
.ask-form {
overflow: auto;
width: 350px;
max-height: 100vh;
padding: 37px;
cursor: default;
text-align: center;
border: 2px solid #FEC175;
border-radius: 10px;
}
.ask-form__headline {
margin: -8px 0 23px;
color: #FFF;
font-size: 30px;
}
.ask-form__field {
display: block;
width: 100%;
margin: 0 0 20px;
padding: 10px 25px 13px;
text-align: center;
border: none;
border-radius: 25px;
font-weight: 500;
}
.ask-form__field::-webkit-input-placeholder {
color: rgba(54,46,72,.5);
}
.ask-form__field:-ms-input-placeholder {
color: rgba(54,46,72,.5);
}
textarea.ask-form__field {
border-radius: 10px;
}
.ask-form__file {
position: relative;
overflow: hidden;
height: 50px;
margin: 0 0 20px;
padding: 0 25px;
text-align: center;
color: rgba(255,255,255,.5);
border-radius: 25px;
background: #737686;
font-weight: 500;
line-height: 46px;
}
.ask-form__file .wpcf7-form-control-wrap {
position: static;
}
.ask-form__file input {
position: absolute;
z-index: 1;
top: 0;
right: 0;
cursor: pointer;
opacity: 0;
font-size: 200px;
}
.ask-form__file-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ask-form__button {
width: 100%;
margin: 10px 0 0;
padding: 13px 30px;
-webkit-transition: .1s;
transition: .1s;
text-transform: uppercase;
color: #FFF;
border: none;
border-radius: 10px;
background: #4471BB;
font-weight: 600;
}
.ask-form__button:hover {
text-decoration: none;
background: #577FC2;
}
.ask-form .ajax-loader {
margin-right: -20px !important;
}
.wpcf7 .wpcf7-not-valid-tip {
display: block;
margin: -17px 0 17px;
font-weight: 500;
}
.wpcf7 .wpcf7-response-output {
margin: 37px 0 0;
padding: 10px 15px;
color: #FFF;
border-radius: 10px;
}
.menu-active {
overflow: hidden;
}
.menu-active body {
overflow: hidden;
}
.wrapper {
-webkit-transition: -webkit-transform .35s ease-out;
transition: -webkit-transform .35s ease-out;
transition: transform .35s ease-out;
transition: transform .35s ease-out, -webkit-transform .35s ease-out;
-webkit-transform: none;
transform: none;
}
.menu-active .wrapper {
-webkit-transition: -webkit-transform .35s ease-in;
transition: -webkit-transform .35s ease-in;
transition: transform .35s ease-in;
transition: transform .35s ease-in, -webkit-transform .35s ease-in;
-webkit-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0);
}
.menu-overlay {
position: fixed;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
background: #000;
}
.menu-active .menu-overlay {
visibility: visible;
-webkit-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
opacity: .5;
}
.menu {
position: fixed;
z-index: 100;
top: 0;
bottom: 0;
left: 0;
width: 320px;
-webkit-transition: -webkit-transform .35s ease-out;
transition: -webkit-transform .35s ease-out;
transition: transform .35s ease-out;
transition: transform .35s ease-out, -webkit-transform .35s ease-out;
-webkit-transform: translate3d(-320px, 0, 0);
transform: translate3d(-320px, 0, 0);
pointer-events: none;
font-size: 16px;
}
.menu-active .menu {
left: 0;
-webkit-transition: -webkit-transform .35s ease-in;
transition: -webkit-transform .35s ease-in;
transition: transform .35s ease-in;
transition: transform .35s ease-in, -webkit-transform .35s ease-in;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu__inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
overflow-y: auto;
width: 270px;
pointer-events: auto;
background: #362E48;
}
.menu li {
position: relative;
list-style: none;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.menu a {
display: block;
padding: 14px 20px 16px;
color: #FFF;
}
.menu a:not(:last-child) {
padding-right: 65px;
}
.menu__topbar {
position: relative;
z-index: 1;
height: 51px;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
border-bottom: 1px solid rgba(255,255,255,.1);
background: #362E48;
}
.menu__topbar.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu__back {
position: relative;
width: 50px;
height: 50px;
cursor: pointer;
border-right: 1px solid rgba(255,255,255,.04);
background: rgba(255,255,255,.06);
}
.menu__back:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 4px;
width: 10px;
height: 10px;
margin: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border: solid rgba(255,255,255,.5);
border-width: 2px 0 0 2px;
}
.menu__title {
position: absolute;
top: 0;
right: 0;
left: 50px;
overflow: hidden;
padding: 0 15px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF;
font-weight: bold;
line-height: 50px;
}
.menu__item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
background: #362E48;
}
.menu__topmenu {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
.menu__topmenu.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu__show-submenu {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
cursor: pointer;
border-left: 1px solid rgba(255,255,255,.04);
background: rgba(255,255,255,.06);
}
.menu__show-submenu:after {
content: '';
position: absolute;
top: 0;
right: 4px;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
margin: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border: solid rgba(255,255,255,.5);
border-width: 0 2px 2px 0;
}
.menu__submenu {
z-index: 1;
top: 51px;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.menu__submenu.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu__submenu.hidden {
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
.menu__close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
cursor: pointer;
pointer-events: auto;
background: #F74E6E;
}
.menu__close:before,
.menu__close:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 20px;
height: 2px;
margin: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #FFF;
}
.menu__close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{position:relative;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto}.slick-arrow.slick-hidden{display:none} @-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media screen and (max-width: 1129px) {
.wrapper {
max-width: 980px;
}
.header__menu-toggle {
position: absolute;
bottom: 22px;
left: 0;
display: block;
width: 26px;
height: 26px;
border: none;
background: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M460.8,0H51.2C22.924,0,0,22.924,0,51.2s22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2S489.076,0,460.8,0zm0,204.8H51.2C22.924,204.8,0,227.724,0,256c0,28.276,22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2zm0,204.8H51.2C22.924,409.6,0,432.524,0,460.8,0,489.076,22.924,512,51.2,512h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2z\' fill=\'%23362E48\'/%3E%3C/svg%3E') no-repeat 50%;
}
.header__menu {
display: none;
}
.header__nav-2-icon {
display: none;
}
.header__popular {
width: 350px;
}
.search {
position: absolute;
right: 0;
bottom: 5px;
margin: 0;
border-color: #FFF;
background: #FFF;
}
.header__soc {
top: 178px;
right: 370px;
left: 45px;
width: auto;
}
.questions__inner {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.questions__recent {
width: 100%;
margin: 0 0 40px;
padding: 0 98px;
}
.questions__image {
max-width: 288px;
}
.recent {
margin-bottom: -40px;
}
.footer__inner {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
}
@media screen and (max-width: 999px) {
.container {
padding: 0 19px;
}
.wrapper {
max-width: 730px;
}
.content {
float: none;
padding: 0;
}
.popular {
width: 100%;
margin-right: 0;
}
.questions__recent {
padding: 0;
}
.post__entry ::-webkit-scrollbar {
-webkit-appearance: none;
}
.post__entry ::-webkit-scrollbar:vertical {
width: 12px;
}
.post__entry ::-webkit-scrollbar:horizontal {
height: 12px;
}
.post__entry ::-webkit-scrollbar-thumb {
border: 2px solid #FFF;
border-radius: 10px;
background: rgba(0,0,0,.5);
}
.post__entry ::-webkit-scrollbar-track {
border-radius: 10px;
}
.sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: auto;
margin: 50px -15px 0;
}
.sidebar__section {
width: calc(50% - 30px);
margin-right: 15px;
margin-left: 15px;
}
.sidebar__section:nth-last-child(2):nth-child(odd) {
margin-bottom: 0;
}
.footer__info {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.wrapper {
max-width: 442px;
}
.wrapper::before {
width:110%!important;
left:-10%!important;
}	
.header {
height: 190px;
}
.header__top {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 120px;
}
.header__popular,
.header__soc {
display: none;
}
.popular__inner {
padding: 30px 30px 0;
}
.popular-item__rating {
margin-left: 0;
}
.popular__thumbs {
margin: 30px -30px 0;
padding: 30px 20px;
}
.questions__image {
display: none;
}
.category__item,
.category__list {
width: 100%;
}
.category__item {
margin: 0 0 40px;
}
.item {
width: 100%;
}
.category-widget {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: calc(100% - 30px);
}
.post__entry img.alignleft,
.post__entry .wp-caption.alignleft,
.post__entry img.alignright,
.post__entry .wp-caption.alignright {
display: block;
float: none;
margin: 25px auto;
}
.post .gallery-item {
width: 50%;
}
.toc-wrapper {
display: block;
margin: 0;
}
.toc-item {
width: 100%;
margin: 0 0 30px;
}
.comments {
width: 100%;
}
.comments-widget {
width: 100%;
margin-top: 50px;
}
.sidebar__section {
width: calc(100% - 30px);
}
.sidebar__section:nth-last-child(2):nth-child(odd) {
margin-bottom: 50px;
}
.footer__nav {
width: 100%;
}
.footer__nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: -5px -10px;
}
.footer__nav li {
margin: 5px 10px;
}
}
@media screen and (max-width: 479px) {
.container {
padding: 0 10px;
}
.header__logo {
max-width: 300px;		
}
.search {
left: 36px;
width: auto;
}
.popular-item {
position: static;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-item__inner {
width: 100%;
}
.popular-item__image {
width: 100%;
margin: 0 0 27px;
}
.popular-item__link {
position: relative;
display: block;
}
.popular-item__link:before {
top: auto;
width: 100%;
height: 1000px;
}
.item-goods {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-goods__image {
margin: 0 auto 20px;
}
.item-small {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.item-small__image {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
width: 100%;
margin: 0 0 20px;
}
.ask:not(:last-child) {
margin-bottom: 40px;
}
.ask:after {
display: none;
}
.stats {
padding: 0;
}
.category__inner {
padding: 29px 9px;
}
.post__headline {
font-size: 30px;
}
.post blockquote {
padding-left: 30px;
}
.post blockquote:before {
display: none;
}
.comment {
padding-left: 20px;
}
.comment .avatar {
display: none;
}
.comments-list .children li {
padding: 0;
}
.footer__info {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.adaptive-table table {
border-collapse: collapse;
}
.adaptive-table table tr:first-child {
display: none;
}
.adaptive-table table tr {
margin-bottom: 10px;
display: block;
}
.adaptive-table table td {
display: block;
text-align: right;
border-top: 1px solid #DDD;
border-bottom: 0px;
font-size: 13px;
}
.adaptive-table table tr td:first-child {
border-bottom: 0px solid #DDD;
}
.adaptive-table table tr td:last-child {
border-bottom: 1px solid #DDD;
}
.adaptive-table table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
}