/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans:400,700|Roboto:100,300,400,500,700|Montserrat:200,300,400,500,600&display=swap');

*, :before, :after, p {margin:0; padding:0; box-sizing:border-box; outline:none; border:0; box-shadow:none;}
body {font:400 16px/1.2 'Montserrat', 'Segoe UI', Arial, sans-serif; background-color:#fff; color:#183153; color:#000000}



.dark_theme, .dark_theme .site {background-color:#000100}
.dark_theme .header_center {background-color: transparent;}
.dark_theme :is(.header_top, .login)  {color:#FFFFFF;}
.dark_theme .header_top .separ {border-left: 1px solid #2b2b2b;}
.dark_theme .top_menu {background-color: rgba(0, 0, 0, 0.3)}
.dark_theme .top_menu > div > ul > li > a { color: #ffffff; text-shadow: none;}
.dark_theme main {background-color: #000100;}
.dark_theme :is(.catalog_block, .services_block, .slider_object_block) .title h2 {color:#FFFFFF;}
.dark_theme .top_menu .shop > a {color:#000100;}
.dark_theme .switch:after { color:#cfcfcf;}


.abs {position:absolute}
.rel {position:relative;}
a {color:#1094f5;}

h1, h2, h3, h4, h5, h6 {font-weight:400; line-height:1.2; margin:0}
a {text-decoration:none; transition:all .2s ease-in-out;}
a:hover {}
ul, ol, nav {list-style:none; margin:0}
.red {border:1px solid red;}
.flex {display:flex; align-items:center;}
.flex_i {display:flex !important;}
.awesome {font-family:"Font Awesome 6 Pro"}
:root {--awesome:"Font Awesome 6 Pro";--awesomebrands:"Font Awesome 5 Brands" ;}

.no {display:none}
.flex {display:flex}

.no_scroll::-webkit-scrollbar {width:0; background:transparent; display:none} /* Chrome, Safari and Opera */
.no_scroll {-ms-overflow-style:none; scrollbar-width:none;} /* IE and Edge, Firefox */
.no_select, .bt {-webkit-touch-callout:none; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}


/* MODAL WINDOW */
#modalbox_chat {display:none; background-color:rgba(0, 0, 0, 0.6); position:fixed; top:0; left:0; width:100%; height:calc(100% + 50px); overflow-y:hidden; overflow-x:scroll; backdrop-filter:blur(3px); z-index:20}
/* Создаем нижний скролл */
#modalbox_chat > div {position:relative; height:100vh; width:100%; display:flex; align-items:center; justify-content:center; border-right:1px solid transparent; box-sizing:content-box;}

#modalbox {display:none;}
#modalbox > div {position:relative}
.popup {position:fixed; bottom:15px; right:2%; z-index:21}
.small_panel #modalbox_chat {background-color:transparent !important; pointer-events:none !important;} /* повтор стиля */

.modal_bg {display:flex !important; position:fixed; top:0; left:0; width:100%; height:100%; align-items:center; justify-content:center; padding:3%; z-index:21}
.modal_bg {background-color:rgba(0, 0, 0, 0.6); backdrop-filter:blur(3px);}
.module_load {height:100%; max-height:100%; border-radius:10px; overflow:hidden;}
.modal_content {display:none;}
.modal_info .module_load {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:0 20px; background:linear-gradient(135deg, #47618d,#3b225c); color:#fff}
.modal_info .module_load :where(h1, h2) {text-align:center; line-height:1.2;}
.modal_info .module_load h2 {margin-top:20px;}

#modalbox .modal_close {display:none; top:-11px; right:-6px; width:36px; height:36px; background:#e254b6; border-radius:50%; text-align:center; line-height:36px; transition:all .2s ease; z-index:5;}
#modalbox .modal_close:after {content:"\f00d"; font-family:var(--awesome); font-weight:900; color:#fed065; font-size:22px; color:#fff;}
#modalbox .modal_close:hover {background:#DB29A3;}

.modal_message {position:relative; display:flex; flex-direction:column; width:300px; min-height:100px; background:linear-gradient(54deg, #373160, #3b386d); border-radius:5px; padding:7px 10px 7px 15px; box-shadow:0 0 8px #545664; font:400 14px "Open Sans"; color:#fff;}
.modal_message a {color: #dd7def; border-bottom: 1px dotted;}
.modal_message h2 {font-size:15px;}
.modal_message h3 {color:#83CFFF; font-size:15px; margin-top:3px;}
.modal_message > aside {cursor:pointer; overflow:hidden;}
.modal_message > aside img {flex:0 0 60px; width:60px; height:60px; object-fit:cover; margin-top:5px; margin-right:10px; border-radius:50%;}
.modal_message > aside div {color:#fff; line-height:1.4;}
.modal_message .modal_close {margin-top:-8px; right:0; font-size:25px; line-height:33px; width:36px; height:36px; z-index:5; border-radius:50%; text-align:center; transition:all .2s ease;}
.modal_message .modal_close:after {content:"\f00d"; font-family:var(--awesome); font-weight:300; font-size:22px; color:#fff;}
.modal_message .modal_close:hover {background:rgba(255, 255, 255, 0.1);}
.modal_message .pay_completed, .modal_message .up_profile, .modal_message .no_money {width:60px; height:60px; flex:0 0 60px; background-color:#fff; border-radius:50%; margin-top:5px; margin-right:10px; display:flex; justify-content:center; align-items:center; font-size:30px;}
.modal_message .pay_completed {color:#F66C46}
.modal_message .up_profile {color:#1fada6}
.modal_message .no_money {color:#FF3366}

.modal_s1, .modal_s2, .modal_s3 {background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); border-radius:10px;}
.modal_s1 {width:100%; max-width:500px; height:100%; max-height:400px;}
.modal_s2 {width:calc(300px + 50vw); max-width:100%; height:calc(350px + 50vh); max-height:100%;}
.modal_s3 {width:calc(300px + 50vw); max-width:100%; height:auto; max-height:100%;}

/* ------------------------------------------------------------ */

.contacts {flex-direction:column;  background-color:#e6e6e6; padding:4vh 4vw;}
.contacts h1 {font:400 23px/1 "Roboto"; margin-top:4px;}
.contacts form {width:100%; max-width:400px; margin-top:10px;}
.contacts label {display:block; margin:20px 0 4px;}
.contacts input {height:40px; width:100%; padding:0 10px; border:0; border-radius:5px; background-color:#fff;}
.contacts textarea {border:0; width:100%; min-height:100px; border-radius:5px; padding:10px;}
.contacts button { cursor:pointer; display:block; margin:30px auto 0; border:0; line-height:38px; padding:0 15px; border-radius:20px; color:#fff; background-color:#6633CC; font-size:17px;}
.contacts [for="text"] {display:none !important}
.contacts [name="text"] {display:none}

.call_back {display:flex; justify-content:center; align-items:center; background-color:#001933; color:#fff}
.call_back h1 {font:400 23px/1 "Roboto"; margin:40px 0; text-align:center}
.call_back form {width:100%; max-width:400px; margin-top:10px;}
.call_back label {display:block; width:100px}
.call_back input {height:40px; padding:0 10px; border:0; border-radius:5px; background-color:#fff;}
.call_back button { cursor:pointer; display:block; margin:30px auto 0; border:0; line-height:38px; padding:0 15px; border-radius:20px; color:#fff; background-color:#6633CC; font-size:17px;}
.call_back [for="text"] {display:none !important}
.call_back [name="text"] {display:none}
.call_back ul li {display:flex; align-items: center; margin-bottom:5px}



.center, .content-area, .site-content, .nav-align-center .inside-navigation  {width:100%; max-width:1400px; margin:0 auto;}
.site-content  {padding:20px 0}   /* Весь сайт */

.grid-container  {max-width:none;}

.home .site-content {max-width: none; }   /* главная */
.site {background-color: #f5f5f5;}

header .social {gap:30px}
header .social a:not(.login) {display: inline-block; width: 40px; height:40px; background-size:cover;}
header .social a.whatsapp {background-image: url('images/sait/whatsapp.svg');}
header .social a.whatsapp:hover {background-image: url('images/sait/whatsapp.gif');}
header .social a.telegram {background-image: url('images/sait/telegram.svg');}
header .social a.telegram:hover {background-image: url('images/sait/telegram.gif');}

.inside-header {padding:0; flex-direction: column; background-color:#fff}


.header_top {justify-content: space-between; padding:10px 2%; border-bottom0:1px solid #e7e7e7}
.header_top ul {flex:1; justify-content: space-between;}
.header_top ul > li {display:flex}
.header_top li > span:before {font-family:var(--awesome); font-weight:600; margin-right:20px; font-size:25px; color:#666699; vertical-align:middle;}
.header_top li div > b {display:block}

.header_top .item_office:before {content:"\f3c5"; color:#6579dd}
.header_top .item_phone:before {content:"\f095"; }
.header_top .item_mail:before {content:"\f0e0"; }

.header_top .tel_1 a span {font-size:16px; font-weight:600; color:#ff69ad;}
.header_top .h_mail {color:#6666FF;}
.header_top .separ {border-left:1px solid #e7e7e7; width:1px; height: 30px;}


.header_center {padding:10px 2%; background-color: #f5f5f5; border-radius:10px; justify-content: space-between;}


.main-navigation {display:none}

.top_menu {position: sticky; width:100%; top:0;  height:80px; justify-content:space-around; backdrop-filter:blur(6px); background-color: rgba(255, 255, 255, 0.3); z-index:10}

.top_menu > div {flex: 1; }
.top_menu > div > ul {flex:1; justify-content:space-around;}
.top_menu > div > ul > li {position:relative;}
.top_menu > div > ul > li > a {padding:8px 20px; color:#183153; font-weight:500; display:inline-block; transition:all .1s ease-in-out; text-shadow:1px 1px 1px #fff;}
.top_menu > div > ul .active:after {content:""; position:absolute; bottom:0; left:0; right:0; background-color:#03d5c0; height:3px; border-radius:1.5px; animation:border 1s linear 1;}

.top_menu .shop {background-color:#EEEEEE; border-radius:30px; line-height:27px }
.top_menu .shop > a:before {content:"\f290"; font-size:18px; font-family:var(--awesome); margin-right:10px; font-weight:600; color:#21c0ff;}


@keyframes border {
    0% {left:50%; right:50%}
    30% {left:0; right:0}
}




.logo a {color:#1a1a1a; font-size:42px; font-weight:600; align-items: center;}
.logo a img  {margin-right:13px}
.logo a > span  { flex-direction: column; }
.logo p {position:relative; font-size:13px;  background-color: #6b53bb; color:#fff; border-radius:15px; padding:5px 10px; margin-left:20px}
.logo p:after {content:""; position:absolute; top:36px; left:0px; width:0; height:0; border-style:solid; border-width:20.5px 0px 1px 22px; border-color:transparent transparent transparent #6b53bb; transform:rotate(116deg);}

.logo_text i  {color: #fca400; font-style: normal; }
.logo_text b  { line-height:1; background: linear-gradient(60deg, #183153 21%, #98409d 50%, #5336ab 83%); display: inline-block; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.logo_desc  {color: #5962a7; font-size:12px; text-align: center; }
.logo_desc b {color:#fff; background-color:#183153; border-radius:20px; padding:2px 4px; font-weight:400; margin-right:2px;}



.search_block {flex:1; justify-content: center;}
.search_block form {display:flex; flex:1; max-width: 400px; position:relative}
.search_block form label {flex: 1; }
.search_block form button {border-radius:0 20px 20px 0; background-color: #183153; line-height: 40px; padding: 0 30px;}
input[type="search"] {background-color:#fff; border-radius:20px 0 0 20px; padding:0 15px; line-height:40px}
.search-field {width:100%}

.login  {padding:8px 20px; color:#000000; font-weight:600; display:inline-block; transition:all .1s ease-in-out;}
.login {border:2px solid #03d5c0; border-radius:20px;}

main {width:100%; background-color:#f5f5f5;}





.catalog_block {padding-bottom:50px}


.catalog_block h2:before {content:"\f03a";  font-family:var(--awesome); font-weight:600; margin-right:20px; font-size:25px; color:#666699; vertical-align: middle;}
.title {padding-bottom:30px; justify-content: center;}
.title a {background-color:#fb92c9; border-radius:20px; margin:5px 0 0 20px; padding:5px 10px; font-size:14px; color:#fff}
.title h2 {font: 500 40px Roboto;}

.catalog_block h4 {font:400 20px Roboto; color:#000; }
.catalog_block p {color:#959595; margin-top:8px;}
.catalog_block img {display:block; margin:40px auto;  }
.catalog_block li span {position:absolute; bottom:10px; right:20px; border-radius:20px; padding:4px 14px; color:#fff;}
.catalog_block .popular {background-color:#66CC33; font-weight:300}
.catalog_block .popular b {font-weight:400}

.catalog_block li span b:before  {font-family:var(--awesome); font-weight:400; margin-right:10px; font-size:15px; color:#fff;}
.catalog_block .popular b:before {content:"\f164";}

.catalog_block ul {gap:30px; justify-content: space-between;}
.catalog_block li {background-color:#fff;  position:relative; box-shadow: 0px 14px 19px -12px rgba(0,0,0,0.4); border-radius:20px; padding:20px; transition: all .5s; height: 100vh; max-height: 300px;}
.catalog_block li:before {content:"\f0a9"; font-family:var(--awesome); font-weight:300; font-size:30px; color:#CCCCCC; position:absolute; top:20px; right:20px}


.catalog_block li:hover {transition0: .5s; transform: translateY(-10px);}
.catalog_block li:hover img  {transition0: .7s;   transform: scale(1.3);}
.catalog_block li:hover:before  { color:#FF6699;}

.about_block {background-color: #fff;  padding:50px 0; font-family:Montserrat;}
.about_block > div {justify-content: center;  align-items: normal;}
.info_block h2 {}
.info_block h3 {font:600 30px/36px 'Montserrat'; margin-bottom:20px;}
.about_right {padding-left:5%; max-width:600px}
.about_right ul {margin-bottom:30px}
.about_right li {padding-bottom:10px; }
.about_right li:before {content:""; width:5px; height:5px; border-radius:415px; border: 2px solid #ededed; border-color: #fca400; margin-right:10px; display: inline-block; vertical-align: middle;}
.info_block .desc {font-size:18px; color: #FF9933; text-transform: uppercase; margin-bottom:20px}
.info_block .desc:before {content:"\f141"; font-family:var(--awesome); font-weight:400; margin-right:20px; font-size:30px; color:#FF9933; vertical-align: middle;}
.info_block p {color:#7a7a7a; margin:0}
.info_block strong {display: block; margin:20px 0}

/* 16    */
.block_bg {overflow:hidden; position:relative; margin-top:50px; background-image:url(/wp-content/themes/generatepress-child/images/sait/bg_7.jpg); background-repeat:no-repeat; background-position:center; background-attachment:fixed; padding:50px 20px; background-color:#14171c; background-size:100% 100%; background-size: cover; color:#fff}
.block_bg h4 {font-size:30px; font-weight:600;}
.block_bg .badge {display:inline-block; padding:12px 40px; color:#6ffeff; border-radius:3px; margin-bottom:20px; background-color:#6666cc}

.block_bg_head {width:100%; padding-left:5%}
.block_bg p {margin:5px 0 40px 0; max-width:500px;}
.block_bg a {color:#f8f9fa; border-radius:50px; padding:20px 40px;  border:1px solid #f8f9fa;  line-height:45px; display:inline-block; padding:0 40px;}

.news_block .title h2:before {content:"\f09e"; font-family:var(--awesome); font-weight:400; margin-right:15px; font-size:24px;  vertical-align: middle;}

.news_block {background-color:#fff;  padding:30px; margin-bottom:70px}
.news_main {align-items: stretch;  gap:20px}
.news_left {max-width:500px; align-items:normal; background-color: #351f37; overflow:hidden; border-radius:15px;}
.news_post img {width:100%;  }
.news_post .news_link {overflow:hidden; border-radius:15px 15px 0 0;}
.news_post h5 { position:absolute; bottom:0; width:100%; background-color: rgba(0, 0, 0, 0.5);  font-size: 24px;  color:#fff; padding:20px 5px; text-align:center}
.news_post p {margin-top: 20px; line-height:1.3; text-align: justify; padding:10px 20px; color:#fff}
.news_post .read-more {color:#6ffeff}


.article_right { flex-direction: column; gap:20px; justify-content: space-between;}
.article_right h5 {font-size: 20px; font-weight: 500;}
.article_right data {margin-right:10px; font-size:14px; color:#ABABAB; font-weight:400;}
.article_right li  {align-items: normal; }
.article_right li img {max-width:200px; border-radius:15px;}
.article_right li > a {flex:1 1 300px}
.article_right li p {display:flex; flex-direction: column; text-align:justify; margin-top:2px; color:#2d2d2d;}
.article_right li > div {padding-left:20px}
.article_right .read-more {align-self: flex-start; line-height:30px; margin-top:10px; padding:0 10px; border-radius:10px; background-color:#669cf9; color:#fff; text-align:center;}


@media (max-width:900px) {
    .about_block > div, .stats_block .info_block, .news_main, .article_right li{flex-direction: column;}
    .info_block h3 {margin:20px 0;}
    .article_right li > a {flex:1;}
    .article_right li > div {padding:10px}
    .article_right li img {border-radius: 15px; width: 100%;}
}


.button_1 { display:inline-block; padding: 13px 30px; background-color: #6666CC; color: #fff;}
.button_1 span:after {content:"\f061";  font-family:var(--awesome); font-size:17px;  font-weight:300; font-style:normal; color:#fff; margin-left:12px}

.logged-in-as {margin:20px 0}
.logged-in-as a { display:inline-block; padding: 10px 30px; background-color: #6666CC;border-radius:20px; color: #fff;}
input[type="submit"] {border-radius:20px}

.about_left {}
.about_video {width:100%; max-width:600px; border-radius:20px; overflow: hidden;}
.about_video video {width:100%; height:100%; }

.stats_text {max-width:500px; margin-right:30px;}
.stats_text p {margin-top:20px}
.stats_text h2:before {content:"\f200"; font-family:var(--awesome); font-weight:400; margin-right:15px; font-size:24px;  vertical-align: middle;}
.stats_block {background-color: #fff; margin:50px 0; padding:30px 0;}
.stats_block .info_block {justify-content: space-between;}
.stats_block ul {flex:1; justify-content: space-around;}
.stats_block ul li {list-style:none; display:flex; flex-direction: column; text-align:center}
.stats_block ul span {font-size:15px; margin-top:15px; color: #1a1a1a;}
.stats_block .counter {font-size: 60px; line-height:60px; font-weight:900; color: #fca400;}
.stats_block .separ {border-left:1px solid #e7e7e7; width:1px; height: 70px;}

/* ------------------------------------------------------------ */


.wp-block-image {margin:30px 0}
.wp-block-image img {border-radius: 20px;}
pre.wp-block-preformatted {border-radius: 20px; line-height:1.4; margin:20px 0}
.wp-block-heading {margin:20px 0; font-size: 22px;}
ul.wp-block-list {margin: 0 0 1.5em 3em; line-height:2;}
ul.wp-block-list li:before {content:"\f111"; color: #d3cde1; font-family:var(--awesome); font-weight:600; margin-right:8px; font-size:7px;  vertical-align: middle;}
ol.wp-block-list {margin: 0 0 1.5em 3em; line-height:2; list-style: decimal}
ol.wp-block-list li {margin-bottom:15px}

.is-left-sidebar .wp-block-latest-posts.wp-block-latest-posts__list {display: flex; gap: 20px; flex-direction: column; }
.is-left-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {position:relative; overflow:hidden; border-radius:20px; margin}
.is-left-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li > a {position:absolute; display:flex; justify-content: center; align-items: center; bottom:0; left: 0; width: 100%; height:50px; color:#fff; font-size:17px; font-weight:400; background-color: rgba(75, 21, 79, 0.3); backdrop-filter: blur(13px);}
.is-left-sidebar .wp-block-latest-posts__list .alignleft {float:none !important; margin:0 !important}
.page .inside-article .wp-block-latest-posts__featured-image img {width:150px; border-radius:20px;}
.page .inside-article .wp-block-latest-posts__post-title {font-weight:500; color:#000}

.is-left-sidebar .jp-related-posts-i2__list {display: flex; gap: 20px; flex-direction: column; }
.is-left-sidebar .jp-related-posts-i2__list  li {position:relative; }
.is-left-sidebar .jp-related-posts-i2__list0  li > a {position:absolute; display:flex; justify-content: center; align-items: center; bottom:0; left: 0; width: 100%; height:50px; color:#fff; font-size:17px; font-weight:400; background-color: rgba(75, 21, 79, 0.3); backdrop-filter: blur(13px);}
.is-left-sidebar .jp-related-posts-i2__post-context {position:absolute; top:20px; right:20px;  }
.is-left-sidebar .jp-related-posts-i2__post-context a {color:#fff; font-size:15px; background-color: #FF6699; padding:3px 8px; border-radius:20px;}
.is-left-sidebar .jp-related-posts-i2__post-img {border-radius:20px}
.is-left-sidebar .jp-related-posts-i2__post-date {position:absolute; top:20px; left:20px; color:#fff}
.is-left-sidebar .jp-related-posts-i2__post-link {color:#000}

.single-product .jp-relatedposts-i2 dl {display:none}
.single .jp-relatedposts-post {position:relative; border-radius:20px; overflow:hidden;}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { opacity: 1}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title  {position:absolute; bottom:0; width:100%; display:flex; justify-content: center; align-items: center; text-align:center; height:50px; background-color: rgba(86, 54, 81, 0.8); }
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {color:#fff; text-decoration: none}

#jp-relatedposts .jp-relatedposts-items-visual {display:flex; gap:10px; margin:0}
.jp-relatedposts-post-img {}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {padding-right:0} /* Внизу в записях */


.sidebar .widget {background-color: transparent; padding:0;}
.left-sidebar .sidebar {}
.separate-containers .inside-left-sidebar {margin:0}
.separate-containers .inside-article {border-radius:20px; padding:10px 40px 40px 40px}
.separate-containers .inside-article h1 {font-size:28px; font-weight: 500; margin-bottom:20px; margin-top:20px}
.separate-containers .site-main {margin-top:0}
.separate-containers .paging-navigation {background-color: transparent; text-align:center; font-size:18px; color: #000}
.is-left-sidebar {max-width:350px; padding-left:2vw;}


/*
.jp-related-posts-i2__list {row-gap: normal; flex-direction: column;}
.jp-related-posts-i2__post-link {margin-bottom:4px}
.jp-related-posts-i2__post-defs {color: #8b8989; font-size:14px}
.jp-relatedposts-i2 {background-color: #fbfbfb; padding:1px 20px 20px 20px; border-radius: 20px;}
*/



.left_categories_block {padding:1px 20px 20px 20px; color:#fbfbfb; border-radius:20px; background: linear-gradient(149deg, #183153 50%, #672f7d 100%); }
.left_categories_block li {color: #CCCCCC}
.left_categories_block a {color:#2fdcef; font-size: 17px;}
.left_categories_block h2 {margin:20px 0; font-size:24px; margin:30px 0 20px; font-weight:500}

.left_tags_block {padding:1px 20px 20px 20px; color:#fbfbfb; border-radius:20px; background: linear-gradient(149deg, #183153 50%, #2f637d 100%); }
.left_tags_block li {color: #CCCCCC}
.left_tags_block a {color:#2fdcef; font-size: 17px;}


.inside-article .entry-content > p {margin-bottom:15px}    /* везде, контакты */
.content-area video {width:100%; max-width:800px; max-height:500px; background-color: #000000;  margin:0 auto;}
.content-area img {width:100%; max-width:800px; }
.content-area .content_services p {margin-top:50px}
.content-area .content_services .wp-block-group__inner-container {padding-top:0}
.content-area .tiled-gallery__col {max-width: 400px;}
.wp-block-pullquote {padding:0; font-size:1.1em}
.wp-block-jetpack-tiled-gallery {margin:15px}  /* Гидроизоляция фундаментов */

.single .entry-content > p {text-align: justify; line-height:1.4; margin-bottom:20px}
.single h2.wp-block-heading {font-size:24px; margin:30px 0 20px; font-weight:500}
.single .wp-block-video {margin:20px 0}




.content-area .info_list_services {margin-bottom:30px}
.content-area .info_list_services li {margin-bottom:15px}
.content-area .byline {margin-left:10px; display:inline-block}
.content-area .author {background-color: #EEEEEE; border-radius: 30px; padding: 5px 15px;}

:is(.category, .tag) .post-image {float:left; margin:20px 20px 20px 0;}
:is(.category, .tag) .inside-article footer {clear:both}
:is(.category, .tag) .content-area img {width:300px; height:200px; object-fit: cover; border-radius:20px}
.separate-containers .page-header { background-color: transparent; padding:0 0 0 2%}
:is(.category, .tag) .entry-header {}
.tag h1.page-title {color: #fb5ca4; font-size:30px;}
.tag h1.page-title:before {content:"#"; font-size:25px; margin-right:5px;}

.certificate_bt {display:inline-block; border: 1px solid #e7e7e7; border-radius:20px; padding:10px 20px}
.certificate_bt:before {content:"\f5f3"; font-family:var(--awesome); font-weight:600; margin-right:10px; color:#7d73fd; font-size:22px;}

footer.entry-meta {background-color: transparent !important; font-size:100%}

.advantages_block {display:flex; background: linear-gradient(149deg, #6c547f 50%, #296d8f 100%); color:#fff; border-radius:20px; padding:20px; gap:20px; margin:20px 0 40px 0;}
.advantages_block ul li {margin-bottom:10px;}
.advantages_block ul li:before {content:"\f058"; font-family:var(--awesome); font-weight:600; margin-right:10px; color:#60fcfd; font-size:18px;  vertical-align: middle;}

.my_links {margin:20px 0}
.my_links b {display:block; font-size:18px; margin-bottom:15px}
.my_links a {display:inline-block; background-color:#f0e3ff; color:#7a52c7; line-height:30px; padding:0 10px; border-radius:20px; margin-right:10px; margin-bottom: 5px;}


.woocommerce-cart .entry-content {padding: 0 2%;} /* корзина */
.woocommerce .woocommerce-breadcrumb {margin-bottom:30px}
.woocommerce div.product div.images img {border-radius:20px}
.woocommerce div.product div.images .flex-control-thumbs li {margin-right:1%;}
.woocommerce div.product form.cart .button, .woocommerce ul.products li.product .button {padding:15px 10%; background-color: #ca54d3; color:#fff}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price  {color: #a363bd; font-size: 28px; font-weight: 500;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price  {color: #000; font-size: 20px; font-weight: 500;}
.woocommerce .product_meta {display: flex; flex-direction: column; align-items: flex-start; background-color: #f5f5f5; padding:20px; border-radius:20px;}

.woocommerce .product_meta .posted_in {display:flex; flex-direction: column; color:#000; font-weight:600; margin:20px 0 30px;}
.woocommerce .product_meta .posted_in a {background-color: #a5bedf; color:#fff; font-weight:400; padding:6px 15px; margin-top:10px; border-radius:20px; white-space: nowrap;}
.woocommerce .product_meta .tagged_as {color:#000;}
.woocommerce .product_meta .tagged_as a  {color:#e941bc; font-weight:400;}

.wp-block-woocommerce-product-meta {display: flex; flex-direction: column; background-color: #f5f5f5; padding:20px; border-radius:20px;}
.wp-block-woocommerce-product-meta > div {flex-wrap:wrap}
.taxonomy-product_cat a {display: inline-block; background-color: #a5bedf; color:#fff; font-weight:400; padding:6px 15px; margin-left:10px; border-radius:20px}
.taxonomy-product_tag a { color:#e941bc; font-weight:400;}


.woocommerce div.product form.cart {margin-top:10px} /* Инъекционные насосы */
.single .woocommerce-Price-amount bdi {display: block; color:#000; font-size:25px; font-weight:500; margin:20px 0}
.archive .woocommerce-Price-amount bdi {display: block; color:#000; font-size:25px; font-weight:500;}

.woocommerce .quantity .qty {border-radius:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {border: 1px solid #f1f1f1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after  {border: 1px solid #f1f1f1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #f1f1f1;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #f1f1f1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-weight:400}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding:0; margin: 0; font-size: 1em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow:hidden; color:#000; height:60px;}



.woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-ordering select:focus {border:0}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {background-color: #f19adc !important; padding: 6px 10px !important; color: #ffff !important; text-decoration: none !important; border-radius: 20px !important;}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { background-color: #aa9af1 !important; padding: 4px 10px !important; color:#ffff !important; text-decoration: none !important; border-radius: 20px !important;}

.woocommerce-LoopProduct-link img {border-radius:20px; border: 1px solid #f1f1f1;}
.woocommerce nav.woocommerce-pagination ul {border:0}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {color:#001933}
.woocommerce nav.woocommerce-pagination ul li {border:0; width:40px; line-height:40px; background-color:}
.woocommerce nav.woocommerce-pagination ul li span.current {background: #001933; color: #fff; }

.woocommerce-Tabs-panel li {margin-bottom:10px}
.wp-singular .entry-content .alignwide {padding:0 2px; margin:0; width:100%}


 /* -------------------------- SLIDER  CONTENT---------------------------------- */

.services_block .title h2:before {content:"\f562"; font-family:var(--awesome); font-weight:400; margin-right:15px; font-size:24px;  vertical-align: middle;}

.slider_content {position:relative; overflow:hidden; max-width:100vw}
.slider_content .slider_top {display:flex; overflow: hidden;  gap:20px; padding:20px 0;}
.slider_content .slider_post  { position:relative; flex:1; min-width:calc(25% - 20px); overflow: hidden; border-radius:20px; background-color: #fff;  transition:all .5s;}

.gallery  .slider_content .slider_post {text-align:center}

#services .slider_content .slider_post p, .gallery.slider_content .slider_post p {font-size:18px; font-weight:600; padding:30px 20px; color:#3A3A3A; }

#services .slider_content .slider_post:hover {background-color: #f98187; transition:all .5s;}
#services .slider_content .slider_post:hover p {font-weight:400; color:#fff; }



.slider_content:not(.gallery) .slider_top img {width: 100%; height:300px; object-fit: cover; pointer-events: none; transition: all .5s;}
.catalog_block .slider_content .slider_top img {width:120px; height:auto; transition: all .7s;}
#services .slider_content .slider_post:hover img {transform: scale(1.1); }

.slider_content .grabbing {cursor:grabbing}
.slider_content .grabbing img {pointer-events: none;}

.slider_content :is(.left_content_bt, .right_content_bt) {display:flex; align-items: center; cursor:pointer; justify-content: center; color:#fff; position:absolute; top:calc(50% - 50px);  width:50px; height:50px; background-color: rgba(153, 153, 153, 0.5);  transition: .5s}
.slider_content .left_content_bt {left:10px;}
.slider_content .right_content_bt {right:10px;}
.slider_content .left_content_bt:before, .slider_content .right_content_bt:before {font-family:var(--awesome); font-weight:400;  font-size:20px; color:#fff; }
.slider_content .left_content_bt:before {content:"\f060"}
.slider_content .right_content_bt:before {content:"\f061"}
.slider_content:hover :is(.left_content_bt, .right_content_bt) {background-color: rgba(153, 153, 153, 0.9);}
.slider_content .dots {display:none}
.slider_content .slider_post a { pointer-events0: none;}


@media (max-width:900px) {
    .slider_content .dots {position:absolute; display:block;  width:100%; bottom:28px;  left:0; text-align: center; }
    .slider_content .dots .dot {display: inline-block; width:20px; height:4px; background:rgba(187, 187, 187, 0.5); border-radius:20px; margin: 0 3px;}
    .slider_content .dots .dot.active { background: #6699FF;}
    .slider_content .left_content_bt, .slider_content .right_content_bt {display:none !important}
    .slider_content .slider_top { align-items: normal; gap:0;}
    .slider_content .slider_post {flex: 1 0 100%;  display: flex; align-items: center;flex-direction: column;}

}

 /* --------------------------/ SLIDER  CONTENT---------------------------------- */



/* --------------------------Galery Modal---------------------------------- */

.gallery img { width: 150px; margin: 5px; cursor: pointer; border: 2px solid #ccc; border-radius: 5px;}
.modal {display: none; position: fixed; z-index: 999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9);}
.modal .modal-content {display: block; margin: auto; max-width: 90%; max-height: 80%;}
.modal .modal-caption {text-align: center; color: #ccc; padding: 10px;}
.modal .close {position: absolute; top: 30px; right: 50px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}
.modal .prev, .modal  .next { cursor: pointer; position: absolute; top: 50%; font-size: 40px; color: #fff;  padding: 16px; margin-top: -50px; user-select: none;}
.modal .prev { left: 10px; }
.modal .next { right: 10px; }
.modal .pagination-dots { text-align: center; padding: 10px;}
.modal .pagination-dots .dot {display: inline-block; width: 12px; height: 12px; margin: 0 4px; background-color: #bbb; border-radius: 50%; cursor: pointer;}
.modal .pagination-dots .dot.active {background-color: #fff;}

/* ------------------------------------------------------------ */



footer {width:100%; position:relative; background-color: #001933;}
footer .f_title0 {color:#21f3ff; display:inline-block; font-weight:400; font-size:18px;}
footer #edit_page_ap {bottom:220px; position:fixed; right:20px; display:flex; justify-content:center; align-items:center; background-color:rgba(163, 163, 163, 0.5); width:80px; height:80px; border-radius:50%; font-size:30px; color:#fff; z-index:10;}
footer .edit_goods_ap {bottom:135px; position:fixed; right:20px; display:flex; justify-content:center; align-items:center; background-color:rgba(163, 163, 163, 0.5); width:80px; height:80px; border:radius:50%; border-radius:50%; font-size:30px; color:#fff; z-index:10;}
footer a#button_up {bottom:50px; display:none; position:fixed; right:20px; z-index:4; width:80px; height:80px; border-radius:50%; display:flex; justify-content:center; align-items:center; background-color:rgba(163, 163, 163, 0.5); font-size:30px; color:#fff;}
footer a#button_up:before {content:"\f077"; font-size:30px; font-family:var(--awesome); font-weight:300; color:#fff;}

footer a#button_up img {width:32px;}
footer {color:#fff}
footer .block_contact {flex:1; text-align:center;}
footer .working_hours {background-color: #0a223b; padding:5px 10px; margin-top:5px}
footer .copyright {text-align:center; margin-top:30px}
footer .f_title span {color:#21f3ff; font-weight:400; font-size:18px;}
footer .pismo {position:relative; background-color:#0b2e53; border-radius:20px; color:#02c1f7; padding:10px 20px; margin-top:13px; white-space: nowrap;}
footer .pismo:before {content:"\f0e0"; font-size:18px; font-family:var(--awesome); margin-right:10px; font-weight:600; color:#21c0ff;}

footer .social { justify-content:center; gap: 4vh 2%; margin-top:20px}
footer .social img {width:36px;}

.footer_center {width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 10px;}
.footer_top {justify-content: space-between;}
.footer_block > div {width: 50%;}
.footer_top_left h3 {font: 600 40px Roboto; display: inline-block; background: linear-gradient(166.65deg, #32bab9 22.25%, #6346fe 90.62%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.footer_top_left p {margin-top:14px; background-color: #0a223b; padding:10px;}
.footer_top_right {align-items:center; justify-content: flex-end; text-align: center; padding-left:1vw}
.footer_top_right .request_call  {flex:1; max-width:180px; border:2px solid #6e37fa; cursor:pointer; color:#fff; background-color:transparent; border-radius:30px; margin-top:30px; padding:10px 20px; text-align: center; white-space:nowrap;}
.footer_top_right .tel {position:relative; background-color:#fff; border-radius:20px; color:#000; padding:10px 20px; margin-top:13px; white-space: nowrap;}
.footer_top_right .tel:before {content:"\f095"; font-size:18px; font-family:var(--awesome); margin-right:10px; font-weight:600; color:#21f3ff;}
.footer_top_right .title_zakaz {color: #21f3ff; font-size:17px;}
.footer_top_right .tel_block {flex-direction:column; align-items: center;}
.footer_top_right .tel_block p {position:relative;  background-color: #6b53bb; border-radius:20px; padding:8px 10px; align-self: flex-end; margin-top:9px}
.footer_top_right .tel_block p:after {content:""; position:absolute; top:27px; left:0; width:0; height:0; border-style:solid; border-width:20.5px 0px 1px 22px; border-color:transparent transparent transparent #6b53bb; transform:rotate(104deg);}
.footer_info {align-items:center;}

.footer_title_main a {text-align:center;}
.footer_title_main a span {}
.footer_title_main a :is(span, strong) {display:block}
.footer_bottom {align-items:center; justify-content: space-between; margin-top:30px}
.footer_right {flex:1; padding-left: 30px;}
.footer_right > div {justify-content: space-between;}
.footer_logo a {display:flex; flex-direction: column; align-items: center; max-width:250px; text-align:center; color:#fff}
.footer_logo a span {font-size:30px}
.footer_logo a strong {font-size:14px}
.footer_logo img {width:110px}
.menu_footer {gap:0 20px; margin-top:30px}
.menu_footer a {color: #37d4ef;}



@media (max-width:900px) {
    .footer_right   {display:none}
    .footer_top { justify-content: center; }
    .footer_top_right .title_zakaz {margin:20px 0}
    .footer_block, .footer_top_right, .footer_bottom  {flex-direction:column}
    .footer_block > div {width: auto}
    .footer_center {padding-top:10px}
}




/* ------------------SLIDER OBJECT------------------------ */

.slider_object_block {margin-top:40px;}
.slider_object_block .title h2:before {content:"\f64f";  font-family:var(--awesome); font-weight:600; margin-right:15px; font-size:21px;}
.slider_object {position:relative; overflow:hidden; max-width:100vw}
.slider_oc {display: flex; overflow-y: hidden; overflow-x: auto; gap:20px; align-items: flex-start;}
.slider_oc > div { position:relative; flex:1; min-width:calc(33% - 10px); border-radius:20px; background-color:#fff; overflow:hidden}
.single .slider_oc > div {background-color:#F7F7F7; max-width:500px; margin: 0 auto;}
.slider_oc .text {padding:5px 20px}
.slider_oc .text h5 {font-size:21px; line-height:1; text-align:center; margin:0; padding:10px 0; color:#000}
.slider_oc .text h5:before {content:"\f2f7";  font-family:var(--awesome); font-weight:400; margin-right:10px; font-size:20px; color:#BBBBBB}
.slider_oc .text p {color:#999999; font-size:15px;  min-height: 40px;     display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.slider_oc .text data {position:absolute; top:10px; right:10px; color:#fff; background-color: rgba(0, 0, 0, 0.5); padding:3px 5px; border-radius:8px;}


.slider_oc .text b,.slider_oc .text span   {display:block; margin:10px 0}
.slider_oc .text b:before, .slider_oc .text span:before  {font-family:var(--awesome); font-weight:600; margin-right:16px; font-size:17px; color:#999999; margin-right:12px}
.slider_oc .text b:before {content:"\f3c5";}
.slider_oc .text span:before {content:"\f31d";}


@media (max-width:900px) {
    header0 {display:none}
    .slider_oc {align-items: normal; gap:0}
    .slider_oc > div {flex: 1 0 100%; }
}

.img_block { position: relative; overflow: hidden; width: 100%; height:250px;}
.img_block img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none; pointer-events: none;}
.img_block img.active { display: block;}
.dots {position:absolute; width:100%; bottom:3px; left:0; text-align: center; }
.dots .dot {display: inline-block; width:20px; height:4px; background:rgba(187, 187, 187, 0.5); border-radius:20px; margin: 0 3px;}
.dots .dot.active { background: #6699FF;}

.slider_object :is(.left_obj_bt, .right_obj_bt) {display:flex; align-items:center; cursor:pointer; justify-content:center;  position:absolute; top:calc(50% - 60px);  width:60px; height:60px; background-color: rgba(255, 255, 255, 0.5); border-radius:50%;  transition: .5s}
.slider_object .left_obj_bt {left:10px;}
.slider_object .right_obj_bt {right:10px;}
.slider_object .left_obj_bt:before, .slider_object .right_obj_bt:before {font-family:var(--awesome); font-weight:400;  font-size:20px; color:#999999; }
.slider_object .left_obj_bt:before {content:"\f060"}
.slider_object .right_obj_bt:before {content:"\f061"}
.slider_object:hover :is(.left_obj_bt, .right_obj_bt) {background-color: rgba(255, 255, 255, 0.9);}

/*  Для страницы */
.about_page  .slider_oc  {flex-wrap: wrap;}
.about_page .slider_object :is(.left_obj_bt, .right_obj_bt ) {display:none}
.about_page .slider_oc > div {}

/* ------------------SLIDER------------------------ */

.page-id-526 .site-main .wp-block-group__inner-container {margin:0 3%}

.mobile {display:none !important}

@media (max-width:1400px) {
    .center, .content-area, .site-content, .nav-align-center .inside-navigation  {padding:20px 1%; max-width:100vw; overflow:hidden}

}


@media (max-width:900px) {
    .dark_theme :is(.login) {color: #000000;}
    .content-area, .site-content, .nav-align-center .inside-navigation  {padding:20px 0}


    .no_mobile, .is-left-sidebar, .jp-relatedposts {display:none !important}
    .mobile {display:block !important}
    .separate-containers .inside-article {padding:10px 1%}
    .single .entry-content > p {padding:0 2%}
    .separate-containers .inside-article h1, .entry-meta, .my_links  {text-align:center}
    .site-content .content-area {width:100%}

    #jp-relatedposts .jp-relatedposts-items-visual {flex-direction: column;}
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {width:100%}


    footer {padding-bottom:50px}
    .title {padding: 30px 0; text-align: center; justify-content: center;}
    .title h2 {font-size:24px}
    .stats_text {margin-right:0; text-align: center}
    .services_block {margin-right:0; text-align: center}
    .stats_block .counter {font-size:40px}
    .info_block .desc {text-align:center; margin:0}
    .article_right li img {max-width: none;}
    .news_block {padding:0; margin-top: 10px;}

    :is(.category, .tag) .post-image {float: none;}
    :is(.category, .tag) .content-area img {width:100%; height: auto; max-height:300px}

    .category h2.entry-title {font-size:30px; text-align:center}



    .woocommerce-Tabs-panel table {display:block; overflow: auto;}


}