/*
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*{box-sizing: border-box; outline: none;}
body {font-family: montserrat; font-weight: 400; font-size:15px; margin:0px; padding:0px; background: #5a6268}
.navbar{ padding:0rem 0rem; }
.navbar-light .navbar-toggler{ background: #333333; border:0px; color:#ffffff; border-radius: 0px; padding:0.70rem 1rem; }
.navbar-brand{ padding:0px; }
.ban-graphic{ background:url(../images/img_graphic_home_1.svg) no-repeat center center / 100%; width:100%; position:relative; z-index: 1; bottom:-0px; height: 243px; }
.fotogalerija-graphic{ background:url(../images/img_graphic_reference.svg) no-repeat center top / 100%; width:100%; position:relative; z-index: 1; margin-top:69px; height: 200px; padding:55px 0px 20px; }
.kontakt-graphic{ background:url(../images/img_graphic_contact.svg) no-repeat center top / 101%; width:100%; position:relative; z-index: 1; /*margin-top:69px;*/ height: 200px; padding:55px 0px 20px;  }
.onama-background{ background:url(../images/img_graphic_aboutus.svg) no-repeat center top / 101%; }
.reference-graphic{ background:url(../images/img_graphic_reference.svg) no-repeat center top / 100%; width:100%; position:relative; z-index: 1; /*margin-top:69px;*/ height: 200px; padding:55px 0px 20px; }
/*.usluge-graphic{ background:url(../images/img_graphic_services.svg) no-repeat center top 0px / 100%; width:100%; position:relative; z-index: 1; /*margin-top:69px;*/ padding:90px 0px 100px; }*/
.vozila-graphic{  
	width:100%; 
	position:relative; 
	z-index: 1; 
/*	margin-top:20px; 
	padding:10px 0px 60px; */
}
.col-heading .hr{ height:1px; background:#000000; display:inline-block; width:70px; }
[class*="-graphic"] h1{ font-family: 'Exo 2', sans-serif; font-weight: 700; }
.bg-white{ background:#ffffff; }
.p-4 { padding: 0rem 1.5rem !important;}
#Home_banner{ position:relative; z-index: 0; /*padding-bottom:150px;*/ margin-bottom: -77px; }
.btn { font-family: montserrat; font-weight: 400; border-radius: 0px; color: #FFFFFF; padding: 1.40em 2.50em; display: inline-block; margin: 20px -5px 0px 0px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s;}
.btn-blue {background: #14659e;}
.btn:hover{ color:rgba(255,255,255,0.8); }
.btn-blue-dark {background: #06436e;}
.btn-mid {padding: 0.7em 2em; font-size: 12px; }
section, footer{ padding:70px 0px; display: block; }
.font-big{font-size: 55px;
    font-family: 'Exo 2', sans-serif;
	font-weight: 700;
    line-height: 70px;
    margin-top: -34px;
    border-left: 1px solid #333333;}
.font-big big{font-size:95px;}
.text-gradiant-1{background: -webkit-linear-gradient( -34deg, #1D7DCF, #010406);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} /* #125a8c 45 deg*/
.text-gradiant-2{background: -webkit-linear-gradient( -34deg, #1D7DCF, #010406);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.font-big-2{font-size: 55px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	line-height: 70px;
	margin-top: -34px;}
.our-services{background:#f6f6f6;}
.about [class*="col-"]{ padding:0px 50px; box-sizing: border-box;}
.headline { padding-bottom: 0px; padding-top: 70px;}
.heading-big{ font-size: 4rem; color:#000000; width:100%; }
.col-thumb{ position: relative; }
.thum-graphic1{ background: url(../images/img_bg_home_1.svg) no-repeat right center / 100%; }
.thum-graphic2{ background: url(../images/img_bg_home_2.svg) no-repeat right center / 100%; }
.thum-graphic3{ background: url(../images/img_bg_home_3.svg) no-repeat right center / 100%; }
.thum-graphic4{ background: url(../images/img_bg_home_4.svg) no-repeat right center / 100%; }
.graphic1 { position: absolute; left: 78px; top: -38px; width: 570px; height: 490px; }
.graphic2 { position: absolute; right: 42px; top: -50px; width: 570px; height: 510px; }
.graphic3 { position: absolute; left: 90px; top: -65px; width: 530px; height: 490px; }
.graphic4 { position: absolute; right: -30px; top: -65px; width: 640px; height: 510px; } /* z-index: -1; right: 50px;*/
.exo2-bold{ font-family:'Exo 2', sans-serif; font-weight: 800; }
.col-heading{ font-size:2.5rem; padding:0px; margin-bottom:30px; width:100%; padding-top: 10px; } /* 2 rem */
.row{position: relative;}
.col-content{ padding-left:50px; }
.col-content p{ padding:0px 40px 20px; margin-bottom:30px; }
.col-content p.bdr-right{ border-right:1px solid #333333; }
.col-content p.bdr-left{ border-left:1px solid #333333; }
.blockrub-left { border-left:1px solid #333333; padding:0px 40px 20px; margin-bottom:30px; margin-left: 40px;}
.blockrub-left p{ padding:0px 0px 20px; margin-bottom:0px; }
.cta{ background: url(../images/img_graphic_footer.svg) no-repeat right center / 100%; }
.lite-gray{ background:#e4e4e4;  }
footer{ padding:30px 0px; }
footer p{ font-size:0.9rem; vertical-align: top; line-height:1.8; }
.navbar-light .navbar-toggler{ padding:0px; width:77px; height:69px; background:transparent;}
.navbar-light .navbar-toggler-icon{ background:url(../images/toggle_icon.jpg) no-repeat center center / 100% !important; width:100%; height:100%;  }
.navbar-light .navbar-nav .nav-link{color:#ffffff; padding:23px 25px; margin:0px 1px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#ffffff; background: #14659e; padding:23px 25px; margin:0px 1px;}
.line-height30{line-height: 30px;}
.yellow_bg{ background:#eeb300; }
/*.three-block h4{ padding:20px; }*/
.gray-gradiant{ background-image: linear-gradient(to right, #ffffff , #dddddd);  }
.two-coumn [class*="col-"]{ padding:0px; }

.carousel-control-prev{ display:none;}
.carousel-control-next{ display:none;}
footer span{ width:100%; display:inline-block; text-align: left;  }

.body-container {
	max-width: 1600px;
	margin: 0 auto;
	background: #FFFFFF;
}


.maxwidth {
	max-width: 1600px;
	margin: 0 auto;
}

.black-overlay {
	background: rgba(0, 0, 0, .2);
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 855px;
}

.cta h3{ font-size: 2rem; margin-bottom: 25px;}

.vozila-graphic p{
	margin-top: 135px;
}

/*.usluge-graphic p.first-par{
    margin-top: 223px;
}*/

.servicesnav {
	display: flex;
	justify-content: flex-end;
	margin-right: -20px;
	margin-top: -30px;
	gap: 10px;
}

.vozilanav {
	margin-top: -20px !important;
}

.servicesnav a {
	display: flex;
	width:50px;
	height: 50px;
}

.servicesnav a:first-child {
	border-right: none;
}
.firstimageservice {
/*	margin-top: -157px;*/
}
.firstvozila {
    margin-top: -116px;
}
.reference-section { padding-top: 45px; }

.three-block a, footer a {color: #212529;}


.galerije a.img_link{
	display: none;
}

.galerije a.img_link:first-child{
	display: block;
}

.vozilah3{
	font-size: 2.8rem;
/*	margin-top: -45px;*/
}

.servicesnav img {
	margin: 15px auto;
}


/* Responsive Conditions */
@media (min-width:1441px){
	.carousel-caption{
		position: absolute;
		top: 42%; /* 66% */
		bottom: 20px;
		left: 18%;
		z-index: 2000; /* 10 */
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 39px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 76px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 52px;
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -79px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}

}
@media (max-width:1440px){ /* 1440px */
	/*.navbar{ max-width:97.5%; width:100%; }*/
	/*.ban-graphic{ bottom:12px; background-size:101%; } */
	.ban-graphic{ bottom:5px; }
	.carousel-caption{
		position: absolute;
		top: 35%;
		bottom: 20px;
		left: 16%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 39px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 76px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 52px;
		font-weight: 700;
		margin-left: 48px;
		position: absolute;
		margin-top: -79px;
	}

	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}
/*    .usluge-graphic p.first-par{
        margin-top: 202px;
    }*/

	.servicesnav {
		margin-right: -20px;
		margin-top: -60px;
	}
	.vozilanav {
		margin-top: -33px !important;
	}

	.uslugeh3{
		font-size: 2.2rem;
	}
	.vozilah3{
		font-size: 2.4rem;
/*		margin-top: -25px;*/
	}

    .fotogalerija-graphic{ padding:43px 0px 20px; }
    .reference-graphic{ padding:43px 0px 20px; }
	.reference-section { padding-top: 45px; }
	.kontakt-graphic{ padding:43px 0px 20px; }

	.servicesnav a {
		height: 50px;
		width: 54px;
	}

	.servicesnav img {
	margin: 10px auto;
}
}

@media (max-width:1270px){
	.ban-graphic{ bottom:8px; }
}

@media (min-width: 1200px)
{

	.galerija-usluge img{
		width: 280px;
	}
}

@media (max-width:1200px){
	/*.navbar{ max-width:94.5%; width:100%; }*/
	.ban-graphic{ bottom:12px; background-size:101%; }
	.three-block h4{ font-size:1.4em; }
	.graphic1 {  left: 50px;  }
	.graphic2 {  right: 30px; }
	.graphic3 {  left: 60px; }
	.graphic4 {  right: -20px; width: 550px; top: -93px}
	.fotogalerija-graphic, .reference-graphic {padding:90px 0px 100px; }
/*	.usluge-graphic {padding:90px 0px 100px; }*/
	.carousel-caption{
		position: absolute;
		top: 41%;
		bottom: 20px;
		left: 14%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 39px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 100px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 15px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 52px;
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -91px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}
	.cta h3{ font-size:1.8rem;}


/*	.usluge-graphic p.first-par{
		margin-top: 155px;
	}*/

	.uslugeh3{
		font-size: 1.7rem;
		margin-top: 0px;
	}


	.usluge-graphic .hr {
		margin-top: -65px;
	}
	.servicesnav{
		display: none;
/*		margin-top: -74px;*/
	}
	.fotogalerija-graphic{ padding:25px 0px 20px; }
	.fotogalerija-section { padding-top: 45px !important; }
	.reference-graphic{ padding:25px 0px 20px; }
	.reference-section { padding-top: 25px !important; }
	.kontakt-graphic{ padding:25px 0px 100px; height: 150px;}

	.vozilanav {
		margin-top: -36px !important;
	}

	.galerija-usluge img{
		width: 230px;
	}

	.servicesnav a {
		height: 42px;
		width: 46px;
		margin-top: 25px;
	}

/*	.vozila-graphic{padding:10px 0px 60px; }*/
}

@media (max-width: 1200px) {
	.three-block h4 {
		padding: 20px 28px;
	}
}

@media (min-width: 1200px) {
	.three-block h4 {
		padding: 20px 40px;
	}
}

@media (max-width:1024px){
	.ban-graphic{  bottom: 14px; background-size:101%; }
	.graphic1 {  top: -80px; width:500px;  left: 20px; }
	.graphic2 {  top: -80px; width:500px; right: 20px; }
	.graphic3 {  top: -90px; width:440px; }
	.graphic4 {  right: 0px; top: -80px; width:530px;}
/*	.fotogalerija-graphic, .kontakt-graphic, .reference-graphic, .usluge-graphic{padding:50px 0px 100px; }*/
/*	.vozila-graphic{padding:10px 0px 60px; }*/
	.gray-gradiant img{ width:auto; }
	.gray-gradiant { background: none; }
	.carousel-caption{
		position: absolute;
		top: 35%;
		bottom: 20px;
		left: 11%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 39px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 73px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 52px;
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -75px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}
    .cta h3{ font-size: 1.7rem; margin-bottom: 26px;}

    .fotogalerija-section { padding-top: 20px !important; }
	.reference-section { padding-top: 20px !important; }
	.map-kontakt { padding: 20px !important;}

	.headline { padding-bottom: 40px; padding-top: 70px;}
	.font-big-2{font-size: 50px;}


	.blockrub-left { margin-top: 35px; margin-left: 0px;}

	.picvozila img {
		width: 90%;
	}

	.vozilanav {
		/*display: none;*/
	}

}

@media (min-width:1199px){
	.navbar-toggler{
		display: none !important;
	}
	/*.navbar-nav{*/
	/*	display: none !important;*/
	/*}*/


	.galerija-usluge img{
		width: 280px;
	}
}

@media (max-width:991px){
	.container{ max-width:920px; }
	.heading-big{font-size:52px;}
	.ban-graphic{  bottom: 18px; }
	.our-services{ padding:35px 0px; }
	.three-block h4{ font-size:1.1em; }
	.graphic1 {  top: -86px; width:480px; left:5px;  }
	.graphic2 {  top: -97px; width:430px; right:30px; }
	.graphic3 {  top: -85px; width:401px; left:40px; }
	.graphic4 {  right: 22px;  top: -55px; width:440px;}
	.col-heading{ font-size:26px; }
	.col-content p{ font-size:14px; }
	.btn { padding: 1em 2em;margin: 42px -5px 0px 0px;}
	.collapse.p-4.show { display: block;top:69px; text-align: left; padding:0px !important;}
	.collapse.p-4.show .collapse{ display: block; }
	.navbar-light .navbar-nav .nav-link{padding:10px 25px;}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ padding:10px 25px;}
	.carousel-caption{
		position: absolute;
		top: 37%;
		bottom: 20px;
		left: 11%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 39px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 75px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 48px; /* 52px*/
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -74px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}
    .cta h3{ font-size:1.6rem; margin-bottom: 0px;}

	.uslugeh3{
/*		margin-top: -55px;*/
		margin-bottom: 115px !important;
	}


	.usluge-graphic .hr {
		display: none;
	}
    .vozila-graphic .hr {
        display: none;
    }
	.servicesnav{
		/*display: none;*/
	}

	.firstimageservice {
		margin-left: 5px;
	}

    .fotogalerija-graphic{ padding:13px 0px 20px; }
	.reference-graphic{ padding:13px 0px 20px; }
	.reference-section { padding-top: 0px !important; }
	.kontakt-graphic{ padding:13px 0px 20px; height: 150px;}

	.headline {padding-top: 25px;}
	.font-big-2{font-size: 45px;}

 	.servicesnav a {
		height: 32px;
		width: 36px;
		margin-top: 25px;
	}

	.servicesnav img {
	margin: 4px auto;
}
}

@media (min-width: 760px) and (max-width: 990px){
	.galerija-usluge img{
		width: 350px;
	}
}
@media (max-width:800px){
	.ban-graphic{  bottom: 20px; }
	.container{ max-width:720px; }
	.three-block h4{ font-size:0.9em; }
	.usluge-graphic h3.col-heading, .vozila-graphic h3.col-heading, .reference-graphic h3.col-heading{margin-bottom:50px;}
	.graphic4 {  top: -120px; right: -16px; }
	.cta h3{ font-size:23px;}
	.carousel-caption{
		position: absolute;
		top: 35%;
		bottom: 20px;
		left: 10%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 36px;
		font-weight: 700;
		margin-top: 30px;
	}
	.carousel-caption .border_cur{
		height: 65px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 42px;
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -63px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}
/*	.usluge-graphic p {
		font-size: 14px !important;
	}
	.usluge-graphic p.first-par {
		margin-top: 120px;
	}
	.usluge-graphic .lefttext {
		margin-top: -55px;
		margin-left: 0px;
	}
	*/


}
@media (max-width:767px){
	*, .col-content{  text-align: center !important; }
	.ban-graphic{  bottom: 26px; }
	.graphic1 {  display: none; }
	.graphic2 {  display: none; }
	.graphic3 {  display: none; }
	.graphic4 {  display: none; }
	section, footer{padding:20px 0px 40px !important;} /* padding bio 40px*/
	.col-content p.bdr-left, .col-content p.bdr-right{ border:0px !important; }
	.col-thumb{margin-bottom: 15px;}
	.col-content { padding-bottom: 0px; padding-left:0px !important; padding-right:0px !important; padding-top:0px !important;}
	.two-coumn [class*="col-"]{ text-align:center !important; }
	/*.gray-gradiant{ background:linear-gradient(to top, #ffffff , #dddddd); }*/

	footer [class*="col-"] p{ margin-top:0px !important; margin-bottom:30px; }
	.cta h3{ font-size:21px; margin-bottom: 0px; padding-top: 115px;}
	section.cta{padding:80px 0px 40px !important;}
	.text-gradiant-1{ border:0px; text-align:center !important; 
/*		margin-top:30px;*/
		 }

/*	.usluge-graphic{ margin-top:69px; padding:0px 0px 0px !important; background: none;}
	.usluge-graphic h3.col-heading{ margin-bottom:-45px !important; }*/

	.col-content .btn { padding: 1em 2em;margin: -37px -5px 0px 0px;}

	.carousel-caption{
		position: absolute;
		top: 31%;
		bottom: 20px;
		left: 11%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel-caption span{
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 29px;
		font-weight: 700;
		margin-top: 25px;
	}
	.carousel-caption .border_cur{
		height: 47px;
		background: #fff;
		width: 1px;
		margin-left: 31px;
		overflow: hidden;
		margin-top: 27px;
	}
	.carousel-caption h3{
		font-family: 'Exo 2', sans-serif;
		font-size: 33px;
		font-weight: 700;
		margin-left: 49px;
		position: absolute;
		margin-top: -47px;
	}
	.carousel-control-prev{
		top: 304px;
		left: 59px;
	}
	.carousel-control-next{
		right: 1049px;
		top: 304px;
	}
	.hbf{
		text-transform: uppercase;
	}

	.firstimageservice {
/*		margin-top: 38px;*/
		margin-left: -15px;
	}
	.uslugeh3 {
		margin-top: -23px;
	}
/*	.usluge-graphic p.first-par {
		margin-top: 17px;
	}
	.usluge-graphic .lefttext {
		margin-top: -10px;
	}

	.usluge-graphic h3.col-heading {
		background: #EEB300;
		padding: 25px;
		font-size: 30px;
	}*/
	.headingdiv{
		padding: 0 0 !important;
	}
	.three-block h4{ font-size: 1.6em; }

    .vozila-graphic h3.col-heading {
        padding-top: 20px !important;
    }
    .vozila {
        margin-top: -15px !important;
    }
    .vozila-graphic {
        margin-top:58px;
        background: none;
    }

    .vozila-graphic h3.col-heading {
        background: #EEB300;
        padding: 25px;
        font-size: 30px;
    }

    .reference-graphic.vozila-header {
    	height: 107px;
    }


    .reference-graphic.vozila-header h3 {
    	font-size: 40px;
    	margin-top: -4px;
    }

    .firstvozila {
        margin-top: -62px;
    }
    .vozila3 {
        margin-top: -23px;
    }

    .vozila-graphic p {
        margin-top: -15px;
        margin-bottom: 50px;
        padding-bottom: 20px;
    }

    .fotogalerija-graphic {

        background: #EEB300;
        height: 73px;
     /*   margin-top: 69px !important;*/
    }

    .fotogalerija-graphic h1 {
        padding: 2px;
        font-size: 30px;
    }

	.reference-graphic {

		background: #EEB300;
		height: 73px;
/*		margin-top: 69px !important;
*/	}

	.reference-graphic h1 {
		padding: 2px;
		font-size: 30px;
	}

	.reference-section { padding-top: 35px !important; }

	.kontakt-graphic {

		background: #EEB300;
		height: 73px;
	}

	.kontakt-graphic h1 {
		padding: 2px;
		font-size: 30px;
	}

	.headline { padding-bottom: 40px; padding-top: 70px; margin-top: 50px;}
	.font-big-2{font-size: 50px;}


	.blockrub-left { border-left: 0; margin-left: 0px; margin-top: 0px; padding: 0px 0px 20px;}

	.picvozila img {
		width: 90%;
	}

		.vozilanav {
			display: none;
		}
}
@media (max-width:600px) {
	.ban-graphic {
		bottom: 5px;
		height: 95px;
	}

	.fotogalerija-graphic, .kontakt-graphic, .reference-graphic {
		margin-top: 0px;
	}

	section, footer {
		padding: 40px 40px 0px !important;
	}

	.btn {
		padding: 0.5em 1em;
		margin: -10px -5px 0px 0px;
	}

	#Home_banner {
		padding-bottom: 50px;
	}

	.font-big big {
		font-size: 55px;
	}

	.font-big {
		font-size: 40px;
		line-height: 50px;
	}

	.heading-big {
		font-size: 45px;
	}

	.col-content {
		padding-left: 0px;
		padding-right: 0px !important;
		padding-bottom: 0px;
	}

	.col-thumb {
		padding-top: 40px !important
	}

	.graphic3 {
		top: -33px;
	}

	.text-gradiant-1 {
		margin-bottom: 30px;
	}

	.cta h3 {
		font-size: 21px;
		margin-bottom: 53px;
	}

	.our-services h2 {
		margin-bottom: 40px;
	}

	.about [class*="col-"] {
		padding: 0px 20px;
	}

	.col-content p {
		padding: 0px 20px 20px;
	}

	[class*="-graphic"] h1 {
		font-size: 2em;
		padding: 0px;
		margin-top: -13px;
	}

	.kontakt-graphic h1 {
		padding: 0px 0px 100px;
	}

	.kontakt-graphic {
		margin-top: 0px;
	}

	.kontakt-graphic {
		padding: 75px 0px 100px;
/*		margin-top: 13px;
*/	}

	.tc p {
		text-align: left !important;
	}

	section.cta {
		padding: 80px 0px 0px !important;
	}

	.col-heading .hr {
		height: 0px;
		background: #000000;
		display: inline-block;
		width: 70px;
	}

	.carousel-caption {
		position: absolute;
		top: 14%;
		bottom: 20px;
		left: 11%;
		z-index: 2000;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}

	.carousel-caption span {
		float: left;
		font-family: 'Exo 2', sans-serif;
		font-size: 26px;
		font-weight: 700;
		margin-top: 30px;
	}

	.carousel-caption .border_cur {
		height: 53px;
		background: #fff;
		width: 1px;
		margin-left: 20px;
		overflow: hidden;
		margin-top: 26px;
	}

	.carousel-caption h3 {
		font-family: 'Exo 2', sans-serif;
		font-size: 26px;
		font-weight: 700;
		margin-left: 27px;
		position: absolute;
		margin-top: -45px;
	}

	.carousel-control-prev {
		top: 304px;
		left: 59px;
		display: none
	}

	.carousel-control-next {
		right: 1049px;
		top: 304px;
		display: none;
	}

	.hbf {
		text-transform: uppercase;
		margin-bottom: 17px;
	}


/*	.usluge-graphic {
		margin-top: 69px;
	padding: 0px 0px 0px !important;
		background: none;
	}*/

	.firstimageservice {
/*		margin-top: 38px;*/
		margin-left: -15px;
	}

	.uslugeh3 {
		margin-top: -23px;
	}
/*
	.usluge-graphic p.first-par {
		margin-top: 17px;
	}

	.usluge-graphic .lefttext {
		margin-top: -10px;
	}

	.usluge-graphic h3.col-heading {
		background: #EEB300;
		padding: 17px;
		font-size: 30px;
		margin-bottom: -45px !important;
	}*/

	.headingdiv {
		padding: 0 0 !important;
	}

	.three-block h4 {
		font-size: 1.6em;
	}

	.usluge {
		padding-top: 0px !important;
	}

	.vozila-graphic h3.col-heading {
		padding-top: 20px !important;
	}

	.vozila {
		margin-top: -15px !important;
		padding-top: 35px !important;
	}

	.vozila-graphic {
		margin-top:42px;
		background: none;
		padding: 0px 0px 0px !important;
	}

	.vozila-graphic h3.col-heading {
		background: #EEB300;
		padding: 25px;
		font-size: 30px;
	}

	.firstvozila {
		margin-top: -62px;
	}

	.vozilah3 {
/*		margin-bottom: 38px !important;*/
	}

	.fotogalerija-graphic {
		background: #EEB300;
		height: 73px;
		padding: 27px 0px 20px;
	}

	.fotogalerija-graphic h1 {
		padding: 2px;
		font-size: 30px;
	}

	.reference-graphic {
		background: #EEB300;
		height: 73px;
		padding: 27px 0px 20px;
	}

	.reference-graphic h1 {
		padding: 2px;
		font-size: 30px;
	}

	.reference-section {
		padding-top: 35px !important;
	}

	.kontakt-graphic {
		background: #EEB300;
		height: 73px;
		padding: 27px 0px 20px;
	}

	.kontakt-graphic h1 {
		padding: 2px;
		font-size: 30px;
	}

	.vozilanav {
		display: none;
	}

	.reference-graphic.vozila-header h3 {
    	margin-top: -55px;
    }

	@media (max-width: 500px) {
		.ban-graphic {
			bottom: 7px;
			height: 95px;
		}

		.graphic2 {
			bottom: -80px;
		}

		.graphic3 {
			top: -73px;
		}

		.navbar-light .navbar-brand img {
			width: 200px;
		}

		.navbar-light .navbar-toggler {
			width: 63px;
			height: 53px;
		}

		.ban-graphic .btn {
			display: none;
		}
/*
		.usluge-graphic {
			margin-top: 60px;
		}*/
/*
		.usluge-graphic h3.col-heading {
			font-size: 25px;
		}*/

		.vozila-graphic h3.col-heading {
			font-size: 25px;
		}

		.kontakt-graphic {
		}

		.vozilah3{
/*			margin-top: -70px;*/
		}
	}
	@media (max-width: 430px) {
		.ban-graphic {
			bottom: 8px;
			height: 95px;
		}

		.carousel-caption span {
			font-size: 23px;
			margin-top: 30px;
		}

		.carousel-caption .border_cur {
			height: 47px;
			background: #fff;
			width: 1px;
			margin-left: 13px;
			overflow: hidden;
			margin-top: 26px;
		}

		.carousel-caption h3 {
			font-size: 23px;
			margin-left: 21px;
			margin-top: -38px;
		}
/*
		.usluge-graphic {
			margin-top: 51px;
		}
*/
		.headline {
			margin-top: 35px;
		}

		.font-big-2 {
			font-size: 40px;
			line-height: 46px;
		}
	}

	@media (max-width: 400px) {
		.ban-graphic {
			bottom: -3px;
			height: 65px;
		}

		.graphic2 {
			bottom: -80px;
		}

		.graphic3 {
			top: -73px;
		}

		.navbar-light .navbar-brand img {
			width: 160px;
		}

		.navbar-light .navbar-toggler {
			width: 48px;
			height: 43px;
		}

		.font-big big {
			font-size: 50px;
		}

		.font-big {
			font-size: 40px;
			line-height: 50px;
		}

		.graphic4 {
			bottom: -90px;
		}

		.graphic3 {
			top: -103px;
		}

		.graphic2 {
			bottom: -120px;
		}

		.graphic1 {
			top: -100px;
		}

		.our-services h2 {
			font-size: 40px;
		}

		.btn {
			font-size: 13px;
		}

		section, footer {
			padding: 20px !important;
		}

		.our-services h2 {
			margin-bottom: 0px;
		}

		footer [class*="col-"] p {
			font-size: 13px;
			line-height: 20px;
		}

		.carousel-caption span {
			font-size: 20px;
			margin-top: 20px;
		}

		.carousel-caption .border_cur {
			height: 25px;
			background: #fff;
			width: 1px;
			margin-left: 15px;
			overflow: hidden;
			margin-top: 26px;
		}

		.carousel-caption h3 {
			font-size: 20px;
			margin-left: 21px;
			margin-top: -28px;
		}

		.vozila-graphic {
/*			margin-top: -12px;*/
		}

		.picvozila img {
			width: 330px;
		}

	}
	@media (max-width: 360px) {
		.ban-graphic {
			bottom: -3px;
			height: 65px;
		}

		.picvozila img {
			width: 280px;
		}
	}
	.exp-remove {
		margin-top: 0px;
	}


	.tc span {
		font-weight: bold;
	}

	.sp_remove {
		margin-left: 10px !important;
	}

	.sp_one {
		margin-left: 34px !important;
	}

	.hr {
		height: 1px;
		background: #000000;
		display: inline-block;
		width: 70px;
		margin-top: -57px;
		position: absolute;
		margin-left: 7px;
	}
}

.col-3 > .servicesnav {
	display: flex;
	margin: 3px !important;
}

.col-3 .headingnav . text-left{
	background: #EEB300;
}

.header-video {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
}

.header-video::after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.header_video video {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: -1;
	object-fit: cover;
}

.home-heading{
	align-self: center;
	-webkit-align-self: center;
	text-align: center;
	color: white;
	position: absolute;
}


/* The subnavigation menu */
.subnav {
	float: left;
	overflow: hidden;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
	display: none;
	position: fixed;
	z-index: 10;
	list-style-type: none;
	padding: 0;
}

/* Style the subnav links */
.subnav-content a {
	float: left;
	color: white;
	text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
	background-color: #eee;
	color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
	display: block;
}

.subnav-item .nav-link {
	width: 100%;
	text-align: left;
	padding: 15px 23px !important;
}

.subnav-mobile{
	list-style-type: none;
	padding: 0;
	background: #565656;
	margin: 0 20px;
}

.subnav-mobile .nav-link {
	padding: 5px !important;
}



/*eu header */

.eu-header {
	background: #5a6268;
	text-align: right !important;
}

.eu-header a{
	color: #fff;
}

@media (max-width: 1200px) {
	.eu-header 
	{
		font-size: 0.8rem;
		padding: 3px 5px;
	}

	.eu-header a{
		text-decoration: underline;
	}
}

@media (min-width: 1200px) {
	.eu-header 
	{
		background: #343a40;
		float: right;
    	padding: 23px 25px;
	}

	.eu-header:hover {
	    color: #ffffff;
	    background: #14659e;
	    padding: 23px 25px;
	}

	.eu-header a:hover {
		text-decoration: none;
	}
}

/*.usluge-graphic h4{
    margin-top: 1rem!important;
    	}*/

.servicesnav {
	display: none;
}

.usluge-graphic p {
	margin-top: 10px;
}