/*
Theme Name: Ozelenqvane
Text Domain: text-domain
*/

:root {
  --primary-blue: #1a1a1a;
  --second-blue: #1a1a1a;
  --light-blue: #3c4255;
  --primary-red: #c9731a;
  --second-red: #c9731a;
  --salmon-red: #c9731a;
  --primary-yellow: #efb00f;
}
html,body {
  overflow-x: hidden;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
header {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.logo img {
  max-width: 100%;
  height: auto;
}
a:hover,a:visited,a:active {
  text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
p {
  margin-bottom: 0;
}
.bold {
  font-weight: bold;
}
.white-box {
    background: #fff;
}
.shadow-light {
    box-shadow: 0 0 16px 1px #0000001a;
}
.shadow-1 {
    box-shadow: 0 0 16px -3px #00000040;
}
.justify {
  text-align: justify;
}
.asf-home-intro,
.lgrey-pattern {
  background-image:url('assets/images/lgrey-pattern.jpg');
  background-repeat: repeat;
}
.lgrey-right-pattern {
  background-image:url('assets/images/lgrey-right-pattern.jpg');
  background-repeat: repeat;
}
.banner.pattern.price-banner,
.banner.pattern.offer-banner,
.dark-pattern {
  background-image:url('assets/images/dark-pattern.jpg');
  background-repeat: repeat;
}
.service-banner {
  background-image:url('assets/images/light-pattern.jpg');
  background-repeat: repeat;
}
@media (max-width:1920px){
.asphalt-img {
  background-image:url('assets/images/default-1920.jpg');
}
}
@media(min-width:1921px) {
  .asphalt-img {
    background-image:url('assets/images/default-2560.jpg');
  }
}
.asphalt-pattern {
  background-image:url('assets/images/texture.jpg');
  background-repeat: repeat;
}
section.vc_section.left-domain,
section.vc_section.right-domain {
    overflow: visible;
}
.left-domain:before, .right-domain:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100%;
}
.left-domain:before {
  background-image:url('assets/images/right-domain.png');
  background-repeat: no-repeat;
  background-position: center;
  left:110px;
}
.right-domain:after {
  background-image:url('assets/images/left-domain.png');
  background-repeat: no-repeat;
  background-position: center;
  right: 110px;
}
.top-bar {
  background-color: #0c2f1e;
  padding: 3px 0;
  transform: translateZ(0);
}
.top-bar .facebook {
    display: flex;
    align-items: center;
}
.top-bar .container,
.primary-menu-section .container {
    display: flex;
}
.top-bar span {
  font-size: 18px;
  color:#b7bf97;
}
.top-bar .phone {
  flex:1 0 auto;
}
.top-bar .phone a {
    color: #fff;
    display:flex;
    align-items: center;
    font-weight: normal;
}
.top-bar .phone span {
    margin-right: 10px;
}
.top-bar .facebook a {
    padding-left: 5px;
    border-left: 1px solid var(--light-blue);
    line-height:1;
}
.logo {
  display: flex;
  align-items: center;
}
.primary-menu-section {
    background: #f2f2f2;
}
.primary-menu-container {
    width: 100%;
}
.primary-menu-container ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    column-gap: 30px;
}
.primary-menu-container > ul > li {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding:16px 0;
}
.primary-menu-container > ul > li > a {
  position: relative;
  text-transform: uppercase;
  color:var(--second-blue);
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.primary-menu-container > ul > li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 16px;
  width: 100%;
  height: 2px;
  opacity: 0;
  background: #6b8b69;
  transition: all 0.2s ease-in-out;
}
.primary-menu-container > ul > li.current-menu-item::after,
.primary-menu-container > ul > li:hover:after {
  opacity: 1;
}
.primary-menu-container > ul > li.menu-item-has-children {
  padding-right: 15px;
}
.primary-menu-container > ul > li.menu-item-has-children > a:after {
  content: "\e900";
  position: absolute;
  font-size: 7px;
  top: 5px;
  right: -15px;
  font-family: icomoon;
}
.primary-menu-container > ul > li.menu-item-has-children ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: auto;
    width: auto;
    top: 100%;
    z-index: 2;
    padding-left: 4px;
    white-space: nowrap;
    background: #303956;
    z-index: -1;
    transform: translateY(-100%);
    transition: transform 0.5s ease-out;
}
.primary-menu-container > ul > li.menu-item-has-children:hover ul {
    transform: translateY(0%);
    transition: transform 0.3s ease-out;
}
.primary-menu-container ul li ul li {
    background: var(--primary-blue);
    width: 100%;
}
.primary-menu-container ul li ul li a {
    color: #a9b0c0;
    font-family: 'Roboto';
    padding: 9px 10px 9px 10px;
    display: block;
    border-bottom: 1px solid #363b4d;
    position: relative;
}
.primary-menu-container ul li ul li.current-menu-item a,
.primary-menu-container ul li ul li:hover a {
    color:#fff;
}
.asf-home-intro {
  position: relative;
}
.asf-home-intro-bg img {
  width: 100%;
  height: auto;
}
.asf-home-intro .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.asf-home-intro .container .intro-wrapper {
  max-width: 765px;
  background: rgb(38 79 54 / 75%);
  padding: 35px;
  padding-right: 85px;
}
.asf-home-intro .container .intro-wrapper .primary {
  font-size: 50px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  position:relative;
  padding:15px 0;
}
.asf-home-intro .container .intro-wrapper .primary::after {
  content:"";
  position: absolute;
  width:100%;
  height:1px;
  background: #e3deb0;
  bottom:0;
  left: 0;
}
.asf-home-intro .container .intro-wrapper .sub {
  color: #e3deb0;
  padding-left: 40px;
  font-size: 20px;
  position: relative;
}
.asf-home-intro .container .intro-wrapper .sub::before {
  content: "";
  width: 29px;
  height: 1px;
  background: #e3deb0;
  position: absolute;
  top: 10px;
  left: 0;
}
.asf-home-intro .container .intro-wrapper .contacts {
  display: flex;
  padding-top: 15px;
}
.asf-home-intro .container .intro-wrapper .contacts .location,
.asf-home-intro .container .intro-wrapper .contacts .phone {
  flex: 1;
}
.asf-home-intro .container .intro-wrapper .contacts .text {
  position: relative;
  font-size: 20px;
  color: #e3deb0;
  text-transform: uppercase;
  font-weight: 500;
}
.asf-home-intro .container .intro-wrapper .contacts .text i {
  padding-right:10px;
}
.asf-home-intro .container .intro-wrapper .contacts .info {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}
.asf-home-intro .container .intro-wrapper .contacts .phone {
  text-align: right;
}
.home-intro-box-icons {
  display: flex;
  column-count: 2;
  column-gap: 30px;
  justify-content: flex-end;
  margin-top:20px;
}
.home-intro-box-icons .box-icon {
  max-width: 40%;
  text-align: center;
}
.home-intro-box-icons .box-icon i {
  font-size: 40px;
  color:#547454;
}
.home-intro-box-icons .box-icon:first-of-type i {
  font-size: 61px;
}
.home-intro-box-icons .text {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 12px;
}
.home-intro-box-icons .box-icon:last-of-type .text {
  margin-top: 30px;
}
.services .view-all {
    margin-top: 30px;
}
.services-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.services-list .service-box {
    background: #fff;
    position:relative;
    margin-bottom: 30px;
    border-bottom: 2px solid #547454;
}
.services-list .service-box .excerpt {
  padding: 15px;
}
.services-list .service-box .service-title {
  color: #1c2842;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 10px;
  padding:0 15px;
  display:flex;
  align-items: center;
}
.service-title i {
  font-size: 40px;
  color: #547454;
  border-bottom:2px solid #ea9f21;
  margin-right:15px;
  padding-bottom: 5px;
}
.services-list .service-box a.see-more {
  background: #547454;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.15s;
  top:100%;
  position:absolute;

}
.services-list .service-box:hover a.see-more {
  transform: scaleY(1);
}
.service-button.button-style-one {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.service-button.button-style-one a {
    display: inline-flex;
    align-items: center;
    color: var(--second-red);
    font-size: 16px;
    font-weight: bold;
}
.service-button.button-style-one a span {
    font-weight: normal;
}
.service-button.button-style-one a span.line {
    width: 0;
    height: 2px;
    background: var(--second-red);
    margin-right: 5px;
    -webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.service-button.button-style-one a span.line-expand {
    width: 45px;
    height: 2px;
    background: var(--second-red);
    margin-left: 5px;
    -webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.service-button.button-style-one a span.icon-arrow {
    font-size: 9px;
}
.service-box:hover .service-button.button-style-one a span.line {
    width: 45px;
    -webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.service-box:hover .service-button.button-style-one a span.line-expand {
    width: 0;
    -webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.reason .rt {
  display: flex;
  align-items: center;
}
.reason .title {
  font-size: 25px;
  font-weight: bold;
}
.reason .count {
  font-size: 44px;
  font-weight: bold;
  margin-right: 15px;
}
.button-style-two {
  background-color: #264f36;
  padding: 12px 10px 9px 10px;
  text-transform: uppercase;
  color:#fff;
  display:inline-flex;
  position: relative;
}
.overlay-title .primary {
  font-size: 25px;
  color: #1c2842;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 15px;
}
.overlay-title .sub {
  position: relative;
  padding-left: 10px;
  font-weight: 100;
  line-height: 1;
  color: #547454;
  margin: 10px 0;
}
.overlay-title .sub::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  top: 0;
  left: 0;
  background: #547454;
}
.home-about .image-col::after {
  content: "";
  position: absolute;
  right: -150px;
  width: 400px;
  height: 100%;
  background: #f7f7f7;
}
.overlay-title.about-text {
  text-align: center;
}
.overlay-title.about-text .sub {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.about-text2 {
  font-size: 25px;
  line-height: 1;
}
.banner.pattern.offer-banner {
    margin-top:65px;
    margin-left: 140px;
    margin-bottom: 50px;
}
.banner.pattern.price-banner {
    margin-top:65px;
    margin-left: 100px;
    margin-bottom: 50px;
}
.banner.pattern.price-banner .content {
    width: 100%;
    padding-right: 34%;
    padding-left: 23%;
}
.banner.pattern.price-banner .left-img {
    left:-115px;
}
.banner.pattern.price-banner .right-img {
    top: -40px;
}
.banner.pattern.price-banner .left-img img {
    min-width: 260px;
    height: auto;
}
.banner.pattern.price-banner .right-img img {
    max-width: 250px;
    height: auto;
}
.banner.pattern.price-banner .text {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}
.banner.pattern.price-banner .banner-phone {
    justify-content: flex-start;
}
.banner-inner-wraper {
    display: flex;
    position: relative;
    padding: 7px 0;
}
.banner-inner-wraper .left-img {
    position: absolute;
    top:50%;
    left: -140px;
    transform: translateY(-50%);
}
.banner-inner-wraper .right-img {
    position: absolute;
    top: -100px;
    right: 0;
}
.banner.pattern.offer-banner .banner-inner-wraper .content {
  flex: 1 0 auto;
  padding-left: 200px;
  padding-right: 400px;
  text-align: center;
}
.banner.pattern.offer-banner .banner-inner-wraper .content .text {
    font-size: 30px;
    font-weight: bold;
    max-width: 350px;
    margin:0 auto;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
}
.phone-button {
    display: flex;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
}
.service-banner .banner-wraper .banner-content .phone a,
.phone-button a {
    color: #fff;
}
.phone-button .button-style-two {
    background: transparent;
    font-weight: bold;
}
.banner-phone {
    font-size: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex: 1 0 auto;
}
.banner-phone span.icon-phone {
    font-size: 40px;
    margin-right: 10px;
}
.reviews-section-bg {
  background-color: #efefef;
}
.reviews-section-img:before {
  content:"";
  width: 50%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  background-image: url('assets/images/zashto-da-ni-izberete-960.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.overlay-title.text-center.reviews-section-title .overlay-text {
    font-size: 115px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.07;
}
.reviews-section-title .primary {
    text-transform: uppercase;
    max-width: 300px;
    margin: 0 auto;
    line-height: 1;
    margin-top: 10px;
}
.reviews-navi {
    display: flex;
    justify-content: center;
    grid-gap: 15px;
    position: relative;
    z-index: 2;
}
.reviews-navi .slide {
    background: #525050;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    cursor: pointer;
}
.reviews-section-img .overlay-title {
  text-align: center;
}
.reviews-section-img .overlay-title .sub {
  color: #b7bf97;
  font-weight: bold;
  display: inline-block;
}
.overlay-title .sub::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  top: 0;
  left: 0;
  background: #b7bf97;
}
.reviews-section-img .overlay-title .primary {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.traffic-cones-img .wpb_text_column.wpb_content_element {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
}
.c-review {
    outline: none;
    position: relative;
    padding: 20px;
}
.c-review .review {
    background: #fff;
    padding: 15px;
    position: relative;
    min-height: 174px;
}
.c-review .author {
    color: var(--second-red);
    font-weight: bold;
    margin-top: 15px;
    margin-left: 10px;
}
a.a-button {
    display: block;
    position: relative;
    z-index: 2;
    margin: 20px 0;
    font-size:15px;
}
a.a-button:hover >* {
  color:#fff;
}
a.a-button .button-style-two {
    padding: 15px;
    line-height: 1;
    font-weight: bold;
}
section.vc_section.unipavaj-section .white-box {
    padding: 10px;
    border-radius: 7px;
    z-index: 1;
}
.overlay-title.unipavaj {
  text-align: center;
}
.overlay-title.unipavaj .sub {
  display: inline-block;
  font-weight: bold;
}
section.vc_section.unipavaj-section:after,
section.vc_section.unipavaj-section:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top:0;
}
section.vc_section.unipavaj-section:after {
  background-image: url('assets/images/obadete-ni-se-960.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  right:0;
}
section.vc_section.faq-section,
section.vc_section.faq-section .solid-color {
  background-color: #f7f7f7;
}
section.vc_section.faq-section .solid-color {
  padding: 0 30px;
}
section.vc_section.faq-section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  /*background-image: url('assets/images/faqs.jpg');*/
  background-repeat: no-repeat;
  background-position: calc((-1920px + 100%) / 4);
}
.faqs-container {
    z-index: 1;
    position: relative;
}
.faqs-container .faq:first-of-type .faq-answer {
    display: block;
}
.faq .faq-question {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    line-height: 1;
    padding: 10px 0;
}
.faq-question .question-text {
    flex: 1 0 auto;
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-blue);
}
.faq.active .faq-question .icon-faq-arrow,
.faq.active .faq-question .question-text {
  color: var(--second-red);
}
.faqs-container .faq .faq-answer {
  padding:10px 0;
  color: #606777;
  text-align: justify;
  display:none;
}
footer {
  background-color: #0c2f1e;
  padding-top:50px;
}
.footer-sections {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-column-gap: 30px;
}
.footer-logo-section .footer-logo {
  margin-bottom: 10px;
}
.footer-logo-section .footer-desc {
    color: #fff;
    text-align: justify;
    line-height: 1.2;
}
.footer-menus-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 15px;
}
.footer-sections .title {
  color: #9bb597;
  font-size: 19px;
  font-family: 'Roboto';
  text-transform: uppercase;
}
.footer-menus-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-services-menu-container ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 5px 15px;
}
.footer-menus-section ul li a {
  color:#888888;
  font-family: 'Roboto';
  text-transform: uppercase;
}
.footer-menus-section ul li a:hover {
  color: #ffffff;
}
.footer-services-section .title {
    padding-left: 70px;
}
.footer-primary-menu-container ul {
    display: grid;
    grid-gap: 5px;
}
.footer-contacts-section .contacts {
  color:#fff;
  padding-top: 20px;
}
.footer-contacts-section .contacts > div {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 15px;
}
.footer-contacts-section .contacts span {
    color: #9bb597;
    font-size: 19px;
}
footer .container > .copyright {
    margin-top: 20px;
    padding: 20px;
    color: #fff;
    text-align: center;
    border-top: 1px solid #464646;
}
.overlay-title.about-us-title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.overlay-title.about-us-title .overlay-text {
    font-size: 80px;
}
.overlay-title.about-us-title .primary {
    margin-bottom: 0;
    color: #fff;
}
.about-us-services .overlay-text{
  -webkit-text-stroke: 1px #414450;
}
.overlay-title.roboto.services,
.overlay-title.full-width-intro-title,
.overlay-title.about-us-services {
  text-align: center;
}
.overlay-title.roboto.services .primary,
.overlay-title.full-width-intro-title .primary,
.overlay-title.about-us-services .primary {
  font-size: 30px;
  color: #fff;
  margin:0;
}
.overlay-title.roboto.services .sub,
.overlay-title.full-width-intro-title .sub,
.overlay-title.about-us-services .sub {
  color: #b7bf97;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}
.overlay-title.services {
  text-align: center;
}
.overlay-title.services .sub {
  font-size: 20px;
  display: inline-block;
}
.about-services-list {
    margin-top: -60px;
}
.services-list .service-box .image img {
    width: 100%;
    height: auto;
}
.page-with-sidebar,
.single-service-wrapper {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: 30px;
    padding-top: 30px;
}
.service-content .service-thumb {
    margin-bottom: 20px;
}
.service-content .service-thumb img {
    max-width: 100%;
    height: auto;
}
.service-sidebar-element .title span {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 10px;
}
.service-sidebar-element .title {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.sidebar-reviews .review {
    outline: none;
    position: relative;
    overflow: visible;
    padding-top: 20px;
}
.sidebar-reviews .review .content {
    background: #eef0f3;
    padding: 30px 15px 15px;
    margin-bottom: 10px;
    text-align: justify;
    position: relative;
}
.sidebar-reviews .review .author {
    font-weight: bold;
    padding-left: 25px;
    color:var(--primary-blue);
}
.sidebar .element-sep {
    width: 100%;
    height: 2px;
    background: #eef0f3;
    margin: 15px 0;
    position: relative;
}
.sidebar .element-sep:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--second-red);
    width: 27px;
    height: 2px;
}
.service-sidebar-element ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.service-sidebar-element ul li {
    border-bottom: 1px solid #fff;
}
.service-sidebar-element ul li a {
    color: var(--primary-blue);
    display: block;
    padding: 12px 15px;
    background: #eef0f3;
    -webkit-transition: background 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: background 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    line-height: 1;
    position: relative;
}
.mobile-menu-container ul > li > a:before,
.primary-menu-container ul li ul li a:before,
.service-sidebar-element ul li a:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom:0;
  opacity: 0;
  background: #6b8b69;
  transition: all 0.3s ease-in-out;
}
.mobile-menu-container ul li a:before {
  left: 0;
}
.primary-menu-container ul li ul li a:before {
  left: -5px;
}
.service-sidebar-element ul li a:after {
  content: "\e900";
  font-family: 'icomoon';
  font-size: 6px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(-90deg);
  color: #547454;
}
.service-sidebar-element ul li.current a,
.service-sidebar-element ul li:hover a,
.service-sidebar-element ul li.current-menu-item a {
    background: #f6f6f6;
    -webkit-transition: background 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: background 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-container ul > li.current-menu-item > a:before,
.mobile-menu-container ul > li:hover > a:before,
.primary-menu-container ul li ul li.current-menu-item a:before,
.primary-menu-container ul li ul li:hover a:before,
.service-sidebar-element ul li.current a:before,
.service-sidebar-element ul li:hover a:before,
.service-sidebar-element ul li.current-menu-item a:before {
  opacity: 1;
}
.sidebar-banner {
  margin-top: 30px;
}
.service-banner {
    margin: 30px 0;
    margin-left: 100px;
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.banner-content {
    display: flex;
    align-items: center;
}
.service-banner .banner-wraper {
    display: block;
    position: relative;
    width: 100%;
    padding-right: 30px;
}
.service-banner .banner-wraper .left-img {
    position: absolute;
    left: -110px;
    top: 50%;
    transform: translateY(-50%);
}
.service-banner .banner-wraper .banner-content {
    display: flex;
    align-items: center;
}
.service-banner .banner-wraper .content {
    padding-left: 120px;
    flex: 1;
    text-align: center;
}
.service-banner .banner-wraper .text {
    flex: 1;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}
.banner-phone {
    justify-content: center;
}
.service-banner .banner-wraper .content img {
    text-align: center;
}
.service-banner .banner-button .button-style-two {
    padding: 8px 10px 6px 10px;
    background: #2a2f3d;
}
.overlay-title.text-center.gallery-title {
    min-height: 120px;
}
.overlay-title.text-center.gallery-title .sub.text-center {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-gallery {
    display: grid;
    grid-gap: 15px;
    margin-bottom:30px;
}
.service-gallery[data-columns="3"] {
    grid-template-columns: repeat(3,1fr);
}
.service-gallery img {
    width: 100%;
    height: auto;
}
.page-header.asphalt-img {
    padding: 50px 0;
}
.page-header .overlay-title {
    padding: 0;
}
.page-header .overlay-title .primary {
    margin-bottom: 0;
    height: 70px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price-shape {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 29px;
    font-weight: bold;
}
.price-shape .top {
    width: 100%;
    height: 100%;
    max-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.price-shape .top:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 55%;
    background: #c9731a;
    left: 0;
    transform: skewX(20deg);
}
.price-shape .top:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 55%;
    background: #c9731a;
    right: 0;
    transform: skewX(-20deg);
}
.price-shape .bottom {
    width: 96%;
    height: 35px;
    margin: 0 auto;
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.price-shape .bottom:before {
    content: "";
    width: 50%;
    height: 100%;
    background: #c9731a;
    position: absolute;
    left: 0;
    transform: skewY(4deg);
}
.price-shape .bottom:after {
    content: "";
    width: 50%;
    height: 100%;
    background: #c9731a;
    position: absolute;
    right: 0;
    transform: skewY(-4deg);
}
.price-contact-form {
    padding-bottom: 30px;
}
.vc_row.vc_column-gap-30 > .no-padding-md.wpb_column.vc_column_container {
    padding-top: 0;
    padding-bottom: 0;
}
.inquiry-contact-form {
    padding: 15px 0;
}
.inquiry-contact-form button.button-style-two {
    margin: 25px 0;
}
.inquiry-contact-form input,
.inquiry-contact-form textarea,
.price-contact-form input,
.price-contact-form textarea {
    width: 100%;
    margin-bottom: 15px;
    outline: none;
    border: none;
    padding: 10px 15px;
}
.inquiry-contact-form input,
.inquiry-contact-form textarea {
  border: 1px solid #f0f0f0;
  margin-bottom: 25px;
}
.inquiry-contact-form input::placeholder,
.inquiry-contact-form textarea::placeholder,
.price-contact-form input::placeholder,
.price-contact-form textarea::placeholder {
    color:#676c77;
}
.price-contact-form textarea {
    min-height: 103px;
}
.page-description {
  margin-top: 30px;
}
.page-description .container {
    max-width: 755px;
}
button.button-style-two {
    border: none;
    outline: none;
    min-width: 150px;
    justify-content: center;
}
.why-to-choose-row {
  /*background-image: url('assets/images/why-choose-us.jpg');*/
  background-repeat: no-repeat;
}
.why-to-choose-us {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    padding-bottom:30px;
}
.why-to-choose-us .reason .ricon {
    font-size: 70px;
    text-align: center;
    color:var(--primary-red);
}
.why-to-choose-us .reason .text {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: #fff;
}
.contacts-details {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
}
.contacts-details .contact-element {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contacts-details .contact-element .cicon {
    margin-bottom: 10px;
}
.contacts-details .contact-element .cicon span {
    background: #0c2f1e;
    display: inline-flex;
    color: #b7bf97;
    font-size: 35px;
    padding: 10px;
    border-radius: 50%;
}
.contacts-details .contact-element .cicon span:before {
  color: #b7bf97;
}
.contacts-details .contact-element.openhours .text {
  max-width: 65%;
  text-align: center;
}
.contacts-details .contact-element .title,
.contacts-details .contact-element .text {
    color: #676c77;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px;
}
.contacts-details .contact-element .title {
  color: #6b8b69;
  font-weight: bold;
}
@media(max-width:1199px) {
.primary-menu-section .container {
  position: relative;
}
.page-with-sidebar, .single-service-wrapper,.footer-sections {
   display:block;
}
.services-list {
  grid-template-columns: repeat(2,1fr);
  grid-row-gap: 30px;
}
.vc_empty_space.vc-height-mobile {
    max-height: 30px;
}
.overlay-title.text-center.reviews-section-title .overlay-text,
.overlay-title .overlay-text {
    font-size: 80px;
}
.banner.pattern.offer-banner {
    margin-top: 65px;
    margin-left: 30px;
    margin-bottom: 10px;
}
.banner-inner-wraper .left-img {
  left: -50px;
}
.banner-inner-wraper .left-img img {
  max-width: 240px;
  height: auto;
}
.banner.pattern.offer-banner .banner-inner-wraper .content {
  padding-left: 200px;
  padding-right: 250px;
}
.banner-inner-wraper .right-img {
  top: -50px;
}
.banner-inner-wraper .right-img img {
  max-width: 250px;
  height: auto;
}
.left-domain:before,.right-domain:after {
  display: none;
}
.sidebar.page-sidebar {
  margin-bottom: 30px;
}
.inquiry-contact-form button.button-style-two {
  margin: 0;
}
.pcf-field {
    position: relative;
}
.pcf-field .wpcf7-form-control-wrap {
  position: unset;
}
span.wpcf7-not-valid-tip {
  position: absolute;
  bottom: 0;
  left: 15px;
}
.inquiry-contact-form textarea[aria-invalid="true"],
.inquiry-contact-form input[aria-invalid="true"] {
  border: 1px solid var(--primary-red);
}
.price-contact-form input, .price-contact-form textarea {
 margin-bottom: 25px;
}
}
@media(max-width:1199px) and (min-width:992px) {
section.vc_section.lgrey-right-pattern.left-domain.right-domain .wpb_column.vc_column_container.vc_col-sm-2 {
  display: none;
}
section.vc_section.lgrey-right-pattern.left-domain.right-domain .wpb_column.vc_column_container.vc_col-sm-8 {
  width: 100%;
}
footer {
  padding-top: 20px;
}
.footer-logo-section {
  display: flex;
  column-gap: 30px;
  align-items: center;
  margin-bottom: 10px;
}
.footer-contacts-section .contacts {
    display: flex;
    column-gap: 20px;
}
.services-list {
  grid-template-columns: repeat(3,1fr);
}
.why-to-choose-row {
  background-size: 100% auto;
  margin: 0 !important;
}
}
@media(max-width:1199px) and (min-width:768px) {
.primary-menu-section .container {
  padding:0;
}
.asf-home-intro .container {
  bottom:30px;
}
.asf-home-intro .intro-wrapper .overlay-text {
  font-size: 80px;
  width: 100%;
}
.asf-home-intro .intro-wrapper .desc {
  margin-top: 20px;
}
.asf-home-intro .intro-wrapper {
  max-width: 620px;
  padding-left: 10px;
}
.reviews-section-img:before {
  background-size: cover;
}
}
@media(max-width:991px) {
.left-domain:before {
  left:0;
}
.right-domain:after {
  right:0;
}
.logo {width:100%;padding:7px 0;}
.mobile-menu-container ul {
    margin: 0;
    list-style: none;
    padding: 0 15px;
}
.mobile-menu-container ul > li {
    position: relative;
    transform: translateZ(0);
}
.mobile-menu-container ul li.menu-item-has-children a {
    width: 100%;
    font-family: 'Roboto';
    font-weight: 700;
    position: relative;
}
.mobile-menu-container ul li.menu-item-has-children:before {
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--primary-red);
    font-size: 22px;
}
.mobile-menu-container ul li a {
    color: #cfd2d9;
    text-transform: uppercase;
    padding: 10px 10px 7px 10px;
    line-height: 1;
    display: block;
    border-bottom: 1px solid #363b4d;
}
.mobile-menu-container ul li.menu-item-has-children a span {
    font-size: 7px;
    position: absolute;
    width: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    top:50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
}
.mobile-menu-container ul li.menu-item-has-children > a span:before {
  transform: rotate(0deg);
  -webkit-transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-container ul li.menu-item-has-children.expand-sub-menu > a span:before {
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-container ul li.menu-item-has-children.expand-sub-menu ul {
  display:block;
  -webkit-transition: display 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
  transition: display 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-container ul ul {
  display: none;
  padding: 0;
  -webkit-transition: display 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
  transition: display 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-container ul li.menu-item-has-children > a:before {
    visibility: hidden;
}
.mobile-menu-container ul li.menu-item-has-children ul li a {
    padding: 7px 15px 5px 15px;
    font-weight: 400;
}
.mobile-menu-container ul li:hover > a, .mobile-menu-container ul li.current-menu-item > a {
    color: #fff;
}
.mobile-menu-container {
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 320px;
    width: 100%;
    background: var(--primary-blue);
    transform: translateY(-100%);
    -webkit-transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
    z-index: -1;
}
.mobile-menu-container.show-down{
  transform: translateY(0);
  -webkit-transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.mobile-menu-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width:60px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.mobile-menu-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.menu-hm-lines {
  position: relative;
  display: block;
  width: 30px;
  height: 14px;
}
.menu-hm-lines .menu-hm-line {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: currentColor;
  border-radius: 12px;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}
span.menu-hm-line.menu-line-1 {
    top: -3px;
    width: 18px;
}
span.menu-hm-line.menu-line-2 {
    top: 6px;
}
span.menu-hm-line.menu-line-3 {
    bottom: -5px;
    left: auto;
    right: 0;
    width: 18px;
}
.mobile-menu-button.open-menu span.menu-hm-line.menu-line-3,
.mobile-menu-button.open-menu span.menu-hm-line.menu-line-1 {
    width: 100%;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.menu-contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    column-gap: 10px;
    line-height: 1;
}
.menu-contacts a {
  height: 20px;
  display: flex;
  align-items: center;
  color:#fff;
  transform: translateZ(0);
}
.menu-contacts a span {
  font-size: 20px;
  font-weight: bold;
  color:var(--primary-red);
}
.menu-contacts .phone {
  padding-top: 3px;
}
.menu-contacts .phone span {
    margin-right: 8px;
}
.menu-contacts .facebook span {
    color:var(--primary-red);
}
.menu-contacts .facebook {
    border-left: 1px solid #e01212;
    padding-left: 3px;
}
.footer-contacts-section .contacts {
  display: flex;
  column-gap: 15px;
}
.footer-logo-section {
    margin-bottom: 15px;
}
.full-width-cols .vc_col-sm-6 {
    width: 100%;
}
.vc_empty_space.hide-vc-space {
    display: none;
}
.vc_row.vc_column-gap-30 > .no-padding-md.wpb_column.vc_column_container {
    padding-top:15px;
}
.full-width-cols.contacts-intro {
    padding-top: 30px;
}
.overlay-title.text-center.reviews-section-title .overlay-text, .overlay-title .overlay-text {
    font-size: 64px;
}
.overlay-title.asfaltirane .overlay-text {
  font-size: 84px;
}
.banner.pattern.offer-banner .banner-inner-wraper .content {
  padding-left: 150px;
  padding-right: 15px;
}
.banner-inner-wraper .left-img {
  left: -30px;
}
.banner-inner-wraper .left-img img {
  max-width: 200px;
  height: auto;
}
section.vc_section.faq-section:after,
section.vc_section.faq-section:before,
.banner-inner-wraper .right-img {
  display: none;
}
.banner.pattern.offer-banner {
    margin-top: 30px;
    margin-left: 0;
    margin-bottom: 0;
}
section.vc_section.faq-section .wpb_column.vc_column_container.vc_col-sm-4 {
    display: none;
}
section.vc_section.faq-section .solid-color {
    padding: 0;
}
section.vc_section.faq-section .solid-color.wpb_column.vc_column_container.vc_col-sm-8 {
    width: 100%;
}
.faq-question .question-text {
  font-size:18px;
}
}
@media(max-width:767px) {
.container{
    max-width: 100%;
}
footer {
    padding-top:20px;
}
.asf-home-intro {
  background: none;
}
.asf-home-intro .container .intro-wrapper {
  background: rgb(38 79 54);
  padding:15px;
  padding-right:15px;
}
.asf-home-intro .container .intro-wrapper .sub {
  padding-left: 10px;
}
.asf-home-intro .container .intro-wrapper .sub::before {
  top:0;
  width: 2px;
  height: 18px;
  background: #ea9f21;
}
.asf-home-intro .container .intro-wrapper .contacts .text,
.asf-home-intro .container .intro-wrapper .sub {
  color: #ea9f21;
  font-size: 14px;
}
.asf-home-intro .container .intro-wrapper .contacts .info,
.asf-home-intro .container .intro-wrapper .primary {
  font-size: 20px;
}
.asf-home-intro .container .intro-wrapper .primary::after,
.image-col.wpb_column.vc_column_container.vc_col-sm-6 .vc_empty_space,
.home-about .image-col::after {
  display: none;
}
.asf-home-intro .container .intro-wrapper .contacts {
  padding: 0;
}
.image-col.wpb_column.vc_column_container.vc_col-sm-6 {
  order: -1;
}
.home-intro-box-icons .box-icon {
  max-width: 50%;
}
.overlay-title .primary {
  font-size: 20px;
}
.service-banner {
    margin-left: 0;
}
.service-banner .banner-wraper {
    padding-right: 0;
}
.service-banner .banner-wraper .left-img {
    position: absolute;
    left: 15px;
    top: 10px;
    transform: translateY(-50%);
}
.service-banner .banner-wraper .left-img img {
    width: 90px;
    height: auto;
}
.service-banner .banner-wraper .banner-content {
    display: block;
    align-items: center;
}
.service-banner .banner-wraper .content {
    padding-left: 0;
    width: 100%;
}
.service-banner .banner-wraper .content img {
  text-align: center;
  margin-left: 0;
  max-width: 180px;
  height: auto;
}
.service-banner .banner-wraper .text {
    font-size: 20px;
}
.service-banner .banner-button {
    text-align: center;
    margin-top: 20px;
}
.overlay-title .overlay-text {
    font-size: 65px;
}
.footer-services-section .title {
    padding-left:0;
}
.footer-menus-section {
    margin:30px 0;
    grid-row-gap: 15px;
}
.footer-menus-section {
  grid-template-columns:1fr 1fr;
}
.footer-services-menu-container ul {
    grid-template-columns:1fr;
}
.footer-logo-section .footer-logo {
    text-align: center;
}
.asf-home-intro .intro-wrapper .overlay-text {
  width:100%;
  font-size: 46px;
}
.asf-home-intro .container {
  position: relative;
  top:-100px;
  margin-bottom: -70px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 45px;
}
.asf-home-intro .intro-wrapper .desc {
  margin-top: 10px;
}
.services-list {
  grid-row-gap: 15px;
  grid-column-gap: 15px;
}
section.vc_section.left-domain,
section.vc_section.right-domain {
  overflow: visible;
  padding: 0 7.5px !important;
}
.left-domain:before,
.right-domain:after {
  display:none;
}
.banner.pattern.price-banner {
    margin: 0;
}
.banner.pattern.price-banner .left-img {
    left: -30px;
    top: 30px;
}
.banner.pattern.price-banner .left-img img {
  min-width: auto;
  max-width: 120px;
}
.banner.pattern.price-banner .content {
  padding-left: 60px;
  padding-right: 15px;
  text-align: center;
}
.banner.pattern.price-banner .text {
  font-size: 20px;
  text-align: center;
}
.banner.pattern.price-banner .banner-phone {
  justify-content: center;
}
.banner.pattern.price-banner .right-img {
  display: none;
}
.why-to-choose-row {
  background-size: cover;
}
.why-to-choose-us {
  grid-template-columns: repeat(3,1fr);
  grid-row-gap: 15px;
  padding-bottom: 15px;
}
.why-to-choose-us .reason .ricon {
  font-size: 40px;
}
section.vc_section.faq-section:before,
section.vc_section.unipavaj-section:before,
section.vc_section.unipavaj-section:after,
.traffic-cones-img:after,
.reviews-section-img:before {
  display: none;
}
section.vc_section.unipavaj-section .white-box {
    margin: 0 auto;
    width: calc(100% - 30px);
}
.overlay-title.text-center.unipavaj {
    padding: 10px 0;
}
.reviews-section-bg {
  padding-top: 20px;
}
section.vc_section.faq-section .solid-color {
  padding: 0 7.5px;
}
.faq-question .question-text {
  flex: 1;
  font-size: 16px;
  padding-right: 10px;
}
.reviews-section-bg .overlay-title .primary {
    color: var(--primary-blue) !important;
    font-size: 18px;
}
.footer-contacts-section .contacts {
  display: block;
}
.contacts-details {
  grid-template-columns: repeat(1,1fr);
}
.contacts-details .contact-element {
    display: grid;
    grid-template-areas: "a b c";
    grid-template-columns: auto auto 1fr;
    grid-column-gap: 15px;
    margin-bottom: 15px;
}
.contacts-details .contact-element .cicon {
    grid-area: a;
    margin-bottom: 0;
}
.vc_row.wpb_row.vc_row-fluid.full-width-cols.vc_column-gap-30 {
    margin: 0 auto;
}
.banner.pattern.offer-banner .right-img {
    display: none;
}
section.vc_section.reviews-section-bg.reviews-section-img.vc_custom_1640259767781.vc_section-has-fill {
  z-index: 1;
}
.reviews-section-bg .overlay-title .primary {
  color: #fff !important;
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 0;
}
.reviews-section-img .overlay-title .sub {
  color: #ea9f21;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
}
.reviews-section-img .overlay-title .sub::before {
  background: #ea9f21;
}
section.vc_section.reviews-section-bg.reviews-section-img.vc_custom_1640259767781.vc_section-has-fill::after {
  content: "" !important;
  background-image: url('assets/images/why-choose-us.jpg');
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top:0;
  max-height: 215px;
  width: 100%;
  height: 100%;
}
.traffic-cones-img i {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #525050;
  color: #fff;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.traffic-cones-img i.slick-next.slick-arrow {
  right: 40%;
  transform: rotate(-90deg);
}
.traffic-cones-img i.slick-prev.slick-arrow {
  left: 40%;
  transform: rotate(90deg);
}
section.vc_section.reviews-section-bg .slick-slide {
	margin: 0 15px;
}
section.vc_section.reviews-section-bg .slick-list {
	margin: 0 -15px;
}
section.vc_section.reviews-section-bg .slick-list.draggable {
  padding-top: 100px;
}
section.vc_section.unipavaj-section.vc_custom_1640259439076.vc_section-has-fill {
  padding-top: 0;
}
.reason .count {
  color: #264f36;
}
section.vc_section.unipavaj-section .white-box > .vc_column-inner > .wpb_wrapper .wpb_text_column.wpb_content_element {
  font-size: 18px;
}
.sidebar-banner {
  text-align: center;
}
.services-list .service-box a.see-more {
  transform: scaleY(1);
}
section.vc_section.vc_custom_1640264243521.vc_section-has-fill .vc_row.wpb_row.vc_row-fluid:first-of-type {
  display: none;
}
.vc_row.vc_column-gap-30 > .vc_column_container {
  padding: 0 !important;
}
.contacts-details .contact-element .cicon span {
  font-size: 20px;
}
.contacts-details .contact-element.openhours .text {
  max-width: 80%;
}
}
@media(max-width:600px){
.services-list {
  grid-template-columns:1fr;
  grid-row-gap: 55px;
  margin-bottom: 30px;
}
.services-list .service-box {
  margin: 0 auto;
}
.banner.pattern.offer-banner {
    margin: 0;
    margin-top: 25px;
}
.banner-inner-wraper {
  padding-bottom:15px;
}
.service-banner .banner-wraper .content,
.banner.pattern.offer-banner .banner-inner-wraper .content {
  padding: 0 15px;
  flex: 1;
}
.service-banner .banner-wraper .left-img,
.banner-inner-wraper .left-img {
  top:-30px;
  left: 0;
  max-width: 160px;
  transform: none;
}
.service-banner .banner-wraper .left-img img,
.banner-inner-wraper .left-img img {
  max-width: 100px;
  height: auto;
}
.banner-inner-wraper .content img {
    width: auto;
    height: auto;
    margin-left: 0;
    max-width: 220px;
}
.banner.pattern.offer-banner .banner-inner-wraper .content .text {
  font-size: 26px;
}
.banner.pattern.offer-banner .phone-button {
    display: block;
}
.banner.pattern.offer-banner .phone-button .banner-phone {
    margin-bottom: 15px;
}
.overlay-title.asfaltirane .overlay-text {
    font-size: 42px;
}
.banner.pattern.offer-banner .banner-inner-wraper .content .text {
    font-size: 20px;
    margin-top: 15px;
}
.banner-phone {
    font-size: 24px;
}
.banner-phone span.icon-phone {
    font-size: 30px;
}
}
@media(max-width:575px) {
  .banner.pattern.price-banner .left-img {
      left: 0;
      top: -25px;
  }
  .banner.pattern.price-banner .left-img img {
    max-width: 90px;
  }
  .banner.pattern.price-banner .content {
    padding-left: 15px;
  }
  .banner-inner-wraper .content img {
      width: calc(100% - 80px);
      height: auto;
  }
  .service-gallery[data-columns="3"] {
      grid-template-columns: 1fr;
  }
  .service-gallery img {
      width:auto;
      height:auto;
  }
  .service-gallery a {
      text-align:center;
  }
}
@media(max-width:480px) {
body {
  font-size: 14px;
}
.overlay-title .sub {
  font-size: 16px;
}
.overlay-title .sub::before {
  background: #547454;
  width:2px;
}
.overlay-title .overlay-text {
  top:0;
}
.overlay-title .overlay-text {
    font-size: 50px;
}
.asf-home-intro .container {
  padding: 0 15px;
}
.asf-home-intro .intro-wrapper {
  padding: 15px;
  max-width: 100%;
}
.asf-home-intro .intro-wrapper h1.primary {
  max-width: 100%;
  font-size:22px;
}
.asf-home-intro .intro-wrapper::before {
  transform: none;
}
.asf-home-intro .intro-wrapper span:before {
  font-size: 100px;
}
.asf-home-intro .intro-wrapper span.top:before, .asf-home-intro .intro-wrapper span.top {
  right: 0;
}
.asf-home-intro .intro-wrapper .overlay-text,
.asf-home-intro .intro-wrapper span.bottom:before, .asf-home-intro .intro-wrapper span.bottom {
  left: 0;
}
.asf-home-intro .intro-wrapper .desc {
  text-align: justify;
}
.asf-home-intro .intro-wrapper .overlay-text {
  font-size: 36px;
  padding: 0 15px;
}
.asf-home-intro .container .intro-wrapper .contacts {
  flex-wrap: wrap;
  row-gap: 15px;
  padding:0;
}
.asf-home-intro .container .intro-wrapper .contacts .location, 
.asf-home-intro .container .intro-wrapper .contacts .phone {
  flex: 1 0 auto;
  width:100%;
}
.asf-home-intro .container .intro-wrapper .contacts .phone {
  text-align: left;
}
.asf-home-intro .container .intro-wrapper .contacts .text i {
  font-size: 14px;
}
.home-intro-box-icons .box-icon {
  max-width: 100%;
  width: 100%;
}
.home-intro-box-icons {
  display: flex;
  column-count: 1;
  flex-wrap: wrap;
  row-gap: 30px;
}
.home-intro-box-icons .box-icon:last-of-type .text {
  margin-top: 10px;
}
.reviews-navi .slide {
  width: 30px;
  height: 30px;
  font-size: 12px;
}
.reviews-navi .slide.next span {
  padding-left:4px;
}
.service-gallery a img {
  width: 100%;
  height: auto;
}
.reviews-section-bg .overlay-title .primary {
  font-size: 22px;
}
.reviews-section-img .overlay-title .sub {
  font-size: 16px;
}
.traffic-cones-img i.slick-prev.slick-arrow {
  left: 40%;
}
.traffic-cones-img i.slick-next.slick-arrow {
  right: 40%;
}
.reason .count {
  margin-right:5px;
}
.reason .title {
  font-size: 17px;
}
.footer-menus-section {
  grid-template-columns:1fr;
}
.footer-menus-section ul li a {
  font-size: 16px;
}
}
@media(max-width:400px) {
.service-banner .banner-wraper .text,
.banner.pattern.price-banner .text,
.banner.pattern.offer-banner .banner-inner-wraper .content .text {
  max-width: 275px;
  margin: 20px auto 10px auto;
}
.overlay-title.text-center.unipavaj .overlay-text {
    font-size: 45px;
}
.overlay-title .primary {
  font-size: 22px;
}
.vc_custom_heading {
  font-size: 19px !important;
}
.price-shape {
  font-size:19px;
}
.price-shape span {
  display: block;
  padding-top:3px;
}
.price-shape .top {
  min-height: 32px;
}
.price-shape .bottom {
  height: 24px;
}
.why-to-choose-us {
  grid-template-columns: repeat(1,1fr);
}
.service-banner .banner-wraper .content img,
.banner-inner-wraper .content img {
  margin-left: 80px;
  max-width: 180px;
}
}
@media(max-width:360px) {
.price-shape .bottom {
  top:14px;
}
.contacts-details .contact-element {
  grid-template-areas:
      "a b"
      "a c";
  grid-template-columns: auto 1fr;
}
.vc_row.wpb_row.vc_row-fluid.full-width-cols.vc_column-gap-30 .shadow-light.wpb_column.vc_column_container.vc_col-sm-6 {
    padding: 7.5px;
}
.traffic-cones-img i.slick-prev.slick-arrow {
  left: 37%;
}
.traffic-cones-img i.slick-next.slick-arrow {
  right: 37%;
}
.reason .count {
  margin-right:5px;
}
.reason .title {
  font-size: 17px;
}
}