/*
 Theme Name:   Elementor Child Theme by Igor
 Description:  Elementor Child Theme by Igor
 Author:       Igor Kovacevic
 Template:     elementor-hello-theme-master
 Version:      1.0
*/


/* Header Tweaks by LD Team - - - June, 2022 */

.mbi-header.v2 .contact-btn {
	border: 1px solid #fe0000;
	display: flex !important;
	margin-right: 15px;
}

.mbi-header.v2 .mbi-contact-wrap {
    width: 310px;
}

.mbi-header.v2 .mbi-contact-wrap a {
	height: auto;
	min-width: 140px;
	justify-content: center;
	padding: 7px 14px;
	border-radius: 20px;
}

.mbi-header.v2 .mbi-contact-wrap a:hover {
	border-color: #3E484B;
	background-color: #3E484B;
	color: white;
}

.mbi-header.v2 .mbi-contact-wrap .call-btn {
	border: 1px solid #fff;
	background-color: #fff;
	color: #3E484B;
}

.mbi-header.v2 .mbi-contact-wrap svg {
	fill: #3E484B;
}

.mbi-header.v2.mbi-shrink .mbi-contact-wrap a {
    height: auto;
    border-radius: 20px;
}

.mbi-header.v2.mbi-shrink .mbi-contact-wrap .call-btn {
	border-color: #3E484B;
	background-color: transparent;
	color: #3E484B;
}

.mbi-header.v2.mbi-shrink .mbi-contact-wrap .call-btn:hover {
	background-color: #3E484B;
	color: white;
}

.mbi-header.v2 .mbi-contact-wrap .call-btn:hover svg {
	fill: white;
}

@media screen and (max-width: 940px) {
	.mbi-header.v2 .mbi-contact-wrap .contact-btn { 
		font-size: 13px;
	}
	.mbi-header.v2 .mbi-contact-wrap a {
		min-width: 0;
    	height: auto;
    	padding: 5px 10px;
		border-radius: 2px;
	}
	.mbi-header.v2 .mbi-contact-wrap {
    	width: auto;
	}
	.mbi-header.v2 .contact-btn {
    	margin-right: 5px;
	}
}


/* End of Header Tweaks */

a{
	color: #ed1c24;
}
.mojp p:before{
    content: '';
    width: 9px;
    height: 2px;
    background-color: #fe0000;
    position: absolute;
    margin-top: 10px;
    margin-left: -16px;
    transition: width ease .2s;
}
.mojp p a{
    color: #3e484b;
}
.mojp p:hover:before{
    width: 15px;
    height: 4px;
    margin-top:9px;
}
.moj-call-btn {
	
	margin-right: 20px !important;
}
.moj-call-btn:hover .quadmenu-item-content{
	border: 2px solid #fe0000;
	
}
.moj-call-btn .quadmenu-item-content{
	padding: 12px 20px !important;
	border: 2px solid #e0e0e0;
	border-radius: 40px;
	transition: all ease .2s;
}

.moj-call-btn .dashicons-phone{
	color: #e0e0e0 !important;
}
#quadmenu .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title{
	padding: 25px 15px 7px 15px !important;
}
#dropdown-56 .quadmenu-item-content{
	padding: 10px 15px;
}

.hardware-posts .elementor-post{
    padding : 36px !important;
    box-shadow: 0 2px 10px #00000017;
}

.moji-tabovi .elementor-tab-title {
    background: #fe0000;
}

.moji-tabovi .elementor-tab-mobile-title.elementor-active{
    background: #ececec;
}

.moji-tabovi .elementor-tab-content{
	padding: 40px 20px 70px 20px !important;
} 

.demo a {
  position: absolute;
  bottom: 15px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  opacity: .7;
}
.demo a:hover{
	opacity: .4;
}
#section10 a {
  padding-top: 44px;
  font-size: 10px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 22px;
  height: 35px;
  margin-left: -11px;
  border: 1px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 7px;
  left: 50%;
  content: '';
  width: 5px;
  height: 6px;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

.elementor-message-success{
	color: rgba(127, 255, 77, 1);
}
.mbi-header ul {
  list-style-type: none;
  padding: 0; }

.mbi-megamenu ul {
  list-style-type: none;
  padding: 0; }

.mbi-header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  transition: all ease 0.2s;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

.mbi-header-fix {
  max-width: 1400px;
  padding: 0 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: content-box;
  margin: 0 auto; }
  @media (max-width: 940px) {
    .mbi-header-fix {
      height: 50px;
      padding: 0 20px; } }

.mbi-logo {
  width: 205px;
  display: flex;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 940px) {
    .mbi-logo {
      flex: 1; } }
  .mbi-logo:hover {
    opacity: 0.6; }
  .mbi-logo div {
    height: 43px;
    position: relative;
    transition: height ease 0.2s; }
    @media (max-width: 940px) {
      .mbi-logo div {
        flex: 1;
        height: 29px; } }
    .mbi-logo div svg {
      height: 100%; }
      @media (max-width: 940px) {
        .mbi-logo div svg {
          width: 100%; } }

#mb-logo-svg .cls-1 {
  fill: white; }
#mb-logo-svg .cls-2 {
  fill: white; }

.mbi-nav-wrap {
  flex: 1; }
  @media (max-width: 940px) {
    .mbi-nav-wrap {
      display: none;
      background-color: white;
      position: fixed;
      left: 0;
      width: 45%;
      top: 50px; } }

.mbi-menu {
  display: flex;
  justify-content: center; }
  @media (max-width: 940px) {
    .mbi-menu {
      display: block; } }

.mbi-logo-white {
  opacity: 1;
  transition: opacity ease 0.2s; }

.mbi-menu-link {
  padding: 0 18px;
  height: 92px;
  display: flex;
  align-items: center;
  transition: all ease 0.2s;
  font-size: 17px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  box-sizing: border-box; }
  @media (max-width: 940px) {
    .mbi-menu-link {
      height: 40px;
      color: black;
      font-size: 13px;
      padding: 0 8px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
  .mbi-menu-link:hover {
    border-bottom: 2px solid red; }

.mbi-submenu-wrap {
  display: none;
  position: absolute;
  padding-top: 20px;
  z-index: 9998; }
  @media (max-width: 940px) {
    .mbi-submenu-wrap {
      padding-top: 0;
      right: 0;
      position: fixed;
      width: 55%;
      top: 50px;
      max-height: calc( 100vh - 50px);
      overflow-x: hidden;
      overflow-y: scroll; } }

.mbi-submenu {
  background-color: white;
  width: 260px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

@media (max-width: 940px) {
  .mbi-submenu-wrap > .mbi-submenu {
    width: 100%;
    background-color: #f1f1f1;
    border-radius: 0;
    padding: 0 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } }
.mbi-submenu-wrap > .mbi-submenu::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 22px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid white;
  z-index: -1; }
  @media (max-width: 940px) {
    .mbi-submenu-wrap > .mbi-submenu::before {
      display: none; } }

.mbi-menu-item:hover .mbi-submenu-wrap {
  display: block; }

.mbi-menu-item {
  border-right: 1px solid rgba(0, 0, 0, 0.07); }
  .mbi-menu-item:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.07); }

.mbi-submenu-link {
  padding: 10px 20px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  color: black;
  font-size: 16px;
  font-weight: 400; }
  @media (max-width: 940px) {
    .mbi-submenu-link {
      font-size: 13px;
      padding: 8px 0; } }
  .mbi-submenu-link:hover {
    color: rgba(0, 0, 0, 0.45); }

.mbi-contact-wrap {
  width: 205px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 940px) {
    .mbi-contact-wrap {
      width: 50px;
      font-size: 0; } }
  .mbi-contact-wrap a {
    background-color: #fe0000;
    height: 50%;
    color: white;
    text-decoration: none;
    transition: all ease 0.1s;
    display: flex;
    align-items: center;
    border-radius: 2px;
    padding: 0 14px;
    font-weight: 500; }
    .mbi-contact-wrap a:hover {
      height: 60%; }
  .mbi-contact-wrap svg {
    width: 20px;
    height: 20px;
    padding-right: 6px;
    fill: white; }
    @media (max-width: 940px) {
      .mbi-contact-wrap svg {
        padding-right: 0; } }

.mbi-nav-trigger {
  display: none;
  justify-content: center;
  flex-direction: column; }
  @media (max-width: 940px) {
    .mbi-nav-trigger {
      display: flex; } }

.mbi-nav-trigger-wrap {
  display: none;
  height: 32px;
  width: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 5px 0; }
  .mbi-nav-trigger-wrap span {
    width: 80%;
    height: 3px;
    background-color: white;
    border-radius: 2px;
    transition: all ease 0.15s; }

.mbi-megamenu {
  display: none;
  top: 92px;
  position: fixed;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 20px;
  transition: top ease 0.2s;
  z-index: 9998; }
  @media (max-width: 940px) {
    .mbi-megamenu {
      left: auto;
      right: 0;
      width: 55%;
      transform: translateX(0);
      top: 50px;
      padding-top: 0;
      max-height: calc( 100vh - 50px);
      overflow-x: hidden;
      overflow-y: scroll; } }
  .mbi-megamenu * {
    box-sizing: content-box; }

.mbi-megamenu-wrap {
  background: white;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  @media (max-width: 940px) {
    .mbi-megamenu-wrap {
      background-color: #f1f1f1;
      box-shadow: 0 0 0;
      border-radius: 0; } }

.mbi-mm-submenu {
  padding: 0; }

.mbi-mm-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  @media (max-width: 940px) {
    .mbi-mm-menu {
      display: block; } }

.mbi-mm-item {
  min-width: 190px;
  flex: 1;
  padding: 20px 25px;}
  @media (max-width: 940px) {
    .mbi-mm-item {
      padding: 10px; } }

.mbi-mm-link {
  font-size: 17px;
  color: #fe0000;
  padding-bottom: 18px;
  display: block;
  font-weight: 500; }
  @media (max-width: 940px) {
    .mbi-mm-link {
      font-size: 14px;
      padding-bottom: 10px; } }

.mbi-mm-sub-link {
  color: black;
  font-size: 16px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
  font-weight: 400;
  cursor: pointer; }
  @media (max-width: 940px) {
    .mbi-mm-sub-link {
      font-size: 13px; } }
  .mbi-mm-sub-link:hover {
    color: rgba(0, 0, 0, 0.45); }

.mbi-tri {
  position: relative; }
  .mbi-tri::before {
    content: "";
    position: absolute;
    top: 103px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid white;
    transition: top ease 0.2s;
    z-index: -999; }
    @media (max-width: 940px) {
      .mbi-tri::before {
        display: none; } }

.mbi-header.mbi-shrink {
  background-color: white; }
  .mbi-header.mbi-shrink .mbi-logo div {
    height: 40px; }
    @media (max-width: 940px) {
      .mbi-header.mbi-shrink .mbi-logo div {
        height: 29px; } }
  .mbi-header.mbi-shrink .mbi-logo #mb-logo-svg .cls-1 {
    fill: #414142; }
  .mbi-header.mbi-shrink .mbi-logo #mb-logo-svg .cls-2 {
    fill: #fe0000; }
  .mbi-header.mbi-shrink .mbi-nav-trigger-wrap span {
    background-color: black; }
  .mbi-header.mbi-shrink .mbi-logo-white {
    opacity: 0; }
  .mbi-header.mbi-shrink .mbi-logo-color {
    opacity: 1; }
  .mbi-header.mbi-shrink .mbi-menu-link {
    height: 70px;
    color: black; }
    @media (max-width: 940px) {
      .mbi-header.mbi-shrink .mbi-menu-link {
        height: 40px; } }
    .mbi-header.mbi-shrink .mbi-menu-link:hover {
      color: #fe0000; }
    .mbi-header.mbi-shrink .mbi-menu-link::before {
      top: 81px; }
  .mbi-header.mbi-shrink .mbi-contact-wrap a {
    height: 100%;
    border-radius: 0px; }
    .mbi-header.mbi-shrink .mbi-contact-wrap a:hover {
      background-color: #414142; }

.mbi-megamenu.mbi-shrink {
  top: 70px; }
  @media (max-width: 940px) {
    .mbi-megamenu.mbi-shrink {
      top: 50px; } }

.mbi-nav-trigger.mbi-mob-active .mbi-nav-trigger-wrap {
  position: relative; }
  .mbi-nav-trigger.mbi-mob-active .mbi-nav-trigger-wrap span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center center; }
    .mbi-nav-trigger.mbi-mob-active .mbi-nav-trigger-wrap span:nth-child(1) {
      transform: rotate(45deg); }
    .mbi-nav-trigger.mbi-mob-active .mbi-nav-trigger-wrap span:nth-child(2) {
      display: none; }
    .mbi-nav-trigger.mbi-mob-active .mbi-nav-trigger-wrap span:nth-child(3) {
      transform: rotate(-45deg); }
.mbi-nav-trigger.mbi-mob-active ~ .mbi-nav-wrap {
  display: block; }

@media (max-width: 940px) {
    .mbi-nav-trigger.mbi-mob-active ~ .mbi-nav-wrap {
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      max-height: calc( 100vh - 50px);
      overflow-y: scroll; } }

@media (max-width: 940px) {
  .mbi-overflow-h {
    overflow: hidden; } }


@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 1025px){



}
@media (min-width: 768px){
	.hero-content h3.elementor-heading-title {
			font-size: 1.65rem;
		    font-weight: 400;
		}
}
@media (max-width: 768px){
	.hero-content h3.elementor-heading-title {
			font-size: 20px;
		    font-weight: 400;
		    text-align: center;
		}
	#quadmenu .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title
	{
	padding: 0 !important;
	}
	
	.hardware-posts .elementor-post{
    padding : 26px 10px !important;
    margin: 4px !important;
  }
	.moji-tabovi .elementor-tab-content{
	padding: 20px 10px !important;
  }
	#quadmenu_0 {
		background-color: #303136;
	}

.moj-call-btn {
	
	margin-right: 0 !important;
}
.moj-call-btn:hover .quadmenu-item-content{
	border: 0;
	
}
.moj-call-btn .quadmenu-item-content{
	padding: 0;
	border: 0;
	border-radius: 0;
	transition: all ease .2s;
}
.hero-content .elementor-counter .elementor-counter-number-suffix {
    text-align: left;
    display: none;
}	
	.hero-content .elementor-counter-number-wrapper {
		justify-content: center;
	}
	.hero-content .mojcounter .elementor-counter-title {
    	text-align: center;
	}
	.hero-content {
		padding-bottom: 20px;
	}
}