@media (min-width: 768px) {
.scroll_type::-webkit-scrollbar-track {
border-radius: 0px;
}
.scroll_type::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.scroll_type::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #b1b1b1;
}
.scroll_type:hover::-webkit-scrollbar-thumb {
background: #b1b1b1;
}
.scroll_type {
scrollbar-color: #b1b1b1 transparent;
scrollbar-width: thin;
}
}
.blog_page {
background-color: #f0f4f5;
min-height: calc(100vh - 328px);
}
.blog_page_in {
max-width: 1118px;
margin: auto;
padding: 0 15px;
text-align: center;
}
@media (max-width: 768px) {
.blog_page .big_title {
display: none;
}
}
.blog_page_date {
position: relative;
text-align: center;
padding-left: 19px;
display: inline-block;
margin: auto;
color: #2f2f2f;
height: 14px;
padding-top: 2px;
font-size: 12px;
font-weight: 600;
}
.icon_calendar {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/date_ico.svg);
}
.icon_book {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAtklEQVQoke2SMQ3DMBREn6sQMAVT6GACoZBCCIVm/GNKIRRKIQQ8GEJNIRQ6+Mey3GTo1qEnnfT/nf/JwxlqiLeABTYkbIeehFTLRs07MACuBGQ+9d2gugVS8SQ8DOJHYAZW5Q4HjDoverijV06dChsSbrTI3wYJU+MsiH8BXD6OvsQ/4BcCujLlNl6VCYjkMoH4WXWnemwDHLmNVHtf7X3jDXVAJFf1CPvheuLHE10h3pY6n+ANt1Eqoh3ZcrQAAAAASUVORK5CYII=);
}
.icon_list {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAvElEQVQokZ2SsQ3CMBBFX0IWcE8VRghSWgqyihkh7bWMQFagpSMLuPAKXiErUOBI1iVOEF9y4bPf/a/TFQBIW5PXhLgpLRRIa4HHBhSADnFhLpTJ4xk4qTMANfBO01QqRiCVtLOTj2CHuFCyLwM0iaOpdgCv7hZQ0HcozQo8AFOE0E4GuK5AY+qqoTF23IypITtHULrFhqvQHXhmnEwO6v9xGliOmRRYQuJ8BiK3Rn1cm10duBx/+hjlgdcHrM8vSdW1ozEAAAAASUVORK5CYII=);
}
.blog_page_date_icon {
left: 0;
top: 2px;
width: 12.6px;
height: 14px;
background-size: 100%;
display: block;
position: absolute;
}
.blog_page_cont {
padding: 20px 0 50px;
font-size: 16px;
line-height: 150%;
}
.blog_page_cont p {
padding-bottom: 13px;
}
@media (max-width: 768px) {
.blog_page_cont p {
padding-bottom: 5px;
}
}
.blog_page_cont p:last-child {
padding-bottom: 0;
}
.blog_page_cont h2 {
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
}
.blog_cont_top {
display: flex;
text-align: left;
}
@media (max-width: 768px) {
.blog_cont_top {
flex-direction: column;
}
}
.blog_gallerey_l {
display: flex;
justify-content: center;
align-items: center;
width: 80%;
margin-right: 5%;
}
@media (max-width: 768px) {
.blog_gallerey_l {
width: 100%;
margin-right: 0;
}
} .container .flex-row.justif {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.container.single-post .singlePost {
max-width: 846px;
}
.container.single-post .sidebar {
max-width: 289px;
}
.singlePost .title {
margin-top: 5px;
font-size: 2.125em;
font-family: Montserrat-Bold;
margin-bottom: 16px;
}
.blog_gallerey {
display: flex;
align-items: flex-start;
width: 72%;
}
.singlePost .blog_page_date {
margin-bottom: 22px;
}
.attachment-large.size-large.wp-post-image {
width: 100%;
border-radius: 7px;
margin-bottom: 28px;
}
.singlePost p {
line-height: 1.473;
max-width: 96%;
font-size: 14px;
margin-bottom: 30px;
}
.singlePost p strong {
font-size: 16px;
}
.singlePost h3,
.singlePost h2 {
font-size: 1.125em;
font-family: Montserrat-Bold;
margin-bottom: 30px;
}
.singlePost h2 {
font-size: 1.375em;
margin-top: 50px;
}
.back-and-share {
margin-top: 68px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.875em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: baseline;
color: #113555;
}
.back-and-share .back-blog a {
color: #113555;
font-weight: 600;
}
.back-and-share .back-blog::before {
content: url(//panel-tek.ru/wp-content/themes/panel/f/img/ico_back.svg);
position: relative;
top: 7px;
margin-right: 3px;
}
.back-and-share .share > span {
margin-right: 27px;
color: #2f2f2f;
font-weight: 600;
vertical-align: super;
}
.singlePost .devider-width {
margin-top: 69px;
margin-bottom: 70px;
opacity: 0.3;
}
.comments .gr_form_title sup {
color: #ffbd45;
margin-left: 7px;
font-size: 1em;
font-size: 16px;
}
.comments .item {
margin-bottom: 59px;
}
.comments .item {
margin-bottom: 59px;
font-size: 0.875em;
line-height: 1.473;
}
.comments .avatar img {
margin-right: 18px;
border-radius: 50%;
}
.comments .item .title div {
font-size: 14px;
display: inline-block;
margin-bottom: 17px;
margin-right: 18px;
}
.comments .item .title .blog_page_date {
opacity: 0.3;
font-weight: 400;
font-size: 12px;
}
.comments .item .title {
margin-top: -16px;
margin-bottom: 0;
}
.comments .answer {
margin-top: 12px;
}
.comments .answer a {
color: #113555;
font-weight: 600;
font-family: Exo;
}
.answer::before {
content: url(//panel-tek.ru/wp-content/themes/panel/f/img/answer_ico.svg);
position: relative;
top: 8px;
margin-right: 4px;
}
#answer {
padding: 0;
margin-top: 75px;
}
#answer.gr_form .gr_form_in {
background: #f6f7f9;
border-radius: 7px;
display: block;
padding: 29px 34px 28px 29px;
margin-bottom: 90px;
}
#answer.gr_form .mb_2_form_form {
background: transparent;
box-shadow: none;
width: 100%;
color: #2f2f2f;
}
#answer.gr_form .form_one {
padding: 0;
}
#answer.gr_form .form_one .form_input {
max-width: unset;
margin-right: 0;
}
#answer.gr_form input {
color: #2f2f2f;
border-color: #2f2f2f;
z-index: 11;
position: relative;
}
#answer.gr_form .form_comments_icon::after,
#answer.gr_form .form_email_icon::after,
#answer.gr_form .form_name_icon::after {
position: absolute;
color: #2f2f2f;
width: 93%;
top: 45px;
font-size: 12px;
text-align: center;
}
#answer.gr_form .form_name_icon,
#answer.gr_form .form_comments_icon,
#answer.gr_form .form_email_icon {
width: 100%;
top: 20px;
z-index: 1;
}
#answer .form_name_icon {
background-image: url(//panel-tek.ru/wp-content/uploads/2021/02/ico_name_recal.png);
}
#answer .form_email_icon {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/ico_email_dark.svg);
}
#answer .form_comments_icon {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/answer_ico_dark.svg);
position: absolute;
width: 21.25px;
height: 19px;
top: calc(50% - 11px);
background-repeat: no-repeat;
display: inline-block;
left: 11px;
}
#answer.gr_form .form_comments_icon::after {
content: "Ваш комментарий";
}
#answer.gr_form .form_one .form_input input[name="name"] {
padding: 17px 40px;
}
#answer .form_one .form_input:first-child {
margin-bottom: 49px;
margin-right: 30px !important;
}
#answer.gr_form .button_one {
margin-top: 50px;
margin-bottom: 0;
width: 276px;
height: 55px;
margin-left: 0;
font-size: 1.0625em;
}
#answer .gr_form_title {
font-size: 2.125em;
}
.sidebar .related-post img {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 7px;
margin-bottom: 14px;
}
.sidebar .related-post {
font-size: 0.875em;
padding: 0 7.5px;
margin-top: 121px;
}
.sidebar .related-post .title-block,
.sidebar .widgettitle {
font-size: 18px;
color: #113555;
font-weight: 600;
margin-bottom: 24px;
}
.sidebar .related-post .title-block::before {
content: url(//panel-tek.ru/wp-content/themes/panel/f/img/ico_related.svg);
position: relative;
margin-right: 11px;
top: 5px;
}
.sidebar .related-post .blog_page_date {
margin-bottom: 11px;
opacity: 0.4;
}
.sidebar .related-post .title {
color: #113555;
font-weight: 600;
margin-bottom: 11px;
line-height: 17px;
}
.linck-post a {
font-family: Exo;
color: #113555;
font-weight: 600;
margin-top: 20px;
display: inline-block;
}
.linck-post::before {
content: url(//panel-tek.ru/wp-content/themes/panel/f/img/ico_read.svg);
position: relative;
margin-right: 4px;
top: 4px;
}
.widgettitle::before {
content: url(//panel-tek.ru/wp-content/themes/panel/f/img/ico_teg.svg);
position: relative;
margin-right: 11px;
top: 4px;
}
.sidebar .related-post .item-post {
margin-bottom: 96px;
}
.sidebar .devider-width {
margin-top: 75px;
margin-bottom: 83px;
opacity: 0.3;
}
.sidebar .widget.widget_tag_cloud {
margin-bottom: 90px;
}
.tagcloud a.tag-cloud-link {
font-family: Exo;
color: #113555;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 600;
border: 1px solid;
border-radius: 4px;
padding: 11px 19px;
font-size: 12px !important;
margin-right: 9px;
margin-bottom: 14px;
display: inline-block;
}
.tagcloud a.tag-cloud-link:hover {
color: #3b6992;
}/*/*//**/.blog .content {
max-width: 846px;
}
.blog_item.first {
margin-top: 36px;
}
.blog .sidebar.delivery {
max-width: 283px;
}
.blog .side .gr_form {
padding-top: 0;
margin-top: 36px;
}
.blog .widget.widget_tag_cloud {
margin-top: 164px;
padding-left: 7px;
}
.blog_item .descript {
font-size: 0.875em;
line-height: 1.47;
}
.image-blog.first {
position: relative;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
border-radius: 7px;
overflow: hidden;
}
.image-blog.first .attachment-large.wp-post-image {
margin-bottom: 0;
}
.image-blog.first .overlay {
background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, #000000ba 100%);
background-blend-mode: multiply;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.image-blog.first .title {
position: absolute;
bottom: 26px;
left: 25px;
max-width: 502px;
color: #fff;
font-size: 1.375em;
font-weight: 600;
letter-spacing: 0.01em;
}
.image-blog.first .blog_page_date {
position: absolute;
bottom: 89px;
left: 26px;
color: #fff;
font-weight: 400;
}
.image-blog.first .icon_calendar {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/date_ico_fff.svg);
}
.blog_item.first .descript,
.blog_item.first .linck-post {
margin-left: 26px;
}
.blog_item.first .linck-post a {
font-size: 14px;
}
.container.blog .devider-width {
opacity: 0.3;
margin-top: 65px;
margin-bottom: 78px;
}
.blog_item.flex-row {
margin-bottom: 70px;
}
.blog_item.flex-row .image-blog img {
border: 1px solid #e0e0e0;
border-radius: 7px;
margin-right: 28px;
max-width: 305px;
}
.blog_item.flex-row .blog_page_date {
opacity: 0.3;
margin-bottom: 12px;
}
.blog_item.flex-row .title {
font-family: Montserrat-SemiBold;
font-size: 18px;
color: #113555;
margin-bottom: 16px;
font-weight: 600;
max-width: 420px;
}
.blog_item.flex-row .linck-post a {
margin-top: 13px;
font-size: 14px;
}/*/*/@media (max-width: 768px) {
.blog_gallerey {
width: 100%;
flex-direction: column;
}
}
.blog_gallerey_l a {
display: none;
border: 3px;
border: 5px solid #58a037;
border-radius: 4px;
}
.blog_gallerey_l a:first-child {
display: block;
}
.blog_gallerey_l:active {
}
.blog_gallerey_r {
display: flex;
flex-direction: column;
width: 14.8%;
justify-content: center;/**/}
@media (max-width: 768px) {
.blog_gallerey_r {
display: flex;
flex-direction: unset;
width: 100%;
margin-top: 13px;
}
}
.blog_gallerey_l a img {
width: 100%;
display: block;
}
.blog_gal_open {
opacity: 0.4;
transition: all 0.4s;
cursor: pointer;
border-radius: 4px; margin-top: 15px;
}
@media (max-width: 768px) {
.blog_gal_open {
margin-left: 10px;
margin-top: 0;
}
}
.blog_gal_open:first-child {
margin-top: 0;
}
@media (max-width: 768px) {
.blog_gal_open:first-child {
margin-left: 0;
}
}
.blog_gal_open img {
display: block;
width: 100%;
border-radius: 4px;
}
.blog_gal_open.active,
.blog_gal_open:hover {
opacity: 1;
position: relative;
}
.blog_gal_open:before {
content: "";
opacity: 0;
transition: all 0.4s;
position: absolute;
height: 100%;
left: -24px;
width: 7px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.984' height='1.549in'%3E%3Cpath stroke='%23008037' fill='none' d='M4.645 109.777V60L.811 55l3.834-5.333V.496'/%3E%3C/svg%3E"); background-repeat: no-repeat;
}
.blog_gal_open.active:before {
opacity: 1;
}
@media (max-width: 768px) {
.blog_gal_open:before {
display: none;
}
}
.blog_r_text {
width: 32%;
font-size: 16px;
line-height: 150%;
padding-left: 3.5%;
}
@media (max-width: 768px) {
.blog_r_text {
width: 100%;
padding-top: 17px;
padding-left: 0%;
}
}
.blog_m_text {
font-size: 16px;
padding-left: 23px;
width: 80%;
box-sizing: border-box;
}
@media (max-width: 768px) {
.blog_m_text {
font-size: 14px;
padding-left: 0;
width: 100%;
margin-top: 22px;
}
}
.blog_cont_m {
display: flex;
margin-top: 27px;
text-align: left;
padding-bottom: 20px;
}
@media (max-width: 768px) {
.blog_cont_m {
display: flex;
flex-direction: column;
margin-top: 19px;
padding-bottom: 12px;
}
}
.blog_rect {
background-color: #2c8b40;
padding: 30px 20px;
color: #fff;
font-size: 14px;
line-height: 150%;
width: 20%;
font-weight: bold;
border-radius: 5px;
position: relative;
box-sizing: border-box;
height: fit-content;
}
@media (max-width: 768px) {
.blog_rect {
background-color: #2c8b40;
padding: 20px 12px 36px;
color: #fff;
font-size: 14px;
line-height: 150%;
width: 100%;
}
}
.blog_rect:after {
position: absolute;
bottom: 51px;
left: calc(50% - 38px);
content: "\201E";
font-size: 150px;
}
.blog_cont_bottom {
display: flex;
text-align: left;
padding: 20px 0;
align-items: flex-start;
font-size: 16px;
}
@media (max-width: 768px) {
.blog_cont_bottom {
flex-direction: column;
padding: 10px 0;
}
}
.blog_f_l_text {
padding-right: 24px;
}
@media (max-width: 768px) {
.blog_f_l_text {
padding-right: 0;
}
}
.blog_page_cont ol,
.blog_page_cont ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 17px;
}
.blog_f_r_text {
padding-left: 20px;
}
@media (max-width: 768px) {
.blog_f_r_text {
padding-left: 0;
margin-top: 17px;
}
} .blog_cat_in {
display: flex;
flex-wrap: wrap;
padding: 8px 0 61px;
}
.blog_cat_item {
width: 33%;
width: calc(100% / 3);
text-align: left;
padding: 12px 15px 34px;
box-sizing: border-box;
}
@media (max-width: 950px) {
.blog_cat_item {
width: 50%;
padding: 12px 15px;
}
}
@media (max-width: 650px) {
.blog_cat_item {
width: 100%;
padding: 14px 0 12px;
border-top: 2px solid #cdcdcd;
}
.blog_cat_item:first-child {
padding: 5px 0 12px;
border-top: 0;
}
}
.blog_cat_item_top {
border: 5px solid #58a037;
border-radius: 4px;
margin-bottom: 13px;
}
.blog_cat_item_top img {
width: 100%;
display: block;
}
.blog_cat_item_title a {
line-height: 150%;
font-weight: bold;
color: #000;
margin-bottom: 7px;
display: block;
margin-top: 4px;
}
.blog_cat .blog_page_in {
max-width: 1155px;
}
.blog_cat_item_title {
}
.blog_cat_item_brif {
line-height: 150%;
font-size: 14px;
}
.blog_cat_item_button {
font-size: 14px;
font-weight: 500;
color: #008037;
border: 1px solid #008037;
display: inline-block;
padding: 7px 14px 7px 36px;
border-radius: 29px;
margin-top: 12px;
position: relative;
}
.blog_cat_item_button_book {
left: 14px;
top: 7px;
width: 16px;
height: 15px;
background-size: 100%;
display: block;
position: absolute;
background-repeat: no-repeat;
}
h2.screen-reader-text {
display: none;
}
a.prev.page-numbers {
}
.pagination .page-numbers {
opacity: 1 !important;
padding: 4px 4px;
display: inline-flex;
margin: 1px 1px;
width: 22px;
justify-content: center;
align-items: center;
height: 44px;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
width: unset;
position: relative;
color: transparent;
text-indent: -99999px;
}
.pagination .page-numbers.prev::before,
.pagination .page-numbers.next::before {
position: relative;
width: 44px;
height: 44px;
background-repeat: no-repeat;
content: "";
top: 17px;
background-image: url(//panel-tek.ru/wp-content/uploads/2021/02/arrow_slider-1.png);
background-color: #ffbd45;
border-radius: 50%;
background-position: center;
background-size: 9.08px;
transition: 0.3s;
}
.pagination .page-numbers.prev:hover:before,
.pagination .page-numbers.next:hover:before {
background-color: #ffcb6b;
background-image: url(//panel-tek.ru/wp-content/uploads/2021/02/arrow_slider_hover-1.png);
}
.pagination .page-numbers.prev:before {
transform: rotate(180deg);
}
.pagination .page-numbers.prev:before {
left: -5px;
}
.pagination .page-numbers:hover {
opacity: 1 !important;
color: #000;
}
.pagination .page-numbers.current {
background-color: #ffbd45;
border-radius: 50%;
color: inherit;
width: 44px;
height: 44px;
box-sizing: border-box;
}
.pagination .nav-links {
padding: 0 0 64px;
}
.mp_blog_item .pagination .nav-links {
padding: 0 0 0;
} .mp_blog_content {
max-width: 1133px;
margin: auto;
padding: 6px 15px 93px;
}
@media (max-width: 768px) {
.mp_blog_content {
padding: 6px 15px 40px;
}
}
.mp_blog_item {
display: flex;
transition: opacity 0.3s;
}
@media (max-width: 768px) {
.mp_blog_item {
display: block;
}
}
.mp_blog_l {
display: flex;
flex-direction: column;
align-items: center;
transition: opacity 0.2s;
}
.mp_blog_photo {
border: 5px solid #69a833;
border-radius: 50%;
overflow: hidden;
width: 180px;
height: 180px;
background-size: 100%;
}
@media (max-width: 768px) {
.mp_blog_photo {
border: 5px solid #69a833;
width: 144px;
height: 144px;
}
}
.mp_blog_name {
font-weight: bold;
margin-top: 27px;
}
@media (max-width: 768px) {
.mp_blog_name {
font-weight: bold;
margin-top: 10px;
}
}
.mp_blog_post {
font-size: 12px;
margin-top: 33px;
position: relative;
}
@media (max-width: 768px) {
.mp_blog_post {
margin-top: 14px;
}
}
.mp_blog_r {
margin-left: 84px;
}
@media (max-width: 768px) {
.mp_blog_r {
margin-left: 0;
padding-top: 14px;
}
}
.mp_blog_r_top {
font-size: 14px;
position: relative;
line-height: 150%;
transition: opacity 0.2s;
}
.mp_blog_r_top_in {
max-height: 212px;
overflow-y: auto;
}
.mp_blog_post:before {
position: absolute;
width: 70px;
border-top: 1px;
border-top: 1px solid #f6d069;
content: "";
top: -16px;
left: calc(50% - 35px);
}
@media (max-width: 768px) {
.mp_blog_post:before {
top: -8px;
}
}
@media (min-width: 769px) {
.mp_blog_r_top:before {
content: ""; transition: all 0.4s;
position: absolute;
height: 100%;
left: -50px;
width: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 5537' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='none' stroke='%23008037' stroke-width='26.46' d='M251 5538V3030L26 2765l225-238V0'/%3E%3C/svg%3E");
background-position: center;
}
}
.mp_blog_r_top p {
padding-bottom: 12px;
}
.mp_blog_r_bottom {
display: flex;
padding: 23px 0 0;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 768px) {
.mp_blog_r_bottom {
display: block;
}
}
.mp_blog_r_bottom_l {
padding-right: 40px;
min-width: 300px;
}
@media (max-width: 768px) {
.mp_blog_r_bottom_l {
min-width: 0;
}
}
.mp_blog_r_bottom_r {
}
.icon_list.blog_cat_item_button_book {
width: 13px;
height: 16px;
}
.download_in {
padding: 0;
display: flex;
}
@media (max-width: 768px) {
.download_in {
flex-direction: column;
}
}
@media (min-width: 768px) {
.download_form {
width: 1187px;
overflow: hidden;
}
}
.dow_l {
width: 72%;
}
@media (max-width: 768px) {
.dow_l {
width: unset;
}
}
#download_block .thank_video {
border: 0;
border-radius: 0;
}
.dow_r {
width: 29%;
text-align: center;
padding-top: 191px;
position: relative;
}
@media (max-width: 768px) {
.dow_r {
width: 100%;
padding-top: 20px;
}
}
.download_title {
font-size: 20px;
text-align: center;
max-width: 320px;
margin: 5px auto;
}
.download_in .thank_input {
margin-bottom: 21px;
}
.dow_brif {
font-size: 12px;
margin: 9px auto 0;
line-height: 150%;
max-width: 220px;
}
@media (min-width: 768px) {
.dow_smeta {
background-image: url(//panel-tek.ru/wp-content/uploads/2020/05/smeta.png);
width: 352px;
height: 231px;
background-size: 100%;
margin: auto;
position: absolute;
top: -36px;
right: -11px;
}
}
.dow_form .form_input {
margin-bottom: 23px;
max-width: unset;
}
.upd_bl .calc_bottom_l {
display: flex;
max-width: 500px;
margin-right: 16px;
}
@media (max-width: 768px) {
.upd_bl .calc_bottom_l {
display: block;
max-width: 500px;
margin-right: 0;
margin-bottom: 15px;
}
}
.upd_bl .calc_bottom_title {
margin-right: 12px;
}
.upd_bl .calc_bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.upd_bl .calc_bottom {
display: block;
}
}
.upd_bl .calc_bottom_r {
display: flex;
max-width: 462px;
}
@media (max-width: 768px) {
.upd_bl .calc_bottom_r {
display: block;
max-width: 462px;
}
}
.upd_bl .calc_bottom_r .button_one {
padding: 16px 70px 17px 58px;
}
.upd_bl .calc_bottom_r .button_one:before {
left: 32px;
}
.upd_bl .calc_bottom_brif {
font-size: 12px;
}
.calc_price_bl {
max-width: 424px;
margin: -73px auto 0;
padding-bottom: 12px;
position: relative;
}
@media (max-width: 768px) {
.calc_price_bl {
margin: 0 auto 0;
}
}
.calc_price_brif {
font-size: 13px;
line-height: 150%;
font-weight: 300;
max-width: 320px;
}
.calc_price_img {
font-size: 45px;
font-weight: 600;
filter: blur(9px);
color: #b03d3d;
padding: 0 0 12px;
user-select: none;
transition: all 0.3s;
}
@media (min-width: 768px) {
.calc_price_bl:before {
background-image: url(//panel-tek.ru/wp-content/uploads/2020/05/calc_img.png);
width: 44px;
height: 76px;
content: "";
position: absolute;
background-repeat: no-repeat;
left: -50px;
top: 52px;
}
}
.bottom_grad {
display: block;
background: linear-gradient(0deg, #f0f4f5 0, #142a3700 100%);
width: 100%;
bottom: 0;
height: 15px;
position: absolute;
} .single-post .singlePost ol,
.single-post .singlePost ul {
list-style-type: none;
margin: 20px 0;
padding: 0;
}
.single-post .singlePost ul li,
.single-post .singlePost ol li {
position: relative;
margin-left: 20px;
}
.single-post .singlePost ol li:not(:last-child),
.single-post .singlePost ul li:not(:last-child) {
margin-bottom: 10px;
}
.single-post .singlePost ul li:before {
content: "";
background: #ffbd45;
width: 8px;
height: 8px;
display: block;
border-radius: 10em;
position: absolute;
border-radius: 10em;
left: -18px;
top: 7px;
}
.single-post .singlePost ul li:after {
content: "";
background: transparent;
border: 1px solid #ffbd45;
filter: blur(1px);
width: 14px;
height: 14px;
display: block;
position: absolute;
border-radius: 10em;
left: -22px;
top: 3px;
}
.single-post .singlePost ol {
counter-reset: ccounter;
}
.single-post .singlePost ol li:before {
content: counter(ccounter);
counter-increment: ccounter;
background: #113555;
color: #fff;
line-height: 1.1;
width: 16px;
height: 16px;
display: block;
border-radius: 10em;
position: absolute;
border-radius: 10em;
left: -22px;
top: 3px;
text-align: center;
}
.single-post .singlePost table {
width: 100%;
border-collapse: collapse;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
.single-post .singlePost table thead td,
.single-post .singlePost table tfoot td {
background: #113555;
color: #ffcb6b;
padding: 6px 0 6px 15px;
border: 2px solid #ffbd45;
}
.single-post .singlePost table thead td a,
.single-post .singlePost table tfoot td a {
color: #fff;
}
.single-post .singlePost table tbody tr:nth-child(odd) {
background: #f4f4f4;
}
.single-post .singlePost table tbody tr td {
width: 50%;
padding: 6px 0 6px 15px;
border: 2px solid #ffbd45;
}
.single-post .singlePost table tbody tr td a {
color: #363636;
}
.single-post .singlePost table tbody tr td a:hover {
text-decoration: underline;
}
.single-post .singlePost table tbody tr td:nth-child(even) {
color: #363636;
}
.single-post .singlePost q,
.single-post .singlePost blockquote {
color: #000; text-align: left;
color: #113555;
line-height: 1.5;
position: relative;
display: block;
margin: 20px 0;
padding: 15px;
background: #f1f1f1;
box-shadow: 4px 7px 5px 0px rgba(0, 0, 0, 0.15);
}
.single-post .singlePost q p,
.single-post .singlePost blockquote p:last-child {
margin-bottom: 0;
} .container.single-post .singlePost {
margin-top: 43px;
}
.new-image-container {
overflow: hidden;
position: relative;
margin-top: 20px;
line-height: 0;
height: 381px;
}
.new-image-container:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.65);
border-radius: 7px;
}
.new-image-container img {
border-radius: 0;
width: 100%;
height: 100%;
}
.new-image-container .attachment-large.size-large.wp-post-image {
margin: 0;
}
.new-image-container .page_title {
position: absolute;
top: 50px;
height: 75%;
left: 50px;
width: calc(100% - 292px);
color: #fff;
font-size: 50px;
line-height: 1.2;
font-family: "Montserrat-Bold", sans-serif;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.new-image-container .menu {
position: absolute;
bottom: 38px;
left: 50px;
width: calc(100% - 100px);
color: #fff;
line-height: 1.2;
font-size: 15px;
font-family: "Montserrat-Bold", sans-serif;
}
.new-image-container .menu .blog_page_date_icon {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/monthly-calendar-svgrepo-com.svg);
top: 3px;
width: 14.6px;
height: 16px;
}
.new-image-container .menu .blog_page_date_icon.views {
background-image: url(//panel-tek.ru/wp-content/themes/panel/f/img/eye-svgrepo-com.svg);
top: 1px;
width: 20.6px;
height: 17px;
}
.new-image-container .menu .blog_page_date {
color: inherit;
font-size: inherit;
font-family: inherit;
padding-left: 25px;
}
.new-image-container .menu .tags {
display: inline-block;
vertical-align: middle;
margin-left: 40px;
margin-right: 40px;
}
.new-image-container .menu .social-icons,
.new-image-container .menu ul {
list-style-type: none;
}
.new-image-container .menu ul li {
display: inline-block;
vertical-align: middle;
}
.new-image-container .menu .tags ul li a {
color: #fff;
font-size: 15px;
font-family: "Montserrat-Bold", sans-serif;
min-width: 128px;
border-radius: 10em;
background: #ffbd45;
display: inline-block;
text-align: center;
padding: 7px 0;
transition: all 0.25s ease-in-out;
}
.new-image-container .menu .tags ul li a:hover {
background: #ffcb6b;
color: #113555;
}
.new-image-container .menu .fl-r {
float: right;
}
.back-and-share .new-image-container .menu .social-icons,
.new-image-container .menu .social-icons,
.new-image-container .menu .fl-r .title {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.back-and-share .social-icons li:not(:last-of-type),
.new-image-container .menu .social-icons li:not(:last-of-type) {
margin-right: 10px;
}
.back-and-share .social-icons li {
margin: 0 5px !important;
}
.back-and-share .social-icons li a,
.new-image-container .menu .social-icons li a {
width: 34px;
height: 34px;
font: 18px;
display: inline-block;
vertical-align: middle;
color: #fff;
text-align: center;
line-height: 34px;
border-radius: 10em;
}
.back-and-share .social-icons li a.social-icon-vk,
.new-image-container .menu .social-icons li a.social-icon-vk {
background: #2787f5;
}
.back-and-share .social-icons li a.social-icon-ok,
.new-image-container .menu .social-icons li a.social-icon-ok {
background: #ee8208;
}
.back-and-share .social-icons li a.social-icon-whatsapp,
.new-image-container .menu .social-icons li a.social-icon-whatsapp {
background: #25d366;
}
.back-and-share .social-icons li a.social-icon-telegram,
.new-image-container .menu .social-icons li a.social-icon-telegram {
background: #24a1dd;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.back-and-share .social-icons li a.social-icon-youtube,
.new-image-container .menu .social-icons li a.social-icon-youtube {
background: #ff0000;
}
div#ez-toc-container {
width: calc(100% - 30px);
}
.side.sticky {
position: sticky;
position: -webkit-sticky;
top: 136px;
}
.back-and-share .social-icons {
display: flex;
}
.single-post .singlePost .back-and-share .social-icons li::before,
.single-post .singlePost .back-and-share .social-icons li::after {
content: unset;
}
.author_sidebar {
background: #e8e8e8;
border-radius: 7px;
padding: 17px;
margin-top: 43px;
position: relative;
z-index: 2;
}
.author_sidebar:before {
content: "";
width: 90%;
height: 6px;
left: 5%;
bottom: -6px;
background: #f3f3f3;
position: absolute;
border-radius: 0px 0px 7px 7px;
z-index: -1;
}
.author_sidebar .author_title {
color: #113555;
font-family: Montserrat-SemiBold;
font-size: 18px;
margin-bottom: 10px;
}
.author_sidebar .space-between {
background: #fff;
border-radius: 10em;
}
.author_sidebar .author_name {
color: #113555;
font-family: "Montserrat-SemiBold";
font-size: 16px;
}
.author_sidebar .author_name strong {
font-family: "Montserrat-Bold", sans-serif;
font-weight: 800;
font-size: 18px;
}
.space-between {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.author_sidebar .space-between .image {
width: 50px;
border-radius: 10em;
overflow: hidden;
margin: 5px;
padding: 5px;
border: 2px solid #ffcb6b;
}
@media (max-width: 480px) {
.new-image-container .page_title {
top: 0;
left: 10px;
width: calc(100% - 20px);
font-size: 26px;
}
.new-image-container .menu .tags {
margin-left: 5px;
margin-right: 5px;
}
.new-image-container .menu .blog_page_date {
padding-left: 23px;
}
.attachment-large.size-large.wp-post-image {
margin-bottom: 0;
}
.new-image-container .menu .tags ul li a {
min-width: auto;
padding: 5px;
}
.new-image-container .menu .fl-r {
float: none;
position: absolute;
bottom: 0;
}
.new-image-container .menu .social-icons,
.new-image-container .menu .fl-r .title {
margin-bottom: 5px;
font-size: 12px;
margin-bottom: 5px;
}
.new-image-container .menu {
bottom: 10px;
top: 10px;
left: 10px;
width: 100%;
font-size: 12px;
}
.blog_page_date {
padding-top: 4px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.new-image-container .page_title {
top: 0;
left: 10px;
width: calc(100% - 20px);
font-size: 26px;
height: 100%;
}
.new-image-container .menu .tags {
margin-left: 5px;
margin-right: 5px;
}
.new-image-container .menu .blog_page_date {
padding-left: 23px;
}
.attachment-large.size-large.wp-post-image {
margin-bottom: 0;
}
.new-image-container .menu .tags ul li a {
min-width: auto;
padding: 5px;
}
.new-image-container .menu .fl-r {
float: none;
position: absolute;
bottom: 0;
}
.new-image-container .menu .social-icons,
.new-image-container .menu .fl-r .title {
margin-bottom: 5px;
font-size: 12px;
margin-bottom: 0px;
}
.new-image-container .menu {
bottom: 10px;
top: 10px;
left: 10px;
width: 100%;
font-size: 12px;
}
.blog_page_date {
padding-top: 4px;
}
}
@media (min-width: 768px) and (max-width: 992.6px) {
.new-image-container .page_title {
top: 0;
left: 10px;
width: calc(100% - 20px);
font-size: 32px;
height: 100%;
}
.new-image-container .menu .tags {
margin-left: 5px;
margin-right: 5px;
}
.new-image-container .menu .blog_page_date {
padding-left: 23px;
}
.attachment-large.size-large.wp-post-image {
margin-bottom: 0;
}
.new-image-container .menu .tags ul li a {
min-width: auto;
padding: 5px;
}
.new-image-container .menu .social-icons,
.new-image-container .menu .fl-r .title {
margin-bottom: 5px;
margin-bottom: 0px;
}
.new-image-container .menu {
bottom: 10px;
left: 10px;
width: 100%;
}
.new-image-container .menu .fl-r {
float: none;
margin-top: 20px;
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.new-image-container .page_title {
font-size: 32px;
}
}
.side .gr_form._new_generation {
color: #f3f3f3;
text-align: center;
}
.side .gr_form._new_generation .gr_form_in {
background: #113555;
padding-top: 20px;
border-radius: 5px;
}
.side .gr_form._new_generation .gr_form_title {
font-size: 20px;
color: #fff;
margin-bottom: 20px;
}
.side .gr_form._new_generation .subtitle {
font-size: 10px;
margin-bottom: 15px;
}
.side .gr_form._new_generation .disclaimer {
font-size: 8px;
margin-top: 15px;
margin-bottom: 20px;
}
.side .gr_form._new_generation .form_one {
padding: 0;
}
.gr_form._new_generation .form_one .form_input input[name="tel"],
.gr_form._new_generation .form_one .form_input input[name="name"] {
background: #f3f3f3;
border-radius: 7px;
padding-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: none;
color: #5d5d5d;
text-align: center;
font-size: 20px;
margin-top: 0;
}
.gr_form._new_generation .form_one .form_input input::placeholder {
color: #5d5d5d;
}
.side .gr_form._new_generation .mb_2_form_form {
background: transparent;
}
.side .gr_form._new_generation .button_one {
padding: 10px;
}
.side .gr_form._new_generation .form_input {
opacity: 1 !important;
}
.side .gr_form._new_generation .sidebar_btn {
border-radius: 3px;
background: #fff;
text-transform: uppercase;
font-size: 16px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 12px 7px;
}
.side .gr_form._new_generation .sidebar_btn.active {
opacity: 0.7;
}
.side .gr_form._new_generation .sidebar_btn img {
max-width: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.side .gr_form._new_generation .space-between {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.side .gr_form._new_generation .sidebar_btn.whatsapp {
color: #2cb742;
}
@media (min-width: 1024px) and (max-width: 1280px) {
.side .gr_form._new_generation .gr_form_title {
font-size: 18px;
}
.side .gr_form._new_generation .form_one .form_input {
width: 90%;
margin-right: 0;
}
.side .gr_form._new_generation .space-between {
width: 98%;
margin-left: 1%;
}
.side .gr_form._new_generation .sidebar_btn {
font-size: 14px;
padding: 12px 4px;
}
.side .gr_form._new_generation .sidebar_btn img {
margin-right: 3px;
}
.side .gr_form._new_generation .button_one {
padding: 10px 0;
font-size: 16px;
width: 98%;
margin-left: 1%;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
div#ez-toc-container {
width: calc(100% - 75px);
}
.side.sticky {
top: 136px;
}
}
.addtoany_list a,
.widget .addtoany_list a {
line-height: 16px;
}