

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
    font-family: 'Nunito-BlackItalic';
    src: url('../fonts/Nunito-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-ExtraLight';
    src: url('../fonts/Nunito-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-Regular';
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-BoldItalic';
    src: url('../fonts/Nunito-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-Bold';
    src: url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-ExtraBoldItalic';
    src: url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-Italic';
    src: url('../fonts/Nunito-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-Light';
    src: url('../fonts/Nunito-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-SemiBold';
    src: url('../fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-Black';
    src: url('../fonts/Nunito-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-ExtraBold';
    src: url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-ExtraLightItalic';
    src: url('../fonts/Nunito-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-SemiBoldItalic';
    src: url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-LightItalic';
    src: url('../fonts/Nunito-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito-ExtraLight';
    src: url('../fonts/Nunito-ExtraLight_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nunito-Medium';
    src: url('../fonts/Nunito-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.instrukcja{
    text-align: left;
    color: #414141;
    font: 200 14px;
	font-family: Nunito-ExtraLight;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #ffffff; 
    border-top: 1px #d7d7d7 solid;	
	border-bottom: 1px #d7d7d7 solid;
	vertical-align:middle;
}
.instrukcja .lista
{
	float:left;
	padding-right:15px;
}
.instrukcja p
{
	padding-top:8px
}
.belka{
    text-align: center;
    font-size: 25px;
    font-family: Nunito-ExtraLight;
    padding-top: 1%;
	padding-bottom: 2%;
    color: #000;
}
.belka2{
	text-align: center;
    font-size: 30px;
    font-family: Nunito-ExtraLight;
    padding-top: 3%;
	padding-bottom: 2%;
    color: #414141;
}
.logo{
	padding-top: 20px;
	padding-left: 0;
}
.top_text_h2
{
	padding-top:10%;
	text-align: left;
    font-size: 50px;
    font-family: Nunito-ExtraLight;
	color: #000;
	line-height:30px;
}
.top_text_h4
{
	text-align: left;
    font-size: 25px;
    font-family: Nunito-ExtraLight;
	color: #000;
	margin-left:30px;
}
.top_text_h3
{
	text-align: left;
    font-size: 36px;
    font-family: Nunito-ExtraLight;
	color: #000;
	padding-bottom:5%;
}
.cena
{
    font-family: Nunito-Regular;
    text-align: center;
    margin: 0 auto;    
	padding-top: 2%;	
	color: #414141;
}
.produkt
{
    font-family: Nunito-ExtraLight;
    text-align: center;
    margin: 0 auto;
	color: #414141;
	font-size: 24px;
	padding-bottom:5%;
}

.stopka{
	border-top: 1px #d7d7d7 solid;
	padding-top:2%;	
	padding-bottom:2%;
	color: #9d9d9d;
	text-align: center;
	font-family: Nunito-ExtraLight;	
	font-size: 14px;
}
.stopka_bold{
	color: #9d9d9d;
	text-align: center;
	font-family: Nunito-Medium;	
	font-size: 16px;
}
.promocja 
{
	text-align:left;
	padding-top:8%;
	vertical-align:middle;
}
.light
{
	color: #414141;
	font-family: Nunito-ExtraLight;	
	font-size: 30px;
}

.bold
{
	color: #414141;
	font-family: Nunito-Bold;	
	font-size: 48px;
	line-height:25px;
}

.foto{
    padding-bottom: 5%;
}

.cta2{
    margin: 0;
	padding-bottom:10%;
	margin-left:-5px;
	}
.cta{
    margin: 0 auto;
}
.cta_img{
	width:157px;
	height:46px;
	display:block;
	background:url('../images/cta.png');

}
.cta_img:hover{

	background:url('../images/cta_hov.png');

}
.btn_top:hover 
{
	background:url('../images/btn_top_hov.png');

}
.btn_top
{
	margin-left:10px;
	margin-top:15px;
	width:197px;
	height:58px;
	display:block;
	background:url('../images/btn_top.png');
}
.container{
	border: 1px solid #d7d7d7;
    border-radius: 30px;
    max-width: 1140px;
}



.bottom{
    padding-top: 9%;
}
.marginuj 
{            
margin: 0 auto;   
}



@media (max-width: 990px) {
    
	.desktop{ 
		display:none;
	}
	.packshot img{
        margin: 0 auto; 
     }
    .marginuj img{
		margin: 0 auto;  
    }
	.promocja 
	{
		text-align:center;
		padding-top:0;
		vertical-align:middle;
	}
	.cta2{
    margin: 0 auto;
	}
    
}
     



