/* file contains site specific style definitions	  */
/* and overrides general structure styles defined     */
/* in the structure.css file                          */
/* (c)Piotr Giniewski								  */

/******************** GENERAL RULES **********************/

body {font-family:'Open Sans', Arial, sans-serif;color:#4d4d4d;}
body#frontend {font-size:16px;line-height:1.5em;font-weight:400;}
body#frontend h1 {font-size:4em;line-height:1.25em;font-weight:700;color:#4d4d4d;}
body#frontend h2 {font-size:3em;line-height:1.25em;font-weight:700;color:#4d4d4d;}
body#frontend h3 {font-size:2.5em;line-height:1.25em;font-weight:700;color:#4d4d4d;}
body#frontend h4 {font-size:1.75em;line-height:1.25em;font-weight:700;color:#4d4d4d;}
body#frontend h5 {font-size:1em;line-height:1.25em;font-weight:700;color:#4d4d4d;}

a {color:#f00;text-decoration:none;transition: color 0.5s;}
a:hover {color:#f00;text-decoration:underline;}

.laybtn{border-radius:0;transition:background-color 0.5s, color 0.5s, border-color 0.5s;}

p {margin-bottom:1.5em;}

dl {margin-top:1em;}
dd {margin-left:1em;margin-bottom:1em;}

/* customs styles for CK - config: /adn/ckeditor4/config.custom.js */
.handwrite {font-family:'Great Vibes';font-size:30px;color:#242486;}
.redtxt {color:#f00;}
.greentxt {color:#32b978;}

/* fixed image background - whole window */
#body_bg {position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;max-height:100vh;background-position:center center;background-size: 100% auto;background-size: cover;z-index:-1;}

/* bootstrap extensions */
@media (min-width:480px) and (max-width:767px){
	.col-lxs-1 {width:8.3333333333333333333333333333333%;}
	.col-lxs-2 {width:16.666666666666666666666666666667%;}
	.col-lxs-3 {width:25%;}
	.col-lxs-4 {width:33.333333333333333333333333333333%}
	.col-lxs-5 {width:41.666666666666666666666666666667%}
	.col-lxs-6 {width:50%;}
	.col-lxs-7 {width:58.333333333333333333333333333333%;}
	.col-lxs-8 {width:66.666666666666666666666666666667%;}
	.col-lxs-9 {width:75%;}
	.col-lxs-10 {width:83.333333333333333333333333333333%;}
	.col-lxs-11 {width:91.666666666666666666666666666667%;}
	.col-lxs-12 {width:100%;}
}
@media (min-width:1440px){
	.col-xlg-1 {width:8.3333333333333333333333333333333%;}
	.col-xlg-2 {width:16.666666666666666666666666666667%;}
	.col-xlg-3 {width:25%;}
	.col-xlg-4 {width:33.333333333333333333333333333333%}
	.col-xlg-5 {width:41.666666666666666666666666666667%}
	.col-xlg-6 {width:50%;}
	.col-xlg-7 {width:58.333333333333333333333333333333%;}
	.col-xlg-8 {width:66.666666666666666666666666666667%;}
	.col-xlg-9 {width:75%;}
	.col-xlg-10 {width:83.333333333333333333333333333333%;}
	.col-xlg-11 {width:91.666666666666666666666666666667%;}
	.col-xlg-12 {width:100%;}
}
/*****************************************************/
/******************** STRUCTURE **********************/
/*****************************************************/

/******************** SITE NAV **********************/
/*** float menu ***/
/* push content - comment next line for float menu over content*/
/*
#wrapall {width: 100%;float: left;clear: both;overflow: hidden; position:relative; }
*/
#float-menu {background: white; box-shadow: 0 0 5px #ccc; min-height: 100vh; height:100vh; position: fixed; top: 0; left:-250px; width: 250px; z-index: 999999; padding:0 5px; display:block; overflow-y:scroll;}
#float-menu .multi-col {width:100%;}
#float-menu .multi-column, #float-menu .multi-column-dropdown {padding-left:0;}
#float-menu a {text-decoration:none;}
#float-menu .float-menu-logo {margin:.5em 0; text-align:center;}
#float-menu .float-menu-logo img{max-width:100%;height:auto;}
#float-menu .float-menu-head {color: #999; font-size: 18px;  font-weight: normal;  line-height:2;  border-bottom: 1px solid #999;  width:100%;  position:relative; margin-top:0;}
#float-menu .float-menu-head span.close_btn {position:absolute;right:0;top:0;width:20px;height:100%;background:url('/i/btn/close-btn.png') center 12px no-repeat;background-size: 100% auto;cursor:pointer;}
#float-menu ul li{list-style-type:none;}
#float-menu .float_menu > a {color: #231f20;font-size: 16px;background:transparent;text-transform:uppercase;}
#float-menu .float_menu > a:hover {background:#eaeaea;text-decoration:none;color:#3c3c3c;}
.float_menu{clear: both;float: left; width: 100%;}
.float_menu:last-child {margin-bottom: 15px;}
.float_menu > a {float: left;padding: 5px 0; width:100%;}
#float-menu .current_drp > a {color:#3c3c3c !important; }
.float_menu > ul {  margin-left: 0;float:left;width:100%;}
.float_menu ul li.subpos {  padding: 0.15em;}
.float_menu ul li.subpos > a {  background: #fafafa none repeat scroll 0 0;  box-sizing: border-box;  display: inline-block;  padding: 2px 15px;  width: 100%;transition:color 0.5s, background-color 0.5s;color:#231f20;}
.float_menu ul li.active.subpos > a {color:#3c3c3c;}
.float_menu ul li.subpos > ul {padding-left:1em;}
.float_menu ul li.subpos > a:hover {  background: #eaeaea none repeat scroll 0 0;  color: #3c3c3c;  text-decoration: none;}
.float_menu ul li.subpos2 {  padding: 0.15em;}
.float_menu ul li.subpos2 > a { color:#231f20; background: #fafafa none repeat scroll 0 0;  box-sizing: border-box;  display: inline-block;  padding: 2px 15px;  width: 100%;transition:color 0.5s, background-color 0.5s;}
.float_menu ul li.subpos2 > a:hover {  background: #eaeaea none repeat scroll 0 0;  color: #3c3c3c;  text-decoration: none;}
@media(max-width:991px){
	#float-menu  {display:block;}
}

/*** standard dropdown menu ***/
header #topmenu_dropdown {display:table;margin: 0 auto;float:right;}
header #topmenu_dropdown > .dropdown {float:left;display:inline-block;position:relative;padding-top:0;}
header #topmenu_dropdown > .dropdown .dropdown-menu {margin-top:0;border-radius:0;border:none;}
header #topmenu_dropdown > .dropdown a {margin: 0 6px; text-transform:uppercase; transition: color 0.5s, background-color 0.5s, border-color 0.5s;text-decoration:none;border-radius: 0;padding:.5em;display:inline-block;}
/*subs 1 poziom */
header #topmenu_dropdown > .dropdown .subpos a {margin:0;}
header #topmenu_dropdown > .dropdown .subpos a {margin:0;width:100%;}
/*subs 2 poziom w hover*/
header .dropdown-submenu {position: relative;}
header .dropdown-submenu:after {content:'>';display:block;position:absolute;right:6px;top:6px;}
header .dropdown-submenu:hover > .dropdown-menu {top: 0;left: 99%;margin-top: -1px;display:block;}
/* bootstrap submenu in 2 cols */
.multi-col {width:50%;float:left;}
.dropdown-menu {min-width: 200px;}
.dropdown-menu.columns-2 {min-width: 400px;}
.dropdown-menu.columns-3 {min-width: 600px;}
.dropdown-menu li a {padding: 5px 15px;font-weight: 300;}
.multi-column-dropdown {list-style: none;width: 100%;float: left;margin: 0;	padding: 0;}
.multi-column-dropdown li a {display: block;clear: both;white-space: normal;}
.multi-column-dropdown li a:hover {text-decoration: none;}
 @media (max-width: 767px) {
	.dropdown-menu.multi-column {min-width: 240px !important;overflow-x: hidden;}
}

/********************* SLIDER ***********************/
/*  FP slider */
#topslider_fw {display:block;position:relative;height:auto;overflow:hidden;}
.fw_container.slider_container {position:relative; overflow:hidden;  padding-bottom:0;margin-bottom:0;}

ul#topslider li {float: left;position:relative;overflow:hidden;width:100%;box-sizing:border-box;height:560px;text-align:center;    background-repeat: no-repeat;    background-size: cover;    background-position: center center;}
ul#topslider li {background-size: 100% auto ;background-size:cover;background-position:center center;}
#topslider li p {    margin: 0 auto;  width: 100%; display:table;	padding: 0;	box-sizing: border-box;}

#topslider_pag {position:absolute; bottom:20px;left:0;clear: both; text-align: center; width: 100%; height: 2px; padding: 0; z-index:9999;display:none;}
#topslider_pag > a {  background: #c3c3c3;  display: inline-block;  height: 1px; width:85px; margin: 0 8px;  outline:none; line-height:1;}
#topslider_pag a.selected {background: #31ace6;}
#topslider_pag a span {display:none;}
#topslider_prev, #topslider_next {width:50px;height:50px;position:absolute;bottom:0;background: url('/i/sprites/round_arrows_300.png') top center no-repeat;background-size: 100% auto;z-index:1000;opacity:0;cursor:pointer;}
#topslider_prev {left:1%;background-position:center top;}
#topslider_next {right:1%;background-position:center bottom;}

ul#topslider, ul#topslider li, .topslider_cont .caroufredsel_wrapper {overflow:visible !important;}

/* slider (fp & subs) */
ul#topslider {list-style-type: none; margin: 0; padding: 0; overflow: hidden; float: left !important; left: auto !important; width:100%;}

#fp_slider_section .sldtxtbox {position:absolute;top:0;left:0;margin:0;padding:0;text-align:center;width:100%;background:transparent;height:100%;}
#fp_slider_section .sldtxtbox .sldpostxt {padding:0;position:relative;display:table;}
#fp_slider_section .sldtxtbox a.sld_lnk {position:absolute;right:8.33%;bottom:0;}

@media(max-width:767px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh; /*height:600px;*/}
	#fp_slider_section .sldtxtbox a.sld_lnk {margin: 0 auto;position:static;}
}

@media(min-width:768px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh; /* height:320px; */}
	#fp_slider_section .sldtxtbox a.sld_lnk {right:15px;bottom:24px;}
}

@media(min-width:992px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh; /* height:400px; */}
	#fp_slider_section .sldtxtbox a.sld_lnk {right:15px;bottom:35px;}
}

@media(min-width:1200px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh; /* height:515px; */}
	#fp_slider_section .sldtxtbox a.sld_lnk {right:15px;bottom:145px;}
}

@media(min-width:1440px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh;/* height:570px;*/}
	#fp_slider_section .sldtxtbox a.sld_lnk {right:8.33%;bottom:145px;}
}
@media(min-width:1600px){
	.topslider_cont, ul#topslider, ul#topslider li {height:100vh;/*height:640px;*/}
	#fp_slider_section .sldtxtbox a.sld_lnk {bottom:215px;}
}

.btmclip {	position: absolute;	bottom: 6px;	left: 0;	width: 100%;	text-align: center;	color: white;	font-size: 24px; cursor:pointer;     -webkit-animation: bounce 2s infinite;    animation: bounce 2s infinite; }

body:not(.fp) #fp_slider_section {background:#fff;}
body:not(.fp) #fp_slider_section .topslider_cont {padding-bottom:0}
body:not(.fp) #fp_slider_section .sldtxtbox {display:none;}



/* onsldmnenu */
section#fp_slider_section {position:relative;}
body.fp .onsldmenu {position:absolute;top:0;left:0;width:100%;height:auto;z-index:9999;}
body.fp .onsldmenu .onsld_drp {padding:6px 15px;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown {float:none;display:inline-block;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown  a {transition: color 0.5s, background-color 0.5s, border-color 0.5s;text-decoration:none;margin: 0;display:inline-block;padding:5px 15px;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown .subpos a {margin:0;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown > .dropdown-menu{margin: 0; padding: 0; border-radius:0;border:none;}

body.fp .onsldmenu .onsld_drp span.glyphicon {padding:10px;}

.onsldopts {position:absolute;top:12px;right:15px;color:white;z-index:999999;}
.onsldopts .lang_switch br {display:none;}
.onsldopts .lang_switch p {margin:0;}
.onsldopts .lang_switch a {color:white;text-decoration:none;font-size:14px;}

#onsldmenu_social {position:absolute;bottom:0;left:0;width:80%;background:#1b1b1b;padding:10px;min-width:320px;}
#onsldmenu_social:after {content: '';	width: 0;	height: 0;	border-top: 68px solid #1b1b1b;	position: absolute;	top: 0;	right: -15px;	display: block;	border-right: 15px solid transparent;}
#onsldmenu_social a {color:white;font-size:24px;margin:6px;padding:6px;display:inline-block;}
#onsldmenu_social a:hover {color:#3c3c3c;}
@media(max-width:991px){
	#onsldmenu_social {max-width:320px;}
}
@media(max-width:767px){
	#onsldmenu_social {background:rgba(27,27,27,0.6);}
	#onsldmenu_social:after{opacity:.6}
}

/********************* SUBPAGES *********************/
#main_cont {  clear: both;  float: left;  position: relative;  width: 100%;margin-top:24px;margin-bottom:48px;}
body.fp #main_cont{margin:0;}
.news_more > a {float:right;}

/*********** SUBPAGES 2 COLS LAYOUT with floating (xs) side menu *****************/
/* non-bt - needs to be redesigned */
body.twocols .news_wrapper, body.twocols #search_results_page, body.twocols .news_wrapper_more {  clear: none;  float: right;  width: 70%; padding: 0 15px 0 0;box-sizing:border-box;}
body.twocols #addcol_wrapper {  float: left;  width: 26%; margin-top:20px;}
body.twocols #addcol_wrapper #side_menu, body.twocols #addcol_wrapper #addcol {width:100%;float:left;clear:both;}
body.twocols .prod_cell {width:95%;max-width:500px;box-sizing:border-box;}
body.twocols .colone .prod_cell {margin-right:5%}
body.twocols .colthree .prod_cell {margin-left:5%}
#addcol {margin-top:20px;}

/* side menu - subs from main cat only (switch in index)*/
#side_menu ul.subs {list-style-type:none;margin:0;width:100%;float:left;clear:both;box-sizing:border-box;}
#side_menu ul.subs li, #side_menu ul.subs li a {width:100%;float:left;clear:both;text-align:right;color:#fff;text-decoration:none;text-transform:uppercase;display:inline-block;box-sizing:border-box;transition: color 0.5s;}
#side_menu ul.subs.lvl_2 > li > a {font-size:18px; padding:6px 25px 6px 0;}
#side_menu ul.subs.lvl_3 {padding: 0 0 0 15px;}
#side_menu ul.subs.lvl_3 > li > a {font-size:12px;padding: 10px 0;}
#side_menu ul.subs.lvl_4 {padding: 0 0 0 15px;}

#side_menu ul.subs.lvl_4 > li {transition: max-height 1s;max-height:200px;}
#side_menu ul.subs.lvl_4.collapsed > li {max-height:0;overflow:hidden;}
#side_menu ul.subs.lvl_4.collapsed > li:nth-child(1), #side_menu ul.subs.lvl_4.collapsed > li:nth-child(2) {max-height:200px;}

#side_menu ul.subs.lvl_4 li.collexp {height:20px;max-height:20px;position:relative;cursor:pointer;}
#side_menu ul.subs.lvl_4.collapsed li.collexp:after, #side_menu ul.subs.lvl_4.expanded .collexp:after  {display:block;position:absolute;bottom:0;left:0;height:20px;line-height:20px;text-align:right;color:#666;font-size:10px;width:100%;}
#side_menu ul.subs.lvl_4.collapsed .collexp:after {content:"rozwiń ▼";}
#side_menu ul.subs.lvl_4.expanded .collexp:after {content:"zwiń ▲";}

#side_menu ul.subs li a:hover, #side_menu ul.subs li a:focus {color:#dc0f0f;}

/* side menu - based on dropdown (switch in index)*/
body.twocols #addcol_wrapper #side_menu {padding:24px 10px 15px;}
body.twocols #addcol_wrapper #side_menu ul {list-style-type:none;}
body.twocols #addcol_wrapper #side_menu a {display:inline-block;width:100%;}
body.twocols #addcol_wrapper #side_menu a[href="#"] {cursor:default;text-decoration:none;}
body.twocols #addcol_wrapper #side_menu .subpos a {padding:10px 0;}


@media(max-width:767px){
	body.twocols .news_sub.prods_list, 
	body.twocols .news_wrapper, 
	body.twocols #search_results_page, 
	body.twocols .news_wrapper_more { width: 90%;}
	body.twocols #addcol_wrapper { left: -260px; position: fixed; top: 15%;width:260px; transition: left 1s; background:white;box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.27); padding:5px; box-sizing:border-box;z-index:9999;}
	body.twocols #addcol_wrapper:after {content:'MENU ▲';position:absolute;right:-95px;bottom:65px;width:160px;height:30px;background:gray;cursor:pointer;color:white;   -ms-transform: rotate(90deg);     -webkit-transform: rotate(90deg);     transform: rotate(90deg);text-align:center;line-height:30px;font-size:14px;}
	body.twocols #addcol_wrapper:hover {left:-10px;}
}

/****************** JS API GOOGLE MAP ****************************/
/* version with marker cats */
footer#mapp {	height: 640px;	max-height: 100vh; position:relative;margin-top:48px;}
footer#mapp #marker_cats {position:absolute;top:-48px;}
footer#mapp #marker_cats a {color:#251a06;font-size:18px;line-height:48px;padding:0 20px;text-transform:uppercase;display:inline-block;}
footer#mapp #marker_cats a.active {color:#fff;background:#31ace6;}
@media(max-width:767px){
	footer#mapp {margin-top:96px;}
	footer#mapp #marker_cats {top:-96px}
}
@media(max-width:540px){
	footer#mapp {margin-top:144px;}
	footer#mapp #marker_cats {top:-144px}
}

/* just map */
#map {	height: 580px;	width:100%; max-height: 100vh; position:relative;}

/****************** ADDS ****************************/
.social a {display:inline-block;padding:.25em;margin:0 .5em;}

#credentials, #credentials a {font-size: 10px; line-height:1;color:#eee;text-decoration:none;text-transform:uppercase;width:100%;}
#credentials {margin:7px auto;}

a#backtotop {position: fixed;bottom: 28px;right: 12px;display: inline-block;width: 28px;height: 28px;z-index: 9999999999;text-decoration:none;opacity:0;transition: opacity 0.5s, color 0.5s, background-color 0.5s, border-color 0.5s;color: #696967;border: 1px solid #696967;text-align:center;font-size:24px;}
a#backtotop.btnvis {opacity:1;}
a#backtotop:hover {background-color:#f00;color:white;}

/* show content after css load */
body#frontend {opacity:1;}

/******************** OVERRIDES **********************/
.showthis-block {display:block !important;}
.showthis-inline-block {display:inline-block !important;}
.hidethis {display:none !important;}

/******************** CSS3 ANIMS **********************/

.jsangroup {display:table;overflow:hidden;width:100%;margin:0 auto;}
.jsan, .jsancont {transition: all 1s;position:relative;}

/*fade*/
.jsanop {opacity:0;}
.jsanop.anon {opacity:1;}

/*wjazd do góry*/
.jsanup .jsancont {bottom:-999px;}
.jsanup.anon .jsancont{bottom:0;}

/*wjazd w dół*/
.jsandown .jsancont {top:-999px;}
.jsandown.anon .jsancont{top:0;}

/*wjazd w prawo*/
.jsanr .jsancont {left:-100vw;}
.jsanr.anon .jsancont {left:0;}

/*wjazd w lewo*/
.jsanl .jsancont {right:-100vw;}
.jsanl.anon .jsancont {right:0;}

/*opoznienia*/
.jsan1s {transition-delay:1s;-webkit-transition-delay: 1s;}
.jsan2s {transition-delay:2s;-webkit-transition-delay: 2s;}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {    -webkit-transform: translateY(0); }
  40% {    -webkit-transform: translateY(-10px); }
  60% {    -webkit-transform: translateY(-5px); } 
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {    -moz-transform: translateY(0); }
  40% {    -moz-transform: translateY(-10px); }
  60% {    -moz-transform: translateY(-5px); } 
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); } 
}




/*****************************************************/
/**************** TEMPLATE SPECIFIC ******************/
/*****************************************************/

/********************* COMMON ***********************/
body#frontend,
body#frontend h1,
body#frontend h2,
body#frontend h3,
body#frontend h4,
body#frontend h5,
body#frontend h6 {}

a {color:#126faa;}
a:hover {color:#126faa;}
/* fixed site background image */
#body_bg {display:none;}

header .std_logo {padding-top:15px;}
header .std_logo img {max-width:100%;height: auto !important;}
header.std_head .std_logo a {border:1px solid #126faa;color:#126faa;font-size:4em;font-family:'Roboto',sans-serif;padding:20px 40px;padding:1rem 3rem;font-weight:100;display:inline-block;line-height:1;text-decoration:none;}
header.std_head .std_logo a strong {font-weight:900}
@media(max-width:767px){
	header .std_logo {text-align:left;}
	header .std_logo img {display:table;margin: 0 auto;}
	header.std_head .std_logo a {font-size:2em;}
}
header #lang-selector {float:right;padding-top:24px;}
header #lang-selector a {color:white;font-size:1.125em;display:inline-block;height:2em;width:2em;text-align:center;line-height:2em;text-decoration:none;border:1px solid transparent;transition:background-color 0.5s, color 0.5s, border-color 0.5s;}
header #lang-selector a.current {background:white;color:#888383;margin:0 3px;border:1px solid white;}
header #lang-selector a:hover {background:transparent;border-color:white; color:white;}

header .std_menu {padding:30px 15px;}

@media(max-width:767px){
/*	header .std_menu {position:absolute;top:0;right:0;} */
}

/* standard dropdown colors & fonts */
/* for main cats */
header #topmenu_dropdown > .dropdown a {font-size: .875em; font-weight: 400;letter-spacing:0.06em;color: #126faa;}
header #topmenu_dropdown > .dropdown:not(.current_drp):hover > a, .dropdown:not(.current_drp) a:focus, .dropdown:not(.current_drp) a:hover { background:#126faa; color:white}
header #topmenu_dropdown > .dropdown.current_drp > a {background: transparent; font-weight:800;}
/* for sub cats */
header .dropdown.open .dropdown-menu {background:#126faa;}
header #topmenu_dropdown > .dropdown .subpos a, header .dropdown-submenu:after {font-size:1em;color:white;}
header #topmenu_dropdown > .dropdown .active.subpos > a {background:#106faa;color:white;}
header #topmenu_dropdown > .dropdown .subpos a:hover {background:#106faa;color:white;}

/* onsld dropdown */
body.fp .onsldmenu:after{content:'';display:block;float:right;clear:both;width:95%;height:1px;background:rgba(255,255,255,0.4);}
/* for main cats */
body.fp .onsldmenu #topmenu_dropdown > .dropdown  a {font-family:'Roboto',sans-serif; color: #fff; font-size: 0.875em; font-weight: 400; text-transform:uppercase;}
/* for sub cats */
body.fp .onsldmenu .dropdown.open .dropdown-menu {background:#126faa;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown .subpos a {font-size:0.875em;text-transform:uppercase;}
body.fp .onsldmenu #topmenu_dropdown > .dropdown .subpos a:hover {background:#106faa;color:white;}

/* logo */
body.fp .onsldmenu .onsld_logo a {border:1px solid white;color:white;font-size:4em;font-family:'Roboto',sans-serif;padding:20px 40px;padding:1rem 3rem;font-weight:100;display:inline-block;line-height:1;}
body.fp .onsldmenu .onsld_logo a strong {font-weight:900}

main {min-height:240px;}
body:not(.fp) {padding-bottom:72px;}

.laybtn {background:#106faa;color:white;border:1px solid #106faa;}
.laybtn:hover {background:white;color:#106faa;} 

footer.foot_min{position:fixed;bottom:0;left:0;width:100%;}
.social a {font-size:1.5em;color:white;}
.social a:hover {color:#04185a}
@media(max-width:767px){
	footer.foot_min{position:static;}
}

/* footer#std_foot .std_foot_rgt {background:#126faa;color:white;box-shadow: -7px -16px 40px 0px rgba(0, 0, 0, 0.2);} */
body.fp footer#std_foot {border-top:96px solid #f5f5f5;}
footer#std_foot > .container-fluid {box-shadow: -2px -5px 5px 0px rgba(0, 0, 0, 0.07); }
footer#std_foot .std_foot_rgt {position:relative;color:white;z-index:999;padding-left:100px;}
footer#std_foot .std_foot_rgt:before {
	background: url('/i/theme/netzbau/ft_shape_03.png') left top no-repeat;
	position: absolute;
	z-index: -1;
	background-size: cover;
	content:'';
	display:block;
	top:-70%;
	right:0;
	width:125%;height:170%;
}
footer#std_foot .std_foot_rgt > div {margin-top:-30px;}
footer#std_foot .std_foot_rgt p {font-size:12px;letter-spacing:0.02em;text-transform:uppercase;}
footer#std_foot .std_foot_rgt p span {font-size:24px;}
footer#std_foot .std_foot_rgt a {font-size:14px;letter-spacing:0.06em;font-family:'Roboto',sans-serif;color:white;}
footer#std_foot .std_foot_rgt a[href^=tel] {font-size:18px;letter-spacing:0.06em;}

footer#std_foot .std_foot_lft p {margin:0;}
footer#std_foot .std_foot_lft a {color:#126faa;font-size:3em;font-family:'Roboto',sans-serif;padding:20px 40px;padding:1em;font-weight:100;display:inline-block;line-height:1;text-decoration:none;}
footer#std_foot .std_foot_lft a strong {font-weight:900}
@media(max-width:767px){
	footer#std_foot {border-top:none}
	footer#std_foot .std_foot_lft {text-align:center;}
	footer#std_foot .std_foot_rgt:before {display:none;}
	footer#std_foot .std_foot_rgt {background:#126faa;padding-left:15px;}
	footer#std_foot .std_foot_rgt > div {margin: 15px 0;}
}


/******************* HOME PAGE *********************/
body.fp header.std_head {display:none;}
body.fp .onsldmenu .onsld_logo a{display:none;}
body.fp .onsldmenu .onsld_drp span.glyphicon {color:white;}
/* slider */
#fp_slider_section .sldtxtbox .sldpostxt {margin-top:20%;margin-top:35vh;text-align:center;}
#fp_slider_section .sldtxtbox .sldpostxt h1 {font-family:'Roboto',sans-serif;font-size:1.125em;letter-spacing:0.02em;font-weight:400;margin-top:40px;color:white;}
#fp_slider_section .sldtxtbox .sldpostxt a {border:1px solid white;color:white;font-size:3em;font-family:'Roboto',sans-serif;padding:20px 40px;padding:1rem 3rem;font-weight:100;display:inline-block;line-height:1;text-decoration:none;}
#fp_slider_section .sldtxtbox .sldpostxt a strong {font-weight:900}
@media(min-width:768px){
	#fp_slider_section .sldtxtbox .sldpostxt a {font-size: 4em;}
}

/* wersja pod standardowy template */
.static_boxes_section {}
.static_boxes_section .sqbox img {max-width:100%;height: auto !important; transition: all 0.5s;    -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.static_boxes_section .sqbox:hover img {transform:scale(1.05)}
.static_boxes_section .sqbox .overlay {margin-top:-1em;}
.static_boxes_section .sqbox .overlay a {font-size:0.875em;line-height:1;padding:.75em 2em;background:white;color:#05368b;text-decoration:none;transition: background-color 0.5s, color 0.5s;position:relative;z-index:9;}
.static_boxes_section .sqbox:hover .overlay a {background:#05368b;color:white;}
.static_boxes_section div[class^=col-]:nth-child(3n-1) .overlay a {background:#27305f;color:#fff;}
.static_boxes_section div[class^=col-]:nth-child(3n-1) .sqbox:hover .overlay a {color:#27305f;background:#fff;}
@media(max-width:767px){
	.static_boxes_section {margin-top:24px;}
	.static_boxes_section div[class^=col-] {margin-bottom:64px;}
}
/* wersja pod template fw */
.static_boxes_section, .static_boxes_section .stbox_txt {background:#126faa;color:white;}
body#frontend .static_boxes_section .stbox_txt > div {padding:30px 15px;}
body#frontend .static_boxes_section .stbox_txt h2 {font-size:1.5em;line-height:1.1em;text-transform:uppercase;margin-bottom:1.25em;color:white;}
body#frontend .static_boxes_section .stbox_txt p {font-family:'Roboto',sans-serif;font-size:1.125em;line-height:1.33em;letter-spacing:0.02em;}
body#frontend .static_boxes_section > div > .row > div > .row:nth-child(2n) .stbox_txt p {text-transform:uppercase;font-size:1em;}
.static_boxes_section .stbox_img {position:relative;}
.static_boxes_section .stbox_img figure {background-size:100% auto;background-size:cover;background-repeat:no-repeat;background-position:center top;}
.static_boxes_section .stbox_img figure img {visibility:hidden;max-width:100%;}
@media(max-width:767px){
	.static_boxes_section {margin-top:0;}
	.static_boxes_section div[class^=col-] {margin-bottom:0;}
	body#frontend .static_boxes_section .stbox_txt h2  {font-size:1.25em;}
}
@media(min-width:768px){
	.static_boxes_section .stbox_img figure {background-size:100% auto;background-size:cover;background-repeat:no-repeat;background-position:center top;position:absolute;top:0;left:0;width:100%;height:100%;}
}
@media(min-width:1200px){
	body#frontend .static_boxes_section > div > .row > div > .row:nth-child(2n-1) .stbox_txt > div {padding-top:18%;}
	body#frontend .static_boxes_section > div > .row > div > .row:nth-child(2n) .stbox_txt > div {padding:100px 85px;}
}

/******************* SUBPAGES *********************/
@media(max-width:767px){
	body#frontend .news_title h2 {font-size:2em;}
}

/* 2 cols layout - side menu for current main cat */
body.twocols #addcol_wrapper #side_menu {background:#04185a;color:white;}
body.twocols #addcol_wrapper #side_menu ul.subs li, 
body.twocols #addcol_wrapper #side_menu ul.subs li a {color:white;}

/* 2 cols layout - side menu based on dropdown */
body.twocols #addcol_wrapper, body.twocols #addcol_wrapper:after {background:#04185a;}
body.twocols #addcol_wrapper #side_menu {background:#04185a;color:white;}
body.twocols #addcol_wrapper #side_menu a {color:white;font-weight:bold;font-size:0.875em;}
body.twocols #addcol_wrapper #side_menu .side_drp > a {border-bottom: 1px dotted white}
body.twocols #addcol_wrapper #side_menu ul {padding-left:32px;}
body.twocols #addcol_wrapper #side_menu .subpos a {font-weight:400;line-height:1.25em;position:relative;}
body.twocols #addcol_wrapper #side_menu .subpos a:before {position:absolute; left:-15px; content: "\00BB";display:inline-block;margin-right:10px;}