/* mobile.css
----------------------------------------------- */
/*
@media screen 
and (max-width: 768px)
{
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {
max-width:750px !important;
}

@media screen 
and (max-width: 768px) {
/*
.navbar .nav > li {
	display: inline-block;
	float: none;
} */
}


/* mobile menu */
@media screen and (min-width: 800px) {
	.slicknav_menu {display:none;}
}
@media screen and (max-width: 768px) {
	.js .slicknav_menu {display:block;}
	.slicknav_menu {display:block;}
}

.slicknav_menu {
position:fixed;
top:0;
right:0;
/* width:100%; */
z-index:25;
background:#71614a;
padding:0 0.5em;
font-size:16px;
}
.slicknav_menu:first-child {
left:0;
right:auto;
width:100%;
border-bottom:2px solid #483b26;
}
/* slickmenu core css */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float:right; padding: 0.6em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu:first-child .slicknav_btn {float: left;padding: 0.4em 0.625em;}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 1em; margin:0 1.5em 0 0.5em; font-family: sans-serif; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
/* Button */
.slicknav_btn,
.slicknav_btn:focus {
	margin: 5px 5px 6px;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #e84e0f !important;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 1px 3px #ae0000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_nav {
	color:#fff;
	margin:0;
	padding:0 0 5px;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:15px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:15px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover,
.slicknav_nav a:hover {
	border-radius: 3px;
	background:#483b26;
	color:#fff;
}
.slicknav_nav a:hover{
/* 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222; */
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

/* fixes for default layout
----------------------------------------------- */
br,
#left_col_container,
nav#breadcrumbs,
thead .floatingHeader,
footer aside#scrollarrow
{
display:none;
float:none;
width:0;
height:0;
}

#topnavi,
div#cols_container,
#page_content
{
width:auto;
}
div#topnavi_wrapper,
section#domainbox ul#tld
{
height:auto;
}
header#topheader {min-height:30px;}

/* hide default menu on mobile devices*/
nav#site_navigation,nav#side_navigation {height:0;margin:0;padding:0;overflow:hidden;position:absolute;top:0;z-index:-1;}
.index nav#site_navigation {height:20px;background:none;background-color:#897a61;} /*leave h1 on /index*/
.index nav#site_navigation li {height:0px !important;overflow:hidden;}


nav#panels {top:45px;right:0;left:auto;margin:0;width:45px;height: 170px;opacity:1 !important;}
nav#panels div,
nav#panels h4{display:none;}
nav#panels ul {padding:0 0 10px;}
nav#panels ul li {float:none;height:40px;}
nav#panels ul li a{height:40px;}
figure#logotype {margin:0;padding:60px 0 0;height:auto;width:100%;}
figure#logotype a {width:350px;height:auto;margin:0 auto;background:none;}
figure#logotype a:before {content:none;}
figure#logotype a img {position:relative;top:auto;}

figure#socialike {width:100%;float:none;left:auto;max-height:25px;overflow:hidden;}
figure#socialike div.socialike {margin:0 auto;}

#page_content_container {background:#f9f6ef;}
article#page_content.right_col_container,
article#page_content {float:none;width:auto;padding:30px 5px 40px;}

div.split_columns section {width:100%;float:none !important;margin:10px 0;}

footer #foot_content {position:relative;width:100%;margin:0;left:0;}
footer #foot_content div {float:none !important;}
footer #foot_content div#copyrights {padding:10px;}
footer #tagcloud:before,
footer #tagcloud:after {content:none;}

table,table th,
.w320,.w330,.w350,.w360,.w370,.w400,.w420,.w450,.w480,.w500,.w520,.w530,.w550,.w580,.w600,.w620,.w630,.w640,.w650,.w660,.w700,.w720,.w740,.w750,.w760,.w770,.w780,.w800,.w880,.w900,.w920
	{
	width:auto !important;
	max-width:720px !important;
	}

/* table {empty-cells:hide;} */
table tr th, table tr td ,
table.hosting tbody td{font-size:inherit;padding:5px;/* min-height:max-content !important */;width:auto !important;}
table thead th,table td a {font-size:1em !important; word-break:break-all;}
table p {padding:3px 0 !important;}
/*table.hosting tbody td:nth-child(6) {background-color:red !important;} /* set nth accordingly to amount of hidden rows */
article#page_content table a {white-space:normal;display:inline-block;}
table th {line-height:inherit !important;}
table  div.tdtooltip *{white-space:nowrap !important;max-width:350px !important;}
table  div.tdtooltip br {display:inline-block;}

/* common */
.index header#topheader {height:auto;}
h1#pagetitle {font:normal 14pt Calibri, verdana, sans-serif;}
img {max-width:90% !important;height:auto;opacity:1 !important;}
form{text-align:center;}
footer input {max-width:240px;}
article#page_content ul, 
article#page_content ol {margin-left:0;}
.contentbox {margin:10px auto;padding:10px 5px;width:auto;}
#clients_wrapper ul li {display:inline-block;float:none;width:auto;margin:10px 0;}

/* homepage */
.index h1#pagetitle {position:absolute;z-index:-1;}
section#slideshow {position: relative;width: auto;min-width: 100%;height: auto;margin:0 auto;left:auto;top:0;height: auto !important;}
section#slideshow img {width:100% !important;max-width:100% !important;min-width:340px;}
div.nivo-directionNav,
div.nivo-caption {display:none !important;}

.index div#page_content {display:flex;flex-direction:column;justify-content:center;align-items: flex-start;}
div#right_col {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}
div#left_col,
div#right_col,
section#domainbox header  {float:none;width:auto;}
div#left_col,artexcerpts {order:2;}
div#right_col,#webserwexcerpt {order:1;}

#artexcerpts, #webserwexcerpt {display:inline-block;height:auto;margin:none;}
div.newsflash,.intro1,.intro2  {display:block !important;opacity: 1 !important;}/*prevent from animation*/
div[itemprop="offers"] {height:1px;overflow:hidden;}
.index #page_content #maincontent {width:auto;height: 30px;top: auto;left:0; bottom: 50px;}

section#domainbox {width:100%;background:#f9f7f3;}
section#domainbox form {float:none;overflow:hidden;padding:5px; background-color:#f2efe9;border:10px solid #f2efe9;border-radius:6px;text-align:center;}
input#domain_name {margin:3px 0 0 25%;}
section#domainbox form input.submitbutton{margin-left:2px;}
section#domainbox ul#tld li {display:inline;float:none;}
article.hostbox {width:100%;height:auto;background:transparent;margin-top:20px;}
article.hostbox br{display:inline;}
section.hostbox_description {float:none;width:100%;background:#7a6d58;}
section.hostbox_description header {float:none;width:auto;background:#8c7e68;}
section.hostbox_description header p{height:auto;padding:10px;}
section.hostbox_description .hostbox_details {width:100%; margin: 0 auto;border-radius:0;background-color: transparent; box-shadow: 0 3px 3px 0 #948772;}
figure.hostimg {display:none;width:1px;height:1px;overflow:hidden;}
/* vps */
section.vps { height:500px;padding:0 0 50px;}
article#page_content section.vps ul {width:25% !important;border:none;}
article#page_content section.vps ul.vps:hover {margin: -10px -13px -30px;}
article#page_content section.vps ul li.register {padding:0 !important;}
 
 /*
} /* end of @media 768 screen */


@media screen 
and (max-width: 560px)
{ 
article#page_content nav.tabs > ul li {width:100% !important; border-radius:none;} /*tabs navigation*/
article#page_content nav.tabs > ul li a{border-radius:none;}
section.tabcontainer {padding:15px 0 0;}
}

@media screen 
and (max-width: 400px)
{ 
nav#panels {top:auto;bottom:0;left:0;right:0;margin:0;width:100%;height:auto;display:block !important;}
nav#panels ul {padding:0;width:auto;text-align:center;background-color:#ecdfc5;border:none;border-top: 1px solid #FFF;}
nav#panels ul li {float:none;height:43px;display:inline-block;margin:0 5px;}
nav#panels ul li a{height:40px;padding:0;}

div.fr,div.fl,
section.fr,section.fl,
p.fr,p.fl {float:none !important;clear:both !important;}

#artexcerpts, #webserwexcerpt {width:100%;margin:10px 0;border-radius:0;}
div.contentbox,
p.contentbox,
.contentbox section,
.contentbox div {height:auto !important;width:100% !important;margin:0 !important;padding:5px !important;}

table.tabledesc  th.tdescription {width:1px;font-size:0 !important;padding:0;}
table.tabledesc div.tdtooltip{left: 0 !important;}

#page_content a.linkbtnred, .btnred,
#page_content a.linkbtngreen, .btngreen,
#page_content a.linkbtnblue, .btnblue,
#page_content a.linkbtngray, .btngray
{clear:both;float:none;width:auto;display:block;text-align:center;}

input#domain_name {margin:3px 0 0 10%;}

/* section#slideshow img {min-width:360px;} */
}