/*
	Theme Name: BLK Auto
	Theme URI: http://www.mcteam.com.pl 
	Author: MC TEAM Agencja Interaktywna Mateusz Ciesiółka
	Description: A template to start playing with WordPress
	Version: 1.0
*/

*{
    margin: 0;
    padding: 0;
	box-sizing:border-box;    
}

body{
	font-family:var(--font-lucid-sans);
	font-weight: 400;
	font-size: 18px;
	font-style:normal;
	line-height:24px;
	color: #fff;
	background:#0F0F0F;
} 

a{
	font-size:16px;
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#7f7f7f;
}


/* header */
.showMenu{
	-webkit-transform: translateY(-160px) !important;
	-moz-transform: translateY(-160px) !important;
	-o-transform: translateY(-160px) !important;
	-ms-transform: translateY(-160px) !important;
	transform: translateY(-160px) !important;
}
header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding: 10px 0;
	margin:0px auto;
	overflow:hidden;
	background:linear-gradient(180deg,#000000 -31.25%,rgba(0,0,0,0));
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	z-index:999;
}
header:hover{
	background:rgba(15,15,15,1);
}
header .in{
	width:100%;
	max-width:1400px;
	margin:0px auto;
	overflow:hidden;
}
header .in div#logo{
	width:100%;
	max-width:200px;
	float: left;
	margin:17px 0px;
}	

/* navi */
header .in nav{
	margin:18px auto;
	display:block;
	overflow:hidden;
	width:388px;
}
header .in nav ul{
	list-style:none;		
}		
header .in nav ul li{
	float: left;
	margin: 0 3px 0 0;
	
	--s: 1px;
	--c: #fff; 
  
	color: #0F0F0F;
	padding-bottom: var(--s);
	background: 
		linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,
		linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
	-webkit-background-clip: text,padding-box;
    background-clip: text,padding-box;
	transition: 0.5s;
}	
header .in nav ul li:hover,header .in nav ul li a:hover,header .in nav ul li.active,header .in nav ul li.active a{
	color: #FFF;
	--_p: 100%
}
header .in nav ul li a{
	color: #fff;
	text-decoration: none;	
	padding: 10px 15px;
	font-family:var(--font-lucid-sans);
	font-style:normal;
	font-weight:500;
	display: block;
	font-size:20px;
}


/* menu mobile */
header .in #mobile{
	width:100%;
	position:relative;
	display:none;
}
header .in #mobile #openMenu{
	display:block;
	float:right;
	width:60px;
	padding:10px 10px;
	overflow:hidden;
	background:#d7be96;
	cursor:pointer;
	margin-top:11px;
	margin-right:10px;
}
header .in #mobile #openMenu span{
	display:block;
	width:100%;
	height:4px;
	background:#0F0F0F;
	margin:6px auto;
}
header .in #mobile .mobile_menu{
	display:none;
	/*width:300px;*/
	position:absolute;
	top:86px;
	right:10px;
	left:10px;
	z-index:999;
	background:#d7be96;
}
header .in #mobile .mobile_menu ul.menu{
	list-style:none;
	padding:2px;
}
header .in #mobile .mobile_menu ul.menu li a{
	display:block;
	color:#181818;
	text-decoration:none;
	padding:6px 14px 10px 14px;
	font-size:20px;
}
header .in #mobile .mobile_menu ul.menu li a:hover{
	background:#0F0F0F;
	color:#d7be96;
}
header .in #mobile .mobile_menu ul.menu li.menu-item-has-children ul.sub-menu{
	display:none;
	list-style:none;
}
header .in #mobile .mobile_menu ul.menu li.menu-item-has-children ul.sub-menu li a{
	display:block;
	padding-left:60px;
}


h2{
	font-size:64px;
	line-height:76px;
	font-style: normal;
	font-weight: 400;
	font-family: var(--font-lucid-serif);
}

h3{
	font-size:24px;
	line-height:36px;
	font-style: normal;
	font-weight: 300;
	font-family: var(--font-lucid-sans);
}


/* site */
.web{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	margin-bottom:40px;
	padding:20px 0px;
}
.web section{
	width:100%;
	max-width:1400px;
	margin:0px auto;
	overflow:hidden;
}
.web section article>h2, .web section article>h3{
	text-align:center;
}

.menuBox{
	width:100%;
	max-width:700px;
	margin:10px auto;
	display:flex;
	border-bottom:1px solid #323232;
}
.menuBox .tab{
	position:relative;
	width:25%;
	float: left;
	text-align:center;
	
	--s: 1px;
	--c: #d7be96; 
  
	padding-bottom: var(--s);
	background: 
		linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,
		linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
	-webkit-background-clip: text,padding-box;
    background-clip: text,padding-box;
	transition: 0.5s;
	padding:10px 2px;
	cursor:pointer;
}
.menuBox .tab:hover{
	--_p: 100%
}
.menuBox .tab.tabSelect{
	z-index: 1;
	border-bottom:1px solid #d7be96;
}

.sectionBox{
	display:flex;
	width:100%;
	transition:all .3s;
}
.sectionBox .tabBox{
	opacity:0;
	visibility:hidden;
	transition:all .3s ease-in;
	
	min-width:100%;
	max-width:100%;
}
.sectionBox .tabBoxSelect{
	opacity:1;
	visibility:visible;
}
.sectionBox .tabBox .tabBox_in{
	width:100%;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	margin:60px auto;
}
.sectionBox .tabBox .tabBox_in .imagesBox{
	width:41%;
}
.sectionBox .tabBox .tabBox_in .imagesBox img{
	width:100%; 
	border-radius:5px;
}
.sectionBox .tabBox .tabBox_in .textBox{
	width:33%;
}
.sectionBox .tabBox .tabBox_in .textBox h2{
	font-size: 48px;
    line-height: 56px;
}
.sectionBox .tabBox .tabBox_in .textBox p{
	color:#7f7f7f;
}


.boxImg{
	width:100%;
	margin:20px auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.boxImg .boxImgOne{
	width:50%;
	padding:10px;
	cursor:pointer;
	overflow:hidden;
}
.boxImg .boxImgOne>div{
	width:100%;
	max-width:680px;
	overflow:hidden;
	border-radius:5px;
}
.boxImg .boxImgOne>div img{
	width:100%;
	transition-duration: .6s;
}
.boxImg .boxImgOne>div img:hover{
	transform: scale(1.1); 
}


/* media */
.media{
	width:100%;
	margin:0px auto;
	background:#fff;
	overflow:hidden;
}
.media .mediaIN{
	width:100%;
	max-width:1400px;
	margin:0px auto;
	padding:40px 0px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:row;
	gap:8px;
}
.media .mediaIN .oneMedia{
	padding-left:12px;
	padding-right:12px;
}
.media .mediaIN .oneMedia a{
	display:flex;
	width:48px;
	height:48px;
	background-color:rgba(0,0,0,0);
	align-items:center;
	justify-content:center;
	transition:all .3s ease-in-out;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #0F0F0F;
	border-radius:50%;
}
.media .mediaIN .oneMedia a:hover{
	background-color:rgba(0,0,0,.85);
}
.media .mediaIN .oneMedia a svg{
	width:24px;
	height:24px;
}
.media .mediaIN .oneMedia a svg path{
	fill:#0F0F0F;
}
.media .mediaIN .oneMedia a:hover svg path{
	fill:#fff;
}


/* footer */
footer{
	width:100%;
	color: #323232;
	text-align: center;
	padding: 20px 0;
	background:#f0f0f0;
}
footer .footerIN{
	width:100%;
	max-width:1400px;
	margin:0px auto;
	padding:10px;
}
footer .footerIN a{
	color: #323232;
	font-weight: 300;
}
footer .footerIN .footerBox{
	width:100%;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	padding-bottom:90px;
}
footer .footerIN .footerBox .boxOne{
	width:16%;
	overflow:hidden;
}
footer .footerIN .footerBox .boxOne h3{
	text-align:left;
}
footer .footerIN .footerBox .boxOne ul{
	list-style:none;
}
footer .footerIN .footerBox .boxOne ul li{
	text-align:left;
	font-weight:100;
	font-size:16px;
}
footer .footerIN .footerBox .boxOne ul li a{
	text-align:left;
	font-weight:100;
}

	
/* responsive style */
@media all and (max-width: 960px){
	header{
		position:relative;
		width:100%;
		padding: 10px 0 0;
		margin:0px auto;
		overflow:visible;
		background:#0F0F0F;
		z-index:900;
	}
	header .in{
		width:100%;
		max-width:1400px;
		margin:0px auto;
		overflow:visible;
	}
	header .in div#logo{
		margin-left:10px;
	}
	header .in #menu-responsive	{
		display: block;
	}
	header .in #menu-responsive img	{
		margin: 0 auto;
		padding: 0 0 10px 0;
		cursor: pointer;
	}
	header .in nav{
		float: none;
		border-top: 2px solid #31323d;
		display: none;
	}
	header .in #mobile{
		display:block;
	}
	header .in nav ul li{
		float: none;
		text-align: center;
		border-bottom: 2px solid #31323d; 
		border-left: 2px solid #31323d;
		border-right: 2px solid #31323d;
		margin: 0;
	}
	header .in nav ul li.active, header .in nav ul li.active a, header .in nav ul li:hover, header .in nav ul li a:hover{
		border-color: #31323d;
	}
	footer{
		min-width: 100%;
	}
	.media .mediaIN{
		max-width:314px;
	}
}

@media all and (max-width: 700px){
	.menuBox .tab{
		font-size:16px;
	}
	.sectionBox .tabBox .tabBox_in{
		margin:20px auto 0px auto;
	}
	.sectionBox .tabBox .tabBox_in .imagesBox{
		width:40%;
	}
	.sectionBox .tabBox .tabBox_in .textBox{
		width:40%;
	}
	.sectionBox .tabBox .tabBox_in .textBox h2{
		font-size: 30px;
	}
	h2{
		font-size:44px;
	}
	h3{
		font-size:20px;
	}
	footer .footerIN .footerBox .boxOne ul li, footer .footerIN .footerBox .boxOne ul li a{
		font-size:14px;
	}
	.boxImg .boxImgOne a{
		font-size:14px;
	}
	footer .footerIN .footerBox .boxOne{
		width:22%;
	}
}

@media all and (max-width: 580px){
	.boxImg{
		width:100%;
		margin:20px auto;
		display:block;
	}
	.boxImg .boxImgOne{
		width:100%;
		padding:10px;
		margin:20px auto;
	}
}

@media all and (max-width: 540px){
	footer .footerIN .footerBox{
		width:100%;
		display:block;
		max-width:290px;
		margin:10px auto;
	}
	footer .footerIN .footerBox .boxOne{
		width:50%;
		margin:10px auto;
		float:left;
	}
}

@media all and (max-width: 440px){
	.media .mediaIN{
		gap:0px;
	}
	footer .footerIN .footerBox{
		max-width:126px;
	}
	footer .footerIN .footerBox .boxOne{
		width:100%;
	}
	
}

html body.customize-support div.n2-section-smartslider.fitvidsignore.n2_clear div#n2-ss-2-align.n2-ss-align.n2-ss-align-visible div.n2-padding div#n2-ss-2.n2-ss-slider.n2-ow.n2-has-hover.n2-ss-desktopPortrait.n2-ss-loaded div.n2-ss-slider-1.n2_ss__touch_element.n2-ow div.n2-ss-slider-2.n2-ow div.n2-ss-slider-3.n2-ow div.n2-ss-slider-4.n2-ow div.n2-ss-slide.n2-ow.n2-ss-slide-3.n2-ss-slide-active div.n2-ss-layers-container.n2-ss-slide-limiter.n2-ow div.n2-ss-layer.n2-ow.n-uc-PrgOlw1ACYSt div.n2-ss-layer.n2-ow.n-uc-1c6c49c96a8d6 div.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow.n-uc-1c6c49c96a8d6-inner div.n2-ss-layer.n2-ow.n2-ss-layer--block.n2-ss-has-self-align.n-uc-mG2k8HLSPV4a div.n2-ss-layer-row.n2-ss-layer-with-background.n-uc-mG2k8HLSPV4a-inner div.n2-ss-layer-row-inner div.n2-ss-layer.n2-ow.n-uc-153023fc3458e div.n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content.n-uc-153023fc3458e-inner div.n2-ss-layer.n2-ow.n-uc-A3iho7WnCNLp div#n2-ss-2item1.n2-font-26d8a344b7f021f258e8aa597a697710-hover.n2-ss-item-content.n2-ss-text.n2-ow{
	font-family:var(--font-lucid-serif);
}

:root {
  --font-size-base:16px;
  --font-serif-fallback:Georgia,Times,"Times New Roman",serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-sans-serif-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-gt-america:"GTAmerica",var(--font-sans-serif-fallback);
  --font-schnyder-s:"SchnyderS",var(--font-serif-fallback);
  --font-schnyder-m:"SchnyderM",var(--font-serif-fallback);
  --font-lucid-sans:"Lucid Sans VF","IBM Plex Sans",var(--font-sans-serif-fallback);
  --font-lucid-serif:"Lucid Serif VF",Georgia,var(--font-serif-fallback);
  --font-lucid-serif-italic:"Lucid Serif Italic VF",Georgia,var(--font-serif-fallback);
  --font-lucid-ibm-plex-sans:"IBM Plex Sans",var(--font-serif-fallback);
  --font-lucid-saudi-riyal:"saudi_riyal",var(--font-serif-fallback);
  --font-lucid-saudi-riyal:"dirham-symbol",var(--font-serif-fallback);
  --font-lucid-amiri:"Amiri",var(--font-serif-fallback);
}