@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

html, body {
	margin:0;
	padding:0;
    font-size: 18px;
    font-family:'Roboto Condensed', 'Roboto', Verdana, Geneva, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
#top-menu {
    position: fixed;
	height:60px;
	margin-top:0;
    z-index: 1;
    background:#0f1021;
    left: 0;
    right: 0;
    top: 0;
	list-style-type:none;
}
#top-menu li {
    float: left;
}
#top-menu a {
    display: block;
    padding: 20px 0px 1px 0;
	margin:0 60px 0 0;
    font-size: calc(14px + 0.3vw);
    text-align: center;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
    color:#b3b4c3;
    text-decoration:none;
}
#top-menu a:hover {
    color:#fff;
}
#top-menu li.active a {
    color:#fff;
	border-bottom:2px solid #fc860a;
}

#home {
	padding:8% 4% 13% 4%;
    margin-top:60px;
	width:92%;
	background:url(../i/2017_Ford_Fiesta_Holtterfigyelo.jpeg) center;	
	background-size:cover;
	border-bottom:2px solid #0f1021;
}
#home h1 {
	display:inline;	
    font-size: calc(16px + 3vw);
	color:#000;
	font-weight:700;
	text-transform: uppercase;
}
.home1 {
    display: inline-block;
	padding:2px 12px;
	text-align:left;
    background:#fff; 
    opacity: 0.75;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-html-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.home2 {
    display:inline-block;
	padding:1px 12px 1px 10%;
	margin-top:20px;
	text-align:left;	
    background:#0f1021 url(../i/phone.png) left center no-repeat;
	background-size:contain;
    opacity: 0.85;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-html-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.home2 a {
    font-size: calc(28px + 3vw);
	color: #FFF;
	text-decoration:none;
}

#home h3 {
	display:inline;	
    font-size: calc(14px + 2vw);
	color:#000;
	font-weight:700;
	text-transform: uppercase;
}
.home3 {
    display: inline-block;
	padding:2px 12px;
	margin-top:20px;
	text-align:left;	
    background:#fff; 
    opacity: 0.75;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-html-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

#product, #video, #guarantee, #customers {
	height:auto;
	width:92%;
	padding:5% 4% 6% 4%;
	background: url(../i/ff66.jpg) center;
	background-size:cover;
	text-align:center;
	border-bottom:5px dashed #0f1021;
}
.clear:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}
#product h2 {
    display: inline-block;
    font-size: calc(26px + 2vw);
	text-align:center;
	color:#0f1021;
	background:url(../i/pr.png) left no-repeat;
	background-size:contain;
	font-weight:400;
	margin:0px auto 0px auto;
	padding:0 0 0px 70px;
	text-transform: uppercase;
}
#guarantee h2 {
    display: inline-block;
    font-size: calc(30px + 2vw);
	text-align:center;
	color:#0f1021;
	background:url(../i/guarantee.png) left center no-repeat;
	background-size:contain;
	font-weight:400;
	margin:0px auto 0px auto;
	padding:0 0 0px 100px;
	text-transform: uppercase;
}

#video h2 {
    display: inline-block;
    font-size: calc(30px + 2vw);
	text-align:center;
	color:#0f1021;
	background:url(../i/video.png) left center no-repeat;
	background-size:contain;
	font-weight:400;
	margin:0px auto 0px auto;
	padding:0 0 0px 80px;
	text-transform: uppercase;
}
#customers h2 {
    display: inline-block;
    font-size: calc(20px + 3vw);
	text-align:center;
	color:#0f1021;
	background: url(../i/customers.png) left center no-repeat;
	background-size:contain;
	font-weight:400;
	margin:0px auto 0px auto;
	padding:0 0 0px 140px;
	text-transform: uppercase;
}
#product h3, #video h3, #guarantee h3, #customers h3 {
    font-size: calc(12px + 0.8vw);
	font-weight:400;
	text-transform: uppercase;
	margin:30px auto;
}

.customersPhoto {
	width:18%;
	padding:1%;
	margin:2%;
	min-width:70px;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-html-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;	
	border-bottom:5px dashed #0f1021;
	box-shadow: 0px 5px 15px #999;
}
.productCard {
	display:inline-block;
	vertical-align:middle;
	width:28%;
	padding:270px 1% 50px 1%;
	margin:1%;
	min-width:200px;
	-webkit-border-radius: 1%;
	-o-border-radius: 1%;
	-html-border-radius: 1%;
	-moz-border-radius: 1%;
	border-radius: 1%;	
	border-bottom:5px dashed #0f1021;
	box-shadow: 0px 5px 15px #999;
}
.zx11 {
	background:#FFF url(../i/product-zx-11.png) no-repeat top;
}
.zx10 {
	background:#FFF url(../i/product-zx-10.png) no-repeat top;
}
.zx5 {
	background:#FFF url(../i/product-zx-5.png) no-repeat top;
}
.zx7 {
	background:#FFF url(../i/product-zx-7.png) no-repeat top;
}
.productCard h4 {
	margin:0 0 10px 0;
	padding:0;
    font-size: calc(20px + 3vw);
	color:#fff;
	background: #fc860a;
}
.productCard h5 {
	margin:0 0 7px 0;
	padding:0;
    font-size: calc(12px + 2.5vw);
	color:#000;
}
.productCard h6 {
	margin:0 0 18px 0;
	padding:0;
    font-size: calc(12px + 0.8vw);
	color:#000;
	font-weight: 700;
}
.productCard ul {
	margin:0 25px 0 25px;
	padding:0;
	text-align:left;
    font-size: calc(18px + 0.05vw);
}

.quote {
	text-align:justify;
	padding:3%;
    background:#fff; 
    opacity: 0.8;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-html-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
	border-bottom:2px solid #0f1021;
	box-shadow: 0px 5px 15px #3c4080;
}
#phone {
	height:auto;
	width:92%;
	padding:1% 4%;
	color:#FFF;
	background: #0f1021;
	background-size:cover;
	text-align:center;
	border-bottom:5px dashed #fff;
}
#phone a {
	color:#FFF;
    font-size: calc(26px + 4vw);
	text-decoration:none;
}
#time {
	height:auto;
	width:92%;
	padding:1% 4%;
	color:#FFF;
	text-transform: uppercase;
    font-size: calc(26px + 4vw);
	background: #fc860a;
	background-size:cover;
	text-align:center;
	border-bottom:5px dashed #fff;
}
.footer {
    background:#0f1021;
	padding:2% 4%;
	font-size:16px;
    color:#b3b4c3;
}
.footer .menu {
    float:left;
	font-size:16px;
	color:#FFF;
	width:98%;
	padding:2%;
	margin:1%;
	min-width:200px;	
}
.footer p {
	font-size:16px;
	margin:0 0 10px 0;
	padding:0;
}
.footer a {
	font-size:16px;
    color:#b3b4c3;
	text-decoration:none;
}
.footer a:hover {
    color:#fff;
	border-bottom:2px solid #fc860a;
}
.footer .copyright {
	font-size:12px;
    clear:both;
}


@media (max-width: 479px) { 
#top-menu {display:none;}
#home {margin-top:0px;}

.home2 {padding-left:15%;}
.home2 a {font-size: calc(28px + 1vw);}
#home {padding-top:27%;padding-bottom:30%;}

#product h2 {padding-left:15%;}
.productCard {min-width:280px;}
#guarantee h2 {padding-left:23%;}
#video h2 {padding-left:17%;}
#customers h2 {padding-left:25%;}
#price h3, #guarantee h3, #customers h3 {margin:5% auto;}
.quote {padding:7%;}
.footer p {font-size:18px;}
}
@media (min-width: 480px) and (max-width: 800px) { 
.container {display:none;}
#top-menu a {margin-right:30px;}
#home {margin-top:0px;}

.home2 {padding-left:15%;}
.home2 a {font-size: calc(28px + 3vw);}
#home {padding-top:27%;padding-bottom:23%;}

#product h2 {padding-left:12%;}
.productCard {min-width:400px;}
#guarantee h2 {padding-left:20%;}
#video h2 {padding-left:14%;}
#customers h2 {padding-left:22%;}
#price h3, #guarantee h3, #customers h3 {margin:5% auto;}
.quote {padding:5%;}
.footer p {font-size:18px;}
}
@media (min-width: 800px) { 
.container {display:none;}
}


#wrap {
	display: none;
	opacity: 0.6;
	position:fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 16px;
	background-color:#000;
	z-index: 100;
	overflow: auto;
}
#window {
	width: 76%;
	max-width:350px;
	height: 400px;
	margin: 50px auto;
	display: none;

		
	background: url(../i/ff66.jpg) center;
	background-size:cover;
		
	z-index: 200;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding:60px 16px 16px 16px;
		
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-html-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
	border-bottom:2px solid #000;
	box-shadow: 0px 5px 15px #000;		
		
}
.close {
	float:right;	
	margin-top: -46px;
	cursor: pointer;
	width:30px;
}
#window div {
	padding:30px 30px 30px 30px;
	text-align:center;
	font-size:20px;
    background:#fff; 
    opacity: 0.7;	
	
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-html-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
}
#window h4 {
	margin:0;
	font-size:22px;
}
#window a {
    color:#0f1021;
}
#window  a:hover {
    color:#fc860a;
}
.whatsapp {
	position: fixed;
	bottom:15px;
	right:15px;
	background: url(../i/WhatsApp.png) no-repeat;
	background-size:100%;
	width:70px;
	height:70px;
}
.whatsapp a {
	display: block;
	width:100%;
	height:100%;
}