@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200;300;400;500;600;700&display=swap');

/* Lato Regular 400 */

@font-face 
	{
		font-family: 'Lato';
		font-style: normal;
		font-weight: 400;
		src: url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
		src: local(''), url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Lato-Regular.svg#Lato') format('svg'); /* Legacy iOS */
	}

/* Oswald Medium 500 */

@font-face 
	{
		font-family: 'Oswald';
		font-style: normal;
		font-weight: 500;
		src: url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.eot');
		/* IE9 Compat Modes */
		src: local(''), url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.woff') format('woff'), /* Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-Medium.svg#Oswald') format('svg');
		/* Legacy iOS */
	}
	
/* Oswald SemiBold 500 */

@font-face 
	{
		font-family: 'Oswald';
		font-style: normal;
		font-weight: 600;
		src: url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.eot');
		/* IE9 Compat Modes */
		src: local(''), url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.woff') format('woff'), /* Modern Browsers */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/fonts/Oswald-SemiBold.svg#Oswald') format('svg');
		/* Legacy iOS */
	}



/* CZYSZCZENIE */


#auth h2,
#auth h3,
#auth h4,
#auth h5,
#auth h6,
#auth a,
#auth p,
#auth span,
#auth em,
#auth small,
#auth strong,
#auth sub,
#auth sup,
#auth mark,
#auth del,
#auth ins,
#auth strike,
#auth abbr,
#auth dfn,
#auth blockquote,
#auth q,
#auth cite,
#auth code,
#auth pre,
#auth ol,
#auth ul,
#auth li,
#auth dl,
#auth dt,
#auth dd,
#auth div,
#auth section,
#auth article,
#auth main,
#auth aside,
#auth nav,
#auth header,
#auth hgroup,
#auth footer,
#auth img,
#auth figure,
#auth figcaption,
#auth address,
#auth time,
#auth audio,
#auth video,
#auth canvas,
#auth iframe,
#auth details,
#auth summary,
#auth fieldset,
#auth form,
#auth label,
#auth legend,
#auth table,
#auth caption,
#auth tbody,
#auth tfoot,
#auth thead,
#auth tr,
#auth th,
#auth td 
	{
		margin: 0;
		padding: 0;
		border: 0;
	}

#auth a,
#auth a:visited 
	{
		color: inherit;
	}

#auth article,
#auth aside,
#auth footer,
#auth header,
#auth nav,
#auth section,
#auth main 
	{
		display: block;
	}

#auth ol,
#auth ul 
	{
		list-style: none;
	}

#auth img,
#auth video 
	{
		max-width: 100%;
	}

#auth img 
	{
		border-style: none;
		line-height: 0;
	}

#auth blockquote,
#auth q 
	{
		quotes: none;
	}

#auth blockquote:after,
#auth blockquote:before,
#auth q:after,
#auth q:before 
	{
		content: "";
		content: none;
	}

/* KONIEC CZYSZCZENIE */

/* ---------------------------------------------------------------------------------------------------------------- */

/* SIATKA */

#auth .kontyner-full 
	{
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}

#auth .kontyner 
	{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 0 15px;
	}

@media (min-width: 1230px) 
	{
		#auth .kontyner 
			{
				max-width: 920px;
			}
	}

#auth .rzad 
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

#auth .kol,
#auth .kol-1,
#auth .kol-10,
#auth .kol-11,
#auth .kol-12,
#auth .kol-2,
#auth .kol-3,
#auth .kol-4,
#auth .kol-5,
#auth .kol-6,
#auth .kol-7,
#auth .kol-8,
#auth .kol-9,
#auth .kol-auto,
#auth .kol-lg,
#auth .kol-lg-1,
#auth .kol-lg-10,
#auth .kol-lg-11,
#auth .kol-lg-12,
#auth .kol-lg-2,
#auth .kol-lg-3,
#auth .kol-lg-4,
#auth .kol-lg-5,
#auth .kol-lg-6,
#auth .kol-lg-7,
#auth .kol-lg-8,
#auth .kol-lg-9,
#auth .kol-lg-auto,
#auth .kol-mb,
#auth .kol-mb-1,
#auth .kol-mb-10,
#auth .kol-mb-11,
#auth .kol-mb-12,
#auth .kol-mb-2,
#auth .kol-mb-3,
#auth .kol-mb-4,
#auth .kol-mb-5,
#auth .kol-mb-6,
#auth .kol-mb-7,
#auth .kol-mb-8,
#auth .kol-mb-9,
#auth .kol-mb-auto 
	{
		position: relative;
		width: 100%;
		min-height: 1px;
	}

#auth .kol 
	{
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

#auth .kol-auto 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

#auth .kol-1 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

#auth .kol-2 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

#auth .kol-3 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

#auth .kol-4 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

#auth .kol-5 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

#auth .kol-6 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

#auth .kol-7 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

#auth .kol-8 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

#auth .kol-9 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

#auth .kol-10 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

#auth .kol-11 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

#auth .kol-12 
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

@media only screen and (max-width: 980px) 
	{
		#auth .kol-mb 
			{
				-ms-flex-preferred-size: 0;
				flex-basis: 0;
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				max-width: 100%
			}
		#auth .kol-mb-auto 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: auto;
				max-width: none
			}
		#auth .kol-mb-1 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
				max-width: 8.333333%
			}
		#auth .kol-mb-2 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
				max-width: 16.666667%
			}
		#auth .kol-mb-3 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 25%;
				flex: 0 0 25%;
				max-width: 25%
			}
		#auth .kol-mb-4 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
				max-width: 33.333333%
			}
		#auth .kol-mb-5 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
				max-width: 41.666667%
			}
		#auth .kol-mb-6 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%
			}
		#auth .kol-mb-7 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
				max-width: 58.333333%
			}
		#auth .kol-mb-8 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
				max-width: 66.666667%
			}
		#auth .kol-mb-9 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 75%;
				flex: 0 0 75%;
				max-width: 75%
			}
		#auth .kol-mb-10 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
				max-width: 83.333333%
			}
		#auth .kol-mb-11 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
				max-width: 91.666667%
			}
		#auth .kol-mb-12 
			{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%
			}
	}

/* KONIEC SIATKA */

/* ---------------------------------------------------------------------------------------------------------------- */

/* WSPÓLNE */

#auth .lazy 
	{
		width: auto;
		max-width: 100%;
		height: auto;
	}

#auth .kontyner 
	{
		padding: 0;
		background-color: #fff;
	}

#auth 
	{
		font-family: 'Lato', sans-serif;
		color: #222222;
	}

#auth div 
	{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
#auth p {
    font-size: 16px;
    line-height: 26px;
}	
	
#auth h2 
	{
		font-family: 'Oswald', sans-serif;
		font-size: 32px;
		line-height: 68px;
		font-weight: 400;
		margin-bottom: 60px;
		position: relative;
		text-align: center;
		border-bottom: 1px solid #222222;
		text-transform: uppercase;
	}

#auth h2 span 
	{
		background: #fff;
		padding: 0 15px;
		position: relative;
		top: 30px;
	}

#auth h3 
	{
		font-family: 'Oswald', sans-serif;		
		font-size: 34px;
		line-height: 29px;
		padding-top: 25px;		
		padding-bottom: 25px;
		font-weight: 400;
		font-variant-caps: all-small-caps;
	}

#auth h4 
	{
		font-family: 'Oswald', sans-serif;
		font-size: 20px;
		line-height: 37px;
		font-weight: 500;
		margin-bottom: 60px;
		position: relative;
		text-align: left;
		border-bottom: 1px solid #222222;
		text-transform: uppercase;
	}

#auth h4 span 
	{
		background: #fff;
		padding: 0 15px 0 0;
		position: relative;
		top: 18px;
	}

#auth .img-logo
	{
		width: auto;
		height: auto;
		margin: auto;
		margin-bottom: 20px;
		z-index: 1;
		position: inherit;
		display: flow;
	}

#auth .img-skal
	{
		width: 100%;
		height: auto;
		margin: auto;
		z-index: 1;
		position: inherit;
	}
	
#auth .img-nieskal 
	{
		text-align: center;
		height: auto;
		margin: auto;
	}

#auth .center_txt 
	{
		display: block;
		text-align: center;
		width: 100%;
	}

#auth .pc_nie 
	{
		display: none;
	}

#auth .relativ 
	{
		position: relative;
	}

#auth a 
	{
		text-decoration: none;
	}
	
#auth ol,
#auth ul 
	{
		list-style: circle;
		line-height: 26px;
		padding-left: 50px;
	}	
	
#auth .tekstbox-1
	{
		display: block;
		text-align: left;
		width: 100%;
		margin-top: 20px;
		margin-left:0;
		padding-left: 30px;
		padding-right: 0px;
	}
	
#auth .tekstbox-2
	{
		display: block;
		text-align: left;
		width: 100%;
		margin-top: 40px;
		margin-left:0;
		padding-left: 0px;
		padding-right: 30px;
	}	
	
#auth .PT30
	{	
		padding-top: 30px;
	}

#auth .MT60
	{	
		margin-top: 60px;
	}
	
#auth .MT90
	{	
		margin-top: 90px;
	}	

#auth .MT-30
	{	
		margin-top: -30px;
	}

#auth .MT-40
	{	
		margin-top: -40px;
	}
	
#auth .WHT
	{	
		color: #fff;
	}	
	
#auth .BLK
	{	
		color: #000;
	}	
	

	
#auth .bgd-01 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_01_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}

#auth .bgd-02 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_02_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}

#auth .bgd-03 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_03_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}

#auth .bgd-04 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_04_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}

#auth .bgd-05 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_05_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}

#auth .bgd-06 {
    background-image: url('//f00.esfr.pl/si_upload/OPR/audio-technika/1312454_audio-technica_twx7_v1/img/bgd_06_1110x550.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
}
	
		
/* KONIEC WSPÓLNE */
	
/* ---------------------------------------------------------------------------------------------------------------- */

/* MOBILE */

@media only screen and (max-width: 980px) 
	{
		#auth .pc_nie 
			{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
		
		#auth .mb_nie 
			{
				display: none;
			}
			
		#auth .mb_tak 
			{
				display: block;
			}
			
	    #yha h2 
			{
				line-height: 56px;
			}
			
		#yha h2 span 
			{
				padding: 0;
				top: 30px;
			}
			
		#yha p 
			{
				text-align: left;
			}
				
		#auth .video-responsive 
			{
				width: 100%;
			}
			
		#auth .tekstbox-1
			{
				display: block;
				text-align: left;
				width: 100%;
				margin: auto;
				padding-left: 0px;
				padding-right: 0px;
				padding-bottom: 25px;
			}
			
		#auth .tekstbox-2
			{
				display: block;
				text-align: left;
				width: 100%;
				margin: auto;
				padding-left: 0px;
				padding-right: 0px;
				padding-bottom: 25px;
			}
	}
	
/* KONIEC MOBILE */

/* WSTĘP */

#auth .logo 
	{
		margin-bottom: 44px;
	}

@media only screen and (max-width: 959px) 
{
    #auth .sekcja 
		{
			padding: 30px;
		}
    #auth .mt70 
		{
			margin-top: 30px;
		}
}