/*!
Theme Name: iService
Theme URI: https://iservice.rs/
Author: iService
Author URI: https://iservice.rs/
Description: Custom theme for iService
Version: 1.0.17
License: GNU General Public License v2 or later
Text Domain: iservice
Tags: custom-background, custom-logo, custom-menu, featured-images
*/
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* line 1, sass/layout/_header.scss */
#header {
  height: 105px;
  z-index: 50000;
  position: absolute;
  width: 100%;
}
/* line 7, sass/layout/_header.scss */
#header .header-section {
  align-items: center;
  height: 105px;
  border-bottom: 5px solid transparent;
  border-image: url("/wp-content/themes/iservice/img/color-line.svg") 30 round;
  padding: 0;
}
/* line 15, sass/layout/_header.scss */
#header .site-logo, #header .site-navigation, #header .header-socials {
  padding: 0;
}
/* line 21, sass/layout/_header.scss */
#header .site-navigation ul li {
  display: inline;
}
/* line 24, sass/layout/_header.scss */
#header .site-navigation ul li a {
  text-decoration: unset;
  font-weight: 600;
}
/* line 32, sass/layout/_header.scss */
#header .header-socials a {
  color: #000;
  text-decoration: unset;
  padding-left: 30px;
  font-size: 23px;
}

/* line 40, sass/layout/_header.scss */
#header.sticky {
  position: fixed;
  width: 100%;
  height: 105px;
  top: 0;
  z-index: 9999;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
}

/* line 1, sass/layout/_navigation.scss */
#menu-primary-menu {
  margin: 0;
  padding: 0;
  text-align: center;
  /*li:not(:last-of-type){
      a{
          padding-right: 30px;
      }
  }*/
}
/* line 6, sass/layout/_navigation.scss */
#menu-primary-menu li.menu-item-has-children {
  position: relative;
}
/* line 11, sass/layout/_navigation.scss */
#menu-primary-menu li a {
  text-transform: uppercase;
  color: #000;
  font-size: 17px;
  display: inline-block;
  padding: 5px 15px;
}
@media only screen and (min-width: 992px) {
  /* line 22, sass/layout/_navigation.scss */
  #menu-primary-menu .open-submenu {
    display: none;
  }
  /* line 26, sass/layout/_navigation.scss */
  #menu-primary-menu li.menu-item-has-children {
    padding: 20px 0;
  }
  /* line 30, sass/layout/_navigation.scss */
  #menu-primary-menu li.menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  /* line 35, sass/layout/_navigation.scss */
  #menu-primary-menu ul.sub-menu {
    display: none;
    position: absolute;
    text-align: left;
    background: #fff;
    padding: 20px;
    transition-property: transform,opacity;
    will-change: transform,opacity;
    border-radius: 15px;
    min-width: 200px;
    min-height: 72px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin-top: 0;
    width: 210px;
    left: -60px;
    top: 60px;
  }
  /* line 53, sass/layout/_navigation.scss */
  #menu-primary-menu ul.sub-menu li {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
  }
  /* line 59, sass/layout/_navigation.scss */
  #menu-primary-menu ul.sub-menu li a {
    color: #000 !important;
    background-color: unset !important;
    font-weight: 300;
    text-transform: none;
  }
  /* line 67, sass/layout/_navigation.scss */
  #menu-primary-menu ul.sub-menu li:hover > a {
    color: #2680EB !important;
  }
  /* line 72, sass/layout/_navigation.scss */
  #menu-primary-menu ul.sub-menu.second-sub-menu {
    width: 350px;
    left: -120px;
  }
}
/* line 79, sass/layout/_navigation.scss */
#menu-primary-menu li:hover a, #menu-primary-menu li.current_page_item a, #menu-primary-menu li.current_page_parent a {
  text-decoration: unset;
  background: #7B818A;
  color: #fff;
  border-radius: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 2, sass/layout/_footer.scss */
body.home #footer {
  background-color: #fff;
}

/* line 7, sass/layout/_footer.scss */
#footer {
  background-color: #F7F7F7;
}
/* line 10, sass/layout/_footer.scss */
#footer .footer-container {
  align-items: center;
  display: grid;
  align-content: center;
  padding-top: 90px;
  padding-bottom: 120px;
  border-top: 5px solid transparent;
  border-image: url("/wp-content/themes/iservice/img/color-line.svg") 30 round;
  color: #000;
  font-size: 16px;
}
/* line 24, sass/layout/_footer.scss */
#footer .footer-container .footer-company .footer-logo {
  margin-bottom: 30px;
}
/* line 28, sass/layout/_footer.scss */
#footer .footer-container .footer-company .footer-about {
  width: 70%;
}
/* line 30, sass/layout/_footer.scss */
#footer .footer-container .footer-company .footer-about p {
  line-height: 30px;
}
/* line 38, sass/layout/_footer.scss */
#footer .footer-container .footer-info h4 {
  margin-bottom: 45px;
  text-transform: uppercase;
  color: #000;
  font-size: 15px;
  line-height: 30px;
  height: 30px;
}
/* line 48, sass/layout/_footer.scss */
#footer .footer-container .footer-info .footer-info-text {
  height: 160px;
}
/* line 51, sass/layout/_footer.scss */
#footer .footer-container .footer-info .footer-info-text a {
  color: #000;
  text-decoration: unset;
}
/* line 61, sass/layout/_footer.scss */
#footer .footer-container .footer-socials {
  text-align: center;
}
/* line 65, sass/layout/_footer.scss */
#footer .footer-container .footer-socials ul li {
  display: block;
  margin-bottom: 40px;
}
/* line 69, sass/layout/_footer.scss */
#footer .footer-container .footer-socials ul li a {
  color: #000;
  text-decoration: unset;
  font-size: 23px;
  font-weight: 300;
}

/* line 81, sass/layout/_footer.scss */
.contact-sticky {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #7B818A;
  border-radius: 15px;
  border-bottom-right-radius: 0;
  cursor: pointer;
  z-index: 1000;
  /*.sticky-content:hover .sticky-text{
      display: inline-block;
  }*/
}
/* line 91, sass/layout/_footer.scss */
.contact-sticky .sticky-content {
  display: block;
  padding: 10px;
}
/* line 95, sass/layout/_footer.scss */
.contact-sticky .sticky-content .sticky-text {
  display: none;
  vertical-align: middle;
  color: #fff;
  /*padding: 10px;*/
}
/* line 101, sass/layout/_footer.scss */
.contact-sticky .sticky-content .sticky-text a {
  color: #fff;
  text-decoration: unset;
}
/* line 106, sass/layout/_footer.scss */
.contact-sticky .sticky-content .sticky-text p {
  margin: 0;
}
/* line 110, sass/layout/_footer.scss */
.contact-sticky .sticky-content .sticky-text p.phone {
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
}

/* line 1, sass/layout/_main.scss */
body {
  font-family: "Lexend", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 30px;
  color: #000;
}

/* line 11, sass/layout/_main.scss */
.spec-bckg {
  background-color: #ECECEC;
  position: relative;
  top: -140px;
  background-image: linear-gradient(top, #fff 0%, #eee 400px);
  background-image: -moz-linear-gradient(top, #fff 0%, #eee 400px);
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 400px);
}

/* line 20, sass/layout/_main.scss */
h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
}

/* line 26, sass/layout/_main.scss */
h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

/* line 32, sass/layout/_main.scss */
h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 45px;
}

/* line 38, sass/layout/_main.scss */
h4 {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
}

/* line 44, sass/layout/_main.scss */
h5 {
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
}

/* line 50, sass/layout/_main.scss */
.bttn {
  width: 220px;
  height: 70px;
  text-transform: uppercase;
  text-decoration: unset;
  display: grid;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.5s;
}

/* line 64, sass/layout/_main.scss */
.grey-bttn {
  background: #707070;
  color: #fff;
}

/* line 69, sass/layout/_main.scss */
.grey-bttn:hover {
  background: #2680EB;
  text-decoration: unset;
  color: #fff;
}

/* line 75, sass/layout/_main.scss */
a.blue-button {
  background-color: #2680EB;
  color: #fff;
  text-decoration: unset;
  text-transform: uppercase;
}

/* line 82, sass/layout/_main.scss */
a.blue-button:hover {
  background-color: #000;
  color: #fff;
}

/* line 87, sass/layout/_main.scss */
.white-bttn {
  color: #000;
  background-color: #fff;
}

/* line 92, sass/layout/_main.scss */
.white-bttn:hover {
  background: #000;
  text-decoration: unset;
  color: #fff;
}

/* line 98, sass/layout/_main.scss */
.fa-instagram:hover {
  color: #FFD427 !important;
}

/* line 102, sass/layout/_main.scss */
.fa-youtube:hover {
  color: #F55440 !important;
}

/* line 106, sass/layout/_main.scss */
.fa-facebook:hover {
  color: #2680EB !important;
}

/* line 110, sass/layout/_main.scss */
.slick-arrow {
  display: none !important;
}

/* line 114, sass/layout/_main.scss */
.slick-dots {
  bottom: unset;
  margin-top: 30px;
  z-index: 500;
}
/* line 119, sass/layout/_main.scss */
.slick-dots li {
  margin: 0 20px;
}
/* line 122, sass/layout/_main.scss */
.slick-dots li button {
  font-size: 20px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  opacity: 1;
}
/* line 134, sass/layout/_main.scss */
.slick-dots li button::before {
  /*content: unset;*/
  color: transparent !important;
}
/* line 141, sass/layout/_main.scss */
.slick-dots li.slick-active button {
  background-color: #000;
}

@media (min-width: 1800px) {
  /* line 149, sass/layout/_main.scss */
  .container {
    max-width: 1366px !important;
  }
}
/* line 154, sass/layout/_main.scss */
.border-spec-bottom:after {
  display: block;
  clear: both;
  content: "";
  width: 80%;
  border-bottom: 5px solid;
  margin: 0 auto;
  position: absolute;
  bottom: -2.5px;
  left: 10%;
  border-radius: 15px;
}

/* line 167, sass/layout/_main.scss */
.lightboxOverlay {
  z-index: 99999;
}

/* line 171, sass/layout/_main.scss */
.lightbox {
  z-index: 100000;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/* line 1, sass/pages/_pages.scss */
#heading {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
/* line 8, sass/pages/_pages.scss */
#heading .container {
  padding: 0;
  position: relative;
  z-index: 500;
}
/* line 14, sass/pages/_pages.scss */
#heading .heading-gradient {
  background-image: url("/wp-content/themes/iservice/img/header-gradient.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 500px;
  position: absolute;
  width: 100%;
}
/* line 23, sass/pages/_pages.scss */
#heading .section-heading {
  height: 500px;
  width: 100%;
  align-items: center;
  padding-top: 130px;
}
/* line 29, sass/pages/_pages.scss */
#heading .section-heading .heading-text {
  border-left: 20px solid #000;
  padding-left: 90px;
  height: 237px;
  position: relative;
  /*flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  display: flex;*/
}
/* line 39, sass/pages/_pages.scss */
#heading .section-heading .heading-text h4 {
  position: absolute;
  bottom: 0;
  line-height: 30px;
  margin: 0;
}
/* line 46, sass/pages/_pages.scss */
#heading .section-heading .heading-text h1 {
  width: 70%;
  font-weight: 600;
  line-height: 70px;
}

/* line 57, sass/pages/_pages.scss */
body:not(.home) #heading .heading-text {
  border-left: 20px solid #000;
  padding-left: 90px;
  /*height: 237px;
  position: relative;*/
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
/* line 67, sass/pages/_pages.scss */
body:not(.home) #heading .heading-text h1 {
  width: 100%;
  line-height: 80px;
}
/* line 72, sass/pages/_pages.scss */
body:not(.home) #heading .heading-text h4 {
  position: relative;
  line-height: 55px;
}

/* line 79, sass/pages/_pages.scss */
body.home #heading,
body.page-template-page-services #heading,
body.page-template-page-contact #heading {
  height: 750px;
}
/* line 84, sass/pages/_pages.scss */
body.home #heading .heading-gradient,
body.page-template-page-services #heading .heading-gradient,
body.page-template-page-contact #heading .heading-gradient {
  height: 750px;
}
/* line 88, sass/pages/_pages.scss */
body.home #heading .section-heading,
body.page-template-page-services #heading .section-heading,
body.page-template-page-contact #heading .section-heading {
  height: 750px;
  padding-top: 0;
}

/* line 94, sass/pages/_pages.scss */
#about {
  position: relative;
  bottom: 115px;
}
/* line 98, sass/pages/_pages.scss */
#about .container {
  padding: 0 !important;
}
/* line 102, sass/pages/_pages.scss */
#about .about-card {
  background: #fff;
  border-radius: 15px;
  height: 370px;
  margin-bottom: 30px;
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: flex;
  -webkit-box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
}
/* line 115, sass/pages/_pages.scss */
#about .about-card img {
  height: 60px;
  margin: 0 auto;
}
/* line 120, sass/pages/_pages.scss */
#about .about-card span {
  width: 80%;
  margin: 0 auto;
}

/* line 128, sass/pages/_pages.scss */
#services {
  margin-bottom: 150px;
  padding-top: 140px;
  /*.service-card:hover > .service-info {
      display: block;
  }*/
}
/* line 132, sass/pages/_pages.scss */
#services .container {
  padding: 0;
}
/* line 136, sass/pages/_pages.scss */
#services .spec-gradient {
  width: 100%;
  height: 310px;
  position: absolute;
  top: 0px;
  background-image: url("/wp-content/themes/iservice/img/header-gradient.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}
/* line 148, sass/pages/_pages.scss */
#services h2 {
  margin-bottom: 70px;
  line-height: 70px;
  font-weight: 600;
  z-index: 15;
  position: relative;
}
/* line 156, sass/pages/_pages.scss */
#services .service-block {
  padding: 0 10px !important;
  margin-bottom: 22px;
}
/* line 162, sass/pages/_pages.scss */
#services .service-card {
  background: #fff;
  border-radius: 15px;
  height: 150px;
  align-items: center;
  padding: 0 40px;
  cursor: pointer;
  position: relative;
}
/* line 171, sass/pages/_pages.scss */
#services .service-card .service-icon {
  padding: 0;
  width: 80px;
  height: 80px;
  background-color: #000;
  mask-size: contain !important;
}
/* line 179, sass/pages/_pages.scss */
#services .service-card .service-icon img {
  max-width: 100%;
}
/* line 184, sass/pages/_pages.scss */
#services .service-card .service-arrow {
  padding: 0;
  text-align: right;
}
/* line 190, sass/pages/_pages.scss */
#services .service-info {
  background-color: #fff;
  padding: 25px 40px;
  position: absolute;
  top: 140px;
  z-index: 5;
  text-align: left;
  width: 100%;
  display: none;
  left: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
/* line 206, sass/pages/_pages.scss */
#services .service-info a {
  font-size: 22px;
  line-height: 55px;
  margin: 0;
  color: #000;
}
/* line 213, sass/pages/_pages.scss */
#services .service-info a:hover {
  color: #2680EB;
  text-decoration: unset;
  cursor: pointer;
}
/* line 219, sass/pages/_pages.scss */
#services .service-info p {
  margin: 0;
}
/* line 228, sass/pages/_pages.scss */
#services .service-card.box-shadow-spec {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 235, sass/pages/_pages.scss */
#services .service-card.box-shadow-spec .service-icon {
  background-color: #2680EB;
}
/* line 238, sass/pages/_pages.scss */
#services .service-card.box-shadow-spec .service-title h4, #services .service-card.box-shadow-spec .service-arrow i {
  color: #2680EB !important;
}
/* line 243, sass/pages/_pages.scss */
#services .service-card:hover > .service-icon {
  background-color: #2680EB;
}
/* line 247, sass/pages/_pages.scss */
#services .service-card:hover > .service-title h4 {
  color: #2680EB;
}
/* line 251, sass/pages/_pages.scss */
#services .service-card:hover > .service-arrow i {
  color: #2680EB !important;
}

/* line 257, sass/pages/_pages.scss */
#instagram {
  background-image: url(/wp-content/themes/iservice/img/instagram-bckg.webp);
  height: 460px;
  margin: 300px 0 200px 0;
}
/* line 262, sass/pages/_pages.scss */
#instagram .image-mobile {
  display: none;
}
/* line 266, sass/pages/_pages.scss */
#instagram .image-desktop {
  display: block;
}
/* line 270, sass/pages/_pages.scss */
#instagram .instagram-image {
  position: relative;
  height: 460px;
}
/* line 274, sass/pages/_pages.scss */
#instagram .instagram-image img {
  position: absolute;
  bottom: 0;
}
/* line 280, sass/pages/_pages.scss */
#instagram .instagram-content {
  height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
/* line 287, sass/pages/_pages.scss */
#instagram .instagram-content h2, #instagram .instagram-content span {
  margin-bottom: 20px;
}

/* line 293, sass/pages/_pages.scss */
#contact {
  margin-top: 407px;
  height: 315px;
}
/* line 297, sass/pages/_pages.scss */
#contact .container {
  padding: 0;
}
/* line 301, sass/pages/_pages.scss */
#contact .contact-section {
  /*background-image: url(/wp-content/themes/iservice/img/homepage-img-1.jpg);*/
  height: 514px;
  border-radius: 15px;
  position: relative;
  bottom: 257px;
}
/* line 308, sass/pages/_pages.scss */
#contact .contact-section h2 {
  position: relative;
  top: 120px;
  color: #fff;
  width: 60%;
  margin: 0 auto;
  font-weight: 600;
}
/* line 317, sass/pages/_pages.scss */
#contact .contact-section a {
  position: relative;
  top: 180px;
  margin: 0 auto;
}
/* line 324, sass/pages/_pages.scss */
#contact .contact-additional-section {
  background: #fff;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 90%;
  height: 110px;
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  bottom: 314px;
  position: relative;
}
/* line 339, sass/pages/_pages.scss */
#contact .contact-additional-section img.upozorenje {
  margin-left: 50px;
}
/* line 343, sass/pages/_pages.scss */
#contact .contact-additional-section img.brza-posta {
  margin-right: 50px;
}
/* line 347, sass/pages/_pages.scss */
#contact .contact-additional-section h4 {
  margin: 0 auto;
}

/* line 356, sass/pages/_pages.scss */
#contact-box .container {
  padding: 0;
}
/* line 360, sass/pages/_pages.scss */
#contact-box .contact-service {
  position: relative;
  bottom: 45px;
}
/* line 364, sass/pages/_pages.scss */
#contact-box .contact-service .contact-left {
  padding-right: 10px;
  display: flex;
  /*.contact-card{
      background-image: url(/wp-content/themes/iservice/img/img-poslovna-saradnja.jpg);
  }*/
}
/* line 373, sass/pages/_pages.scss */
#contact-box .contact-service .contact-right {
  padding-left: 10px;
  display: flex;
  /*.contact-card{
      background-image: url(/wp-content/themes/iservice/img/img-korporativno-odrzavanje.jpg);
  }*/
}
/* line 382, sass/pages/_pages.scss */
#contact-box .contact-service .contact-card {
  /*border: 2px solid #7B818A;*/
  padding: 65px;
  border-radius: 15px;
  height: auto;
  flex: 1;
  position: relative;
  background-size: cover;
  background-position: center;
}
/* line 392, sass/pages/_pages.scss */
#contact-box .contact-service .contact-card h4 {
  margin-bottom: 20px;
  z-index: 5;
  position: relative;
}
/* line 398, sass/pages/_pages.scss */
#contact-box .contact-service .contact-card p {
  margin-bottom: 50px;
  z-index: 5;
  position: relative;
  /*min-height: 360px;*/
}
/* line 405, sass/pages/_pages.scss */
#contact-box .contact-service .contact-card a {
  text-align: right;
  margin-left: auto;
  z-index: 5;
  position: relative;
}
/* line 412, sass/pages/_pages.scss */
#contact-box .contact-service .contact-card img {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  z-index: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

/* line 427, sass/pages/_pages.scss */
#info {
  padding-top: 130px;
}
/* line 430, sass/pages/_pages.scss */
#info .container {
  padding: 0;
}
/* line 434, sass/pages/_pages.scss */
#info .info-section {
  justify-content: center;
  align-content: center;
  display: grid;
  padding: 0;
}
/* line 440, sass/pages/_pages.scss */
#info .info-section .info-text {
  padding-left: 50px;
}
/* line 443, sass/pages/_pages.scss */
#info .info-section .info-text h2 {
  line-height: 65px;
  font-weight: 600;
  margin-bottom: 35px;
}
/* line 453, sass/pages/_pages.scss */
#info .gallery-section .info-slider {
  text-align: right;
  display: flex;
  justify-content: right;
}
/* line 458, sass/pages/_pages.scss */
#info .gallery-section .info-slider .items {
  width: 90%;
  margin: 0;
}
/* line 463, sass/pages/_pages.scss */
#info .gallery-section .info-slider .slick-slide {
  margin: 10px;
  margin-right: 0;
}
/* line 467, sass/pages/_pages.scss */
#info .gallery-section .info-slider .slick-slide img {
  border-radius: 15px;
  width: 100%;
  border: 0px solid #fff;
  height: auto;
  max-width: 100%;
}

/* line 484, sass/pages/_pages.scss */
#webshop {
  background-image: url(/wp-content/themes/iservice/img/homepage-img-3.webp);
  height: 814px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: flex;
}
/* line 495, sass/pages/_pages.scss */
#webshop .webshop-section {
  position: relative;
  width: 40%;
  margin: auto;
}
/* line 500, sass/pages/_pages.scss */
#webshop .webshop-section span {
  text-transform: uppercase;
  width: 130px;
  border-radius: 40px;
  color: #000;
  border: 2px solid #000;
  position: relative;
  display: block;
  margin: auto;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
}
/* line 515, sass/pages/_pages.scss */
#webshop .webshop-section h3 {
  margin-top: 45px;
}
/* line 519, sass/pages/_pages.scss */
#webshop .webshop-section p {
  margin-top: 30px;
}

/* line 1, sass/pages/_about.scss */
.about-section {
  padding: 135px 0;
}
/* line 5, sass/pages/_about.scss */
.about-section .about-section-0 {
  display: flex;
  padding-bottom: 135px;
}
/* line 8, sass/pages/_about.scss */
.about-section .about-section-0 .about-section-0-text {
  align-content: center;
}
/* line 10, sass/pages/_about.scss */
.about-section .about-section-0 .about-section-0-text .about-text {
  padding-left: 58px;
}
/* line 13, sass/pages/_about.scss */
.about-section .about-section-0 .about-section-0-text .about-text h4 {
  margin-bottom: 48px;
}
/* line 20, sass/pages/_about.scss */
.about-section .about-section-0 .about-image img {
  max-width: 100%;
  border-radius: 15px;
  height: auto;
}
/* line 29, sass/pages/_about.scss */
.about-section .about-section-1 {
  display: flex;
}
/* line 35, sass/pages/_about.scss */
.about-section .about-section-1 .about-section-1-image .about-image img {
  max-width: 100%;
  border-radius: 15px;
  height: auto;
}
/* line 43, sass/pages/_about.scss */
.about-section .about-section-1 .about-section-1-text {
  align-content: center;
}
/* line 46, sass/pages/_about.scss */
.about-section .about-section-1 .about-section-1-text .about-text {
  padding-right: 58px;
}
/* line 48, sass/pages/_about.scss */
.about-section .about-section-1 .about-section-1-text .about-text p {
  margin-bottom: 48px;
}

/* line 57, sass/pages/_about.scss */
.about-slider {
  padding-bottom: 135px;
}
/* line 59, sass/pages/_about.scss */
.about-slider .slider-images {
  padding: 0;
}
/* line 62, sass/pages/_about.scss */
.about-slider .slider-images img {
  width: 100%;
  border-radius: 15px;
  height: auto;
}

/* line 1, sass/pages/_service.scss */
.service-section {
  padding: 168px 0;
}
/* line 4, sass/pages/_service.scss */
.service-section .container {
  padding: 0;
}
/* line 9, sass/pages/_service.scss */
.service-section .service-line .service-text {
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  display: flex;
  height: 100%;
}
/* line 16, sass/pages/_service.scss */
.service-section .service-line .service-text h4 {
  margin-bottom: 50px;
}
/* line 22, sass/pages/_service.scss */
.service-section .service-line .service-image img {
  max-width: 100%;
  border-radius: 15px;
  height: auto;
}
/* line 31, sass/pages/_service.scss */
.service-section .service-line.ser-text-right .service-text {
  padding-left: 56px;
}
/* line 36, sass/pages/_service.scss */
.service-section .service-line.ser-text-left .service-text {
  padding-right: 56px;
}
/* line 42, sass/pages/_service.scss */
.service-section .service-line:not(:last-of-type) {
  padding-bottom: 100px;
}

/* line 48, sass/pages/_service.scss */
#services-list {
  position: relative;
  bottom: 109px;
  margin-bottom: 92px;
  z-index: 999;
}
/* line 55, sass/pages/_service.scss */
#services-list .container {
  padding: 0;
}
/* line 59, sass/pages/_service.scss */
#services-list a {
  color: #000;
  text-decoration: unset;
}
/* line 64, sass/pages/_service.scss */
#services-list .service-card {
  background: #fff;
  cursor: pointer;
  border-radius: 15px;
  height: 442px;
  margin-bottom: 30px;
  flex-direction: column;
  justify-content: center;
  display: flex;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}
/* line 78, sass/pages/_service.scss */
#services-list .service-card .service-icon {
  background-color: #000;
  width: 220px;
  height: 220px;
  text-align: center;
  margin: 0 auto;
}
/* line 86, sass/pages/_service.scss */
#services-list .service-card h4 {
  width: 80%;
  margin: 0 auto;
  line-height: 45px;
}
/* line 93, sass/pages/_service.scss */
#services-list .service-card:hover {
  background-color: #7B818A;
}
/* line 96, sass/pages/_service.scss */
#services-list .service-card:hover .service-icon {
  background-color: #fff;
}
/* line 100, sass/pages/_service.scss */
#services-list .service-card:hover h4 {
  color: #fff;
}

/* line 1, sass/pages/_gallery.scss */
#gallery-page {
  padding: 160px 0 166px 0;
}
/* line 4, sass/pages/_gallery.scss */
#gallery-page .gallery-row {
  display: flex;
  width: 100%;
}
/* line 8, sass/pages/_gallery.scss */
#gallery-page .gallery-row .gallery-image {
  height: 400px;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 16, sass/pages/_gallery.scss */
#gallery-page .gallery-row:not(:last-child) {
  margin-bottom: 30px;
}

/* line 1, sass/pages/_blog.scss */
#blog-list {
  padding-top: 160px;
}
/* line 4, sass/pages/_blog.scss */
#blog-list .blog-card {
  height: auto;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin-bottom: 100px;
}
/* line 12, sass/pages/_blog.scss */
#blog-list .blog-card .blog-text {
  padding: 76px 100px 76px 80px;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
/* line 19, sass/pages/_blog.scss */
#blog-list .blog-card .blog-text .blog-date, #blog-list .blog-card .blog-text .blog-title-excerpt {
  flex: auto;
}
/* line 24, sass/pages/_blog.scss */
#blog-list .blog-card .blog-text .blog-title-excerpt h4 {
  margin-bottom: 35px;
}
/* line 30, sass/pages/_blog.scss */
#blog-list .blog-card .blog-image {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
/* line 34, sass/pages/_blog.scss */
#blog-list .blog-card .blog-image img {
  max-width: 100%;
  height: 100%;
  width: 100%;
}
/* line 42, sass/pages/_blog.scss */
#blog-list .soon-more {
  margin-top: 100px;
  margin-bottom: 120px;
  text-align: center;
}

/* line 50, sass/pages/_blog.scss */
#single-post {
  padding-top: 85px;
  padding-bottom: 85px;
}
/* line 54, sass/pages/_blog.scss */
#single-post p.post-author {
  color: #7B818A;
  font-size: 20px;
  line-height: 35px;
}
/* line 60, sass/pages/_blog.scss */
#single-post p {
  font-size: 18px;
  line-height: 30px;
}
/* line 65, sass/pages/_blog.scss */
#single-post p, #single-post h1, #single-post h2, #single-post h3, #single-post h4, #single-post h5, #single-post span {
  margin-bottom: 35px;
  font-weight: 300;
}

/* line 2, sass/pages/_contact.scss */
#contact-page .container {
  padding: 0;
}
/* line 6, sass/pages/_contact.scss */
#contact-page a.how-to {
  visibility: hidden;
}
/* line 9, sass/pages/_contact.scss */
#contact-page .contact-blocks {
  position: relative;
  bottom: 81px;
}
/* line 13, sass/pages/_contact.scss */
#contact-page .contact-blocks .d-table {
  z-index: 600;
}
/* line 17, sass/pages/_contact.scss */
#contact-page .contact-blocks a span, #contact-page .contact-blocks a i, #contact-page .contact-blocks a:hover span, #contact-page .contact-blocks a:hover > i::before {
  color: black;
  text-decoration: none !important;
}
/* line 22, sass/pages/_contact.scss */
#contact-page .contact-blocks a {
  text-decoration: none !important;
}
/* line 27, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block {
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  height: 162px;
  padding: 0 3%;
  border-radius: 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}
/* line 41, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block img, #contact-page .contact-blocks .contact-block i {
  margin: 0 auto;
  display: block;
}
/* line 48, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block a:hover .instagram-icon i {
  color: #000 !important;
}
/* line 54, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block .instagram-icon {
  height: 80px;
}
/* line 56, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block .instagram-icon i {
  font-size: 60px;
  -webkit-text-stroke: 1px white;
}
/* line 60, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block .instagram-icon i:hover {
  color: unset !important;
}
/* line 65, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block span {
  /*padding-left: 30px;*/
  text-align: left;
}
/* line 70, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block .location-text {
  display: inline-block;
  vertical-align: middle;
}
/* line 74, sass/pages/_contact.scss */
#contact-page .contact-blocks .contact-block .location-text span {
  width: 100%;
  display: block;
}
/* line 82, sass/pages/_contact.scss */
#contact-page .contact-map {
  margin-top: -14px;
  margin-bottom: 90px;
}
/* line 85, sass/pages/_contact.scss */
#contact-page .contact-map iframe {
  width: 100%;
  border-radius: 15px;
}

/* line 1, sass/pages/_404.scss */
body.error404 {
  background-color: #f7f7f7;
}
/* line 4, sass/pages/_404.scss */
body.error404 #header, body.error404 footer {
  display: none;
}
/* line 10, sass/pages/_404.scss */
body.error404 .page404-content .logo-404 {
  position: absolute;
  top: -70%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 180px;
  height: 55px;
}
/* line 21, sass/pages/_404.scss */
body.error404 .page404-content .box-404 {
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background-color: #fff;
  width: 550px;
  height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 36, sass/pages/_404.scss */
body.error404 .page404-content .box-404 .box-top {
  border-bottom: 1px solid #d1d1d1;
  height: 250px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* line 44, sass/pages/_404.scss */
body.error404 .page404-content .box-404 .box-bottom {
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}
/* line 50, sass/pages/_404.scss */
body.error404 .page404-content .box-404 .box-bottom a {
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: unset;
}

/* line 2, sass/pages/_b2b.scss */
#b2b-section .container {
  padding: 0;
}
/* line 6, sass/pages/_b2b.scss */
#b2b-section .b2b-line {
  padding: 100px 0;
  margin: 0;
}
/* line 11, sass/pages/_b2b.scss */
#b2b-section .b2b-line .b2b-section-text {
  padding-left: 43px;
  padding-right: 0;
}
/* line 18, sass/pages/_b2b.scss */
#b2b-section .b2b-line .b2b-section-text .b2b-text {
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  display: flex;
  height: 100%;
}
/* line 25, sass/pages/_b2b.scss */
#b2b-section .b2b-line .b2b-section-text .b2b-text h4 {
  margin-bottom: 50px;
}
/* line 32, sass/pages/_b2b.scss */
#b2b-section .b2b-line .b2b-section-image {
  padding-left: 0;
  float: left;
  padding-right: 43px;
}
/* line 38, sass/pages/_b2b.scss */
#b2b-section .b2b-line .b2b-section-image .b2b-image img {
  max-width: 100%;
  border-radius: 15px;
}
/* line 48, sass/pages/_b2b.scss */
#b2b-section .offer {
  background-color: #ECECEC;
  position: relative;
  background-image: linear-gradient(top, #fff 0%, #eee 400px);
  background-image: -moz-linear-gradient(top, #fff 0%, #eee 400px);
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 400px);
  margin-bottom: 140px;
}
/* line 57, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards {
  position: relative;
  top: 140px;
}
/* line 61, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card {
  margin: 0 auto;
}
/* line 64, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card .b2b-card {
  background: #fff;
  border-radius: 15px;
  margin-bottom: 30px;
  flex-direction: column;
  min-height: 470px;
  justify-content: center;
  position: relative;
  /*display: flex;*/
  -webkit-box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  padding-bottom: 30px;
  z-index: 3;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 82, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card .b2b-card h1 {
  font-weight: 300;
  line-height: 80px;
  padding-top: 60px;
  padding-bottom: 15px;
  margin: 0;
}
/* line 90, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card .b2b-card h4 {
  padding-bottom: 30px;
  margin: 0;
}
/* line 95, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card .b2b-card span {
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  display: block;
}
/* line 107, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card:nth-of-type(4) {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 112, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card:nth-of-type(5) {
  margin-left: 0;
  margin-bottom: 0;
}
/* line 117, sass/pages/_b2b.scss */
#b2b-section .offer .offer-cards .offer-card:nth-of-type(6) {
  margin-bottom: 0;
}
/* line 127, sass/pages/_b2b.scss */
#b2b-section .saradnja {
  padding-bottom: 125px;
}
/* line 130, sass/pages/_b2b.scss */
#b2b-section .saradnja .saradnja-content {
  width: 70%;
  margin: 0 auto;
}
/* line 134, sass/pages/_b2b.scss */
#b2b-section .saradnja .saradnja-content img {
  padding-bottom: 45px;
  width: 90px;
  height: auto;
}
/* line 140, sass/pages/_b2b.scss */
#b2b-section .saradnja .saradnja-content h4 {
  margin: 0;
  padding-bottom: 15px;
}
/* line 145, sass/pages/_b2b.scss */
#b2b-section .saradnja .saradnja-content span {
  padding-bottom: 50px;
}
/* line 149, sass/pages/_b2b.scss */
#b2b-section .saradnja .saradnja-content a {
  margin: 0 auto;
  margin-top: 50px;
}
/* line 156, sass/pages/_b2b.scss */
#b2b-section .saradnja.padding-top {
  padding-top: 125px;
}
/* line 161, sass/pages/_b2b.scss */
#b2b-section .partnerstvo {
  padding: 125px 0;
  background-image: url(/wp-content/themes/iservice/img/partner-bckg.jpg);
  position: relative;
  top: -140px;
  z-index: 2;
  padding-top: 265px;
}
/* line 169, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content {
  width: 70%;
  margin: 0 auto;
}
/* line 174, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content h2 {
  line-height: 70px;
  margin: 0;
  padding-bottom: 70px;
}
/* line 180, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card:nth-of-type(1), #b2b-section .partnerstvo .partnerstvo-content .partner-card:nth-of-type(2) {
  margin-bottom: 80px;
}
/* line 185, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card img {
  margin-bottom: 20px;
}
/* line 189, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card h4 {
  margin: 0;
  margin-bottom: 20px;
}
/* line 194, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card span {
  display: inline-block;
}
/* line 199, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card:nth-child(odd) {
  padding-left: 0;
}
/* line 202, sass/pages/_b2b.scss */
#b2b-section .partnerstvo .partnerstvo-content .partner-card:nth-child(even) {
  padding-right: 0;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 5, sass/responsive/_general.scss */
  #header #menu-primary-menu li a {
    font-size: 14px;
    padding: 5px 10px;
  }
  /* line 13, sass/responsive/_general.scss */
  #header .header-socials a {
    padding-left: 27px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 22, sass/responsive/_general.scss */
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* line 28, sass/responsive/_general.scss */
  #header, #header.sticky {
    height: 80px;
  }
  /* line 31, sass/responsive/_general.scss */
  #header .header-section, #header.sticky .header-section {
    height: 80px;
  }

  /* line 36, sass/responsive/_general.scss */
  i.open-submenu {
    display: inline;
    cursor: pointer;
    font-size: 25px;
    position: relative;
    top: 1px;
    -webkit-text-stroke: 1px white;
  }

  /* line 46, sass/responsive/_general.scss */
  #header ul.sub-menu {
    padding: 30px 0;
  }
  /* line 49, sass/responsive/_general.scss */
  #header ul.sub-menu li {
    margin-bottom: 0px;
  }
  /* line 51, sass/responsive/_general.scss */
  #header ul.sub-menu li a {
    color: #000 !important;
    background-color: unset !important;
    font-weight: 300;
    text-transform: none;
    padding: 5px;
  }
  /* line 60, sass/responsive/_general.scss */
  #header ul.sub-menu li:hover > a {
    color: #2680EB !important;
  }
  /* line 66, sass/responsive/_general.scss */
  #header li a {
    font-weight: 300;
  }
  /* line 71, sass/responsive/_general.scss */
  #header #menu-primary-menu {
    padding-bottom: 20px;
  }

  /* line 77, sass/responsive/_general.scss */
  #heading .section-heading {
    padding-top: 100px;
  }
  /* line 79, sass/responsive/_general.scss */
  #heading .section-heading .heading-text {
    height: 130px !important;
  }
  /* line 82, sass/responsive/_general.scss */
  #heading .section-heading .heading-text h1 {
    width: 90% !important;
    font-size: 29px !important;
    line-height: 25px !important;
  }

  /* line 93, sass/responsive/_general.scss */
  #heading {
    height: 350px;
  }
  /* line 95, sass/responsive/_general.scss */
  #heading .heading-gradient {
    height: 350px;
  }
  /* line 99, sass/responsive/_general.scss */
  #heading .section-heading {
    height: 350px;
  }

  /* line 106, sass/responsive/_general.scss */
  body.home #heading,
  body.page-template-page-services #heading,
  body.page-template-page-contact #heading {
    height: 500px;
  }
  /* line 111, sass/responsive/_general.scss */
  body.home #heading .heading-gradient,
  body.page-template-page-services #heading .heading-gradient,
  body.page-template-page-contact #heading .heading-gradient {
    height: 500px;
  }
  /* line 115, sass/responsive/_general.scss */
  body.home #heading .section-heading,
  body.page-template-page-services #heading .section-heading,
  body.page-template-page-contact #heading .section-heading {
    height: 500px;
    padding-top: 0;
  }

  /* line 121, sass/responsive/_general.scss */
  #about {
    bottom: 50px;
  }

  /* line 125, sass/responsive/_general.scss */
  .contact-sticky {
    top: unset;
    bottom: 15px;
    width: 80px;
    height: 80px;
  }
  /* line 131, sass/responsive/_general.scss */
  .contact-sticky .sticky-content {
    padding: 0;
  }

  /* line 136, sass/responsive/_general.scss */
  .site-navigation, .header-socials {
    display: none;
  }

  /* line 140, sass/responsive/_general.scss */
  #header {
    border-bottom: 5px solid transparent;
    border-image: url("/wp-content/themes/iservice/img/color-line.svg") 30 round;
  }
  /* line 144, sass/responsive/_general.scss */
  #header .header-section {
    border: unset;
    position: relative;
  }
  /* line 148, sass/responsive/_general.scss */
  #header .header-section #mobile-menu {
    display: block !important;
    text-align: right;
    padding-right: 0;
  }
  /* line 153, sass/responsive/_general.scss */
  #header .header-section #mobile-menu img {
    cursor: pointer;
  }
  /* line 158, sass/responsive/_general.scss */
  #header .header-section .sub-menu {
    display: none;
  }

  /* line 165, sass/responsive/_general.scss */
  body.logged-in .mobile-menu-open {
    top: 32px;
  }
  /* line 168, sass/responsive/_general.scss */
  body.logged-in .mobile-menu-open .site-navigation {
    top: 112px;
  }

  /* line 173, sass/responsive/_general.scss */
  .mobile-menu-open {
    background-color: #fff !important;
    position: fixed !important;
    top: 0;
  }
  /* line 178, sass/responsive/_general.scss */
  .mobile-menu-open .site-navigation {
    display: block;
    position: fixed;
    top: 80px;
    height: 90%;
    background: #fff;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    max-width: 100%;
    padding: 100px 0 !important;
    overflow: auto;
  }
  /* line 192, sass/responsive/_general.scss */
  .mobile-menu-open .site-navigation li a {
    padding: 5px;
  }
  /* line 198, sass/responsive/_general.scss */
  .mobile-menu-open .site-navigation ul li {
    display: block !important;
    margin-bottom: 13px;
  }
  /* line 202, sass/responsive/_general.scss */
  .mobile-menu-open .site-navigation ul li a {
    font-size: 25px !important;
    line-height: 35px;
    font-weight: 300 !important;
  }
  /* line 209, sass/responsive/_general.scss */
  .mobile-menu-open .site-navigation ul li:hover > a, .mobile-menu-open .site-navigation ul li.current_page_item > a, .mobile-menu-open .site-navigation ul li.current_page_parent > a {
    background-color: unset !important;
    color: unset !important;
  }
  /* line 216, sass/responsive/_general.scss */
  .mobile-menu-open .header-socials {
    display: block;
    position: fixed;
    bottom: 0;
    height: 10%;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    max-width: 100%;
    background: #fff;
    text-align: center !important;
  }
  /* line 228, sass/responsive/_general.scss */
  .mobile-menu-open .header-socials a {
    padding: 0 10px !important;
    font-size: 25px;
  }

  /* line 238, sass/responsive/_general.scss */
  #footer .footer-container .footer-company .footer-about {
    width: 100%;
  }
  /* line 243, sass/responsive/_general.scss */
  #footer .footer-container .footer-socials {
    text-align: center;
  }
  /* line 246, sass/responsive/_general.scss */
  #footer .footer-container .footer-socials ul {
    padding: 0;
  }
  /* line 248, sass/responsive/_general.scss */
  #footer .footer-container .footer-socials ul li {
    display: inline-block;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 262, sass/responsive/_general.scss */
  body.logged-in .mobile-menu-open {
    top: 46px;
  }
  /* line 265, sass/responsive/_general.scss */
  body.logged-in .mobile-menu-open .site-navigation {
    top: 127px;
  }

  /* line 271, sass/responsive/_general.scss */
  .site-logo img {
    max-width: 90%;
    width: 90%;
  }

  /* line 279, sass/responsive/_general.scss */
  #footer .footer-container {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
  }
  /* line 284, sass/responsive/_general.scss */
  #footer .footer-container .footer-company {
    margin-bottom: 90px;
  }
  /* line 287, sass/responsive/_general.scss */
  #footer .footer-container .footer-company .footer-about {
    width: 80%;
    margin: auto;
  }
  /* line 293, sass/responsive/_general.scss */
  #footer .footer-container .footer-info {
    margin-bottom: 70px;
  }
  /* line 295, sass/responsive/_general.scss */
  #footer .footer-container .footer-info h4 {
    margin-bottom: 40px;
  }
  /* line 299, sass/responsive/_general.scss */
  #footer .footer-container .footer-info p {
    margin-bottom: 20px;
  }
  /* line 305, sass/responsive/_general.scss */
  #footer .footer-container .footer-socials ul {
    padding: 0;
  }
  /* line 307, sass/responsive/_general.scss */
  #footer .footer-container .footer-socials ul li {
    margin: 0 15px;
    display: inline-block;
  }
}
/*@media only screen and (min-width: 992px) and (max-width: 1200px){
    #contact-box{
        .contact-service{          
            .contact-card{

                h4{
                    height: 90px;
                }

                p{
                    min-height: 600px;
                }
            }
        }
    }
}*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  /* line 21, sass/responsive/_homepage.scss */
  #instagram .instagram-image img {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 34, sass/responsive/_homepage.scss */
  #heading .container, body:not(.home) #heading .container {
    padding: 0 !important;
  }
  /* line 39, sass/responsive/_homepage.scss */
  #heading .section-heading .heading-text, body:not(.home) #heading .section-heading .heading-text {
    padding-left: 30px;
    border-left: 9px solid #000;
  }
  /* line 43, sass/responsive/_homepage.scss */
  #heading .section-heading .heading-text h1, body:not(.home) #heading .section-heading .heading-text h1 {
    font-size: 40px;
    font-weight: 600;
  }
  /* line 48, sass/responsive/_homepage.scss */
  #heading .section-heading .heading-text h4, body:not(.home) #heading .section-heading .heading-text h4 {
    font-size: 18px;
    line-height: 18px;
    width: 90%;
  }

  /* line 58, sass/responsive/_homepage.scss */
  #services h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 60px;
  }
  /* line 67, sass/responsive/_homepage.scss */
  #services .service-card .service-title h4 {
    font-size: 25px;
    line-height: 40px;
  }
  /* line 73, sass/responsive/_homepage.scss */
  #services .service-card .service-icon {
    width: 100%;
  }
  /* line 77, sass/responsive/_homepage.scss */
  #services .service-card .service-info {
    padding: 20px;
  }
  /* line 79, sass/responsive/_homepage.scss */
  #services .service-card .service-info p {
    font-size: 18px;
    line-height: 35px;
  }

  /* line 87, sass/responsive/_homepage.scss */
  #contact {
    margin-top: 336px;
  }
  /* line 90, sass/responsive/_homepage.scss */
  #contact .contact-section h2 {
    font-size: 25px;
    width: 80%;
    line-height: 40px;
  }
  /* line 97, sass/responsive/_homepage.scss */
  #contact .contact-additional-section {
    height: auto;
    display: block;
    padding: 5px;
  }
  /* line 102, sass/responsive/_homepage.scss */
  #contact .contact-additional-section img {
    margin: 0 !important;
  }
  /* line 106, sass/responsive/_homepage.scss */
  #contact .contact-additional-section h4 {
    font-size: 25px;
    line-height: 35px;
    margin: 10px 0;
  }

  /* line 117, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-left, #contact-box .contact-service .contact-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 123, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-card {
    height: auto;
    padding: 44px;
    text-align: center;
  }
  /* line 128, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-card h4 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  /* line 134, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-card a {
    margin: 0 auto;
  }
  /* line 138, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-card p {
    margin-bottom: 40px;
  }

  /* line 145, sass/responsive/_homepage.scss */
  #info {
    margin-top: 200px;
    padding-top: 0;
  }
  /* line 149, sass/responsive/_homepage.scss */
  #info .info-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 153, sass/responsive/_homepage.scss */
  #info .info-section .info-text {
    padding-left: 0;
    text-align: center;
  }
  /* line 157, sass/responsive/_homepage.scss */
  #info .info-section .info-text h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 40px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 166, sass/responsive/_homepage.scss */
  #info .info-section .info-text p {
    margin-bottom: 60px;
  }
  /* line 172, sass/responsive/_homepage.scss */
  #info .gallery-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 178, sass/responsive/_homepage.scss */
  #info .gallery-section .info-slider .items {
    width: 100%;
  }
  /* line 181, sass/responsive/_homepage.scss */
  #info .gallery-section .info-slider .items .slick-dots {
    margin-top: 40px;
  }
  /* line 186, sass/responsive/_homepage.scss */
  #info .gallery-section .info-slider .slick-slide {
    margin: 0;
  }

  /* line 195, sass/responsive/_homepage.scss */
  #webshop .webshop-section {
    top: 200px;
    width: 90%;
  }

  /* line 202, sass/responsive/_homepage.scss */
  #instagram .image-mobile {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
  }
  /* line 209, sass/responsive/_homepage.scss */
  #instagram .image-desktop {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  /* line 218, sass/responsive/_homepage.scss */
  .about-desktop {
    display: none;
  }

  /* line 222, sass/responsive/_homepage.scss */
  .about-mobile {
    display: block !important;
    margin-bottom: 80px !important;
  }
  /* line 227, sass/responsive/_homepage.scss */
  .about-mobile .slick-dots li {
    margin: 0 10px;
  }
  /* line 230, sass/responsive/_homepage.scss */
  .about-mobile .slick-dots li button {
    width: 15px;
    height: 15px;
    font-size: 15px;
  }
  /* line 236, sass/responsive/_homepage.scss */
  .about-mobile .slick-dots li button::before {
    width: 15px;
    height: 15px;
  }

  /* line 245, sass/responsive/_homepage.scss */
  #about .about-card {
    /*box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;*/
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 40px;
  }
  /* line 254, sass/responsive/_homepage.scss */
  #about .about-card h4 {
    font-size: 25px;
    line-height: 45px;
  }

  /* line 262, sass/responsive/_homepage.scss */
  #services .service-card {
    height: 200px;
    display: block !important;
    text-align: center;
    position: relative;
    padding: 0;
    padding-top: 30px;
  }
  /* line 270, sass/responsive/_homepage.scss */
  #services .service-card .service-arrow {
    position: absolute;
    bottom: 18px;
    left: 0;
    text-align: center !important;
  }
  /* line 277, sass/responsive/_homepage.scss */
  #services .service-card .service-info {
    top: 190px;
  }

  /* line 286, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-right {
    margin-top: 20px;
  }

  /* line 292, sass/responsive/_homepage.scss */
  #instagram {
    height: 850px;
    margin-top: 300px;
  }
  /* line 296, sass/responsive/_homepage.scss */
  #instagram .instagram-image {
    bottom: 100px;
    justify-content: center;
    width: 100%;
    display: flex;
  }
  /* line 302, sass/responsive/_homepage.scss */
  #instagram .instagram-image img {
    max-width: 100%;
  }
  /* line 307, sass/responsive/_homepage.scss */
  #instagram .instagram-content {
    justify-content: start;
    text-align: center;
  }
  /* line 311, sass/responsive/_homepage.scss */
  #instagram .instagram-content a.bttn {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 400px) {
  /* line 320, sass/responsive/_homepage.scss */
  #services .service-card {
    padding-top: 50px;
    height: 250px;
  }

  /* line 325, sass/responsive/_homepage.scss */
  #services .service-card .service-info {
    top: 230px;
  }
}
@media only screen and (max-width: 350px) {
  /* line 331, sass/responsive/_homepage.scss */
  #contact-box .contact-service .contact-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 3, sass/responsive/_about.scss */
  .about-section {
    padding: 100px 0;
  }
  /* line 6, sass/responsive/_about.scss */
  .about-section img {
    height: auto;
  }
  /* line 10, sass/responsive/_about.scss */
  .about-section .about-section-0 {
    display: block;
    padding-bottom: 30px;
  }
  /* line 14, sass/responsive/_about.scss */
  .about-section .about-section-0 .about-section-0-image {
    margin-bottom: 30px;
    order: 1;
  }
  /* line 19, sass/responsive/_about.scss */
  .about-section .about-section-0 .about-section-0-text {
    order: 2;
  }
  /* line 21, sass/responsive/_about.scss */
  .about-section .about-section-0 .about-section-0-text .about-text {
    padding-left: 0;
  }
  /* line 27, sass/responsive/_about.scss */
  .about-section .about-section-1 {
    display: block;
  }
  /* line 29, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-text {
    order: 2;
  }
  /* line 31, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-text .about-text {
    padding-right: 0 !important;
  }
  /* line 33, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-text .about-text p {
    margin-bottom: 30px;
  }
  /* line 37, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-text .about-text h4 {
    font-size: 25px;
    line-height: 30px;
  }
  /* line 43, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-image {
    order: 1;
    margin-bottom: 30px;
  }
  /* line 47, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-image .about-image {
    text-align: left !important;
    margin-top: 30px;
  }
  /* line 51, sass/responsive/_about.scss */
  .about-section .about-section-1 .about-section-1-image .about-image img {
    max-width: 100%;
    height: auto;
  }

  /* line 62, sass/responsive/_about.scss */
  .about-slider img {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  /* line 4, sass/responsive/_service.scss */
  #services-list .service-card {
    height: 250px;
  }
  /* line 7, sass/responsive/_service.scss */
  #services-list .service-card .service-icon {
    width: 80px;
    height: 80px;
    mask-size: 80px !important;
  }

  /* line 16, sass/responsive/_service.scss */
  .service-section {
    padding: 100px 0;
  }
  /* line 18, sass/responsive/_service.scss */
  .service-section .service-section-text {
    order: 1;
  }
  /* line 22, sass/responsive/_service.scss */
  .service-section .service-section-image {
    order: 2;
  }
  /* line 27, sass/responsive/_service.scss */
  .service-section img {
    height: auto;
  }
  /* line 31, sass/responsive/_service.scss */
  .service-section .service-line.ser-text-left .service-text {
    margin-bottom: 30px;
    padding-right: 0;
  }
  /* line 38, sass/responsive/_service.scss */
  .service-section .service-line.ser-text-right .service-text {
    padding-left: 0;
  }
  /* line 45, sass/responsive/_service.scss */
  .service-section .service-line .service-image {
    margin-bottom: 30px;
  }
  /* line 50, sass/responsive/_service.scss */
  .service-section .service-line .service-text h4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 3, sass/responsive/_blog.scss */
  #blog-list {
    padding-top: 100px;
  }
  /* line 5, sass/responsive/_blog.scss */
  #blog-list .blog-card {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 13, sass/responsive/_blog.scss */
  #blog-list .blog-card .blog-image {
    height: 300px;
    -webkit-box-shadow: 0px -12px 40px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -12px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -12px 40px 0px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    order: 1;
  }
  /* line 23, sass/responsive/_blog.scss */
  #blog-list .blog-card .blog-text {
    -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 30px;
    order: 2;
  }
  /* line 32, sass/responsive/_blog.scss */
  #blog-list .blog-card .blog-text h4 {
    font-size: 25px;
    line-height: 35px;
  }
  /* line 37, sass/responsive/_blog.scss */
  #blog-list .blog-card .blog-text p {
    margin-bottom: 30px;
  }
  /* line 43, sass/responsive/_blog.scss */
  #blog-list .soon-more {
    margin-top: 0;
  }
}
/* line 50, sass/responsive/_blog.scss */
#single-post {
  padding: 100px 0;
  font-size: 18px;
  line-height: 20px;
}
/* line 55, sass/responsive/_blog.scss */
#single-post p, #single-post h1, #single-post h2, #single-post h3, #single-post h4, #single-post h5, #single-post span, #single-post a {
  margin-bottom: 30px;
}
/* line 59, sass/responsive/_blog.scss */
#single-post img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 2, sass/responsive/_gallery.scss */
  #gallery-page {
    padding: 100px 0;
  }
  /* line 5, sass/responsive/_gallery.scss */
  #gallery-page .gallery-row {
    display: block;
  }
  /* line 9, sass/responsive/_gallery.scss */
  #gallery-page .gallery-row > div:first-child {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  /* line 5, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .contact-block span {
    text-align: center;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 17, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .d-table:nth-of-type(1), #contact-page .contact-blocks .d-table:nth-of-type(2) {
    margin-bottom: 20px;
  }
  /* line 20, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .contact-block {
    padding: 0;
    text-align: center;
  }
  /* line 23, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .contact-block img {
    display: block;
    margin: 0 auto;
  }
  /* line 28, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .contact-block span {
    text-align: center;
    display: block;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 42, sass/responsive/_contact.scss */
  #contact-page .contact-blocks {
    bottom: 105px;
    margin-top: 10px;
    margin-bottom: 50px;
  }
  /* line 46, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .d-table {
    margin: 10px 0;
  }
  /* line 49, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .d-table #contact-phone {
    text-align: center;
  }
  /* line 52, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .d-table #contact-phone span {
    width: 220px;
    display: inline-block;
  }
}
@media only screen and (max-width: 420px) {
  /* line 67, sass/responsive/_contact.scss */
  #contact-page .contact-blocks .contact-block span {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  /* line 4, sass/responsive/_404.scss */
  .box-404 {
    width: 90% !important;
  }
  /* line 7, sass/responsive/_404.scss */
  .box-404 .box-top {
    padding: 0 20px;
  }
  /* line 10, sass/responsive/_404.scss */
  .box-404 .box-top h1 {
    font-size: 50px;
  }
  /* line 14, sass/responsive/_404.scss */
  .box-404 .box-top h4 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 3, sass/responsive/_b2b.scss */
  .page-template-page-b2b h4 {
    font-size: 25px;
    line-height: 35px;
  }

  /* line 12, sass/responsive/_b2b.scss */
  #b2b-section .b2b-line .b2b-section-image {
    padding-right: 10px;
  }
  /* line 16, sass/responsive/_b2b.scss */
  #b2b-section .b2b-line .b2b-section-image .b2b-image img {
    height: auto;
  }
  /* line 22, sass/responsive/_b2b.scss */
  #b2b-section .b2b-line .b2b-section-text {
    padding-left: 10px;
  }
  /* line 25, sass/responsive/_b2b.scss */
  #b2b-section .b2b-line .b2b-section-text h4 {
    margin-bottom: 30px !important;
  }
  /* line 33, sass/responsive/_b2b.scss */
  #b2b-section .partnerstvo .partnerstvo-content h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 49, sass/responsive/_b2b.scss */
  #b2b-section .offer .offer-cards .offer-card:nth-of-type(5) {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  /* line 62, sass/responsive/_b2b.scss */
  #b2b-section .b2b-line .b2b-section-image {
    margin-bottom: 30px;
  }
  /* line 71, sass/responsive/_b2b.scss */
  #b2b-section .partnerstvo .partnerstvo-content .partner-card {
    margin-bottom: 80px;
  }
  /* line 78, sass/responsive/_b2b.scss */
  #b2b-section .saradnja {
    padding-top: 0;
  }
  /* line 81, sass/responsive/_b2b.scss */
  #b2b-section .saradnja .saradnja-content {
    width: 100%;
  }
}