/*
	
	
	
	
    NET-ATAK.PL  - kosmala007 - Copyright      2016


	

/*---------------------------------------------------------------------
	FONT IMPORT
---------------------------------------------------------------------*/

@import url("OpenSans.css");
@import url("OpenSansBold.css");
@import url("OpenSansLight.css");


/*---------------------------------------------------------------------
	GLOBAL SETTINGS
---------------------------------------------------------------------*/
*,html, img { border: 0px; margin: 0px; padding: 0px; }
a:link , a:visited  { color: #000; text-decoration: none; cursor: pointer !important; -moz-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
a:hover, a:active {	cursor: pointer !important;	}
img { max-width: 100%; height: auto; }
a { text-decoration: none; -moz-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
input[type="submit"], .form #send_mail{ -moz-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
input[type=text],
input[type=password],
input[type=email],
select,
textarea{
	background: #ffffff;
	border: 1px solid #ddd;
	padding: 7px;
	box-sizing: border-box;	
	margin-bottom: 10px;
	font-family: 'OpenSans';
}
body{ 
	border-top: 3px solid #000;
	font-family: 'OpenSans'; 
	color: #000;
	background: url(../images/template/pattern.png) repeat-y 96.6%; 
	font-size: 18px;
}
p{
	line-height: 130%;
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6{ font-weight: normal; }

:-webkit-input-placeholder {   color:    #909195; }
:-moz-placeholder {   color:    #909195;  opacity:  1;}
::-moz-placeholder { color:    #909195;  opacity:  1;}
:-ms-input-placeholder { color:    #909195; }

.container{ margin: auto; width: 1200px; }
.clear { clear:both; width: 0px; height: 0px; }
.left{ float: left; }
.right{ float: right; }
.mobile{ display: none; }
.black{ color: #000; }
.red{ color: #C02729 !important; }
.bold{ font-family:'OpenSansBold'; }

.menu_btn{ display: none; }
.margin0{margin: 0 !important; }
.m_menu{ display: none; }


.getLang{
	position: relative;
}

.getLang .hidden{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}




.header{
	background: #F9F9F9;
	border-bottom: 2px solid #F4F4F4;
	height: 210px;
	overflow: hidden;
}

.header .left{
	width: 30%;
}

.header .right{
	width: 70%;

}



.header .right .slider ul li{
	height: 210px;
	display: block;
	background-size: cover;
	background-position: center;
}


.logo{
	margin-top: 20px;
}

.producents{
	
}


.hotline{
	color: #C62127;
	font-family: 'OpenSansBold';
}


.producents li{
	display: block;
	float: left;
}

.producents .bx-wrapper{
	width: 100%;
}

.my_slider{
	position: relative;
	height: 100px;
	overflow: hidden;
}

.my_slider_warp{
	top: -10px;
	left: 0;
	position: absolute;
	width: 100000000%;
}




.top_menu{
	background: #C6171C;
	border-radius: 7px;
	margin-bottom: 20px;
}
.top_menu ul{
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.top_menu li{
	display: table-cell;
	text-align: center;
}
.top_menu a{
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	border-right: 1px solid #7d090c;
	border-left: 1px solid #e04045;
	font-family: 'OpenSansBold';
}
.top_menu a:hover{
	background: #9E0304;
}
.top_menu li:first-child a{
	border-left: none;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
.top_menu li:last-child a{
	border-right: none;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.content > .left{
	width: 30%;
}

.content > .right{
	width: 70%;
	box-sizing: border-box;
	padding-left: 30px;
}

.page_content ul{
	list-style: inside;
}


.prod img{
	height: 80px;
	margin: 20px 0;
	margin-right: 20px;
}


.menu_left{
	background: #EBEBEB;
	padding-top: 10px;
	padding: 10px;
	box-sizing: border-box;
}





.menu_left ul.poziom0{
	display: block !important;
}
.menu_left ul.poziom0 li{
	display: block;
}

.menu_left li a.p0{
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(180deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	color: #fff;
	display: block;
	padding: 10px;
	border-radius: 7px;
	margin-bottom: 10px;
	font-family: 'OpenSansBold';
}
.menu_left li:last-child a.p0{
	margin-bottom: 0;
}

.menu_left li a.p0:hover{
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(0deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
}

.menu_left ul.poziom3{
	display: none !important;
}


.menu_left li a.p1{
	background: #DBDBDB;
	display: block;
	border-bottom: 1px solid #fff;
	padding: 5px 25px;
	font-size: 14px;
}

.menu_left li a.p1:hover, .menu_left li a.p2:hover, .menu_left li a.p1.active, .menu_left li a.p2.active {
	background: #EDEDED;
	color: #C6171C;
}



.menu_left li a.p2{
	font-size: 14px;
	background: #DBDBDB;
	padding: 5px 25px;
	padding-left: 50px;
	display: block;
	border-bottom: 1px solid #fff;
}


.menu_left ul ul{
	margin-bottom: 10px;
}

.menu_left ul ul ul{
	margin-bottom: 0;
}










.finance .item{
	width: 33%;
	box-sizing: border-box;
	float: left;
	padding-right: 10px;
}
.finance .item:last-child{
	padding-right: 0;
}


.finance h1{
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(180deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	
	color: #fff;
	font-family: 'OpenSansBold';
	font-size: 18px;
	border-radius: 7px;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.finance .box{
	height: 150px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 7px;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.finance .box img{
	max-height: 100%;
}

.rate h1{
	font-size: 25px;
	font-family: 'OpenSansBold';
	border-bottom: 1px solid #C53F41;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.rate form#ratings{
	margin-top: 30px;
	display: block;
	width: 100%;
}

.rate input[type=text], .rate input[type=email], .rate textarea{
	width: 100%;
	margin-bottom: 10px;
}

.rate textarea{
	height: 200px;
}

input[type=submit]{
	padding: 10px;
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(180deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	color: #fff;
	cursor: pointer;
	border-radius: 7px;
}
input[type=submit]:hover{
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(0deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
}

.fotter{
	border-top: 1px solid #ddd;
	padding: 20px 0;
	margin-top: 100px;
	font-size: 12px;
}

.products .item img{
	max-height: 100%;
	width: 150px;
}

.products .item{
	border: 1px solid #ddd;
	height: 150px;
	width: 100%;
	margin-bottom: 10px;
	display: table;
}
.products .item .td{
	display: table-cell;
	vertical-align: middle;
}

.products .item .pic{
	width: 30%;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	height: 100%;
	text-align: center;
	padding: 10px;
}
.products .item .text{
	box-sizing: border-box;
	padding: 10px;
	width: 40%;
	font-family: 'OpenSansBold';
	font-size: 18px;
	position: relative;
	height: 100%;
}
.products .item .price{
	width: 30%;
	border-left: 1px solid #ddd;
	text-align: center;
}

.products .item .text a{

}



#product_page.products .item div.text a{
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}


.pagination{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

.pagination a{
	margin: 0 5px;
}
.pagination a.active{
	color: #C43739
}


.page_content{
	font-size: 14px;
}

#product_page .item{
	margin-bottom: 50px;
}

#product_page .item .text{
	text-align: center;
	font-size: 18px;
	font-family: 'OpenSansBold'
}


#product_page h1.head.border{
	border: 3px solid #C32E31;
	padding: 10px;
	font-family: 'OpenSansBold';
	
}



.desc table{
	border: 1px solid #ddd !important;
	border-collapse: collapse !important;
	width: 100% !important;
	margin-bottom: 10px;
	font-size: 14px !important;
}
.desc table td{
	border: 1px solid #ddd;
	padding: 10px;
}
.desc table td p{
	margin: 0 !important;
}

.desc p{
	line-height: 27px;
}
.desc{
	margin-bottom: 50px;
	font-family: 'OpenSans' !important;
	font-size: 14px !important;
}
.desc p, .desc span, .desc a, .desc li{
	font-family: 'OpenSans' !important;
	font-size: 14px !important;
}
.desc strong, .desc b{
	font-family: 'OpenSansBold' !important;
}
.desc img{
	height: auto !important;
	width: auto !important;
}
.desc ul{
	list-style: inside !important;
}
.desc h1.header{
	background: none;
	border: none;
	height: auto;
	overflow: initial;
}
.desc .clear{
	clear: none;
	height: auto;
	width: auto;
}





#product_page h1.head{
	border-bottom: 1px solid #C32E31;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.gallery{
	margin-bottom: 30px;
}

.gallery li{
	display: block;
	float: left;
	height: 150px;
	width: 33%;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.gallery img{
	max-height: 100%;
}


#query input[type="text"], #query input[type="email"], #query textarea{
	width: 100%;
	border: 1px solid #909195;
	font-size: 15px;
}

#query textarea{
	height: 200px;
}

#query label{
	padding: 7px;
	margin-bottom: 10px;
	font-size: 15px;
}

#query input[type="checkbox"]{
	margin-right: 10px;
}

#query input[type="submit"]{
	margin-top: 10px;
	padding: 10px 20px;
	text-transform: uppercase;
	font-family: 'OpenSansBold';
	
}


.msg{
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.97);
	color: #C12528;
	text-align: center;
	z-index: 1000;
}

.msg p{
	width: 90%;
	position: fixed;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 1001;
}

.msg img{
	position: fixed;
	top: 0;
	right: 0;
	padding: 20px;
	cursor: pointer;
	z-index: 1001;
}

.search{
	border: 1px solid #ddd;
	margin-bottom: 20px;
	position: relative;
	height: 40px;
}

.search input[type="text"]{
	position: absolute;
	width: 100%;
	border: none;
	top: 0;
	padding: 11px;
	left: 0;
}

.search input[type="submit"]{
	position: absolute;
	width: 100%;
	border: none;
	z-index: 1;
	top: 0;
	right: 0;
	width: 40px; 
	height: 40px;
	background: none;
	background: url(../images/template/search.png) no-repeat center;
}


#home_query{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	top: 0; left: 0;
	z-index: 2010;
	
}

#home_query .form{
	width: 60%;
	background: #fff;
	position: fixed;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 1001;
	box-sizing: border-box;
	padding: 50px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.75);
}

#home_query .form input {
	margin-bottom: 10px;
}

#home_query h1{
	margin: 10px 0 30px 0;
	color: #C12528;
}

#home_query .iks{
	position: fixed;
	top: 0;
	right: 0;
	padding: 20px;
	cursor: pointer;
	z-index: 2011;
}



.ic_right_nav, .ic_left_nav{
	display: none;
}
.ic_wrapper, .infiniteCarousel{
	width: 100% !important;
	height: 100% !important;
}
.infiniteCarousel{
	overflow: initial !important;
} 

.ic_tray{
	height: 100% !important;
}
.infiniteCarousel_item{
	background: none !important;
	height: 100% !important;
	margin: 0 10px;
	text-align: center;
	position: relative;
}

.infiniteCarousel_item img{
	max-height: 100% !important;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
}


.home .box{
	margin-bottom: 30px;
	box-sizing: border-box;
	height: 150px;
	padding: 0 20px;
	text-align: center;
}


.home .box .border{
	width: 100%; height: 100%;
	border: 1px solid #ddd;
	display: table;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(195, 34, 39, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(195, 34, 39, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(195, 34, 39, 0.75);
}
.home .box a{
	display: table-cell;
	vertical-align: middle;
	
	width: 100%;
	height: 100%;
	
	padding: 20px;
	box-sizing: border-box;
	
	text-transform: uppercase;
	font-size: 50px;
	font-family: 'OpenSansBold';
	color: #C32227;
}


.owl-item{
	width: auto !important;
}



#google_translate_element{ width: 0; height: 0; opacity: 1; }
.goog-te-gadget img{	display: none !important; }
.goog-te-banner-frame.skiptranslate { display: none !important; } 
body { top: 0px !important; }
#goog-gt-tt{ display: none !important; }
.goog-text-highlight{ background: none !important; box-shadow: none !important; }
	
	
#ratings{
	font-size: 14px;
}
	
.flags{
	margin-top: 10px;
	float: left;
}	

a.zapytanie_btn{
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(90deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(180deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	border-radius: 5px;
}
a.zapytanie_btn:hover{
	background: rgb(192, 33, 36);
	background: -moz-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -webkit-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -o-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: -ms-linear-gradient(270deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
	background: linear-gradient(0deg, rgb(192, 33, 36) 0%, rgb(199, 69, 71) 100%);
}

.flags span{
	cursor: pointer;
}
	
	
.fb {
    left: -300px;
    position: absolute;
    top: 300px;
    transition: all 0.31s ease-in 0s;
    z-index: 9898;
	width: 338px;
	-moz-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;
}
.fb:hover{
	left: 0;
}
.fb .tag{
	margin-top: 125px;
	float: right;
	cursor: pointer;
}

.fb .fb_iframe_widget {
    float: left;
}
	
	

@media screen and (max-width: 1300px) { 
	.container{ width: 1000px; }
	.home .box a{ font-size: 30px; }
	.finance h1{ height: 50px; }
	.logo{ width: 240px; }
	.top_menu a {  font-size: 14px;}
}
@media screen and (max-width: 1000px) { 
	.container{ width: 97%; }
	.home .box{ width: 100%; float: none; margin-bottom: 30px; padding: 0;}
	.top_menu a{ font-size: 14px; }
	#home_query .form{ width: 90%; padding: 30px; }
	#query textarea{ height: 100px; }
	#home_query h1{ font-size: 20px; }
	#home_query h2{ font-size: 18px; }
	.menu_left li a.p0{ font-size: 14px; }
	.menu_left li a.p1{ font-size: 13px; padding: 5px 15px; }
	.menu_left li a.p2{ font-size: 12px; padding: 5px 5px 5px 20px; }
	.header .right{ width: 60%; }
	.header .left{ width: 40%; }
	
	.finance .item{ width: 100%; padding: 0; margin-bottom: 30px; }
	.finance h1{ height: auto; }
}
@media screen and (max-width: 920px) { 
	.top_menu a{ padding: 10px 5px; }
}

@media screen and (max-width: 770px) { 
	.top_menu a{ font-size: 12px; }
	.products .item{ height: 100px; }
	.products .item .text, #product_page .item .text{ font-size: 14px; }
}

@media screen and (max-width: 770px) { 
	.header{ height: auto; }
	.header .left{ width: 100%; }
	.header .right{ width: 100%; }
	.logo{ margin-top: 7px; }
	.header .info{ float: right; margin-top: 7px; padding-right: 30px; }
	.header  .slider{ height: 150px; }
	.my_slider{ height: 80px; }
	.prod img{ height: 40px; }
	.mobile{ display: block; }
	.my_slider{ border-bottom: 2px solid #C62127; margin-bottom: 30px; }
	.top_menu{ display: none; }
	.content > .left{ display: none; }
	.content > .right{ width: 100%; padding: 0; }
	.m_btn{ 
		width: 35px; 
		height: 35px; 
		position: absolute;
		top: 3px;
		right: 0;
		z-index: 2001;
	}
	.m_btn.open{ background: url(../images/template/menu_open.png) no-repeat center; }
	.m_btn.close{ background: url(../images/template/menu_close.png) no-repeat center; }
	.m_menu{
		padding: 10px 0;
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0; left: 0;
		background: #fff;
		z-index: 2000;
	}
	.m_submenu{ display: none; }
	.search{ margin-left: 10px; width: 80%; }
	.m_menu2 ul.poziom0{ display: block !important; }
	.m_menu2 ul li{ display: block; }
	.m_menu2 a.p0, .m_submen_btn{
		display: block;
		padding: 10px;
		background: #C62127;
		color: #fff;
		text-align: center;
		border-bottom: 1px solid #fff;
		font-size: 14px;
	}
	.m_menu2 a.p1, .m_menu2 a.p2, .m_submenu ul a{
		display: block;
		padding: 5px 10px;
		background: #dbdbdb;
		border-bottom: 1px solid #fff;
		font-size: 14px;
	}
	.m_menu2 a.p2{ padding: 5px 5px 5px 30px; }
	.m_menu2 a.p1.active, .m_menu2 a.p2.active{
		background: #AFB0B4;
	}
	
	a.zapytanie_btn{
		margin-right: 0;
		margin-left: 10px;
		padding: 5px;
		font-size: 9px;
	}
}
@media screen and (max-width: 520px) { 
	.logo{ width: 150px; margin-bottom: 10px; }
	.hotline{ font-size: 14px; }
	#google_translate_element{ margin-top: 5px; }
	.page_content p iframe{ width: 100%; }
	#product_page .item{ height: auto }
	#product_page .item .text, #product_page .item .pic{ width: 100%; float: none;  border-right: none;}
	#product_page .item .text{ margin-bottom: 1px solid #ddd; }
	#product_page.products .item div.text a{ transform: none; position: static; }
	.gallery li{ height: 100px; }
	.home .box{ height: 150px; }
	
	.products .item{ display: table; text-align: center; }
	.products .item .pic, .products .item .text, .products .item .price{ display: block; width: 100%; border: none}
	
}
@media screen and (max-width: 420px) { 
	a.zapytanie_btn{ display: none; }
}

@media screen and (max-width: 370px) { 
	.hotline{ font-size: 12px; }
	.header .info{ padding-right: 40px; }
	.logo{ width: 130px; margin: 15px 0; }

}