/*
* Theme Name: Polytonica
* Author: Denislav Kehayov
* Text Domain: polytonica
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --main-blue-color: #1e6db0;
}

::selection {
  background: #ffc61c;
}

html {
  font-family: Raleway, sans-serif;
  color: #222;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -webkit-locale: "en";
}

body {
  margin: 0;
  overflow-x: hidden;
}

.no-scroll {
  overflow: hidden !important;
}

main {
  display: block;
}

h1 {
  font-size: 2rem;
  margin: 0.67rem 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35rem 0.75rem 0.625rem;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

iframe {
  max-width: 100%;
}

.inactive-link {
  cursor: pointer;
  user-select: none;
}

.post-navigation {
  display: none;
}


.entry-content .gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.entry-content .gallery figure {
  width: calc(50% - 1rem);
  margin: 0 1rem 1rem 0;
}

.entry-content .gallery .gallery-icon {
  max-height: 10rem;
  overflow: hidden;
}

.entry-content .gallery figure:nth-child(even) {
  width: 50%;
  margin: 0 0 1rem 0;
}

.gallery figcaption {
  display: none;
}

figure {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
}

figure img {
  width: 100%;
}

input, 
textarea {
  border: 1px solid #bbb;
  border-radius: 0;
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  padding: .2rem .5rem;
  font-weight: 500;
  color: #222;
  border-left: 2px solid #ffc61c;
}

label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0 0 .2rem;
  display: inline-block;
}

.wpcf7-submit {
  background: #ffc61c;
  color: #111;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 800;
  padding: .5rem;
  border: 0;
  cursor: pointer;
}

/*Hamburger menu*/
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0 .9rem 0 0;
  overflow: visible;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}


.hamburger-box {
  width: 30px;
    height: 19px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 27px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.45s;
    transition-timing-function: ease;
}
span.hamburger-inner, 
span.hamburger-inner:before {
  width: 30px;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 7px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  width: 22px;
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: -2px;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: -2px;
    width: 30px;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}


.site-header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  padding: 0 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  transition: .35s ease;
  transition: .35s ease;
}

.not-at-top .site-header {
  background: #fff;
  border-bottom: 1px solid #eee;
}

.not-at-top .site-branding-logo svg g {
  fill: #111;
}


.not-at-top .hamburger-inner, .not-at-top .hamburger-inner:before, .not-at-top .hamburger-inner:after {
  background: #111;
}

.not-at-top .lang-switcher .fa {
  color: #111;
}

.not-at-top .lang-switcher .languages {
  background: #eee;
}

.not-at-top .lang-switcher .languages:before {
  border-bottom-color: #eee;
}


.site-header-secondary {
  display: none;
}

.site-branding {
  order: 2;
}

.main-navigation {
  order: 1;
  height: 19px;
}

.main-navigation .menu-main-menu-container {
  visibility: hidden;
  opacity: 0;
  transform: scale(1.05);
    position: fixed;
    top: 48px;
    left: 0;
    height: calc(100% - 48px);
    width: 100%;
    background: rgba(255,255,255,.96);
    transition: .16s ease;
    overflow-y: scroll;
    z-index: 998;
}

.main-navigation .menu-main-menu-container.toggled {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.site-branding svg {
  width: 7rem;
  height: auto;
}

.site-branding svg g {
  fill: #fff;
}

.site-contact {
  text-decoration: none;
  padding: .25rem .5rem;
  background: #ffc61c;
  color: #222;
  font-size: 13px;
  margin: 0 0 0 auto;
  order: 4;
  font-weight: 800;
  border-radius: .5rem;
  transition: .7s ease-out;
  white-space: nowrap;
  text-transform: uppercase;
}


.site-contact .fa {
  margin-right: .35rem;
}

.main-navigation .menu-main-menu-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation .menu-main-menu-container > ul > li > a {
  font-weight: 800;
  background: linear-gradient(to right, #ffc61c 30%, #ffc61cc4 60%, transparent);
  border: 0;
}

.main-navigation .menu-main-menu-container a {
  color: #222;
  text-decoration: none;
  padding: .3rem 1rem;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 13px;
  text-transform: uppercase;
}

.main-navigation .menu-main-menu-container ul ul a {
  padding: .4rem .3rem .4rem 2.5rem;
  position: relative;
  font-weight: 800;
  color: #222;
}


.lang-switcher {
  order: 3;
  outline: none;
  color: #fff;
  margin: 0 0 0 1rem;
  position: relative;
}

.lang-switcher .languages {
  position: absolute;
  top: calc(100% + .5rem);
  left: 50%;
  background: rgba(255,255,255,.7);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: .3s ease
}

.lang-switcher .fa {
  font-size: 1.25rem;
}

.lang-switcher .languages.toggled {
  opacity: 1;
  visibility: visible;
}

.lang-switcher .languages a {
  color: #222;
  text-decoration: none;
  font-size: .9rem;
  padding: .25rem .5rem;
  display: block;
}

.lang-switcher .languages li {
  list-style: none;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
  width: 100%;
}

.lang-switcher .languages .current-lang a {
  color: #999;
  background: rgba(0,0,0,.1);
}

.lang-switcher .languages:before {
  content: '';
  position: absolute;
  border: 6px solid rgba(255,255,255,.7);
  top: -12px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  left: calc(50% - 6px);
}

.site-content {
  padding: 0 1rem;
}

.entry-image {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.entry-image img {
  max-width: 500px;
  flex-shrink: 0;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}

.entry-image-default {
  width: 100%;
  height: 20rem;
  background: url(https://polytonica.bg/wp-content/uploads/2020/09/sglobyaemi-kyshti-dyrveni-polytonica-1024x476.jpg);
  background-repeat: no-repeat;
  background-position: -15rem -5rem;
  position: relative;
  z-index: 1;
}

.entry-image:before,
.hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(https://polytonica.bg/wp-content/themes/polytonica/assets/img/noisy-grid.png);
  opacity: 0.5;
}

.entry-image:after,
.hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.4);
}

.breadcrumbs-block {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-40%);
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: .9rem;
  padding: .5rem 1.5rem;
  background: linear-gradient(to right, rgb(0 0 0 / 0%), rgba(0,0,0,.33), rgb(0 0 0 / 0%));
}

#breadcrumbs {
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}


.breadcrumbs-block a,
.breadcrumbs-block strong {
  color: rgba(255,255,255,.84);
  text-decoration: none;
  font-weight: 400;
  padding: 0 2px;
  text-transform: uppercase;
  font-size: 11px;
}

strong.breadcrumb_last {
  display: block;
  font-size: 13px;
  color: #ffc61c;
  font-weight: 800;
}

.entry-title {
  font-size: 1.35rem;
  font-weight: 900;
  margin-top: -2rem;
  background: linear-gradient(to bottom, #eee, #fff);
  position: relative;
  z-index: 5;
  padding: .5rem 1rem;
  margin-right: -1rem;
  width: calc(100% + 1rem);
}

.entry-content {
  font-size: .9rem;
  font-weight: 500;
}

.entry-content a,
.offer a {
  color: #e6b218;
  text-decoration: underline;
}

.entry-content p {
  margin: 1rem 0;
}

.entry-content h2 {
  font-size: 1.2rem;
}

.entry-content p:last-child {
  margin-bottom: 0;
}

figcaption {
  font-style: italic;
  color: #999;
  padding: .5rem 0;
}

.entry-content ul, 
.entry-content ol {
  margin: 0;
  padding: 0 0 0 2.5rem;
}

.entry-content ul li, 
.entry-content ol li {
  margin: 0 0 .5rem;
  padding: 0;
}


.sidebar {
  padding: 1rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  position: relative;
  background: #eee;
  margin-top: 1rem;
}


.home .sidebar {
  padding: 1rem;
  width: 100%;
  margin: 0;
}

a.sidebar-contact {
  background: #ffc61c;
  color: #222;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  display: block;
  padding: .5rem;
  text-align: center;
  margin-bottom: 1rem;
  border-radius: .5rem;
  text-transform: uppercase;
}

a.sidebar-contact:hover {
  background: #f56328;
  color: #fff;
}

a.sidebar-contact .fa {
  margin-right: .35rem;
}

.sidebar-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 3;
}

.sidebar-logo-inner {
  background: #eee;
  padding: 0 0 0 .8rem;
  margin-left: -.8rem;
}

.sidebar-logo img {
  width: 3.5rem;
}

.sidebar-logo:before {
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  border-top: 1px solid #ddd;
  z-index: -1;
}


#sidebar-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar-menu a {
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: .9rem;
  display: block;
}

#sidebar-menu li {
  list-style: none;
}

#sidebar-menu > li > a {
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(to right, #ddd, transparent);
  padding: .2rem .5rem;
  font-size: 13px;
  margin: 0 0 .25rem;
}

#sidebar-menu .sub-menu {
  padding: 0 0 0 1rem;
  display: block;
  margin: 0 0 1rem;
}

#sidebar-menu .sub-menu a {
  position: relative;
  padding: .05rem 0;
  font-weight: 500;
  font-size: 15px;
}

#sidebar-menu .sub-menu a:before {
  content: '';
  border: 3px solid #222;
  display: inline-block;
  margin-right: .4rem;
  position: relative;
  top: -1px;
}

.sidebar-block-finished-projects {
  margin: 1.25rem 0 0;
  width: 100%;
}

.sidebar-block-finished-projects .post {
  text-decoration: none;
  margin: 0 0 1rem;
  display: block;
}

.sidebar-block-finished-projects > h3 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 900;
  border-bottom: 1px solid #ddd;
  padding: .2rem 0;
}

.post-title {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 800;
  color: #222;
  margin: .25rem 0 0;
}



.site-footer {
  background-color: hsl(208deg 71% 40% / 52%);
  color: #fff;
  padding: 1rem;
  font-size: .9rem;
  background: url(https://polytonica.bg/wp-content/themes/polytonica/assets/img/sglobyaema-kyshta-dyrvo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: top;
  border-top: 3px solid #ffc61c;
  margin: 0 auto;
}

.footer-wrapper-inner {
  max-width: 1030px;
  margin: 0 auto;
}

.site-footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 78%);
}

.site-footer a {
  color: #ffc61c;
}

.site-footer h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 13px;
  margin: 0 0 .25rem;
  padding: .2rem .5rem;
  background: linear-gradient(to right, rgb(255 255 255 / 0.2), transparent);
  position: relative;
  margin-left: -.5rem;
}

.site-footer p {
  margin: 0 0 1rem;
}

.footer-logo {
  margin: -.35rem 0 .75rem;
  position: relative;
  z-index: 5;
}

.footer-logo img {
  width: 6.5rem;
}

.footer-blocks {
  position: relative;
  z-index: 5;
}

#footer-links-menu {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.designed-by,
.designed-by a {
  font-size: .7rem;
  color: #aaa;
  text-decoration: none;
  position: relative;
  z-index: 5;
}


.q {
  font-weight: 800;
  font-size: .95rem;
  position: relative;
  cursor: pointer;
}

.a {
  background: #eee;
  padding: .5rem .75rem;
  display: none;
  margin: .5rem 0 0;
  font-size: .9rem;
}

.a p:first-child {
  margin-top: 0;
}

.qa-single {
  margin: 0 0 .25rem;
  border-bottom: 1px solid #eee;
  padding: 0 0 .25rem;
}

.q:before {
  content: '';
  margin-right: .5rem;
  border: 4px solid #222;
  width: 0;
  height: 0;
  display: inline-block;
}

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

/*Front page*/

.hero {
  width: 100%;
  height: 29.5rem;
  background: url(https://polytonica.bg/wp-content/uploads/2021/11/2а.jpg);
  background-repeat: no-repeat;
  background-position: -14rem 0rem;
  position: relative;
  z-index: 1;
  background-size: auto;
}

.hero-wrapper {
  position: relative;
  z-index: 10;
  color: #fff;
  top: 4.5rem;
  max-width: 1102px;
    margin: 0 auto;
}

.hero-logo g {
  fill: #fff;
}

.hero-logo svg {
  width: 5rem;
  height: 5rem;
}

.hero-title {
  font-weight: 900;
  font-size: 1.75rem;
  margin: 0 0 .2rem;
  padding: 0 1rem;
  line-height: 1.2;
}

.hero-slogan-main {
  font-size: 1rem;
  margin: 0 0 .2rem;
  padding: 0 1rem;
}

.hero-slogan-secondary {
  font-size: .9rem;
  padding: 0 1rem;
}

.hero-button {
  display: block;
  padding: .5rem .75rem;
  background: linear-gradient(to right, #ffc61c 30%, #ffc61cc4 60%, transparent);
  margin: 0 0 .5rem;
  text-decoration: none;
  font-size: .9rem;
  color: #111;
  font-weight: 800;
}

.hero-button-email:after,
.email-footer:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}

.hero-buttons {
  margin: .75rem 1rem 0;
}

.hero-button span, 
.hero-button:after {
  display: block;
  font-weight: 500;
  color: #f56328;
  font-size: .8rem;
}

.hero-logo {
  display: none;
}

.offer {
  font-size: .9rem;
  font-weight: 500;
  padding: 0 1rem;
}

.offer li {
  margin: 0 0 .5rem;
}

.offer h3 {
  border-bottom: 1px solid #eee;
  padding: 0 0 .25rem;
  margin: 1rem 0 .25rem;
}

.what-icon {
  width: 33.333%;
  text-align: center;
  margin: 0 0 .75rem;
  text-decoration: none !important;
}

.what-icon img {
  margin: 0 auto .5rem;
}

.what-icon-title {
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  word-break: break-word;
  padding: 0 .25rem;
  color: #111;
}

.what-icon-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin: 1rem 0;
  justify-content: flex-start;
  align-items: flex-start;
}





/*Media queries*/
@media screen and (max-width: 340px) {

  .lang-switcher {
    margin-left: .5rem;
  }

}


@media screen and (min-width: 500px) {

  .entry-image img {
      max-width: 700px;
  }

  .hero,
  .entry-image-default {
    background-position: -3rem -5rem;
  }

    .breadcrumbs-block {
      padding: .75rem 2rem;
      line-height: 1.5;
      max-width: 1070px;
  }

  .breadcrumbs-block a {
    font-size: 13px;
}

.breadcrumbs-block strong {
    font-size: 17px;
}

}

@media screen and (min-width: 700px) {


  .entry-image img {
    max-width: 1000px;
    top: 25%;
    left: 50%;
    transform: translateX(-50%) translateY(-25%);
}

.entry-image {
  height: 26rem;
}

  .hero {
    width: 100%;
    height: 27.5rem;
  }

  #sidebar-menu {
      column-count: 2;
  }

  #sidebar-menu > li {
      break-inside: avoid;
      display: block;
  }

  .qa-single {
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
}

.footer-blocks {
  column-count: 2;
}

.footer-block {
  display: block;
  break-inside: avoid;
}

.entry-content .gallery figure {
  width: calc(33% - 1rem);
  margin: 0 1rem 1rem 0;
}

.entry-content .gallery figure:nth-child(even) {
  width: calc(33% - 1rem);
  margin: 0 1rem 1rem 0;
}

}

@media screen and (min-width: 1000px) {

  .entry-image img {
      max-width: 1300px;
  }

  .hero, 
  .entry-image-default {
    background-size: cover !important;
    background-position: 0 0;
    height: 26rem;
    background: url(https://polytonica.bg/wp-content/uploads/2021/11/2а.jpg);
}

}

@media screen and (min-width: 1100px) {

  .site-header {
    left: 50%;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
    /*width: 1070px;*/
    width: auto;
    padding: 0;
  }

  .hamburger {
    display: none;
  }

  .site-branding {
    order: 1;
    border-left: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    height: 48px;
    padding: 0 .8rem 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  .site-branding:hover {
    background: #f56328;
  }

  .main-navigation {
      order: 2;
      height: 48px;
  }

  .main-navigation .menu-main-menu-container {
      visibility: visible;
      opacity: 1;
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      background: transparent;
      transform: none;
  }

  #primary-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #primary-menu > li {
    width: auto;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
  }

  #primary-menu > li > a {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    white-space: nowrap;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    text-transform: uppercase;
    font-size: 13px;
  }

  #primary-menu > li:hover > a {
    background: #f56328;
  }

  .not-at-top #primary-menu > li:hover > a {
    color: #fff;
  }

  #primary-menu > li:first-child > a {
    border-left: 1px solid rgba(255,255,255,.2);
  }

  #primary-menu > li > .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(to right, #ffc61c 30%, #ffc61cc9);
    width: 300px;
    min-width: 100%;
    transform: translateY(1rem);
    transition: .22s ease;
  }

  #primary-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  #primary-menu > li > .sub-menu a {
    padding: .5rem .75rem;
    color: #111;
  }

  #primary-menu > li > .sub-menu a:hover {
    background: rgb(245 99 40);
    color: #fff;
    border-color: #f56328;
  }

  #primary-menu > li > .sub-menu a:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    border-top: 1px solid #f56328;
    opacity: 0;
    visibility: hidden;
  }

  #primary-menu > li > .sub-menu a:hover:before {
    opacity: 1;
    visibility: visible;
  }

  #primary-menu > li > .sub-menu a:last-child {
  }

  #primary-menu > li > .sub-menu > li:last-child a {
    border: 0;
  }

  .lang-switcher {
    order: 3;
    border-right: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin: 0;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
  }

  .lang-switcher .fa {
    padding: .9rem;
    cursor: pointer;
  }

  .lang-switcher .languages a:hover {
    background: #ffc61c;
  }

  .lang-switcher .languages .current-lang  {
    pointer-events: none;
  }

  .lang-switcher .languages a {
    padding: .5rem;
    background: transparent;
    width: 100%;
  }

  .site-contact {
    border-radius: 0;
    padding: .95rem 1rem;
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
    transition: none;
  }

  .site-contact:hover {
    background: #f56328;
    color: #fff
  }

  .menu-contact {
    display: none;
  }

  .not-at-top #primary-menu > li > a {
    color: #111;
    border-bottom-color: transparent;
    border-right-color: #eee;
    border-left-color: #eee;
  }

  .not-at-top .site-branding {
    border-left-color: #eee;
  }

  .breadcrumbs-block strong {
    font-size: 21px;
    font-weight: 900;
  }

  .entry-image {
    width: 100%;
    margin: 0;
    max-height: 26rem;
  }

  .entry-image img {
    width: 100%;
    max-width: 100%;
  }

  .site-content {
    max-width: 1070px;
    margin: -4rem auto 0;
    padding: 0;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 5;
  }

  .content-area {
    width: 700px;
    padding: 1rem 1.25rem;
    flex-shrink: 0;
    flex-grow: 0;
    background: #fff;
  }

  .sidebar {
    width: 370px;
    background: linear-gradient(to bottom, #eee, #eee 70%, transparent);
    margin: 0;
    flex-shrink: 0;
    flex-grow: 0;
    padding: 1rem 1rem 7rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }


  #sidebar-menu {
    column-count: 1;
  }

  .entry-title {
    font-size: 2rem;
    margin: 0 0 .5rem;
    background: transparent;
    padding: 0;
  }

  a.sidebar-contact {
    border-radius: 0;
    margin: .5rem 0 1.5rem;
    order: 2;
    width: 100%;
  }

  .sidebar-logo {
    order: 1;
    margin: 0 0 .5rem;
    width: 100%;
  }

  .sidebar-logo-inner {
    background: #eee;
    margin: 0 auto;
    padding: 0;
  }

  .sidebar-logo:before {
    opacity: 0;
  }

  .sidebar-block-menu {
    order: 3;
  }

  #sidebar-menu .sub-menu {
    padding: 0 0 0 .5rem;
  }

  .entry-content {
    font-size: 15px;
  }

  #sidebar-menu li.current-menu-item {
    background: #ccc;
    padding: .25rem 1.5rem;
    width: calc(100% + 2.5rem);
    margin-left: -1.5rem;
  }

  #sidebar-menu li.current-menu-item a {
    font-weight: 800;
  }

  #sidebar-menu > li.current-menu-item {
    background: transparent;
  }

  #sidebar-menu > li.current-menu-item > a {
    background: #ccc;
  }

  #sidebar-menu > li > a {
    border-bottom: 1px solid #ccc;
    background: linear-gradient(to right, #ddd, transparent);
  }

  #sidebar-menu .sub-menu a:hover {
    text-decoration: underline;
  }

  .sidebar-block-finished-projects {
    order: 4;
  }

  .site-footer {
    padding: 1rem 1.5rem;
  }

  .footer-logo img {
    width: 10rem;
    margin: 0 0 1rem;
  }

  .front-page-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-button {
    width: calc(50% - 1rem);
    margin: 0 .5rem .5rem 0;
    font-size: 15px;
  }

  .hero-button:hover {
    background: linear-gradient(to right, #f56328 30%, #f563288c 60%, transparent);
    color: #fff;
  }

  .hero-button:hover span, .hero-button:hover:after {
    color: #eee;
  }

  .hero-title {
    font-size: 3rem;
  }

  .hero-slogan-main {
    font-size: 1.75rem;
  }

  .hero-wrapper {
    top: 7.5rem;
  }

  .hero-slogan-secondary {
    font-size: 15px;
    margin-bottom: 1rem;
  }

  .hero {
    height: 34rem;
  }

  .offer {
    max-width: 700px;
    margin: -4rem 0 0 0;
    background: #fff;
    position: relative;
    z-index: 5;
    font-size: 15px;
  }

  .front-page-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .home .sidebar {
    margin-top: -4rem;
    position: relative;
    z-index: 5;
    width: 370px;
  }

  .offer h3 {
    font-size: 1.2rem;
  }

  .what-icon-title {
    font-size: 13px;
  }

  .what-icon {
    margin: 0 0 1.25rem;
  }
}

.live_blink_icon {
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 100px;
  margin: 5px;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes blink {
  50% {opacity: 0;}
}

.table_component {
  overflow: auto;
  width: 100%;
}

.table_component table {
  border: 1px solid #dededf;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 1px;
  text-align: left;
}

.table_component caption {
  caption-side: top;
  text-align: left;
}

.table_component th {
  border: 1px solid #dededf;
  background-color: #eceff1;
  color: #000000;
  padding: 5px;
}

.table_component td {
  border: 1px solid #dededf;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 5px;
  line-height: 1rem;
}

.table_component td>img {
  margin: auto;
}

.table_component td>ul {
  margin: 0;
  padding-left: 1rem;
}

.table_component td > ul > li {
  margin: 0;
}

.table_component tr>td:first-child {
  font-size: 0.9rem;
  text-align: justify;
  width: 58%;
}

.table_component tr>td:not(:first-child) {
  font-size: 0.75rem;
  width: 14%;
}

.table_component tr:last-child > td {
  font-size: 1rem;
}

.category-listing-post {
  margin-bottom: 60px;
}

.category-listing-post > .post-image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
}

.category-listing-post > .post-image > a {
    display: block;
    width: 100%;
    height: 100%;
}

.category-listing-post > p {
  text-align: justify;
}

.category-listing-post > a.read_more_btn {
  padding: 10px;
  background-color: #ffc61c;
  color: #2a2a2a;
  font-weight: bold;
  text-decoration: none;
}

.category-listing-post > a.read_more_btn:hover,
.category-listing-post > a.read_more_btn:active,
.category-listing-post > a.read_more_btn:focus {
  background-color: #f56328;
  color: #fff;
}

.category-listing-post > hr {
  margin-top: 30px;
}

.category-listing-post:last-of-type > hr {
  display: none;
}