/**
Theme Name: Astra Child
Author: https://srga.top
Author URI: https://srga.top
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
:root {
  --color-primary: #cd2122;
  --color-accent: #3A8ED8;
  --color-text: #3a3a3a;
  --color-text-light: #777;
  --color-line: #eee;
  --color-black: #000;
  --color-white: #fff;
  --color-gray: #858585;
  --color-bg-wpcf7: #509ADB;
  --ff-text: 'Roboto',sans-serif;
  --ff-title: 'Roboto Slab',serif;
}

:focus-visible {
  outline: none;
}

a {
  color: var(--color-accent);
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: var(--color-accent);
  text-decoration: underline;
}

.button-outline-accent {
  color: var(--color-accent);
  border-color: var(--color-accent);
  background-color: #fff;
}

body.ast-desktop.now-scrolling header.site-header .elementor-icon-box-title {
  display: none;
}

body.ast-desktop.now-scrolling header.site-header .elementor-widget-wrap .elementor-element {
  width: auto;
  margin: 0 !important;
}

body.ast-desktop.now-scrolling header.site-header .elementor-column {
  width: auto;
}

body.ast-desktop.now-scrolling header.site-header .ast-site-identity {
  padding: 0;
}

body.ast-desktop {
  padding-top: 0;
}

body.ast-desktop.now-scrolling {
  padding-top: 100px;
}

body.home .swiper-slide-inner img {
  height: 30vw;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#primary,
.ast-plain-container.ast-no-sidebar #primary {
  margin: 2rem 0 3rem;
}

body.home.ast-plain-container.ast-no-sidebar #primary {
  margin: 0 0 3rem;
}

table {
  height: auto !important;
  border: 0;
}

table tr {
  border-bottom: 1px solid var(--color-line);
}

ol, ul {
  margin: 0 0 2rem 0;
  padding: 0 0 0 2rem;
}

a[href^="tel:"],
a[href^="mailto:"] {
  font-weight: 400;
  text-decoration: none;
  color: var(--color-black);
}

a[href^="tel:"]:hover, a[href^="tel:"]:focus, a[href^="tel:"]:active,
a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus,
a[href^="mailto:"]:active {
  color: var(--color-black);
  text-decoration: underline;
}

.icon-clock,
a[href^="tel:"],
a[href^="mailto:"],
a[href*="maps"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.icon-clock svg,
a[href^="tel:"] svg,
a[href^="mailto:"] svg,
a[href*="maps"] svg {
  margin: .25rem .5rem 0 0;
  fill: var(--color-accent);
}

header.site-header {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
  z-index: 99 !important;
}

header.site-header .icon-clock,
header.site-header a[href^="tel:"],
header.site-header a[href^="mailto:"],
header.site-header a[href*="maps"] {
  font-size: 1.125rem;
  font-weight: 700;
}

header.site-header .icon-clock i,
header.site-header a[href^="tel:"] i,
header.site-header a[href^="mailto:"] i,
header.site-header a[href*="maps"] i {
  font-style: normal;
  font-weight: normal;
}

.ast-logo-title-inline .ast-site-identity {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

header.site-header .site-description {
  width: 200px;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  margin: 0;
}

header.site-header {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.now-scrolling header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: menuanimation .5s;
  animation: menuanimation .5s;
}

@-webkit-keyframes menuanimation {
  0% {
    top: -200px;
  }
  100% {
    top: 0px;
  }
}

@keyframes menuanimation {
  0% {
    top: -200px;
  }
  100% {
    top: 0px;
  }
}

.site-above-header-wrap > .ast-builder-grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.site-above-header-wrap > .ast-builder-grid-row .site-header-above-section-left {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.site-above-header-wrap > .ast-builder-grid-row .site-header-above-section-center {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.site-above-header-wrap > .ast-builder-grid-row .site-header-above-section-right {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.current-menu-item > a {
  color: var(--color-accent) !important;
}

.main-navigation > .main-header-menu > .menu-item > .menu-link {
  padding: 0;
  margin-right: 1.3rem;
}

.main-header-menu .sub-menu {
  width: 380px;
}

.post__title h1 {
  font-size: 1.6rem;
}

.post__content--short {
  margin: 1rem 0;
  font-size: .9rem;
  color: var(--color-text-light);
}

.post__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 2rem 0;
}

@media only screen and (min-width: 576px) {
  .post__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/*
.post__header > div {
  padding: 1rem;
}
*/
/*
.post__thumb {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  order: 2;
}

@media only screen and (min-width: 576px) {
  .post__thumb {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .post__thumb {
    width: 33.3%;
    order: 1;
  }
}

.post__title {
  width: 100%;
  order: 1;
}

@media only screen and (min-width: 992px) {
  .post__title {
    width: 33.3%;
    order: 2;
  }
}

.post__contact {
  width: 100%;
  order: 3;
}

@media only screen and (min-width: 576px) {
  .post__contact {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .post__contact {
    width: 33.3%;
  }
}
*/
.post__contact {
  max-width: 300px;
  margin: 0 auto;
  background: var(--color-line);
}

.post .gallery-icon {
  border: 0;
}

body.category .ast-archive-description {
  border: 0;
}

body.category .site-main article .entry-title,
body.category .site-main article .entry-title a {
  color: var(--color-black);
}

body.category .page-title.ast-archive-title {
  font-size: 1.6rem;
  color: var(--color-black);
  font-weight: 700;
  margin: 0 0 2rem 0;
}

body.category #primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.category .ast-archive-description {
  display: contents;
}

body.category .ast-archive-description .ast-archive-title {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

body.category .ast-archive-description p {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
  font-size: 1rem;
  font-weight: 400;
}

body.category #main {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

body.category .consult-widgets {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

body.single-post .site-main > .ast-row,
body.category:not(.category-blog) .site-main > .ast-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  body.single-post .site-main > .ast-row,
  body.category:not(.category-blog) .site-main > .ast-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

body.single-post .site-main > .ast-row > article.post,
body.category:not(.category-blog) .site-main > .ast-row > article.post {
  margin: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  body.single-post .site-main > .ast-row > article.post,
  body.category:not(.category-blog) .site-main > .ast-row > article.post {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  body.single-post .site-main > .ast-row > article.post,
  body.category:not(.category-blog) .site-main > .ast-row > article.post {
    width: 33.3333%;
  }
}

body.single-post article.post .post-content,
body.category:not(.category-blog) article.post .post-content {
  padding: 1rem;
  border: 1px solid var(--color-line);
}


body.category:not(.category-blog) article.post .entry-title {
  margin: 0;
  height: 2.6rem;
  font-size: 1rem;
  text-align: center;
}
body.single-post article.post .entry-title {
	margin: 0;
  height: 2.6rem;  
  text-align: center;
}
body.single-post article.post .post-thumb-img-content {
	display: none;
}
.similar-posts .entry-title {
font-size: 1rem;
}
body.single-post article.post .entry-title a,
body.category:not(.category-blog) article.post .entry-title a {
  text-align: center;
  font-weight: 600;
}

body.single-post article.post .entry-thumb,
body.category:not(.category-blog) article.post .entry-thumb {
  text-align: center;
}

body.single-post article.post .entry-thumb img,
body.category:not(.category-blog) article.post .entry-thumb img {
  height: auto;
}

@media only screen and (min-width: 576px) {
  body.single-post article.post .entry-thumb img,
  body.category:not(.category-blog) article.post .entry-thumb img {
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media only screen and (min-width: 768px) {
  body.single-post article.post .entry-thumb img,
  body.category:not(.category-blog) article.post .entry-thumb img {
    height: 340px;
  }
}

body.single-post article.post .entry-desc,
body.category:not(.category-blog) article.post .entry-desc {
  position: relative;
  color: var(--color-text-light);
  font-size: .8rem;
  height: 5rem;
  overflow: hidden;
}

body.single-post article.post .entry-desc::after,
body.category:not(.category-blog) article.post .entry-desc::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1rem;
  background: none;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
  background: -webkit-linear-gradient(transparent, #fff);
  background: -o-linear-gradient(transparent, #fff);
  background: linear-gradient(transparent, #fff);
}

body.single-post article.post .post-buttons a,
body.category:not(.category-blog) article.post .post-buttons a {
  font-size: .825rem;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

body.single-post article.post .post-buttons a:hover, body.single-post article.post .post-buttons a:focus, body.single-post article.post .post-buttons a:active,
body.category:not(.category-blog) article.post .post-buttons a:hover,
body.category:not(.category-blog) article.post .post-buttons a:focus,
body.category:not(.category-blog) article.post .post-buttons a:active {
  text-decoration: none;
}

.page-product__contact a {
  color: var(--color-black);
  white-space: nowrap;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .page-product__contact a {
    font-size: 1.25rem;
  }
}

.page-product__contact .contact-title {
  font-size: .8rem;
}

@media only screen and (min-width: 768px) {
  .page-product__contact .contact-title {
    font-size: 1rem;
  }
}

#product-harakteristiki {
  overflow: auto;
}

.elementor-image-carousel-caption {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  padding: 2rem;
}

.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
  margin: 0 !important;
  padding: 0 15px 0 0;
}

.wpcf7 .ajax-loader {
  position: absolute;
  right: 0;
}

.wpcf7 .wpcf7-not-valid-tip {
  text-align: right;
  font-size: 10px;
}

.wpcf7 form .wpcf7-response-output {
  border: 0px solid;
  border-top: 3px solid;
  margin: 0;
  padding: .9em 0;
  font-size: .9em;
  text-align: center;
}

.wpcf7 .bg-gray {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: var(--color-white);
  background-color: var(--color-bg-wpcf7);
  background-image: url(bg1.svg);
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
  background-position: top right 5.85714rem;
  background-repeat: no-repeat;
  -webkit-box-shadow: -50vw 0 0 0 var(--color-bg-wpcf7), 50vw 0 0 0 var(--color-bg-wpcf7);
          box-shadow: -50vw 0 0 0 var(--color-bg-wpcf7), 50vw 0 0 0 var(--color-bg-wpcf7);
}

@media only screen and (min-width: 768px) {
  .wpcf7 .bg-gray {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.wpcf7 .bg-gray h3,
.wpcf7 .bg-gray .h3 {
  font-weight: bold;
  color: var(--color-white);
  border-bottom: 3px solid;
  display: inline-block;
  padding: 0 0 5px 0;
}

.wpcf7 .bg-gray p {
  margin: 0;
}

.wpcf7 .bg-gray [type=submit] {
  width: 100%;
  height: 100%;
}

.wpcf7 input[name='your-product'] {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.wpcf7 .bg-custom-white {
  background: var(--color-white);
}

@media only screen and (min-width: 992px) {
  .wpcf7 .bg-custom-white {
    background: var(--color-white);
  }
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
  width: 300px;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner .header-widget-area {
  padding: 0 20px;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner .textwidget > div {
  margin-bottom: 10px;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner li.menu-item a.menu-link {
  text-transform: uppercase;
  color: var(--color-text);
  line-height: 2;
  padding: 5px 20px;
  font-weight: 500;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner .ast-menu-toggle {
  display: none !important;
}

footer.site-footer {
  /*
  .site-primary-footer-inner-wrap {
    display: flex;
    line-height: 1.6;
    .site-footer-section {
      padding: 0 1rem;
    }
    .site-footer-section-1 {
      flex: 1;
    }
    .site-footer-section-2 {
      flex: 2;
    }
    .site-footer-section-3 {
      flex: 1;
    }

  }  
  */
}

footer.site-footer > .ast-builder-grid-row-container {
  padding-left: 1rem;
  padding-right: 1rem;
}

footer.site-footer .ast-builder-footer-grid-columns {
  grid-column-gap: 20px;
}

footer.site-footer .footer-widget-area {
  text-align: left !important;
  font-size: 1.125rem;
}

footer.site-footer .widget-title {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-black);
}

footer.site-footer .menu {
  margin: 0;
  padding: 0;
}

footer.site-footer .site-primary-footer-inner-wrap a {
  color: var(--color-black);
}

footer.site-footer .site-primary-footer-inner-wrap a:hover, footer.site-footer .site-primary-footer-inner-wrap a:focus, footer.site-footer .site-primary-footer-inner-wrap a:active {
  color: var(--color-black);
}

.ast-breadcrumbs {
  margin: 2rem 0;
  font-size: .85rem;
  color: var(--color-text-light);
}

.ast-breadcrumbs a {
  color: var(--color-text-light);
}