/*
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
html {
  scroll-behavior: smooth;
}
body{
	color:#282828;
	font-family: "Montserrat", sans-serif;
	font-size:24px;
	line-height: 1.2;
	margin:0;padding:0;
	background-color: #fff;
}
p,img,li,ul,ol{margin:0;padding:0;}
.plavnost{
	transition-duration: 0.46s;
		-webkit-transition-duration: 0.46s;
		-moz-transition-duration: 0.46s;
		-o-transition-duration: 0.46s;
		-ms-transition-duration: 0.46s
}
.container{
	max-width:1280px;
}
.wrap-blok-1{
	width:100%;
	padding:68px 0;
	background-color: #020c2f;
	background-image: url(/img/bg_logo.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.top_logo{
	text-align:center;
}
.top_logo img{height:55px;}
.wrap-blok-2{
	padding:35px 0;
}
.top_menu ul{
	display:table;
	margin:auto;
    list-style: none;
}
.top_menu ul > li{
	display:table-cell;
	text-align:center;
	padding:3px 20px;
}
.top_menu ul > li > a{
	display:table-cell;
	font-size:1.2em;
}
.top_menu ul > li > a:link, .top_menu ul > li > a:visited{color:#174290;text-decoration:none;}
.top_menu ul > li > a:hover, .top_menu ul > li > a:focus{color: #020c2f;text-decoration:underline;opacity:0.9;}
.wrap-blok-3{
	background-color:#030303;
	min-height:500px;
}
.teble_text{
	display: table;
    height: 100%;	
}
.company_text{
	color:#fff;
	text-align:left;
	display: table-cell;
    vertical-align: middle;
}
.company_text p{
	padding:19px 0;
}
.wrap-blok-4{
	padding:0 0 90px 0;
	text-transform:uppercase;
}
.name_services{
	padding:80px 0;
	font-size:1.5em;
	color:#004393;
	text-align:center;
	font-weight:700;

}
.services{margin:0 0 80px 0;}
.big_number{
	font-size:3em;
	color:#ef0827;
	float:left;
	width:80px;
}
.services_text{
	color:#4776be;
	text-align:left;
	min-height:90px;
	font-weight: 300;
	display: table;
    height: 100%;
}
.services_text div{
	text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.wrap-blok-5, .wrap-blok-9{
	background-color:#174290;
	height:120px;
}
.logo_service{text-align:left;}
.logo_service div{
	background:#fff;
	height:120px;
	width:196px;
	line-height: 120px;
    text-align: center;
}
.logo_service img{height:82px;}
.name_service div{
	text-align:right;
	font-size:1.5em;
	color:#fff;
	text-transform:uppercase;
	line-height:120px;
}
.wrap-blok-6, .wrap-blok-8, .wrap-blok-10, .wrap-blok-12{
	background-color:#030303;
}
.wrap-blok-7{
	background-color:#cd112e;
	padding:20px 0;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}
.text_service2 div{padding:0 20px 0 65px}

.wrap-blok-11{
	background-color:#cd112e;
	padding:36px 0;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
}
.wrap-blok-12{
	
}
.fotogal{display: flex;}
.fotogal img {padding:0;margin:0;}
.wrap-blok-13{
	background-color:#174290;
	height:120px;
	line-height:120px;
	text-align:center;
	font-size:1.5em;
	color:#fff;
	text-transform:uppercase;
}
.wrap-blok-14{padding:30px 0;}
.wrap-blok-14 img{
	padding:0 15px;
}
.brends_car2{display: inline-block;}
.brends_car2 div{float:left;display: inline;height: 125px;line-height: 125px;}
.minus_pad{
	margin-right: -15px;
    margin-left: -15px;
}

.wrap-blok-line{
	position: relative;
    width: 100%;
}
.bluline{
	height:60px;
	width:70%;
	float:right;
	text-align:right;
	position: absolute;
    right: 0;
}
#triangle_bottomright {
	width: 0;
	height: 0;
	float:left;
	border-bottom: 60px solid #1642a3; 
	border-left: 29px solid transparent;
	position: absolute;
    left: -29px;
}
#triangle_line{
	background-color:#1642a3;
	width:100%;
	height:100%;
	
}
.wrap-blok-linetext{
	text-align: right;
    line-height: 60px;
    color: #fff;
	text-transform:uppercase;
	font-size:1.5em;
}
.wrap-blok-18, .wrap-blok-17{
	padding:72px 0;
	text-align: right;
}
.wrap-blok-18 table, .wrap-blok-17 table{display: inline;}
.wrap-blok-18 td, .wrap-blok-17 td{padding-left:110px;}
.wrap-blok-18 a, .wrap-blok-17 a{
	
	transition-duration: 0.46s;
		-webkit-transition-duration: 0.46s;
		-moz-transition-duration: 0.46s;
		-o-transition-duration: 0.46s;
		-ms-transition-duration: 0.46s
}
.wrap-blok-18 a:hover, .wrap-blok-17 a:hover{
	opacity:0.8
}
.wrap-blok-20{
	padding:90px 0 90px 0;
}
.logo_footer div{
	padding:0 0 90px 0;
	text-align:right;
}
.logo_f {height:46px}
.adres_footer div{
	font-size:1.25em;
	color:#282828;
}
.adres_footer p{
	padding:10px 0;
}
.adres_footer a:link, .adres_footer a:visited{color:#282828;text-decoration:underline;}
.adres_footer a:hover, .adres_footer a:focus{color:#1642a3;text-decoration:underline;opacity:0.9;}

.wrap-blok-footer{
	padding:15px 0;
	background-color:#cd112e;
	font-size:0.6em;
	color:#fff;
}
.year{text-align:center;}
.giweb{text-align:right;}
.wrap-blok-footer a:link, .wrap-blok-footer a:visited{color:#fff;text-decoration:underline;}
.wrap-blok-footer a:hover, .wrap-blok-footer a:focus{color: #e8e8e8;text-decoration:underline;}

#toTop {
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 50px;
	cursor: pointer;
	z-index: 500;
	text-decoration: none;
	border-radius:50%;
	border:1px solid #cdcdcd;
		transition-duration: 0.46s;
		-webkit-transition-duration: 0.46s;
		-moz-transition-duration: 0.46s;
		-o-transition-duration: 0.46s;
		-ms-transition-duration: 0.46s;
}
#toTop img{
	padding:20px;
		transition-duration: 0.46s;
		-webkit-transition-duration: 0.46s;
		-moz-transition-duration: 0.46s;
		-o-transition-duration: 0.46s;
		-ms-transition-duration: 0.46s;
}
#toTop:hover{
	border:1px solid #fff;
	background-color:#1a54a3;
}
#toTop:hover img {
	filter: grayscale(1) brightness(1000%);
}
.contener_custom{
	max-width:1708px;
}
.foto_dir_md, .logo_service_sm_img,.menu_sm{display:none;}
.top-menu-btn-sm,.menu_block_close{display:none;} /* menu */
@media screen and (max-width: 1708px) {
	.big_style_foto{display:none;}
	.contener_custom{max-width:1280px;}
}
@media screen and (max-width: 1650px) {
	.wrap-blok-3{min-height: auto;}
	.foto_dir{display:none;}
	.foto_dir_md{
		display:block;
	}
	.foto_dir_md img{
		width:100%;
		max-width:646px;
	}
	.company_text{font-size: 0.9em;}
}
@media screen and (max-width: 1281px) {
	body{font-size:20px;}
	.company_text{font-size: 1em;}
	.onefoto img{width:100%}
	.twofoto img{width:50%}
	.threefoto img{width:33.3%}
	.brends_car2 div{
		width: 160px;
		text-align: center;
	}
}
@media screen and (max-width: 1023px) {
	body{font-size:18px;}
	.wrap-blok-linetext{font-size: 1.2em;}
}
@media screen and (max-width: 944px) {
	.company_text{font-size: 0.8em;}
	.rap-blok-18, .wrap-blok-17 {padding: 60px 0;}
	.wrap-blok-18 td, .wrap-blok-17 td{padding-left:40px;}
	.wrap-blok-18 img, .wrap-blok-17 img{width:80%;}
	#toTop{opacity: 0;}
	#toTop img{display:none;}
}	
@media screen and (max-width: 959px) {.brends_car2 div{width: 20%;}}
@media screen and (max-width: 767px) {
	body{font-size:14px;}
	.wrap-blok-1{padding:26px 0;}
	.menu_sm{text-align:right;display:block;}
	.top_logo{text-align:left;}
	.top_logo img{height:28px;}
	.polytik, .year, .giweb{text-align:center;padding:5px 0;}
	.top_menu ul > li{padding: 3px 13px;}
	.company_text{font-size: 1.1em;padding:30px 0 20px 0;}
	.foto_company{padding:0!important;}
	.wrap-blok-2{height: 0px;padding: 0;}
	.wrap-blok-4{padding: 0 0 20px 0;}
	.name_services{padding: 40px 0;}
	.services_text{font-size: 1.3em;}
	.big_number{font-size: 4em;width:71px;}
	.name_service div{font-size: 1.1em;line-height: 80px;}
	.logo_service{padding-left:0!important;}
	.logo_service div{height:80px;width:80px;line-height:80px;}
	.logo_service img{height:41px;}

	.wrap-blok-5, .wrap-blok-9{height: 80px;}
	.logo_f{display:inline;height:23px;}
	.wrap-blok-18, .wrap-blok-17 {padding: 30px 0;}
	.wrap-blok-18 a, .wrap-blok-17 a{margin: 0;}
	.wrap-blok-18 img, .wrap-blok-17 img{width:60%;}
	.wrap-blok-14 img{padding: 15px 10px;}
	.wrap-blok-20{
		padding:45px 0 45px 0;
	}
	/* menu */
	.top-menu-btn-sm{display:block;}
	.top-menu-block-sm{
		background: #fff;
		width:230px;
		position:fixed;
		z-index:950;
		left:-100%;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		padding:10px 30px 65px 20px;
		top:0px;
		height:100%;
	}
	.menu_block_close{
		right: 5px;
		top: 5px;
		position: absolute;
		display: block;
	}
	.menu_block_close img{width:30px;height:30px;}
	.menu_block_close_catalog img {width:30px;height:30px;}

	.tip_menu_overflow{
		overflow: auto;
		width: 100%;
		height: 100%;	
	}
	/* End menu */
	.top_menu ul{display: block;}
	.top_menu ul > li{
		padding:10px 0 10px 0;
		display: block;
	}
	.top_menu ul > li {font-size: 1.8em;}
	.wrap-blok-footer{
		font-size:0.8em;
	}
	.brends_car2 div{width: 25%;}
}	
@media screen and (max-width: 628px) {
	.wrap-blok-18 td, .wrap-blok-17 td {
		padding-left: 20px;
	}
	.wrap-blok-1{background-repeat: no-repeat; background-size: cover;}
}
@media screen and (max-width: 610px) {.brends_car2 div{width: 33.3%;}}
@media screen and (max-width: 575px) {
	.services_text{font-size: 1.7em;}
	.big_number{font-size: 5em;}

	.logo_service_sm_img{width:100%;max-width:80px}
	.text_service2{text-align:center;padding:5px 0;}
	.text_service3{text-align:center;}
	.wrap-blok-13{font-size:1em;height: 80px;line-height: 80px;}
	.bluline{width: 85%;}
	.wrap-blok-18 td, .wrap-blok-17 td {
		padding-left: 10px;
	}
	
}
@media screen and (max-width: 470px) {
	
	.name_service div{font-size: 0.8em;}
	.wrap-blok-linetext{font-size: 0.9em;}
}	
@media screen and (max-width: 427px) {
	.threefoto img{width:100%;}
	.threefoto{display:block;}
	.brends_car2 div{width: 50%;}
}
@media screen and (max-width: 380px) {
	.top_logo img {
		height: 25px;
	}
}	
@media screen and (max-width: 360px) {
	.services_text {
		font-size: 1.5em;
	}
}