@font-face{font-family:proxima-regular;src:url(./fonts/ProximaNova-Regular.ttf) format("truetype");}
@font-face{font-family:proxima-black;src:url(./fonts/ProximaNova-Black.ttf) format("truetype");}
@font-face{font-family:proxima-light;src:url(./fonts/ProximaNovaT-Thin.ttf) format("truetype");}

.proxima-light{font-family:proxima-light;     font-weight: 100;}
.proxima-regular{font-family:proxima-regular;     font-weight: 100;}
.proxima-black{font-family:proxima-black;     font-weight: 100;}


body{
	margin: 0;
	padding: 0;
	background: #000;
	-webkit-overflow-scrolling:touch;
    overflow-x: hidden;
    width: 100vw;
}

.wrapper{
	width: 76vw;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}


.active-lang{
    color: #f85c19 !important;
}

.menu .lang-box{
    display: none;
}

hr{
    width: 20vw;
    background: #f85c19;
    display: block;
    margin: 2vw auto;
    border: initial;
    height: 2px;
}

h1, h2, h3, h4, h5, h6, p{margin: 0;}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-overflow-scrolling:touch;
}

a{
	color: inherit;
	text-decoration: initial;
}

input {
    -webkit-appearance: none;
    border-radius: initial;
}

::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #f85c19; 
}


 input[type="checkbox" i] {
 	 visibility: hidden;
 	 opacity: 0;
 	 position: absolute;
 }

.fixed-menu-line{
	width: 100%;
    height: 4.5vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000;
}

.active-menu-body{
    overflow: hidden;
}

.logo{
    width: 10vw;
    height: 4.5vw;
    background: url(./images/logo.jpg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center left;
    float: left;
}

.call-fixed span{
    font-size: 1.1vw;
    color: #fff;
    font-family: proxima-regular;
    font-weight: 100;
    position: absolute;
    width: 10vw;
    display: block;
    right: 3vw;
    top: 0.6vw;
    text-align: right;
}


.lang-box{
    width: auto;
    height: auto;
    position: absolute;
    left: 10vw;
    top: 1.6vw;
}

.lang{
    color: #fff;
    text-transform: uppercase;
    margin: 0 0.3vw;
    font-size: 0.85vw;
}

.call-fixed{
    width: 2.3vw;
    height: 2.3vw;
    background: url(./images/call.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 10vw;
    top: 1.1vw;
}

.burger-box{
    position: absolute;
    right: 0;
    top: 1vw;
    cursor: pointer;
}

.call-fixed a:hover span{
    color: #f85c19 !important;
}

.page-id-233 .four-icons-box .btn{
    display: none;
}

.burger-box span{
    font-size: 1.1vw;
    color: #fff;
    font-family: proxima-regular;
    font-weight: 100;
    position: absolute;
    width: 5vw;
    display: block;
    right: 3.3vw;
    top: 0.6vw;
    text-align: right;
}

.berger-btn{
    width: 2.3vw;
    height: 2.3vw;
    border-radius: 100%;
    border: 2px dotted #fff;
    cursor: pointer;
    float: right;
        position: relative;
}

.burger-box:hover .berger-btn{
    animation: loader 3s infinite linear;
}

.berger-btn:after{
    content: "";
    display: block;
    width: 0.9vw;
    height: 0.9vw;
    border-radius: 100%;
    border: 2px dotted #fff;
    position: absolute;
    top: calc(0.7vw - 2px);
    left: calc(0.7vw - 2px);
}


@keyframes loader {
  0% {transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}



.zag{
	font-size: 2.4vw;
	color: #fff;
}

.mel{
	font-size: 1.1vw;
	color: #fff;
}

.trans-text{
	text-transform: uppercase;
}


.orange-text{
	color: #f85c19 !important;
}

.footer{
	width: 100%;
	height: auto;
	position: relative;
}

.footer p{
	margin:1.3vw 0;
}

.footer p .zag.proxima-light.orange-text{
    display: inline-block;
    width: 4vw;
}

.contact-info-box a:hover span{
    color: #f85c19 !important;
}

.map-contacts{
    position: absolute;
    right: 0;
    width: 54%;
    height: 70%;
    top: 5vw;
    z-index: 99;
}

.contact-info-box{
	margin-top:5vw;
}

.contact-tel-box{
	margin-top:5.5vw;
}

.footer-social-icon .social{
    width: 3.5vw;
    height: 3.5vw;
    display: inline-block;
    margin: 1.5vw 1vw 0 0;
}

.fb{ background:url(./images/fb.svg);}
.insta{ background:url(./images/insta.svg);}
.youtube{ background:url(./images/youtube.svg);}

.social{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.cop-line-footer{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 8.5vw 0 2vw;
}

.cop-line-footer:before {
    content: "";
    display: block;
    width: 55%;
    position: absolute;
    height: 2px;
    background: rgba(248, 92, 25, 0.25);
    top: 4.7vw;
    right: 0;
}


.full-screen-image-and-center-text{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 80vh;
}

.background-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background-repeat: no-repeat !important;
	background-position: center  !important;
	background-size: cover !important;
	opacity: 0.25;
}

section{
	position: relative;
	margin:5vw 0 0;
}

.btn{
    background: linear-gradient(50deg, rgba(250,49,1,1) 0%, rgba(248,91,25,1) 90%);
    padding: 0vw 2.2vw;
    display: inline-block;
    display: inline-block;
    color: #fff;
    height: 2.4vw;
    font-size: 0.8vw;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: none;
    border-radius: 100px;
    user-select: none;
    font-family: proxima-light;
    cursor: pointer;
    transition: all 0.3s;
}

.btn:hover{
    background: linear-gradient(50deg, rgba(250,49,1,1) 0%, rgba(248,91,25,1) 90%);
    box-shadow: 0px 1px 30px #f95b0b;
}

.btn-white{
    background: initial;
    padding: 0vw 2.2vw;
    display: inline-block;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    height: 2.4vw;
    font-size: 0.8vw;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-radius: 100px;
    user-select: none;
    font-family: proxima-light;
	cursor: pointer;
        transition: all 0.3s;
}

.btn-white:hover{
    background: linear-gradient(50deg, rgba(250,49,1,1) 0%, rgba(248,91,25,1) 90%);
        border: 2px solid #fa3101;
}
.full-screen-image-and-three-box{

}

.main-header-box .background-box:after{
    display: none;
}

.center-text{
	text-align: center;
}

.p{
	font-size: 1vw;
	color: #fff;
}

.row-box-three{
	width: 100%;
	height: auto;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.pokazatel-big-text{
    font-size: 4.8vw;
    color: #fff;
    width: 100%;
    display: block;
    margin:0 0 7.1vw;
}

.full-screen-image-and-three-box .title{
margin:0 0 1.2vw;
}


.full-screen-image-and-three-box .desc{
	margin:0 0 7vw;
}

.row-box-four{
	width: 100%;
	height: auto;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.row-4-icon {
    width: 6vw;
    height: 5vw;
    display: block;
    margin: 4vw auto 3.2vw;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
}

.row-4-icon:after{
    content: "";
    display: block;
    width: 4vw;
    height: 2px;
    background: #f85c19;
    position: absolute;
    top: 6vw;
    left: 1vw;
}

.four-icons-box .title{

}

.four-icons-box .btn{
	margin: 3.5vw auto;
    display: block;
}

.row-box-four .row-4-icon + .mel{
	width: 86%;
	display: inline-block;
}

.main-header-box{
	height: 32vw;
}

.info-main-header{
    width: 12vw;
    height: auto;
    border: 3px solid #fff;
    background: rgba(0,0,0,0.7);
    position: absolute;
    right: 34vw;
    top: 6vw;
	text-align: right;
	padding: 2vw;
}

.info-main-header .btn{
    display: block;
    margin: 1vw 0 0 auto;
    width: 100%;
}

.info-main-header-social-icon{
    margin: 0 0 2vw;
    width: 58%;
    position: relative;
}
.info-main-header-social-icon:before{
    content: "";
    display: block;
    width: 2vw;
    height: 1px;
    background: #fff;
    position: absolute;
    top: calc(0.5vw - 1px);
    left: -0.8vw;
    opacity: 0.7;
}

.info-main-header-social-icon .social{
    width: 0.8vw;
    height: 0.8vw;
    display: inline-block;
    margin: 0 0 0 0.8vw;
}

.podrazdelenja-image{
	width: 46%;
	height: 100%;
	position: absolute;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.text-podrazdelenja-box{
    width: 55%;
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.row-4 .mel{
    width: 80%;
    margin: 0 auto;
        display: block;
}

.page-id-92 .services-slider-section ol li:nth-child(even){
        text-align: right;
}

.page-id-92 .services-slider-section ol li:nth-child(even)::before{
    float: right;
}


.text-objects-box strong{
    color: #f85c19;
    text-transform: uppercase;
    font-size: 1.1vw;
    font-family: proxima-regular;
    font-weight: 100;
}

.link-podrazdelenja{
    margin-top: 2vw;
    display: block;
}

.link-podrazdelenja:hover{
    color: #f85c19 !important;
}

.podrazdelenja-row{
    width: 100%;
    height: 30vw;
    position: relative;
}

.text-objects-box  ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 2vw 0;
  padding: 0;
}
.text-objects-box  ol li {
  counter-increment: my-awesome-counter;
      width: 100%;
}
.text-objects-box  ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 4vw;
    font-size: 2.4vw;
    font-family: proxima-light;
    font-weight: 100;
    height: 3vw;
    margin-top: -0.5vw;
    margin-bottom: 1vw;
    float: left;
}


.text-podrazdelenja-box ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.text-podrazdelenja-box  ol li {
  counter-increment: my-awesome-counter;
      width: 100%;
}
.text-podrazdelenja-box  ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 4vw;
    font-size: 2.4vw;
    font-family: proxima-light;
    font-weight: 100;
    height: 3.2vw;
    margin-top: -0.5vw;
    margin-bottom: 1vw;
    float: right;
}

.karkasi-spasli-gizn .row-box-four{
    margin-top: 5vw;
}

.swiper-container-projects-slider .swiper-pagination-bullets{
    position: absolute;
}

.team-slider-box .opisanie{
        float: right;
    margin: -4vw 0 4vw;
}

.karkasi-spasli-gizn-img{
    height: 15vw;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.services-slider-section  ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 3vw auto;
    padding: 0;
    text-align: left;
    font-family: proxima-regular;
    font-weight: 700;
    width: 70%;
}


.services-slider-section  ol li {
  counter-increment: my-awesome-counter;
      width: 100%;
}
.services-slider-section ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 5vw;
    font-size: 2.6vw;
    font-family: proxima-light;
    font-weight: 100;
    height: 3vw;
    margin-top: -0.5vw;
    margin-bottom: 3vw;
    float: left;
}


.page-id-298 .pages-header-box .btn{
    display: none;
}


.objects-box .objects-row:nth-child(1) .text-objects-box, .objects-box .objects-row:nth-child(3) .text-objects-box  ol li::before{
float: right;
}

.podrazdelenja-box .podrazdelenja-row:nth-child(1) .text-podrazdelenja-box, .podrazdelenja-box .podrazdelenja-row:nth-child(3) .text-podrazdelenja-box  ol li::before{
float: left;
}

.podrazdelenja-box .podrazdelenja-row:nth-child(2) .text-podrazdelenja-box,  .podrazdelenja-box .podrazdelenja-row:nth-child(4) .text-podrazdelenja-box{
	right: 0;
	text-align: right;
        float: right;
}

.podrazdelenja-box .podrazdelenja-row:nth-child(2) .text-podrazdelenja-box .p,  .podrazdelenja-box .podrazdelenja-row:nth-child(4) .text-podrazdelenja-box .p{
    float: right;
}


.podrazdelenja-box .podrazdelenja-row:nth-child(3) .podrazdelenja-image{
	right: 0;
}

.podrazdelenja-box .title{
	margin: 0 0 2vw;
}

.podrazdelenja-title{
	margin-bottom: 1.2vw;
}

.text-podrazdelenja-box .btn{
	margin-top: 1.2vw;
}

b, strong{
    color: #f85c19 !important;
}

.swiper-container-team {
	 width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-container-diagnostick-slider .zag{
    display: inline-block;
    font-size: 6vw;
    margin: -1vw 0 -2vw 1vw;
}

.swiper-container-team .swiper-slide{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000;
      opacity: 1;
      background: rgba(0,0,0,0.2);
}

.swiper-pagination-bullet-active {
      color:#fff;
      background: #007aff;
    }

.team-slider-box .title{
	text-align: right;
	margin-bottom: 5vw;
}



.image-team-slide{
    width: 80%;
    height: 35vw;
    background-size: cover !important;
    position: relative;
    margin: 0 auto;
}

.text-team-slide{

}

.name-team-slide{
	width: 70%;
    display: block;
    margin: 2.8vw auto 0;
        height: 5vw;
}

.desc-team-slide{
    width: 60%;
    display: block;
    margin: 2.8vw auto 0;
}

.desc-team-slide:after{
    content: "";
    display: block;
    width: 5vw;
    height: 3px;
    background: #fa3101;
    position: relative;
    margin: 3vw auto;
}

.fun-team-slide{
    width: 60%;
    display: block;
    margin: 4vw auto 0;
}

.swiper-pagination-bullet{
    font-family: proxima-light;
    font-size: 1.2vw;
    width: 2.2vw !important;
    height: 2.2vw !important;
    background: initial !important;
    border: 2px solid #fff;
    opacity: 1 !important;
    line-height: 2.2vw !important;
    color: #fff !important;
    margin: 0 1vw !important;
}

.swiper-pagination-team {
    position: absolute;
    width: 50% !important;
    left: 50% !important;
    bottom: 1vw !important;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.swiper-pagination-bullet-active{
	background: rgba(255,255,255,0.4) !important;
}

.image-team-slide:after{
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #fa3101;
    position: absolute;
    bottom: 0;
}

.objects-box .title{
	text-align: right;
}

.big-object-text{
	    color: #fff;
    font-size: 9.1vw;
        line-height: 7.4vw;
}


.objects-image{
    width: 45%;
    height: 100%;
    position: absolute;
    left: 11vw;
    top: 0%;
}


.text-objects-box{
		width: 65%;
		position: relative;
	padding-top: 0.4vw;
}

.objects-row{
    width: 100%;
    height: auto;
    position: relative;
    margin: 4.5vw 0;

}

.objects-box .objects-row:nth-child(1) .text-objects-box,  .objects-box .objects-row:nth-child(3) .text-objects-box{
	float: right;
}

.objects-box .objects-row:nth-child(3){
	text-align: right;
}

.objects-box .objects-row:nth-child(2) .objects-image, .objects-box .objects-row:nth-child(4) .objects-image{
    right: 11vw;
    left: initial;
}

.objects-box .title{
	margin: 0 0 2vw;
}

.objects-desc{
	    margin: 2vw 0;
}

.text-objects-box p .zag.proxima-light.orange-text {
    display: inline-block;
    width: 4vw;
    float: left;
}

.text-objects-box p .mel.proxima-light{
    float: left;
    width: calc(100% - 4vw);
}


.text-objects-box p {
    margin: 1.3vw 0;
    display: table;
    width: 100%;
}

.objects-box .objects-row:nth-child(3) .text-objects-box p .zag.proxima-light.orange-text{
	    float: right;
}

.text-podrazdelenja-box .p{
	width: 90%;
}

.text-objects-box .btn{
	margin-right: 2vw;
}

.map-images{
position: absolute;
    right: 0;
    width: 50%;
    height: 35vw;
    top: 8vw;
    z-index: 99;
    background-size: cover !important;
}

.footer .desc{
	margin-top: 1vw;
}


.center-btn{
	display: block;
	margin:2vw auto;
}

.pages-header-box{
    width: 100%;
    height: 100vh;
    position: relative;
    margin: 0;
}

.pages-header-box .background-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.pages-header-box .background-box:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}*/


.pages-header-box .title{
margin-bottom: 2vw;
}

.pages-header-social-box{
	position: absolute;
	    width: 1vw;
    top:calc(100vh - 10.3vw);
}

.patner-logo{
    width: auto;
    height: 4vw;
}

.patner-logo img{
    display: block !important;
    width: 100% !important;
}

.close-background{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-container-heder-desc{
    width: 40vw;
    height: 5vw;
    overflow: hidden;
}

.swiper-container-heder-desc .swiper-pagination-services-slider {
    display: flex;
    justify-content: initial;
    align-items: center;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 5vw !important;
}

.image-ch-b{
    position: absolute;
    opacity: 0;
    transition: all 0.3s;
}

.image-color{
    position: absolute;
}

.patner-logo:hover .image-ch-b{
    opacity: 1;
}

.pages-header-social-box:after{
    content: "";
    display: block;
    width: 2px;
    height: 4vw;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    margin-left: calc(0.4vw - 1px);
}

.pages-header-social-box .social{
	width: 0.8vw;
    height: 0.8vw;
    display: inline-block;
    margin: 0 0 1vw;
}


.text-podrazdelenja-box p {
    margin: 0.3vw 0;
    display: table;
    width: 100%;
}

.text-podrazdelenja-box p .zag.proxima-light.orange-text {
    display: inline-block;
    width: 4vw;
    float: left;
}

.podrazdelenja-box .podrazdelenja-row:nth-child(2) .text-podrazdelenja-box p .zag.proxima-light.orange-text {
    float: right;
}

.row-4-icon{
    font-style: normal;
}

.fixed-right-menu{
    width: 100%;
    position: fixed;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    top: 0;
    z-index: 200010 !important;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.menu{
    width: 40%;
    height: calc(100% - 6vw);
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding: 3vw;
        overflow-y: auto;
    margin: 0;
    transition: all 0.3s;
    transform: translateX(100%);
}

.menu-li{
    color: #000;
    display: inline-block;
    width: 80%;
    opacity: 0.4;
    margin: 0 0 1.8vw;
    position: relative;
    font-size: 2vw;
    line-height: 2vw;
}

.active-page{
    opacity: 1;
}



.close-menu{
    width: 2.6vw;
    height: 2.6vw;
    background: url(./images/close-menu.png);
    background-size: 100%;
    position: absolute;
    top: 1vw;
    right: 1vw;
    cursor: pointer;
}

.active-menu{
    visibility: visible;
    opacity: 1;
}

.active-menu .menu{
    transform: translateX(0);
}


.etap-box{

}

.row-etaps{
    display: table;
    padding: 3vw 7vw 0;
    position: relative;
}


.etap:last-child:after{
    display: none !important;
}

.etap:last-child:before{
    display: none  !important;
}

.etap{
    width: 100%;
    padding: 3vw 0;
    position: relative;
}

.etap:nth-child(odd){
        float: left;
    text-align: left;
}

.etap:nth-child(odd):before{
    width: 60%;
    height: 50%;
    content: "";
    display: block;
    position: absolute;
    border-left: 2px solid #fa3101;
    border-bottom: 2px solid #fa3101;
    border-bottom-left-radius: 20px;
    bottom: 0;
    left: 0;
}

.etap:nth-child(odd):after{
    content: "";
    width: 60%;
    height: 45%;
    display: block;
    position: absolute;
    border-right: 2px solid #fa3101;
    border-top: 2px solid #fa3101;
    border-top-right-radius: 20px;
    top: calc(100% - 2px);
    right: 0;
}

.etap:nth-child(even){
    float: right;
    text-align: right;
}


.etap:nth-child(even):before{
    width: 60%;
    height: 45%;
    content: "";
    display: block;
    position: absolute;
    border-left: 2px solid #fa3101;
    border-top: 2px solid #fa3101;
    border-top-left-radius: 20px;
    top: 100%;
    left: 0;
}

.etap:nth-child(even):after{
    content: "";
    width: 60%;
    height: 50%;
    display: block;
    position: absolute;
    border-right: 2px solid #fa3101;
    border-bottom: 2px solid #fa3101;
    border-bottom-right-radius: 20px;
    top: 50%;
    right: 0;
}

.etap div{
        width: 50%;
    display: block;
    padding: 0 3vw;
    float: left;
    position: relative;
}

.etap:nth-child(even) div{
    float: right;
}

.etap div:after{
    content: "";
    display: block;
    width: 2.4vw;
    height: 2.4vw;
    background: #fa3101;
    position: absolute;
    border-radius: 50%;
    top: -0.4vw;
    left: calc(-1.2vw + 1px);
    box-shadow: 0px 1px 20px #f95b0b;
}

.etap:nth-child(even) div:after{
       right: calc(-1vw + 1px); 
           left: inherit;
}

.rov-two-text-box{
        width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.two-text-box-section-row-2{
    margin: 2vw auto;
    background: #1c1c1c;
    width: 45%;
    padding: 3vw 2vw 1vw;
}

.desc-two-text-box-section-row-2{
        color: #fff;
    margin-top: 4vw;
}

.title-two-text-box-section-row-2:after{
    content: "";
    display: block;
    width: 90%;
    height: 2px;
    background: #f85c19;
    margin: 2vw auto;
}


.two-text-box-section .rov-two-text-box{
    margin: 2vw 0;
}

.swiper-container-services-slider{
    width: 100%;
    height: auto;
    overflow-x: hidden;
        margin: 4vw 0;
}

.image-slider-services {
    width: 100%;
    height: 15vw;
    opacity: 0.3;
    background-size: cover !important;
}

.swiper-container-services-slider .swiper-slide{
    background: #212121;
    overflow: hidden;
}

.main-block-diagnostic{
    width: 100%;
    height: calc(100vh - 6vw);
    margin: 6vw 0 0 0;
    position: relative;
}

.background-box:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-pagination-diag-slider{
    width: 1vw !important;
    height: auto;
    top: 8vw;
    position: absolute;
    z-index: 1;
}

.swiper-pagination-diag-slider .swiper-pagination-bullet {
    font-family: proxima-light;
    font-size: 0.8vw;
    width: 0.6vw !important;
    height: 0.6vw !important;
    background: initial !important;
    border: 2px solid #fff;
    opacity: 1 !important;
    line-height: 2.2vw !important;
    color: #fff !important;
    margin: 0.2vw 0vw !important;
}

.swiper-pagination-diag-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(255,255,255,0.5) !important;
}

.swiper-container-diagnos{
width: 100%;
    margin-top: 5vw;
    height: 70vh;
    position: relative;
}

.slide-diagnos{
    background-size: 100% !important;
    background-repeat: no-repeat !important;
     background-position: : center !important;
}

.swiper-pagination-services-slider{
        display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
}

.swiper-pagination-services-slider .swiper-pagination-bullet {
    font-family: proxima-light;
    font-size: 1.2vw;
    width: 0.6vw !important;
    height: 0.6vw !important;
    opacity: 1 !important;
    color: #fff !important;
    margin: 0 0.4vw !important;
}

.image-background-box-and-text-2{
    margin: 2vw auto;
    width: 90%;
    height: 26vw;
        display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.img-image-background-box-and-text-2{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover !important;
    opacity: 0.4;
}

.content-image-background-box-and-text-2{
    z-index: 1;
}

.desc-background-box-and-text-2{
margin-bottom: 3vw;
}

.otzivi-box{
    background: #212121;
    margin: 10vw auto 2vw;
    width: 96%;
    position: relative;
}

.image-otziv{
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
    position: absolute;
    background-size: cover !important;
    top: -5vw;
    left: calc(50% - 5vw);
}

.name-otziv {
            width: 70%;
    display: block;
    margin: 6vw auto 0;
}

.dolzhnost-otziv{
    width: 60%;
    display: block;
    margin: 1vw auto 0;
}


.desc-otziv{
width: 86%;
    display: block;
    margin: 2.8vw auto 2vw;
}

.dolzhnost-otziv:after {
    content: "";
    display: block;
    width: 5vw;
    height: 3px;
    background: #fa3101;
    position: relative;
    margin: 1vw auto;
}


.content-maps-location{
    width: 50%;
}

.background-img-and-car-animate{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.vin-number{
    position: relative;
    padding: 0 0 0 1vw;
    margin-top: -0.5vw;
    cursor: pointer;
}

.vin-number span{
    font-size: 0.8vw;
    color: #f85c19;
    font-family: proxima-regular;
    font-weight: 100;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
        display: inline-block;
    border: initial;
}

span.wpcf7-not-valid-tip{
    display: none !important;
}

div.wpcf7-mail-sent-ok{
    display: none !important;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
    margin: 1vw 0 0;
}

select {
    border: 2px solid #fa3201;
    display: inline-block;
    font: inherit;
    padding: 0 1vw;
    border-radius: 100px;
    height: 2.7vw;
    font-size: 0.8vw;
    margin: 0;
    background: #000;
    color: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: proxima-regular;
    outline: initial;
    position: relative;
    margin-bottom: 1vw;
}

.your-browser:after{
    content: "▼";
    display: block;
    position: absolute;
    font-family: proxima-regular;
    color: #fff;
    right: 1.2vw;
    top: 0.1vw;
    font-size: 0.7vw;
}

/* arrows */



.wpcf7-validation-errors{
    border: initial !important;
     font-size: 1vw;
    color: #f85c19;
    font-family: proxima-regular;
    font-weight: 100;
}

.vin-number-info{
position: absolute;
    width: calc(100% - 2vw);
    height: auto;
    padding: 1vw;
    background: #000;
    font-size: 0.8vw;
    margin-left: -1vw;
    color: #fff;
    font-family: proxima-regular;
    font-weight: 100;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.vin-number:hover .vin-number-info{
    visibility: visible;
    opacity: 1;
}

.box-anim-car:after{
content: "";
    display: block;
    width: 100vw;
    height: auto;
    border-bottom: 2px solid #f85c19;
    position: absolute;
    bottom: 0;
}

.box-anim-car{
display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(30vh - 4px );
    width: 100%;
}

.text-anim-car:after{
    content: "";
    display: block;
    width: 2px;
    height: 10vh;
    background: #f85c19;
    position: relative;
    margin: 0 auto;
}

.car-animate{
    background: url(./images/sportive-car-side-view.png);
    width: 10vw;
    height: 3vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: -30vw;
    transition: all 5s  !important;
    z-index: 15;
    opacity: 1 !important;
}

.text-anim-car {
    margin: 0 0vw;
    width: 15vw;
}

.page-id-208 .four-icons-box .row-4-icon{
    width: 90%;
    height: 15vw;
    margin: 4vw auto 1.2vw;
}

.page-id-208 .four-icons-box .row-4-icon:after{
    display: none;
}

.page-id-272 .four-icons-box .row-4-icon{
    width: 80%;
    height: 15vw;
    margin: 2vw auto;
}

.swiper-container-projects-slider{
    height: 25vw;
    padding-top: 5vw;
}

.wpcf7-form-control-wrap input{
    background: initial;
    padding: 0vw 1vw;
    display: inline-block;
    border: 2px solid #fa3201;
    color: #fff;
    height: 2.4vw;
    font-size: 0.8vw;
    text-decoration: none;
    outline: none;
    border-radius: 100px;
    user-select: none;
    font-family: proxima-regular;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s;
    margin: 1vw 0;
    width: calc(100% - 2vw);
}

.modal-contact-form{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
        justify-content: center;
    align-items: center;
    display: flex;
        visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.box-form{
    width: 22vw;
    padding: 4vw 1vw 1vw;
    background: #000;
    box-shadow: 0px 1px 15px #f95b0b;
    position: relative;
}

.box-form .btn{
    width: 100%;
    margin: 0.5vw 0;
}

.page-id-272 .four-icons-box .row-4-icon:after{
    display: none;
}

.active-modal{
    visibility: visible;
    opacity: 1;
}

.close-modal {
    width: 2vw;
    height: 2vw;
    background: url(./images/close-modal.png);
    background-size: 100%;
    position: absolute;
    top: 1vw;
    right: 1vw;
    cursor: pointer;
}


.car-animate.aos-animate{
    transform: translateX(130vw) !important;
}

.background-img-and-car-animate .zag{
    margin-top: 25vh;
}


.chempion-row{
    width: 90%;
    height: 30vw !important;
    position: relative;
    margin: 4vw auto;
    background: #1f1f1f;
}

.title-chempion{
position: absolute;
    width: 100%;
    bottom: 0;
}

.content-blog-single{
    padding:5vw 0;
}

.content-blog-single{
    color: #fff;
    font-family:proxima-regular; 
}

.header-banner-single-blog{
    width: 100%;
    height: 50vh;
    background-size: cover !important;
    opacity: 0.6;
    margin-bottom: 2vw;
}

.blog-page{
    padding:5vw 0;
}

.blog-row{
    width: 96%;
    margin: 0 auto;
    background: #161616;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
}

.blog-image {
    width: 100%;
    height: 15vw;
    opacity: 0.7;
    background-size: cover !important;
}

.blog-title{
    padding: 1vw;
}

.blog-text{
    height: 4vw;
        padding: 0 1vw;
    overflow: hidden;
}

.blog-row .btn-white{
    width: calc(100% - 2vw);
    margin: 2vw 1vw 0vw;
}


.background-box-car-pin{
    width: 100%;
    height: 80vh;
    background: url(./images/car.png);
    background-repeat: no-repeat;
    background-size: 80%;
        background-position: center;
}

.marker{
position: absolute;
    width: 20vw;
}

.title-marker{
    font-size: 1.4vw;
    margin-bottom: 0.5vw;
    transform: translate(20%);
    opacity: 0;
        transition: all 0.3s;
}

.text-marker{
transform: translate(20%);
  opacity: 0;
      transition: all 0.3s;
}

.marker-1{
top: 24vw;
    left: -5vw;
}

.marker-2{
    right: 1vw;
    top: 20vw;
}

.marker:before{
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    background: #fa3101;
    border-radius: 100%;
    position: absolute;
    left: -2vw;
    top: 0.3vw;
    transition: all 0.4s;
}
.marker:hover:before{
    transform: scale(1.5);
}

.marker:hover .title-marker{
transform: translate(0%);
  opacity: 1;
}

.marker:hover .text-marker{
transform: translate(0%);
  opacity: 1;
}

.background-box-car-pin-1{
        width: 100%;
    height: 80vh;
    background: url(./images/car-2.png);
    background-repeat: no-repeat;
    background-size: 70%;
        background-position: center;
}

.marker-1:before{
    right: -2vw;
    left: initial;
}

.cars-2 .marker-1{
    top: 43vw;
    right: 16vw;
    left: initial;
}

.cars-2 .marker-2{
top: 25vw;
    left: 35vw;
}

.cars-2 .marker-3{
    top: 28vw;
    right: 0vw;
}

.cars-2 .marker-4{
    top: 35vw;
    right: 4vw;
}

.cars-2 .marker-5{
    top: 33vw;
    left: 20vw;
}

.cars-2 .marker-6{
    top: 38vw;
    left: 25vw;
}

.cars-2  .marker-1:before {
    right: initial;
    left: initial;
}

.back-to-box{
    width: calc(100% - 2vw);
    height: 30vw;
    background: #262626;
    right: 0;
    top: 9vw;
    position: absolute;
    border-top-left-radius: 10vw;
}

.slide-to-diagnostic-section{
    height: 44vw;
    overflow: hidden;
}

.car-3{
    width: 60%;
    height: 100%;
    background: url(./images/car-3.png);
    background-repeat: no-repeat;
    background-size: 80%;
    position: absolute;
    background-position: bottom right;
    bottom: 0;
    right: 0px;
}

.swiper-container-projects-slider{
    width: 100%;
    overflow: hidden;
        position: relative;
}

.content-slide-to-diagnostic-section{
    position: absolute;
    width: 50%;
        height: 100%;
        transition: all 0.3s;
overflow: hidden;
}

.page-id-133 .pages-header-box .btn{
    display: none;
}

.page-id-160 .pages-header-box .btn{
    display: none;
}

.page-id-208 .pages-header-box .btn{
    display: none;
}


.drugie-vidi--transporta .swiper-slide{
        background: #000;
        padding: 2vw 0;
            margin-top: 1vw;
    box-shadow: 0px 1px 15px #f95b0b;
}


.button-slider-diagnostick {
    position: absolute;
    left: -4vw;
    top: calc(50% - 3vw);
    transform: rotate(90deg);
}

.button-slider-diagnostick .swiper-button-next {
    float: right;
    margin-left: 4vw;
    right: initial !important;
    left: initial !important;
    outline: initial;
}

.button-slider-diagnostick .swiper-button-prev{
    float: left;
        right: initial !important;
    left: initial !important;
        outline: initial;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1.6vw !important;
}

:root {
    --swiper-theme-color: #fff !important;
}

.image-and-text-scroll-activated{
    width: 100%;
    height: auto;
    position: relative;
}


.back-and-text-scroll-activated{
    width: 60%;
    height: 50vw;
    position: absolute;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 0;
    right: 0;
}



.rov-two-text-box .btn{
    width: 100%;
}

.el-scroll{
    padding: 1.2vw 0;
    position: relative;
    font-size: 1vw;
}

.el-scroll:hover{
    text-transform: uppercase;
    font-size: 2vw;
}

.text-right-image-and-text-scroll-activated .el-scroll:hover{
    text-transform: uppercase;
    font-size: 2vw;
}

.el-scroll:before{
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background: #fa3101;
    position: absolute;
    left: -32%;
    top: calc(2vw + 2px);
    opacity: 0;
    visibility: hidden;
}

.el-scroll:hover:before{
    opacity: 1;
    visibility: visible;
}

.activated-elements{
    width: 100%;
    margin-top: 8vw;
    margin-bottom: 5vw;
}

.text-right-image-and-text-scroll-activated .back-and-text-scroll-activated{
    right: inherit;
    left: 0;
}

.text-right-image-and-text-scroll-activated .title{
    text-align: right;
}

.content-slide-to-diagnostic-section .opis-slide-car{
    transition: all 0.3s;
}



.text-right-image-and-text-scroll-activated .activated-elements{
    width: 100%;
    margin-top: 5vw;
    margin-bottom: 5vw;
    margin-left: 0;
}

.text-right-image-and-text-scroll-activated .btn{
    float: right;
}

.text-right-image-and-text-scroll-activated .el-scroll{
    text-align: right;
}

.text-right-image-and-text-scroll-activated .el-scroll:before{
    left: initial;
    right: -32%;
}




.map-contacts-locztions{
     width: 50%;
    height: 60vh;
    background-size: 90% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    right: 0;
    top: 2vw;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.btn-loc{
    cursor: pointer;
}

.btn-loc:hover .mel{
    color: #f85c19;
}

.active-location{
    visibility: visible;
    opacity: 1;
}

.karkas-ustanavlivaent{
    position: relative;
        height: 40vw;
}

.karkas-ustanavlivaent-image{
width: 100%;
    height: auto;
    left: 0;
    position: absolute;
    top: 4vw;
}


.karkas-ustanavlivaent-image img{
    width: 100%;
    height: auto;
    display: block;
}

.karkas-elem{
    float: left;
    width: 23%;
    height: 8vw;
}

.karkas-elem:nth-child(odd){
    float: left;
    text-align: left;
    margin-right: 15%;
}

.karkas-elem:nth-child(even){
    float: right;
    text-align: right;
        margin-left:15%;
}

.karkas-elem>span{
width: 3.5vw;
    display: block;
    float: left;
    margin: -0.5vw 0 3vw;
}

.karkas-elem:nth-child(even)>span{
    float: right;
}

.karkas-elem-box{
    width: 100%;
    height: auto;
    margin-top: 6vw;
    display: table;
    position: absolute;
    top: 0;
        z-index: -1;
}

.image-karkas-big{
    width: 70%;
    height: auto;
    display: block;
    margin: 4vw auto 0;
}

.image-bash{
    width: 50%;
    height: 25vw;
    float: left;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.text-bash-box{
    width: 50%;
    float: left;
    margin-top: 5vw;
}

.text-bash-box  ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.text-bash-box  ol li {
  counter-increment: my-awesome-counter;
      width: 100%;
}
.text-bash-box  ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 4vw;
    font-size: 2.4vw;
    font-family: proxima-light;
    font-weight: 100;
    height: 3vw;
    margin-top: -0.5vw;
    margin-bottom: 1vw;
    float: left;
}

.display-table-box{
    width: 100%;
    height: auto;
    display: table;
}


.swiper-container-projects-slider .swiper-slide .image-slider-services{
    height: 18vw;
}

.swiper-container-oyzivi{
    width: 100%;
    height: auto;
    overflow: hidden;
}


.mod-none{
    display: block !important;
}


.accordion{
    display: none !important;
}

.sketchfab-embed-wrapper{
    position: relative;
    margin: 0 auto;
    width: 40vw;
    height: 30vw;
    overflow: hidden;
}

.sketchfab-embed-wrapper iframe{
        width: 120%;
    position: absolute;
    height: 120%;
    top: -10%;
    left: -10%;
}











@media(max-width: 800px){

.sketchfab-embed-wrapper {
    position: relative;
    margin: 0 auto;
    width: 90vw;
    height: 60vw;
    overflow: hidden;
}

.sketchfab-embed-wrapper iframe{
        width: 140%;
    position: absolute;
    height: 140%;
    top: -20%;
    left: -20%;
}

.karkas-elem-box {
    width: 100%;
    height: auto;
    margin-top: 10px;
    display: table;
    position: relative;
    top: 0;
    z-index: initial;
}

.mod-none{
    display: none !important;
}

.accordion{
        margin: 0 auto;
    width: calc(100% - 40px);
    display: block !important;
}

.accordion .toggle .zag {
    border-bottom: 2px solid #f85c19 ;
        padding-right: 40px;
}


.accordion .toggle .zag:after{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(./images/arrow-orange.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 20px;
    transform: rotate(180deg);
    transition: all 0.3s;
}

.accordion .active-ac .zag:after{
     transform: rotate(0deg);
}

.accordion .toggle .zag br{
    display: none;
}

ul{
    padding: 0;
    margin:0;
}

.inner{
    display: none;
}

.inner .back-and-text-scroll-activated{
    z-index: -1;
}

.fixed-right-menu{
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-overflow-scrolling:touch;
}

.swiper-container-heder-desc {
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.swiper-container-heder-desc .swiper-slide br{
    display: none;
}

.button-slider-diagnostick {
    position: absolute;
    left: 70px;
    top: initial;
    transform: initial;
    display: table;
    margin-top: 50px;
}

.button-slider-diagnostick .swiper-button-prev {
    float: initial;
    right: initial !important;
    left: initial !important;
    outline: initial;
    width: auto;
    height: auto;
    margin-left: -50px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 50px !important;
}

.button-slider-diagnostick .swiper-button-next {
    float: initial;
    margin-left: initial;
    right: initial !important;
    left: initial !important;
    outline: initial;
    width: auto;
    height: auto;
    margin-left: 20px;
}



.swiper-pagination-bullet {
    font-family: proxima-light;
    font-size: 16px;
    width: 30px !important;
    height: 30px !important;
    background: initial !important;
    border: 2px solid #fff;
    opacity: 1 !important;
    line-height: 30px!important;
    color: #fff !important;
    margin: 0 10px !important;
}

.swiper-pagination-team {
    position: absolute;
    width: 100% !important;
    left: 0% !important;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -50px !important;
}

.fixed-menu-line {
    width: 100%;
    height: auto;
}

.wrapper {
    width: calc(100% - 40px);
    max-width: initial;
}

.logo {
    width: 170px;
    height: 50px;
    margin: 10px 0;
}

.berger-btn {
    width: 40px;
    height: 40px;
    right: 0;
    top: 15px;
    cursor: pointer;
}



.berger-btn:after {
    content: "";
    display: block;
    width: 23px;
    height: 22px;
    border-radius: 100%;
    border: 2px dotted #fff;
    position: absolute;
    top: 7px;
    left: 7px;
}

.call-fixed {
    width: 40px;
    height: 40px;
    background: url(./images/call.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: calc(50% - 30px);
    top: 18px;
}

.burger-box span {
    font-size: 16px;
    color: #fff;
    font-family: proxima-regular;
    font-weight: 100;
    position: absolute;
    width: 55px;
    display: block;
    right: 60px;
    top: 25px;
    text-align: right;
}

.wpcf7-validation-errors {
    border: initial !important;
    font-size: 16px;
    color: #f85c19;
    margin: 10px !important;
    font-family: proxima-regular;
    font-weight: 100;
}

.lang-box {
display: none;
}

.menu .lang-box {
    display: block;
    left: initial;
    position: relative;
    top: initial;
        margin-bottom: 20px;
}

.lang {
    color: #000;
    text-transform: uppercase;
    margin: 0 20px 0 0;
    font-size: 16px;
}

.main-header-box {
    height: 450px;
}
section {
    position: relative;
    margin: 70px 0 0;
}

.row-box-four {
    grid-template-columns: 1fr 1fr;
}

.zag {
    font-size: 20px;
}

.mel {
    font-size: 14px;
}

.row-4-icon {
    width: 70px;
    height: 70px;
    display: block;
    margin: 30px auto 30px;
}

.swiper-pagination-services-slider .swiper-pagination-bullet{
    width: 8px !important;
    height: 8px !important;
    margin: 0 5px !important;
}

.swiper-container-heder-desc .swiper-pagination-services-slider {
    top: 76px !important;
}

.podrazdelenja-row .wrapper{
    display: table;
}

.box-form {
    width: 90%;
    padding: 50px 10px 10px;
    background: #000;
    box-shadow: 0px 1px 15px #f95b0b;
    position: relative;
}

.close-modal {
    width: 40px;
    height: 40px;
    background: url(./images/close-modal.png);
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.wpcf7-form-control-wrap input {
    background: initial;
    padding: 0vw 10px;
    display: inline-block;
    border: 2px solid #fa3201;
    color: #fff;
    height: 40px;
    font-size: 16px;
    text-decoration: none;
    outline: none;
    border-radius: 100px;
    user-select: none;
    font-family: proxima-regular;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s;
    margin: 10px 0;
    width: calc(100% - 20px);
}

.vin-number {
    position: relative;
    padding: 0 0 0 10px;
    margin-top: -5px;
    cursor: pointer;
}

.vin-number-info {
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    background: #000;
    font-size: 12px;
    margin-left: -10px;
}

select {
    border: 2px solid #fa3201;
    padding: 0 10px;
    border-radius: 100px;
    height: 40px;
    font-size: 16px;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}

.vin-number span {
    font-size: 12px;
    color: #f85c19;
    font-family: proxima-regular;
    font-weight: 100;
}

.call-fixed span{
    display: none;
}

.row-4-icon:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #f85c19;
    position: absolute;
    top: 80px;
    left: calc(50% - 30px);
}

.row-box-four .trans-text{
    text-transform: initial;
}

.text-podrazdelenja-box .p {
    width: 100%;
}

.el-scroll:hover {
color: #fa3101;
    transform: scale(1) translateX(0%);
    font-size: 14px;
    text-transform: initial;
}

.el-scroll:before {
    top: 10px;
}

.swiper-container-team .swiper-slide {
    display: grid;
    grid-template-columns: 1fr;
}

.btn {
    padding: 10px 20px;
    height: auto;
    font-size: 14px;
}

.four-icons-box .btn {
    margin: 50px auto;
}

.podrazdelenja-image {
    width: calc(100% - 40px);
    height: 240px;
    margin: 40px auto 20px;
    position: relative;
}

.podrazdelenja-row {
    height: auto;
}

.text-podrazdelenja-box {
    width: 100%;
    position: relative;
    padding-top: 0;
    margin-top: 0px;
        height: auto;
    justify-content: initial;
    align-items: initial;
}

.podrazdelenja-box .podrazdelenja-row:nth-child(2) .text-podrazdelenja-box, .podrazdelenja-box .podrazdelenja-row:nth-child(4) .text-podrazdelenja-box {
    right: 0;
    text-align: left;
    float: right;
}

.image-team-slide {
    width: 100%;
    height: 350px;
}


.row-box-three {
    grid-template-columns: 1fr 1fr;
}

.p {
    font-size: 14px;
}

.pokazatel-big-text {
    font-size: 36px;
    color: #fff;
    width: 100%;
    display: block;
    margin: 10px auto 30px;
}

.row-3{
    padding: 5px;
}

.menu {
    width: calc(100% - 60px);
    height: calc(100% - 80px);
    padding: 30px 30px 50px;
}

.row-box-three .trans-text{
    text-transform: initial;
}

.services-slider-section ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    padding: 0;
    text-align: left;
    font-family: proxima-black;
    font-weight: 100;
    width: 100%;
}

.services-slider-section ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 30px;
    font-size: 20px;
    font-family: proxima-light;
    font-weight: 100;
    height: 100%;
    margin-top: 0px;
    margin-bottom: initial;
    float: left;
}

.page-id-92 .services-slider-section ol li:nth-child(even)::before {
    float: left;
}

.text-podrazdelenja-box ol br{
	display: none;
}

.page-id-92 .services-slider-section ol li:nth-child(even) {
    text-align: left;
    margin: 10px 0;
}

.map-contacts-locztions {
    width: 100%;
    height: 300px;
    background-size: 90% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    right: 0;
    top: 300px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.menu-li{
    line-height: 26px;
    margin: 0 0 12px;
    width: 100%;
    font-size: 24px;
    background-color: #ff0000;
}

.close-menu {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
}

.info-main-header {
    width: calc(100% - 90px);
    height: auto;
    border: 3px solid #fff;
    background: rgba(0,0,0,0.7);
    position: absolute;
    right: 20px;
    top: 100px;
    text-align: right;
    padding: 35px 20px;
}

.info-main-header-social-icon .social {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 0 15px;
}

.info-main-header-social-icon:before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0.7;
}

.info-main-header-social-icon {
    margin: 0 0 30px;
    width: 58%;
    position: relative;
}

.objects-row {
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px 0;
}

.objects-image {
    width: calc(100% - 40px);
    height: 250px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: initial;
    top: initial;
    opacity: 0.5;
    margin: 40px auto 20px;
}

.objects-box .objects-row:nth-child(2) .objects-image, .objects-box .objects-row:nth-child(4) .objects-image {
    right: initial;
    left: initial;
}

.text-objects-box {
    width: 100%;
    position: absolute;
    padding-top: 10px;
}

.text-objects-box strong {
    font-size: 16px;
}

.text-objects-box {
    width: 100%;
    position: relative;
    padding-top: 0.4vw;
}

.text-objects-box ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 44px;
    font-size: 25px;
    font-family: proxima-light;
    font-weight: 100;
    height: 100%;
    margin-top: -2px;
    margin-bottom: 0;
}

.text-objects-box ol li {
    width: 100%;
    margin: 10px 0;
}

.objects-box .objects-row:nth-child(3) {
    text-align: left;
}

.objects-box .objects-row:nth-child(1) .text-objects-box, .objects-box .objects-row:nth-child(3) .text-objects-box ol li::before {
    float: left;
}

.btn-white {
    padding: 10px 20px;
    border: 2px solid #fff;
    font-size: 14px;
        height: auto;
}

.text-objects-box .btn {
    margin-right: 10px;
        margin-bottom: 20px;
}

.map-contacts {
    position: relative;
    right: 0;
    width: 100%;
    height: 300px;
    top: 30px;
}

.footer p .zag.proxima-light.orange-text {
    display: inline-block;
    width: 30px;
        height: 40px;
}

.pages-header-social-box .social {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 10px;
}

.pages-header-social-box:after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    margin-left: 8px;
}

.pages-header-social-box {
    position: absolute;
    width: 20px;
    top: calc(100vh - 143px);
}

.contact-info-box {
    margin-top: 30px;
}

.contact-tel-box {
    margin-top: 30px;
}

.contact-social-box{
        margin-top: 30px;
}

.footer-social-icon .social {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 20px 20px 0 0;
}

.rov-two-text-box {
    grid-template-columns: 1fr;
}

.two-text-box-section-row-2 {
    margin: 20px auto;
    background: #1c1c1c;
    width: calc(100% - 20px);
    padding: 30px 10px;
}


.chempion-box.row-box-three{
        grid-template-columns: 1fr;
}

.chempion-row {
    width: 70%;
    height: 400px !important;
    position: relative;
    margin: 20px auto 10px;
}

.content-maps-location {
    width: 100%;
        margin-bottom: 300px;
}

.karkas-ustanavlivaent-image img {
    width: 80%;
    height: auto;
    display: block;
    margin: 30px auto;
}

.karkasi-spasli-gizn-img {
    height: 150px;
}

.text-bash-box ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 35px;
    font-size: 20px;
    font-family: proxima-light;
    font-weight: 100;
    height: 100%;
    margin-top: -8px;
    margin-bottom: initial;
    float: left;
}

.text-bash-box ol li {
    counter-increment: my-awesome-counter;
    width: 100%;
    margin: 10px 0;
}

.text-anim-car {
    margin: 0 5vw;
        font-family: proxima-regular !important;
    font-size: 12px !important;
}

.car-animate {
    background: url(./images/sportive-car-side-view.png);
    width: 100px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: -30vw;
    transition: all 5s !important;
    z-index: 15;
    opacity: 1 !important;
}

.active-location {
    visibility: visible !important;
    opacity: 1 !important;
}

.etap div {
    width: 100%;
    display: block;
    padding: 0 20px;
    float: left;
    position: relative;
    text-transform: initial;
    font-size: 12px;
}

.etap {
    width: 100%;
    padding: 20px 0;
    position: relative;
}


.etap div:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fa3101;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    left: -7px;
    box-shadow: 0px 1px 20px #f95b0b;
}

.page-id-208 .four-icons-box .row-box-three{
    grid-template-columns: 1fr ;
}


.etap:nth-child(even) div:after {
    right: -8px;
    left: inherit;
}

.page-id-208 .four-icons-box .row-4-icon {
    width: 100%;
    height: 200px;
    margin: 30px auto 0px;
}

.text-anim-car:after {
    content: "";
    display: block;
    width: 2px;
    height: 100px;
    background: #f85c19;
    position: relative;
    margin: 0 auto;
}

.text-anim-car {
    margin: 0 7px;
    width: 70px;
    height: 80px;
    overflow: hidden;
}

.otzivi-section .row-box-three{
        grid-template-columns: 1fr;
}

.image-otziv {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    background-size: cover !important;
    top: -60px;
    left: calc(50% - 40px);
}

.otzivi-box {
    background: #212121;
    margin: 80px auto 10px;
    width: 100%;
    padding: 0 0 20px;
    position: relative;
}

.etap div {
    width: 100%;
    display: block;
    padding: 0 20px;
    float: left;
    position: relative;
}

.row-etaps:after{
    display: none;
}

.text-podrazdelenja-box ol li::before {
    content: "0" counter(my-awesome-counter);
    color: #f85c19;
    width: 32px;
    font-size: 18px;
    font-family: proxima-light;
    font-weight: 100;
    height: 100%;
    margin-top: -0.5vw;
    margin-bottom: 10px;
    float: left;
}

.text-podrazdelenja-box ol li{
    margin-bottom: 10px;
}

.activated-elements {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.back-and-text-scroll-activated {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 0;
    right: 0;
}

.image-and-text-scroll-activated {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.text-right-image-and-text-scroll-activated .el-scroll:hover {
    color: #fa3101;
    transform: scale(1) translateX(0%);
    text-transform: initial;
    font-size: 14px;
}

.text-right-image-and-text-scroll-activated .activated-elements {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
}

.back-and-text-scroll-activated {
    width: 100%;
    height: 300px;
    position: absolute;
}

.slide-to-diagnostic-section {
    height: auto;
}

.drugie-vidi--transporta .swiper-slide {
    padding: 0;
    margin-top: 20px;
    height: 100px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-id-208 .objects-image{
    display: none;
}

.content-slide-to-diagnostic-section {
    position: relative;
    width: calc(100% - 40px);
    margin-top: 0;
    margin: 0 20px;
    height: 420px;
}

.text-right-image-and-text-scroll-activated .title {
    text-align: left;
}

.text-right-image-and-text-scroll-activated .el-scroll {
    text-align: left;
}

.text-right-image-and-text-scroll-activated .btn {
    float: left;
}

.objects-box .title {
    text-align: left;
}

.drugie-vidi--transporta .swiper-container-services-slider{
	    width: calc(100% - 40px);
    height: auto;
    overflow-x: hidden;
    margin: 20px 0;
    padding:0 20px;
}


.objects-box .title br{
	display: none;
}

.main-block-diagnostic {
    width: 100%;
    height: 50px;
    margin: 100px 0 0 0;
    position: relative;
}

.swiper-container-diagnos{
	display: none;
}

.back-to-box {
    width: 100%;
    height: 550px;
    background: #262626;
    right: 0;
    bottom: 0;
    padding-top: 50px;
    position: relative;
    margin-bottom: 30px;
    border-top-left-radius: initial;
}
.title-marker, .text-marker{
	opacity: 1;
	    transform: translate(0%);
}

.marker {
    position: relative;
    width: 100%;
    top: initial !important;
    left: initial !important;
    margin-bottom: 20px;
    right: initial !important;
}

.slide-to-diagnostic-section .wrapper{
	    display: block !important;
    height: 100% !important;
    align-items: center !important;
}

.background-box-car-pin {
    width: 100%;
    height: 250px;
}

.marker:before{
	display: none;
}

.background-box-car-pin-1 {
    width: 100%;
    height: 250px;
  }

.title-marker{
	margin-bottom: 10px;
}

.swiper-container-services-slider {
    width: calc(100% - 40px);
    height: auto;
    overflow-x: hidden;
    margin: 20px;
}

.image-slider-services {
    width: 100%;
    height: 200px;
}

.name-team-slide {
    width: 70%;
    display: block;
    margin: 20px auto 20px;
    height: auto;
}

.center-btn {
    display: block;
    margin: 20px auto;
}

.image-background-box-and-text-2 {
    margin: 20px auto;
    width: 90%;
    height: 250px;
}

.wrapper.row-box-three.blog-page{
    grid-template-columns: 1fr;
}

.blog-row {
    width: 100%;
    margin: 0 auto;
    background: #161616;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.blog-page {
    padding: 100px 0 50px;
}

.blog-image {
    width: 100%;
    height: 200px;
}

.blog-title {
    padding: 20px;
}

.blog-text {
    height: 86px;
    padding: 0 20px 0px;
    overflow: hidden;
}

.page-id-92 .services-slider-section ol li:nth-child(even) {
    text-align: left;
}

.blog-row .btn-white {
    width: calc(100% - 30px);
    margin: 10px;
}

.header-banner-single-blog {
    width: 100%;
    height: 300px;
    background-size: cover !important;
    opacity: 0.6;
    margin-bottom: 20px;
}

.image-bash {
    width: 100%;
    height: 60vw;
}

.text-bash-box {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.karkas-elem {
    float: left !important;
    width: 100%;
    height: auto;
}

.karkas-elem:nth-child(even) {
    float: left;
    text-align: left;
    margin-left: 0%;
}

.karkas-elem:nth-child(even)>span {
    float: left;
}

.karkas-elem>span {
    width: 35px;
    display: block;
    float: left;
    margin: -0.5vw 0 35px;
}

.karkas-ustanavlivaent {
    position: relative;
    height: auto;
}

.karkas-ustanavlivaent-image {
    width: 100%;
    height: auto;
    left: 0;
    position: relative;
    top: initial;
    margin-bottom: 50px;
}


.swiper-container-projects-slider .swiper-slide .image-slider-services {
    height: 300px;
}

.swiper-container-projects-slider {
    height: 300px;
    padding-top: 20px;
}

.marker .trans-text{
    text-transform:initial;
}

 .opis-slide-car ul{
padding-left: 20px;
}

.text-podrazdelenja-box a{
    margin: 15px 0;
    display: inline-block;
    color: #f85c19;
}


}