/*
Theme Name: Protektel
Theme URI: 
Description: Motyw przygotowany specjalnie dla Protektel
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: protektel
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 **/
 
/* 1.0 - Reset */ 
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
	font-size: 10px;
	}

@media screen and (min-width: 100px){
/*Główne*/
#masthead a.logo2 img {
		width:100%;
		
	}
	h1 {
		font-size: 1.7rem;
		font-weight: 400;
		text-transform: uppercase;
		}
	h2 {
		font-size: 1.7rem;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 5.6rem;
		}
	h3 {
		font-size: 1.6rem;
		font-weight: 400;
		text-transform: uppercase;
		}
	h3.gallery-title {
		text-transform: none;
		margin-bottom: 1rem;
		}
	h4 {
		font-size: 1.2rem;
		font-weight: 400;
		text-transform: uppercase;
		}
	h5 {
		font-size: 1.2rem;
		font-weight: 400;
		text-transform: uppercase;
		}
	h6 {
		font-size: 1.2rem;
		font-weight: 400;
		text-transform: uppercase;
		}
	body {
		font-family: 'Lato', sans-serif;
		background: #41648c;
		color: #fff;
		font-size: 1.4rem;
		}
	a {
		color: #fff;
		text-decoration: none;
		}
	p {
		font-weight: 300;
		line-height: 1.3em;
		margin: 1rem 0;
		font-size: 1.6rem;
		text-align: justify;
		}
	.product p {
		font-size: 1.2rem;
		line-height: 1.8em;
		text-align: left;
		}
	#masthead {
		
		}
	#masthead a.logo {
		display: block;
		overflow: hidden;
		text-align: center;
		margin: 1rem 0;
		}
		
	
	footer a.logo img {
		display: block;
		margin: 0 auto;
		}
	.protektel-yellow {
		color: #f1ff0a;
		}
	.content-inner {
		max-width: 960px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.entry-content.list-content {
		padding: 1rem;
		border: 0;
		}
	.blank-thumb{
		width: 168px;
		height: 168px;
		line-height: 168px;
		background: #fff;
		color: #000;
		text-align: center;
		}
	.blank-thumb-news {
		float: left;
		margin-right: 3rem;
		width: 142px;
		height: 107px;
		line-height: 107px;
		}
	#primary {
		padding: 1rem;
		}
/*Nawigacja*/
	/*Nawigacja - Główna*/
		#masthead nav{
			background: rgba(9, 28, 36, 0.7);
			}
		ul.nav-menu {
			text-align: center;
			}
		ul.nav-menu li {
			display: inline-block;
			}
		ul.nav-menu li.current-menu-item a, ul.nav-menu li.current_page_item a, ul.nav-menu li.current-page-ancestor a, ul.nav-menu li.current-product-type-ancestor a{
			color: #f1ff0a; 
			}
		ul.nav-menu li:hover a {
			color: #f1ff0a;
			}
		ul.nav-menu li a {
			font-weight: 400;
			margin: 0;
			line-height: 4.1rem;
			text-transform: uppercase;
			-webkit-transition: color 1s ease-out;
			-moz-transition: color 1s ease-out;
			-o-transition: color 1s ease-out;
			transition: color 1s ease-out;
			}
		

		#menu-toggle {
			display: block;
			margin: 0 auto;
			text-align: center;
			text-transform: uppercase;
			font-size: 1.2rem;
			line-height: 4.1rem;
			cursor: pointer;
			background: url(img/menu_03.png);
			background-repeat: no-repeat;
			background-position: 2%;
			border-bottom: 1px solid #2b5479;
			background-size: 15px;
			
			}
		#menu-toggle.shown {
			
			}
		.main-menu ul {
			display: none;
			}	
		.main-menu ul li {
			display: list-item;
			}
		
	/*Nawigacja - Flagi*/
		#lang_sel_list {
			text-align: center;
			height: auto;
			}
		#lang_sel_list li a {
			background: none !important;	
			line-height: 4.1rem !important;			
			}
		#lang_sel_list li {
			display: inline-block;
			float: none;		
			}
	/*Nawigacja - Stopka*/
		.footer-menu .nav-menu li {
			position: relative;
			}
		.footer-menu .nav-menu li:first-child a {
			margin: 0;
			}
		.footer-menu .nav-menu li a {
			font-size: 1rem;
			text-transform: none;
			line-height: 5.9rem;
			padding: 0 1rem;
			margin: 0;
			}
		.footer-menu .nav-menu li a:before {
			content: url(img/thun_40.png);
			position: absolute;
			left: 0;
			top: 0.3rem;
			}
	/*Nawigacja - Galeria*/
		ul.gallery {
			text-align: center;
			}
		ul.gallery li {
			display: inline-block;
			background: #fff;
			margin: 1px;
			}
		ul.gallery li a.gallery-image {
			width: 15.9rem;
			height: 14rem;
			display: block;
			float: left;
			background-color: #fff;
			}		
	/*Nawigacja - Menu po lewo*/
		.left-menu {
			padding: 2.5rem 0;
			margin: 0 0 2rem 0;
			}
		ul.protektel-menu{
			
			}
		ul.protektel-menu li {
			padding: 0 1rem;
			margin: 1.8rem 0;
			position: relative;	
			text-align: center;		
			-webkit-transition: background 1s ease-out;
			-moz-transition: background 1s ease-out;
			-o-transition: background 1s ease-out;
			transition: background 1s ease-out;
			}
		ul.protektel-menu li:hover, ul.protektel-menu li.active {
			background: #4772a4;
			}
		ul.protektel-menu li a {
			line-height: 2.4rem;
			display: block;
			}
		ul.protektel-menu li span.arrow {
			display: none;
			position: absolute;
			right: 0.5rem;
			top: 0;	
			line-height: 2.4rem;
			} 	
	/*Nawigacja - Strefy użytkowników*/
		.zone-menu {
			font-size: 1.2rem;
			}
		.zone-menu .nav-icons {
			display: none
			
			}
		.zone-menu ul {
			background: rgba(9, 28, 36, 0.7);
		}
		.zone-menu ul li a {			
			text-transform: none;
			margin: 0;
			text-transform: uppercase;
			}
		.zone-menu ul li:first-child a  {
			margin: 0;
			}
		.zone-menu ul li {
			display: list-item;
			border-bottom: 1px solid #2b5479;			
			}
		.zone-menu ul li:first-child {
			background: url(img/zone_03.png);
			background-repeat: no-repeat;
			background-position: 2%;
			}
		.zone-menu ul li:nth-child(2) {
			background: url(img/zone_06.png);
			background-repeat: no-repeat;
			background-position: 2%;
			}
		
/*		
			*/
	/*Nawigacja - Stronnicowanie*/
	.paging-navigation {}
	.paging-navigation ul {
		overflow: hidden;
		text-align: center;
		}
	.paging-navigation ul li {
		display: inline-block;
		margin: 0 0.3rem;
		background: rgba(24, 52, 78, 0.5);
		}
	.paging-navigation ul li.active a {
		font-weight: 600;
		}
	.paging-navigation ul li a {
		font-size: 1.2rem;
		padding: 0 0.5rem;
		line-height: 1.5rem;
		}
	.paging-navigation {}
	.direction a{
		color: #f1ff0a;
		}

/*Content*/
	#main {
		
		}
	#logout {
		display: block;
		max-width: 80px;
		margin: 10px auto;
		overflow: hidden;
		}

	#logout img {
		height: 16px;
		float: left;
		}
	#logout span {
		line-height: 20px;
		display: inline-block;
		height: 20px;
		float: right;
		margin: 0 5px;
		}
	.entry-header {
		
		}
	.entry-header h1 {
		line-height: 5.6rem;
		position: relative;
		}
	.entry-header img {
		position: absolute;
		right: 0;
		top: 0;
		}
	.headline {
		position: relative;
		overflow: hidden;
		height: 3.6rem;
		width: 100%;
		}
	.headline > div {
		position: absolute;
		height: 5.6rem;
		width: 50%;
		overflow: hidden;
		}
	.headline > div > div {
		width: 200%;
		height: 2.8rem;
		border: 2px solid #f1ff0a;
		border-radius: 1rem;
		}
	.headline .left {
		top: -10px;
		}
	.headline .left div {		
		border-top: 0;
		border-right: 0;
		float: left;
		}
	.headline .right{
		position: absolute;
		right: 0;
		top: 1.8rem;
	}
	.headline .right div {
		float: right;
		border-bottom: 0;
		border-left: 0;
		}
	.protektel-style {
		background: rgba(24, 52, 78, 0.5);
		border-bottom: 1.1rem solid #f1ff0a;
		}
	.entry-content{		
		padding: 0.8rem;			
		position: relative;
		overflow: hidden;
		}
	.product-content {
		border-bottom: 2px solid #f1ff0a;
		padding: 0.8rem 0.8rem 1.5rem 0.8rem;
		}
	article.product {
		border: 0;
		}
	.download {
		padding: 2rem 0.8rem;	
		position: relative;
		overflow: hidden;
		}
	.download h3 {
		margin-bottom: 1rem;
		text-transform: none;
		}
	.download ul {}
	.download ul li {
		margin-bottom: 1em;
		}
	.download ul li img {
		float: left;
		margin-right: 1.5rem;
		}
	.download ul li a {
		line-height: 28px;
		}
	.entry-content h2 {
		line-height: 2.5rem;
		margin: 0 0 2rem 0;
		}
	.news-short {
		margin: 0 0 1rem 0;
		}
	.news-excerpt {
		background: rgba(24, 52, 78, 0.5);
		padding: 1rem 1.3rem;
		overflow: hidden;
		border-bottom: 0;
		position: relative;
		}
	.news-excerpt h1 {
		text-transform: none;
		}
	.news-excerpt img{
		float: left;
		margin-right: 3rem;
		}
	.single-link {
		border: 1px solid #667e93;
		padding: 0 2.2rem 0 0.8rem;
		line-height: 2.4rem;
		display: inline-block;
		cursor: pointer;
		position: absolute;
		right: 1.3rem;
		bottom: 1rem;
		}
	.about-us-link {
		margin: 2rem 0;
		position: relative;
		float: right;
		}
	.single-link span {
		
		}
	.single-link .arrow-right {
		width: 0;
		height: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 7px solid #f1ff0a;
		float: right;
		position: absolute;
		top: 50%;
		margin-top: -3px;
		right: 5px;
		}
	.product-short {
		position: relative;
		overflow: hidden;
		border: 0;
		margin-bottom: 2rem;
		}
	.product-short img, .product-short .blank-thumb {
		float: left;
		margin-right: 3.5rem;
		}
	.product-short p, .news-excerpt p{
		font-size: inherit; 
		}
	
	article.contact {
		padding: 2.5rem 3.5rem 1.7rem 2.5rem;
		}
	article.contact h1 {
		margin: 0 0 1.8rem 0;
		}
	article.contact address {
		font-size: 1.2rem;
		text-transform: uppercase;
		line-height: 2rem;
		}
	div.map iframe {
		width: 100%;
		}
	.representations {
		color: #575757;
		background: #f1ff0a;
		float: left;
		overflow: hidden;
		width: 100%;
		}
	.representations h3 {
		border-bottom: 1px solid #687380;
		padding: 0 0 0 3.4rem;
		line-height: 3.6rem;
		}
	.representations ul {}
	.representations ul li {
		display: inline-block;
		border-right: 1px solid #687380;
        width: 31rem;
		}
	.representations ul li div {
		padding: 2.3rem 3.4rem 1rem 3.4rem;
		}
	.representations ul li div h4 {
		height: 2em;
		font-weight: 600;
		margin-bottom: 2rem;
		}
	.representations ul li div h4:after {
		content: "";
		width: 57px;
		height: 2px;
		background: #bbbbbb;
		display: block;
		margin: 6px 0;
		}
	.representations ul li div h5 {}
	.representations ul li div h6 {
		line-height: 15px;
		margin: 2px 0;
		}
	.representations ul li div a {
		color: inherit;
		}
	.representations ul li div h6 img {
		float: left;
		margin-right: 4px;
		}
	.homesite {
		
		}
	.homesite div {
		position: relative;
		}
	.homesite > div {
		margin-bottom: 2rem;
		}
	.homesite .about-us {
		width: 100%;
		}
	.homesite .product-offer {
		width: 100%;
		}
	.homesite .news {
		width: 100%;
		}
	.homesite > div > div {
		font-size: 1.4rem;
		padding: 1.5rem
		
		}
	.homesite > div.news > div {
		padding: 0;
		}
	.homesite div.news > header {
		margin-bottom: 36px;
		}
	.homesite > div > div p {
		font-size: 1.4rem;
		}
	.home-offer {}
	.home-offer li {
		position: relative;
		margin: 0.5rem 0;
		font-weight: 300;
		}
	.home-offer li span {
		margin-left: 1.2rem;
		line-height: 16px;
		}
	.home-offer li span:before{
		content: url(img/thun_40.png);
		position: absolute;
		left: 0;
		top: 0;
		}
	.front-news {}
	.front-news li {
		border: 0;
		margin: 0 0 0.7rem 0;
		font-weight: 300;
		font-size: 1.2rem;
		}
	.front-news li header {
		padding: 1rem;
		border-bottom: 1px solid #f1ff0a;
		}
	.front-news li header h1 {
		text-transform: none;
		}
	.front-news li header span.date {
		margin: 1rem 0 0 0;
		display: block;
		}
	.front-news li > span {
		padding: 1rem;
		display: block;
		line-height: 1.5em;
		}
	

/*Forms*/
	h2.ninja-forms-field{
		font-weight: 400;
		}
	h2.ninja-forms-field p {
		line-height: inherit;
		margin: inherit;
		font-weight: inherit;
		}
	.field-wrap {
		margin-bottom: 0.7rem !important;
		}
	.field-wrap label {
		width: 100%;
		float: left;
		display: block !important;
		line-height: 2.5rem;
		}

	.field-wrap input, .field-wrap textarea {		
		margin: 0;
		margin-left: 0 !important;
		float: left;
		display: block;
		width: 100% !important;
		border: 1px solid #959595;
		line-height: 2.1rem;
		}
	.field-wrap input[type="submit"] {
		width: auto !important;
		padding: 0 1.6rem;
		line-height: 3rem;
		border: 1px solid #f1ff0a;
		background: none;
		color: #fff;
		cursor: pointer;
		float: right;
		font-size: 1.4rem;
		margin: 1rem 0;
		}
	.ninja-forms-required-items {
		display: none;
		}
	span.ninja-forms-req-symbol {
		float: left;
		color: #f1ff0a !important;
		}
	#colophon {
		background: rgba( 9, 28, 36, 0.7);
		}	

	#page {
		overflow: hidden;
		}
}
@media screen and (min-width: 460px){#masthead a.logo2 img {
		width:100%;
		
	}

}
@media screen and (min-width: 620px){#masthead a.logo2 img {
		width:100%;
		
	}}
@media screen and (min-width: 740px){
	#masthead a.logo2 img {
		width:100%;
		
	}
	.field-wrap label {
		width: 50%; 		
		}
	.field-wrap input, .field-wrap textarea {
		width: 50% !important;
		}
	}
@media screen and (min-width: 830px){#masthead a.logo2 img {
		width:100%;
		
	}}
@media screen and (min-width: 960px){
		#masthead a.logo2 img {
		width:62%;
		padding-left:3%;
	}

#logout {
			float: left;
			max-width: none;
			margin: 0 20px;
			position: absolute;
			bottom: -3px;
			left: -73%;
		}
		ul.nav-menu li a{
			margin: 0 1.5rem;
			}
		ul.nav-menu li:first-child a{
			margin: 0 1.5rem 0 0;
			}
		.zone-menu ul {
			background: none;
		}
		.zone-menu ul li {
			display: inline-block;
			border: 0;
			}
		.zone-menu ul li:first-child {
			background: none;
			}
		.zone-menu ul li:nth-child(2) {
			background: none;
			}
		.zone-menu ul li a {
			margin: 0 1.5rem;
			text-transform: none;
			}
		.zone-menu ul li:first-child a  {
			margin: 0 1.5rem 0 0;
			}
	.main-menu ul {
			display: block;
			}	
	.product-short p{
        margin: 2rem 0 4rem 0;
    }
	.news-excerpt p{
		margin-top: 3.2rem;
	}
	.main-menu ul li {
			display: inline-block;
			}
	#primary {
		padding: 0;
		}
		#page {
		background: url(img/fullhd_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
		
		}
				#colophon {
		position: absolute;
		bottom: 0;
		width: 100%;
		}
	#menu-toggle {
		display: none;
		}
	.homesite div {
		float: left;
		}
	.homesite .about-us {
		width: 27rem;
		margin-right: 4.5rem;
		}
	.homesite .product-offer {
		width: 31rem;
		}
	.homesite .news {
		width: 28.5rem;
		}
	.homesite .blue-line {
		width: 1px;
		height: 400px;
		background: #79a9d5;
		border-right: 1px solid #377086;
		border-left: 1px solid #6d9acb;
		margin: 0 2.7rem 0 2rem;
		top: 9.3rem;
	}
	#masthead a.logo {
		float: left;
		text-align: left;
	}

	ul.nav-menu {
		text-align: left;
	}
	.lang-menu {
		position: absolute;
		right: 0;
		top: 0;
		}
	ul.protektel-menu li {
		text-align: left;
		}
	ul.protektel-menu li span.arrow {
		display: block;
		}
	.left-menu{
		width: 27rem;
		float:left;
		}
	.zone-menu {
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 2.8rem;

		margin-right: 2rem;
	}
	.zone-menu div {
		float: left;
		}
	.zone-menu .nav-icons {
		width: auto;
		display: block;
		padding-right: 1.8rem;
		border-right: 1px solid #fff;
		
	}
	.zone-menu .nav-icons img{
		float: left;
		clear: left;
	}
	.zone-menu .nav-icons img.design {
		margin-bottom: 1.1rem;
		}
	.zone-menu ul {
		
		}
	.zone-menu ul li {
		display: inline-block;
		float: left;
		clear: left;
		}
	.zone-menu ul li:first-child {
		margin-bottom: 1.1rem;
		}
	.zone-menu ul li:first-child a {
		margin: 0 0 0 1.8rem;
		}
	.zone-menu ul li a {
		line-height: 1.3rem;
		margin: 0 0 0 1.8rem;
		}
	.right-content {
		width: 66rem;
		float:right;
		}
	
	#main {
		padding: 5.8rem 0;
		margin: 0 0 6rem 0;
		max-height: 770px;
		}
	
	footer a.logo {
		position: absolute;
		right: 0;
		top: 0.4rem;
	}
	ul.gallery {
		text-align: left;
			}
    .representations ul li:nth-child(3n) {
        border: 0;
    }
	
	}
@media screen and (min-width: 1043px){

	}