::-webkit-input-placeholder {
   color: #9b9b9b;
}

:-moz-placeholder {
   color: #9b9b9b;  
}

::-moz-placeholder {
   color: #9b9b9b;  
}

:-ms-input-placeholder {  
   color: #9b9b9b;  
}

.hidden{
	display:none;
}
.notvisible{
	visibility:hidden;
}
input[type="number"],
input[type="date"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
select,
textarea{
	box-sizing:border-box;	
	background:#fff;
	color:#20212b;	
	border-radius:4px;
	border:1px solid #9b9b9b;
	margin-bottom:30px;	
	font-family: 'Raleway', sans-serif;
	font-size:1rem;
	font-weight:inherit;
	height:50px;
	line-height:normal;	
	padding:0 20px;		
	width:100%;
	display:inline-block;
}
input[type="number"].hidden,
input[type="date"].hidden,
input[type="text"].hidden,
input[type="email"].hidden,
input[type="password"].hidden,
input[type="submit"].hidden{
	display:none;
}


textarea{
	padding:10px;
	box-sizing:border-box;
	min-height:200px;
}



body.nvf input[type="submit"]{
	display:inline-block !important;

}
body.nvf input[type="submit"][disabled]{
	display:none !important; 
}

ul,
ol{
	padding:0;
	margin:0;
}
ul{
	list-style:none;
}
ol{
	list-style-position:inside;
}
article ul li,
article ol li{
	margin-bottom: 10px;
}
article ul,
article ol{
	list-style-position:outside;

}
img{
	max-width:100%;

}


p{
	margin:0 0 10px 0;
}



html{
	overflow-x:hidden;
}
html,body{
	height:100%;
	font-size:16px;
}
body {
	margin:0;
	min-height:100%;
	width:100%;
	color:#20212b;

	font-size:1rem;
	line-height:normal;
	font-family: 'Raleway', sans-serif;
	text-align:center;

}
/*
#page{

	height:100%;

}*/
#page{
	margin-top:50px;
}
#page>div,
footer>div{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1170px;
/*	padding-left:calc(50% - 585px);
	padding-right:calc(50% - 585px);*/
	position:relative;
}
#page>div{

	box-sizing:border-box;
	margin-top:-100px;
	padding-top:150px;
	margin-bottom:100px;
	text-align:left;
	line-height:25px;
}
#page>div:last-child{
	margin-bottom:0;
}
header{
	position:fixed;
	padding:0 calc(50% - 585px);
	top:0;
	height:100px;
	line-height:100px;
	text-align:left;
	background:#fff;
	width:100%;
	max-width:1170px;
	z-index:3;
	
	border-bottom:1px solid #20212b;
}

header a.logo{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	color:#000;
	line-height:normal;
	text-transform:uppercase;
}
header a.logo span{
	border-radius:10px;
	border:2px solid #000;
	display:inline-block;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:2px;
}
header a.logo h2{
	position:absolute;
	left:calc(100% + 20px);
	top:0;

	font-weight:bold;
	font-size:2rem;
	line-height:2rem;
}

header svg,
footer li a svg{
	display:inline-block;
	vertical-align:middle;
}
header.fixed  svg *,
footer li a svg *{
  fill:#20212b;
  mask:none;
}


header nav{
	float:right;
	height:100%;
	margin-right:-20px;
}
header nav a{
	height:100%;
	line-height:100px;
	position:relative;
	display:inline-block;
	font-size:1rem;
	margin:0 25px;	
	color:#600240;
}
header nav a span{
	display:inline-block;
	vertical-align:middle;
	line-height:20px;
}
header nav a img{
	vertical-align:middle;
}
/*
#baner{
	height:860px;
	width:100%;
	background:url(../img/benz-service.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	color:#fff;
	box-sizing:border-box;
}
#baner:before{
	content:'';
	height:100%;
	margin-right:-0.25em
}
#baner:before,
#baner>div{
	display:inline-block;
	vertical-align:middle;	
}
#baner>div{
	position:relative;
	z-index:2;
	max-width:680px;
}
#baner>div h1{
	font-size:4.375rem;
	margin:50px 0;
}
#baner:after{
	content:'';
	height:100%;
	width:100%;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
}

*/
#baner{
	margin-top:100px;
}
#baner div.desc{
	position:absolute;
	left:50%;
	top:33%;
	-webkit-transform:translateX(-50%) translateY(-33%);
	-moz-transform:translateX(-50%) translateY(-33%);
	-ms-transform:translateX(-50%) translateY(-33%);
	-o-transform:translateX(-50%) translateY(-33%);
	transform:translateX(-50%) translateY(-33%);
	color:#fff;
	font-size:4rem;
	font-weight:bold;
	width:80%;
	padding:0;
}
#baner div.image:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
#baner div.links{
	position:absolute;
	left:0;
	bottom:calc(4em + 80px);
	height:50px;
	line-height:50px;
	width:100%;
	font-size:1.3rem;
}
#baner div.links a{
	display:inline-block;
	min-width:33%;
	height:100%;
	padding:0 40px;
	box-sizing:border-box;
}	
#baner div.links a span{
	border:1px solid #fff;
	width:100%;
	height:100%;
	display:block;
	color:#fff;
	padding:0 20px;
	box-sizing:border-box;
}
#baner div.links a:hover span{
	background:#fff;
	color:#000;

}
p.title{
	font-size:4.375rem;
	position:relative;
	color:#600240;
	margin-bottom:100px;
	text-align:center;
	font-weight:bold;
}
p.title.white{
	color:#fff;
}
p.title:after{
	content:'';
	position:absolute;
	bottom:-70px;
	left:50%;
/*	width:80px;
	height:2px;
	background:#20212b;
*/	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #600240 transparent transparent transparent;	
}
p.title.white:after{
	background:currentColor;
}
p.title.left:after{
	left:0;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);	
}




#gm{
	height:360px;
    width: auto;
	margin-top:50px;
    margin-left: calc(-50vw + 585px);
    margin-right: calc(-50vw + 585px);

}
#gm>div{
	height:100%;
	width:100%;
}



hr{
	margin:30px 0;
}





.slider {
	margin: 2em auto;
	width:100%;
	overflow: hidden;
	position:relative;
}

.slider .slider-wrapper {
	width:1500%;
	height:536px;	
	position:relative;
	transition: left 0.5s ease;
}


.slider .slide {
	float:left;
	width:calc(100% / 15);
	height:100%;
	position: relative;
	overflow: hidden;
}

.slider .slide img {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width:auto;
}
.slider .slide .image{
	background-size:cover;
	background-position:center center;
/*	width:65%;*/
	width:100%;
	height:100%;
}

.slider .slide .desc{

	padding:24px;

	box-sizing:border-box;

	font-size:2.25rem;

}


/*
.slider .slide .desc{
	background:#20212b;
	padding:24px;
	width:35%;
	height:100%;
	box-sizing:border-box;

	position:absolute;
	top:0;
	right:0;
	font-size:2.25rem;
	text-align:left;
}

.slider .slide .desc:before,
.slider .slide .desc>div{
	vertical-align:middle;
	display:inline-block;
}
.slider .slide .desc:before{
	content:'';
	height:100%;
	margin-right:-0.35em;
}
#slider4 .slide .desc:before{
	display:none;
}	
*/
.slider .slider-nav {
	margin:50px 0;
	text-align:center;
}

.slider .slider-nav a {
	width:12px;
	height:12px;
	line-height:12px;
	border-radius:50%;
	background:#600240;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin:0 10px;
	box-shadow: 0 0 0 3px #fff;	
}

.slider .slider-nav a.current {
	background:#b60377;
}


.slider .slide iframe{
	width:100%;
	height:100%;
	box-sizing:border-box;

}
#slider2 .slider-wrapper {
	height:360px;
}
#slider2,
#slider3{
	margin-left:-18px;
	margin-right:-18px;
	width:auto;
}


#slider3 .slider-wrapper,
#slider2 .slider-wrapper {
	width:200%;

}


#slider3 .slide,
#slider2 .slide {
	float:left;
	width:25%;
	height:100%;
	position: relative;
	overflow: hidden;
}


#slider3 .slide,
#slider2 .slide{
	border-right:18px solid transparent;
	border-left:18px solid transparent;
	box-sizing:border-box;
}


#slider3 .slider-wrapper{
	height:650px;
}
#slider3 .slide .image{
	width:100%;
	height:66%;
	max-height:360px;
}
#slider3 .slide .desc{
	position:relative;
	width:100%;
	background:#fff;
	color:#20212b;
}

#slider3 div.desc,
#slider4 div.desc{
	font-size:1rem;
	padding-left:0;
	padding-right:0;
}
#slider3 .slide .desc:before{
	display:none;
}
#slider3 p.title,
#slider4 p.title{
	font-size:2rem;
	margin-bottom:50px;
}
#slider3 p.title:after,
#slider4 p.title:after{
	bottom:-25px;
}

#slider4:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:url(../img/roza-tlo.jpg) no-repeat right center;
	background-size:contain;	
	opacity:0.1;
	z-index:-1;
}

#slider4 .slider-wrapper {
	height:190px;
}
#slider4 .slider-nav{
	margin-bottom:0;

	
}


#slider4 .slider-nav a{
	background:transparent;
	width:auto;
	border-radius:0;
	padding-bottom:20px;
	margin:0 40px 0 0;
	font-size: 1.25rem;	
	box-shadow:none;
	color:#880259;

	font-weight:bold;
}
#slider4 .slider-nav a:not(.current){
	color:#600240;
}
#slider4 .slider-nav a.current{
	border-bottom:5px solid currentColor;
}

#slider4 .slide .desc{
	width:100%;
	padding-right:30%;
	background:transparent;
}
#slider4 .slide .image{
	position:absolute;
	bottom:0;
	right:0;
	opacity:0.3;
}

#slider4  .slide .image:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: -moz-radial-gradient(center, ellipse cover, rgba(32,33,43,0) 0%, rgba(32,33,43,1) 56%, rgba(32,33,43,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(32,33,43,0) 0%,rgba(32,33,43,1) 56%,rgba(32,33,43,1) 100%);
    background: radial-gradient(ellipse at center, rgba(32,33,43,0) 0%,rgba(32,33,43,1) 56%,rgba(32,33,43,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0020212b', endColorstr='#20212b',GradientType=1 );
    z-index: 0;
    position: absolute;
}
#slider4 p.title{
	display:none;
}

#poradnik label{
	margin:1em 0 0 0;
	display:block;
	cursor:pointer;
}
#poradnik label:before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6px 0 6px;
	border-color: #600240 transparent transparent transparent;
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;		
}
#poradnik input+label+div{
	overflow:hidden;
	max-height:0;
	-webkit-transition: max-height 0.5s ease-in-out;	
	-moz-transition: max-height 0.5s ease-in-out;		
	-ms-transition: max-height 0.5s ease-in-out;		
	-o-transition: max-height 0.5s ease-in-out;		
	transition: max-height 0.5s ease-in-out;		
}
#poradnik label:hover,
#poradnik input:checked+label{
	font-weight:bold;
}
#poradnik input:checked+label:before{
	border-width: 0 6px 7px 6px;
	border-color: transparent transparent #600240 transparent;
}
#poradnik input:checked+label+div{
	display:block;
	max-height:800px;
}
ul li{
	padding-left:10px;
}
ul li:before{
	content:'';
	width:6px;
	height:6px;
	vertical-align:middle;
	border-radius:50%;
	background:#600240;
	display: inline-block;
	margin:0 10px;
	box-shadow: 0 0 0 3px #fff;	
}