body {height: 100%;background: linear-gradient(to bottom,#FFF 120px,#f5f5f5); background-attachment: fixed;}

.module-title {color: #FFF; text-align: center; padding: 10px 0 ; margin-bottom: -3px; font-size: 16px; background: #224D73;}
.t3-footnav .t3-module .module-title,
.t3-sidebar-right .t3-module .module-title {color: #FFF;margin-bottom: 10px;}

.modal-backdrop {background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 0 !important;}

.article-title , .article-header h1 {text-align: center; margin-bottom: 0px; padding: 10px 3px; background: #2e689a; font-size: 27px;}
.article-header h1 a {color: #FFF}

.img_caption {margin: 15px 0px 10px 15px;}

.t3-header {margin-top: 50px;}
@media (max-width: 768px) {.t3-header {margin-top: 15px;}}

.logo-rekol {max-width: 130px; margin: 17px 30px 0px 0px; float: left; }
@media (max-width: 768px) {.logo-rekol {margin-top: 29px; margin-right: 10px;}}

/* .fa-heart {font-size: 12px; animation: serce 1.1s infinite forwards;} */
/* @keyframes serce {100% {font-size: 19px; }} */

.pomoc {position: fixed; top: 10px; right: 0px; z-index: 1999}
@media (min-width: 768px) and (max-width: 992px){.pomoc {position: relative; top: -120px;z-index: 1}}

.t3-wrapper {background: transparent;}

.logo-text a h1 {text-decoration: none; font-size: 42px; font-weight: 600; ;text-shadow: 2px 2px 2px #d5dce4;}
@media (max-width: 768px) {.logo-text a h1 {font-size: 38px; font-weight: 500; margin-top: 27px;}}
.logo-text:hover a,
.logo-text a:hover,
.logo-text a:active,
.logo-text a:focus {text-decoration: underline;}

.logo-text .site-slogan {display: block; font-size: 19.5px; color: #2d679a; margin-top: -13px;}
@media (max-width: 768px) {.logo-text .site-slogan {font-size: 17px; }}

@media (max-width: 768px) {.t3-mainnav {background: transparent;}}

@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {display: none;}}

.dropdown-men {border: 0px;}
.dropdown-menu>li>a {padding: 10px; white-space: normal;}

.t3-mainnav {background: #2e689a; border-top: 0px; border-bottom: 0px; font-size: 18px; box-shadow: 0px 1px 20px 0 rgba(0,0,0,.5)}
@media (max-width: 768px) {.t3-mainnav {background: transparent; box-shadow: 0px 0px transparent; width: 200px}}
@media (max-width: 992px){.t3-mainnav {font-size: 16px}}

@media  (min-width: 768px) and (max-width: 992px){.t3-mainnav .container {width: 100%; padding-left: 0px; padding-right: 0px;}}

.off-canvas-toggle {width: 80px; height: 40px; line-height: 0px;background: #2e689a;font-size: 16px;}

.t3-off-canvas .close {background: #06C; color: #ffffff; opacity: 0.9;}
.off-canvas-effect-7.t3-off-canvas {margin-top: -60px;}
.t3-off-canvas .t3-off-canvas-header h2 {background: #2e689a; color: white; text-align: center;}
.t3-off-canvas .t3-off-canvas-body li a {color: #FFF; background: #516b7c;  margin-bottom: 5px;}
.t3-off-canvas .t3-off-canvas-body li a:hover {color: #FFF; background: #2870A4;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {color: #FFF; background: #33444F}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a:hover {background: #2870A4}

.nav .caret,
.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret {border-top-color: #FFF; border-bottom-color: #FFF;}

.module_menu .nav > .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {color: #FFF; background: #428bca}

.module_menu .nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #FFF; background: #1F5789}

.module_menu .nav > li > a	{line-height: 35px; font-size: 16px; color: #FFF; }

.navbar-default .navbar-nav > li > a {color: #FFF;}

.navbar-default .navbar-nav > li > a:hover {color: #FFF; background: #11578A}

.mega-dropdown-menu {background: #FCFCFC}


.module-ct > ul.nav {width: 100%;}

.spCatname {margin-bottom: 7px}

.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {font-size: 19px; padding: 7px 0;}
.nav-pills > li > a,
.t3-footnav .t3-module ul {font-size: 15px; text-align: center;}

.nav-pills > li > a,
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a,
.t3-footnav .t3-module ul > li > a {color: #FFF; background: #2e689a; border-bottom: #0E1F2E 1px solid; white-space: normal; z-index: 11;}

.nav-pills > li.active  > a,
.t3-megamenu .mega-nav > li.active a,
.t3-megamenu .dropdown-menu .mega-nav > li.active a,
.t3-footnav .t3-module ul > li.active > a {background: #428bca}

.nav-pills > li > a:hover,
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-footnav .t3-module ul > li > a:hover {color: #FFF; background: #1F5789}

.SobiPro .spDetailEntry .spManage {margin-top: -37px; z-index: 10;}
.SobiPro .menage-moje {list-style: none; background-color: transparent; padding: 0px;}

.SobiPro .menage-moje li {float: left; margin-right: 20px;}
.SobiPro .menage-moje li a {font-size: 15px; list-style: none;  padding: 5px 12px; margin: 3px 0px; display: block; color: #FFF;}

.t3-megamenu .mega-caption{font-size: 15px; font-style:italic; white-space: normal; color: #248CE1;}

.t3-header {padding-top: 30px; padding-bottom: 25px;}

/* .head-search {margin-top: 10px;} */

.t3-mainbody {padding-bottom: 0px; padding-top: 0px;}

.t3-content {padding-top: 0px; padding-bottom: 20px;}

article .article-content{font-size: 15px; background: #F8FCFE; margin: 0px -10px; padding: 20px;}

.article-content img {box-shadow: 1px 5px 12px 0 rgba(0,0,0,.4); margin-bottom: 10px;}
.article-content img.instrukcja {margin: 20px 0px 40px 0px; display: block; margin-left: auto; margin-right: auto;}

.article-content h2,
.article-content h3 {color: #2e689a; font-weight:bold; margin-bottom: 20px;}

.languageswitcherload {text-align: right;}

.form-vertical .login-greeting {font-size: 15px; font-style: italic; color: #004c8f;text-align: center;}
.logout-button {margin-bottom: 15px; text-align: center;}

.t3-sidebar {padding: 0px 3px}
.t3-sidebar2 {background-color: #FFF; margin-top: 15px; padding: 0px 5px;}

.t3-sl {padding-top: 0px; padding-bottom: 0px;}

.t3-module {margin: 0px 0px 20px 0px;}

#Mod16{background: #f5f5f5; padding: 10px;}

#Mod98{margin-top: 25px;}

@media (max-width: 992px) {.formularz-logowania {margin-top: 50px}}

@media (min-width: 768px) {p.zapraszam {text-align: right;}}

.media-fb-like {margin-top: 10px;}
@media (max-width: 992px) {.media-fb-like {}}
@media (max-width: 768px) {.media-fb-like {margin-bottom: 15px;}}

@media (max-width: 768px) {.dodaj-nowy {width: 200px; float: right; margin: -10px 1px 15px 0px}}


.leaflet-right {display: none;}
.leaflet-control-scale-line:not(:first-child)  {display: none;}

.SobiPro #SPSearchForm .list-group {margin-bottom: 0px;}

.SobiPro .mapOr, .SobiPro .mapOr p {padding: 15px 5px 0px 19px;}

.SobiPro [class^="icon-"],
.SobiPro [class*=" icon-"] {margin-top: 5px; margin-left: 4px;}

.SobiPro div.nawigacja {margin-top: -20px; margin-right: 0px;margin-left: auto;  display: inherit; z-index: 1; float: right;}
@media (max-width: 765px) {.SobiPro div.nawigacja {width: 145px; height:50px; z-index: 1000; bottom: -10px; right: -30px;}}
@media (max-width: 765px) {.ukryj-male {display: none;}}
@media (max-width: 765px) {.nawigacja .btn i {font-size: 22px; margin: 0px 9px;}}

div.logo-ryba  {display: none}
.languageswitcherload ul.nav-stacked {position: relative; top: 0; left: 0; z-index: 2; background: #F2F4FF;}


.SobiPro .alert {margin-bottom: 40px;}

.info-moje {border: #F7DE9D 1px solid; background-color: #FFF4F0; padding: 9px;}

.warning-moje {background-color: #ee7505;; border-color: #C65E00; color: #FFF;}
.warning-moje:hover {background-color: #C65E00; border-color: #ee7505; color: #FFF;}


#back-to-top {
position: fixed;
right: 10px;
top: auto;
z-index: 999;
display: none;
bottom: -60px;
}
@media (min-width: 400px) {
#back-to-top {
display: block;
}
}
#back-to-top .btn {
background: #FFF;
border: 3px solid #2e689a;
color: #2e689a;
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 1;
padding: 0;
text-align: center;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
#back-to-top .btn:hover,
#back-to-top .btn:active,
#back-to-top .btn:focus {
background: none;
outline: none;
opacity: 1;
filter: alpha(opacity=100);
}
#back-to-top.affix {
bottom: 40px;
}
#back-to-top a {
outline: none;
}
#back-to-top i {
font-size: 28px;
line-height: 22px;
}