@charset "UTF-8";
@import url(font-awesome.min.css);

* {
	margin: 0;
  	padding: 0;
  }

html {
	background: #fff;
  	scroll-behavior: smooth;
  	overflow-x: hidden;
}

body {
	color: rgba(0,0,0, .7);
  	font-family: 'Montserrat Alternates', sans-serif;
  	margin: 0 auto;
  	max-width: 100%;
  	text-align: center;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-family: 'Montserrat Alternates', sans-serif;
}

h2 {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 300;
	font-size: 45px;
	margin-bottom: 20px;
}

h3 {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 15px;
}
  
h4 {
	font-family: 'Montserrat Alternates', sans-serif;
	color: rgba(0,0,0, .6);
	font-size:18px;
	font-weight: 600;
	margin-bottom:10px;
}

a {
	color: rgba(0,0,0,0.7);
	text-decoration: none;
}
  
a.disabled {
	pointer-events: none;
	cursor: default;
}
  
.pf_nav-container {
	width: 100%;
	top: 0 px;
	position: fixed;
	z-index: 100000;
	background: rgba(255,255,255,0);
	background-color: rgba(255,255,255,0);
}

.logo_container {
	float: left;
	position: absolute;
	margin-top: 26px;
	margin-left: 18px;
}

.logo_container img {
	width: 80%;
}

#pf_toggle_menuToggle {
  display: block;
  position: relative;
  top: 62px;
  right:50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  float:right;
}

#pf_toggle_menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px; 
  cursor: pointer;  
  opacity: 0; 
  z-index: 2; 
  -webkit-touch-callout: none;
}

#pf_toggle_menuToggle span{
  display: block;
  width: 40px;
  height: 5px;
  margin-bottom: 5px;
  position: relative; 
  background: #cdcdcd;
  border-radius: 3px; 
  z-index: 1;  
  transform-origin: 7px -2px; 
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 opacity 0.55s ease;
}

#pf_toggle_menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#pf_toggle_menuToggle span:nth-last-child(2){
  transform-origin: 0% 100%;
}

#pf_toggle_menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

#pf_toggle_menuToggle input:checked ~ span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#pf_toggle_menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#pf_toggle_menu {
  	position: absolute;
  	width: 300px;
  	margin: -100px 0 0 -200px;
  	padding: 50px;
  	padding-top: 107px;
  	background: #ededed;
  	text-align:right;
  	list-style-type: none;
  	-webkit-font-smoothing: antialiased;
  	transform-origin: 0% 0%;
  	transform: translate(500%, 0);
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

@media (max-width:896px) and (orientation: landscape){
	#pf_toggle_menu {
		height: 100vh;
		overflow-y: scroll;
	}
}

#pf_toggle_menu li {
  	float: none;
  	padding: 5px 0;
  	margin-right: 75px;
  	font-size: 16px;
  	line-height: 30px;
  	font-weight: 300;
  	letter-spacing: .1rem;
  	text-align:left;
}

#pf_toggle_menu li a {
  	text-decoration: none;
  	color: rgba(0,0,0,1);
}

#pf_toggle_menu li a:hover {
  	font-weight: 500;
}

#pf_toggle_menu_2 li {
  	padding: 4px 0;
  	font-size: 13px;
	list-style-type: none;
	display:block;
}

#pf_toggle_menu_2 li a {
	display:list-item;
	width: 125px;
}

#pf_toggle_menuToggle input:checked ~ ul {
  	transform: none;
}

.login_container {
	float: right;
	position:relative;
	margin-top: 69px;
	margin-right: 100px;
}

.inner-1 {
	float: left;
    position: relative;
    z-index: 10;
    text-align: center;
}

.inner-1 p {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: .25rem;
}

.inner-1 p:after {
	content: '';
	position: absolute;
	margin: auto;
	right: 0;
	bottom: 0;
	left: 0;
	top: -100px;
	width: 50%;
	height: 1px;
	background-color: rgba(0,0,0,1);
}

.inner-1 h1 {
	font-size: 70px;
	font-weight: 300;
	margin-top: 50px;
	margin-bottom: 50px;
}

.rslides_container {
  	position: relative;
  	width: 100%;
	height:100vh;
  	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
}
  
.rslides_container-1 {
	float: left;
	position: relative;
	width: 100%;
	height: 200px;
	margin-top: -193px;
	margin-left: 50px;
}
  
.rslides {
  	display: inline-block;
  	position: relative;
  	list-style: none;
  	max-height:100vh;
}
  
.rslides-1 {
  	position: relative;
  	list-style: none;
 	overflow: hidden;
  	width: 100%;
  	padding: 0;
  	margin: 0;
  	max-height: 300px;
}
  
.rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
  	left: 0;
  	top: 0;
}
  
.rslides-1 li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
  	left: 0;
  	top: 0;
}
  
.rslides li:first-child {
  	position: relative;
  	display: block;
  	float: left;
}
  
.rslides-1 li:first-child {
  	position: relative;
  	display: block;
  	float: left;
}

.rslides img {
	width: 100%;
  	border: 0;  
}
  

.transparent-btns_nav {
  display:none;
  }

.centered-btns_nav:focus {
  outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs {
	float: left;
    position: absolute;
    z-index: 10;
    text-align: center;
    width: 100%;
    margin:0 auto;
    bottom: 50px;
}

.centered-btns_tabs li,
.transparent-btns_tabs li {
  	display: inline;
  	margin-left: 10px;
  	margin-right: 10px;
}

.centered-btns_tabs a,
.transparent-btns_tabs a {
  	text-indent: -9999px;
  	overflow: hidden;
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;
  	background: #ccc;
  	background: rgba(0,0,0, .2);
  	display: inline-block;
  	width: 12px;
  	height: 12px;
}

.centered-btns_here a,
.transparent-btns_here a {
  	background: rgba(0,0,0, .5);
}
  
.arrow_line {
	float:right;
	position:relative;
	z-index:10;
	bottom:5.85em;
	margin-right:50px;
	font-size:20px;
	color: rgba(0, 0, 0, 0.2);
}
	
.arrow_line a {
	color: rgba(0, 0, 0, 0.2);
	transition:0.3s;
}
	
.arrow_line a:hover {
	color: rgba(0, 0, 0, 2);
	transition:0.3s;
}
  
.cont {
  	height: auto;
  	margin: 0 auto;
  	padding-left:290px;
  	padding-right:290px;
  	text-align:justify;
  	z-index:10000;
}

.cont p {
	font-size: 18px;
	line-height:35px;
	font-weight: 400;
}

.cont a {
	font-size: 18px;
	line-height:35px;
	font-weight: 400;
	text-decoration:underline;
}

.spacer {
	width:100%;
	height:200px;
}

.pic_divider {
	width:80%;
	height:auto;
	margin:0 auto;
	margin-top: 80px;
	margin-bottom: -100px;
}

.pic_divider img {
	width:100%
}

.pic_divider p {
	font-size: 14px;
	text-align:center;
	margin-top:-30px;
}

#dealer {
	width:100%;
	height:200px;
}

.importer {
	width:24.5%;
	height:auto;
	display:inline-block;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
	
.importer_1 {
	width:33%;
	height:auto;
	display:inline-block;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
	
.importer_2 {
	width:33%;
	height:auto;
	display:inline-block;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
	
.importer_3 {
	width:33%;
	height:auto;
	display:inline-block;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}

.im_1 {
	max-width:100%;
}

.im_2 {
	display: none;
}

footer {
	width:100%;
	height: auto;
	margin-bottom:30px;
}

#latest {
	width:100%;
	height:200px;
}

footer p {
	font-size: 12px;
	color: rgba(0,0,0,.7);
}
.adres {
	font-size: 15px;
	display: inline-block;
	margin-bottom:10px;
	margin-left:10px;
	margin-right: 10px;
	color: rgba(0,0,0,.7);
}

.adres_bold {
	font-size: 13px;
	font-weight:600;
	display: inline-block;
	margin-top: 20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right: 10px;
	color: rgba(0,0,0,.7);
}

.adres a {
	text-decoration: none;
	color: rgba(0,0,0,.7);
}


@media screen and (max-width:2000px) {
	.importer {
		width:33%;
	}
	.importer_2 {
		width:49.5%;
	}
	.importer_3 {
		width:49.5%;
	}
}

@media screen and (max-width:1600px) {
	.importer {
		width:49.5%;
	}
	.importer_1 {
		width:49.5%;
	}
	.importer_2 {
		width:49.5%;
	}
	.importer_3 {
		width:100%;
	}
}

@media screen and (max-width:1440px) {
	.spacer {
		height:190px;
	}
}

@media screen and (max-width:1280px) {
	.logo_container {
		margin-top: 34px;
		margin-left: 5px;
	}

	.logo_container img {
		width: 70%;
	}
	.rslides_container-1 {
		float: left;
		margin-top: -166px;
	}
	.inner-1 p {
		font-size: 13px;
		letter-spacing: .20rem;
	}
	.inner-1 p:after {
	}
	.inner-1 h1 {
		font-size: 50px;
		margin-top: 45px;
		margin-bottom: 70px;
	}
	.arrow_line {
		bottom:7.7em;
		font-size:18px;
	}
	.spacer {
		height:150px;
	}
	.cont {
  		padding-left:270px;
  		padding-right:270px;
	}
	.cont p {
		font-size: 17px;
		line-height:33px;
	}
	.pic_divider p {
		font-size: 14px;
		margin-top:-10px;
	}
	h2 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	#latest {
		height:100px;
	}
}

@media screen and (max-width: 980px) {
	.rslides_container-1 {
		float: left;
		margin-top: -150px;
	}
	.inner-1 p {
		font-size: 12px;
		letter-spacing: .15rem;
	}
	.inner-1 p:after {
	}
	.inner-1 h1 {
		font-size: 40px;
		margin-top: 40px;
	}
	.arrow_line {
		bottom:9.3em;
		font-size:16px;
	}
}

@media screen and (max-width: 835px) {
	.rslides_container-1 {
		float: left;
		margin-top: -220px;
	}
	.arrow_line {
		bottom:6.15em;
	}
}

@media screen and (max-device-width : 1024px) and (orientation:portrait)  {
	.pf_nav-container {
		position: relative;
	}
	#pf_toggle_menuToggle {
  		position: fixed;
	}
	.rslides_container {
		height: 70vh;
	}
	.rslides {
  		max-height: 70vh;
	}
	.arrow_line {
		display: none;
	}
	
	.cont {
  		padding-left:130px;
  		padding-right:130px;
	}
	.cont p {
		font-size: 17px;
		line-height:33px;
	}
	.spacer {
		height:130px;
	}
	h2 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 23px;
		margin-bottom: 12px;
	}
}

@media screen and (max-device-width : 834px) and (orientation:portrait)  {
	.cont {
  		padding-left:120px;
  		padding-right:120px;
	}
	.cont p {
		font-size: 16px;
		line-height:32px;
	}
	.spacer {
		height:80px;
	}
	h2 {
		font-size: 32px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.importer {
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}
	.importer_1 {
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}	
	.importer_2 {
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}	
	.importer_3 {
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}
}

@media screen and (max-device-width : 768px) and (orientation:portrait)  {
	.cont {
  		padding-left:120px;
  		padding-right:120px;
	}
	.cont p {
		font-size: 15px;
		line-height:31px;
	}
	.spacer {
		height:60px;
	}
	h2 {
		font-size: 28px;
		margin-bottom: 13px;
	}
	h3 {
		font-size: 19px;
		margin-bottom: 11px;
	}
	h4 {
		font-size:15px;
	}
}

@media screen and (max-device-width : 736px) and (orientation:portrait)  {
.logo_container {
		margin-left: -53px;
	}
	.logo_container img {
		width: 45%;
	}
	#pf_toggle_menuToggle {
  		top: 45px;
  		right:25px;
  		position: relative;
	}

	#pf_toggle_menuToggle input {
  		width: 40px;
  		height: 32px;
	}
	#pf_toggle_menuToggle span{
  		width: 33px;
  		height: 4px;
  		transform-origin: 4px 0px; 
	}
	.rslides_container {
		height: 75vh;
	}
	.rslides {
  		max-height: 75vh;
	}
	.rslides_container-1 {
		float:none;
		width: 100%;
		margin:0 auto;
		margin-top: -190px;
		margin-left: 0px;
	}
	.rslides img {
		margin-top:-90px; 
		margin-left:20px;
	}
	
	.inner-1 {
    	z-index: 10;
    	width:100%;
    	text-align: center;
    	margin:0 auto;
	}
	.inner-1 p:after {
		width: 35%;
	}
	.inner-1 h1 {
		margin-top: 30px;
	}
	.centered-btns_tabs,
	.transparent-btns_tabs {
    	margin-left: 16px;
	}
	.centered-btns_tabs a,
	.transparent-btns_tabs a {
  		-webkit-border-radius: 10px;
  		-moz-border-radius: 10px;
  		border-radius: 10px;
  		background: #ccc;
  		background: rgba(0,0,0, .2);
  		display: inline-block;
  		width: 10px;
  		height: 10px;
	}
	.centered-btns_here a,
	.transparent-btns_here a {
  		background: rgba(0,0,0, .5);
	}
	.cont {
  		padding-left:25px;
  		padding-right:25px;
	}
	.cont p {
		font-size: 15px;
		line-height:31px;
	}
	.pic_divider p {
		font-size: 12px;
	}
	.spacer {
		height:60px;
	}
	h2 {
		font-weight: 500;
		text-align: center;
		font-size: 19px;
		margin-bottom: 13px;
	}
	h3 {
		font-weight: 500;
		text-align: center;
		font-size: 17px;
		margin-bottom: 11px;
	}
	h4 {
		font-size:15px;
	}
	.importer img {
		width:300px;
	}
	.importer_1 img {
		width:300px;
	}
	.importer_2 img {
		width:300px;
	}
	.importer_3 img {
		width:300px;
	}
}

@media screen and (max-device-width : 414px) and (orientation:portrait)  {
	.rslides_container {
		height: 535px;
	}
	.rslides {
  		max-height: 535px;
	}
	.spacer {
		height:50px;
	}
	.importer img {
		width:60%;
	}
	.importer_1 img {
		width:60%;
	}
	.importer_2 img {
		width:60%;
	}
	.importer_3 img {
		width:60%;
	}
}

@media screen and (max-device-width : 320px) and (orientation:portrait)  {
	.rslides_container {
		height: 80vh;
	}
	.rslides {
  		max-height: 80vh;
	}
	.rslides_container-1 {
		height:150px;
	}
}

@media screen and (max-device-width : 1112px) and (orientation:landscape)  {
	.pf_nav-container {
		position: relative;
	}
	#pf_toggle_menuToggle {
  		position: fixed;
	}
	.cont {
  		padding-left:125px;
  		padding-right:125px;
	}
	h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-device-width : 896px) and (orientation:landscape)  {
	.pf_nav-container {
		position: relative;
	}
	.logo_container {
		margin-left: -53px;
	}
	.logo_container img {
		width: 45%;
	}
	#pf_toggle_menuToggle {
  		top: 45px;
  		right:25px;
  		position: relative;
	}
	#pf_toggle_menuToggle input {
  		width: 40px;
  		height: 32px;
	}
	#pf_toggle_menuToggle span{
  		width: 33px;
  		height: 4px;
  		transform-origin: 4px 0px; 
	}	
	.rslides {
		margin-top:-30px;
	}
	.rslides img {
		margin-left:25px;
	}
	.centered-btns_tabs,
	.transparent-btns_tabs {
    	bottom: 20px;
    	margin-left:16px;
	}
	.rslides_container-1 {
		margin-top: -80px;
		margin-left:25px;
		height: 100px;
	}
	.inner-1 h1 {
		margin-top: 30px;
	}
	.arrow_line {
		bottom:5.5em;
		margin-right:25px;
	}	
	.cont {
  		padding-left:25px;
  		padding-right:25px;
	}
	.spacer {
		height:60px;
	}
	h2 {
		font-size: 28px;
    	margin-bottom: 15px;
    	text-align: center;
    	margin-left: 32px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	.importer {
		margin-top:20px;
		margin-bottom:20px;
	}
	.importer_1 {
		margin-top:20px;
		margin-bottom:20px;
	}
	.importer_2 {
		margin-top:20px;
		margin-bottom:20px;
	}
	.importer_3 {
		margin-top:20px;
		margin-bottom:20px;
	}
	.im_1 {
	display:none;
	}
	.im_2 {
	display:initial;
	width:70%;
	}
	
	.importer_3 img {
		width:45%;
	}
}

@media screen and (max-device-width : 812px) and (orientation:landscape) {
	.rslides_container-1 {
		margin-top: -120px;
	}
	.arrow_line {
		bottom:4.3em;
	}
	h2 {
		text-align:center;
		font-size: 25px;
		margin-bottom: 13px;
		margin-left: 38px;
	}
	h3 {
		text-align:center;
		font-size: 19px;
		margin-bottom: 8px;
	}
} 

@media screen and (max-device-width : 736px) and (orientation:landscape) {
	.rslides {
		margin-top:12px;
	}
	.rslides_container-1 {
		margin-top: -122px;
	}
	.inner-1 p {
		font-size: 12px;
		letter-spacing: 0rem;
	}
	.inner-1 h1 {
		font-size: 35px;
		margin-top: 25px;
		margin-bottom: 75px;
	}
	.centered-btns_tabs,
	.transparent-btns_tabs {
    	bottom: 30px;
	}
	.arrow_line {
		bottom:4.9em;
	}
	.cont p {
		font-size: 15px;
		line-height:31px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-device-width : 667px) and (orientation:landscape) {
	.rslides {
		margin-top:12px;
	}
	.rslides_container-1 {
		margin-top: -140px;
	}
	.arrow_line {
		bottom:4.9em;
	}
	.rslides_container-1 {
		height: 50px;
	}
	.rslides-1 {
		height: 80px;
	}
	h2 {
		margin-left: 35px;
	}
}

@media screen and (max-device-width : 568px) and (orientation:landscape) {
	.rslides {
		margin-top:25px;
	}
	.rslides_container-1 {
		display:none;
	}
	.arrow_line {
		bottom:4.9em;
	}
	.centered-btns_tabs,
	.transparent-btns_tabs {
    	bottom: 30px;
    	margin-left:16px;
	}
	h2 {
		font-size: 23px;
		margin-left: 38px;
	}
	h3 {
		font-size: 19px;
	}
	.cont p {
		font-size: 15px;
		line-height:31px;
	}
}