@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css); * { 
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
} ::-moz-selection {
background: #f7e6f0;
text-shadow: none;
}
::selection {
background: #f7e6f0;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
} audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
}
strong {
font-weight: 700;
}
* {
font-family: 'Lato', sans-serif;
} .left {
float: left;
}
.right {
float: right;
}
.table {
display: table !important;
}
.table-cell {
display: table-cell !important;
height: inherit;
}
.hidden {
display: none !important;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.clearfix:after,
.widget-wrapper ul:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix,
.widget-wrapper ul { 
display: inline-block; 
}
* html .clearfix,
* html .widget-wrapper ul { 
height: 1%; 
}
.clearfix,
.widget-wrapper ul { 
display: block; 
} .padding-bottom {
padding-bottom: 40px;
}
.add-padding {
padding: 2px 0 10px;
}
.area-without-header {
padding-top: 26px;
padding-bottom: 10px;
}
.margin-bottom {
margin-bottom: 30px !important;
} @font-face {
font-family: 'icomoon';
src:url(//hartbex.pl/wp-content/themes/hartbex-landingpage/fonts/icomoon.eot?p3tueu);
src:url(//hartbex.pl/wp-content/themes/hartbex-landingpage/fonts/icomoon.eot?#iefixp3tueu) format('embedded-opentype'),
url(//hartbex.pl/wp-content/themes/hartbex-landingpage/fonts/icomoon.ttf?p3tueu) format('truetype'),
url(//hartbex.pl/wp-content/themes/hartbex-landingpage/fonts/icomoon.woff?p3tueu) format('woff'),
url(//hartbex.pl/wp-content/themes/hartbex-landingpage/fonts/icomoon.svg?p3tueu#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-key:before {
content: "\e600";
} .wrapper {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
z-index: 1;
}
#landing-page-bg .col-images {
display: block;
width: 66.6666%;
}
#landing-page-bg .col-title {
display: block;
width: 33.3333%;
}
#landing-page-bg .col-2 {
display: block;
width: 50%;
}
#landing-page-bg .owl-theme .owl-controls {
display: none;
}
b,
strong {
color: #002D61;
font-weight: 600 !important;
}
.gray-area {
background:#f3f3f3;
}
.owl-carousel div a:hover img,
.owl-carousel div a img,
#newsletter-container button,
#newsletter-container button:hover,
#social-media ul li a,
#social-media ul li a:hover,
.button-outline,
.button-outline:hover,
#menu ul li ul li a,
#menu ul li ul li a:hover,
#tabs li:hover,
#tabs li.active,
#image-thumbnail,
.img-link-small i,
.img-link-small:hover i,
.img-link-small,
.img-link-small:hover,
#arrow-icon i,
#menu-icon,
#menu-icon.active,
#menu-icon:hover,
#tabs-page ul li,
#tabs-page ul li:hover,
.contact-form form button,
.contact-form form button:hover,
.fileUpload,
.fileUpload:hover,
.page-content a,
.page-content a:hover,
#menu-zmiana-jezyka li a img,
#menu-zmiana-jezyka li:hover a img,
#menu-zmiana-jezyka-de li a img,
#menu-zmiana-jezyka-de li:hover a img,
#landing-page-bg .blue-header,
#landing-page-bg .blue-header:hover,
.pagination-list .page-numbers,
.pagination-list .page-numbers:hover,
#menu ul li a:before,
#menu ul li a:hover:before {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
#gallery-text {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu ul li ul {
opacity: 0;
}
#menu ul li.active ul {
opacity: 1;
}
#menu ul li ul,
#menu ul li ul.open {
-webkit-transition: max-height 300ms ease-in-out;
-moz-transition: max-height 300ms ease-in-out;
-ms-transition: max-height 300ms ease-in-out;
-o-transition: max-height 300ms ease-in-out;
transition: max-height 300ms ease-in-out;
-webkit-transition: opacity 300ms ease-in-out 0.15s;
-moz-transition: opacity 300ms ease-in-out 0.15s;
-ms-transition: opacity 300ms ease-in-out 0.15s;
-o-transition: opacity 300ms ease-in-out 0.15s;
transition: opacity 300ms ease-in-out 0.15s;
}
p span {
color: #002d61;
font-weight: 600;
} #cookies {
display: none;
width: 100%;
padding: 10px;
position: fixed;
left: 0;
bottom: 0;
z-index: 100000;
background: #002551;
}
#cookies .wrapper {
text-align: center;
line-height: 1;
}
#cookies .wrapper > div {
display: inline-block;
padding-right: 30px;
position: relative;
color: #fff;
font-size: 13px;
}
#cookies .wrapper > div a {
color: #fff;
font-weight: bold;
font-size: 13px;
line-height: 13px;
float: left;
display: block;
}
#cookies .wrapper span {
font-size: 13px;
line-height: 15px;
font-weight: 400;
float: left;
display: block;
}
#cookies .wrapper > div .close {
position: absolute;
top: 0;
right: 0;
font-size: 2em;
cursor: pointer; }
#cookies .wrapper > div .close:hover { }
body.show-cookie {
padding-bottom: 53px;
}
.show-cookie #cookies {
display: block;
}
#header {
width: 100%;
background: #fff;
z-index: 0;
}
#header a img {
max-height: 104px;
}
#menu {
display: block;
float: right;
position: relative;
width: 80%;
}
#menu #menu-menu-glowne {
padding: 0;
}
#menu > div {
display: block;
float: right;
}
#menu ul.menu > li {
float: left;
display: block;
}
#menu ul.menu > li > a {
position: relative;
display: block;
padding: 45px 16px;
line-height: 1.5;
}
#menu ul li a:before,
#menu ul li.current-menu-item a:before,
#menu ul li.current-menu-ancestor a:before {
content: "";
position: absolute;
width:100%;
height:0;
left: 0;
bottom: 0;
background: #002d62;
}
#menu ul li a:hover:before,
#menu ul li.current-menu-item a:before,
#menu ul li.current-menu-ancestor a:before {
height:3px;
}
#menu ul li a {
font-size: 14px;
font-weight: 900;
color: #1e1e1e;
text-transform: uppercase;
}
#menu ul li ul {
position: absolute;
display: block;
max-height: 0;
left: 0;
top: 0;
z-index: 9999;
background: #002d62;
overflow: hidden;
}
#menu ul li.active ul {
max-height: 600px;
}
#menu ul li ul li {
float: none;
padding: 10px 20px;
}
#menu ul li ul li:first-child {
padding-top: 20px;
}
#menu ul li ul li:last-child {
padding-bottom: 20px;
}
#menu ul li ul li a {
color: #fff;
font-size: 12px;
font-weight: 400;
}
#menu ul li ul.submenu {
z-index: -1;
}
#menu ul li ul li a:hover {
color: #2b8fff;
}
#menu-zmiana-jezyka, #menu-zmiana-jezyka-de {
float:right;
display: block;
padding: 10px 0;
}
#menu-zmiana-jezyka li, #menu-zmiana-jezyka-de li {
display: block;
float: right;
padding: 0 7px;
}
#menu-zmiana-jezyka li img, #menu-zmiana-jezyka-de li img {
padding: 0 8px 0 12px;
}
#menu-zmiana-jezyka li, #menu-zmiana-jezyka-de li {
display: block;
float: right;
}
#menu-zmiana-jezyka li a, #menu-zmiana-jezyka-de li a {
color: #74777c;
font-size: 13px;
}
#menu-zmiana-jezyka li a img,
#menu-zmiana-jezyka-de li a img {
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
#menu-zmiana-jezyka li:hover a img,
#menu-zmiana-jezyka li.current_page_item a img,
#menu-zmiana-jezyka-de li:hover a img,
#menu-zmiana-jezyka-de li.current-lang a img{
filter: none;
-webkit-filter: grayscale(0);
}
#logo {
display: block;
float: left;
width: 20%;
height: 110px;
padding: 12px 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#logo img {
position: relative;
max-width: 100%;
height: auto;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body {
padding-top: 150px;
}
#header {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
#header.pin-menu {
position:fixed;
top: 0;
left: 0;
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
z-index: 90000000;
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
#header .pin-submenu {
top: 81px !important;
}
#header.animate-nav {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#header.transition {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.pin-menu #logo {
padding: 0
}
.pin-menu a img {
max-height: 84px !important;
}
.pin-menu #menu ul.menu > li > a {
padding: 32px 16px;
}
.pin-menu .gray-area {
display: none;
}
#menu-icon {
display: none;
padding: 35px 0;
font-size: 34px;
cursor: pointer;
}
#menu-icon.active,
#menu-icon:hover {
color: #002D62;
} #section-boxes {
margin-top: 125px;
margin-bottom: 125px;
position: relative;
z-index: 2;
}
#landing-page-bg {
position: relative;
width: 100%;
background: url(//hartbex.pl/wp-content/themes/hartbex-landingpage/images/bg1.jpg) no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
z-index: 1;
}
#landing-page-bg:before {
position: absolute;
width: 1000%;
height: 1000%;
content: "";
background: rgba(0, 45, 98, 0.9);
}
#landing-page-bg .blue-header {
position: relative;
width: 100%;
height: 191px;
padding: 16px;
background: #002d62;
}
#landing-page-bg .blue-header:hover {
background: #002551;
}
.margin-top {
margin-top: 195px;
}
#landing-page-bg .col-title,
#landing-page-bg .owl-carousel .owl-item {
padding: 2px;
}
#landing-page-bg .blue-header h2 {
color: #fff;
font-size: 19px;
font-weight: 600;
text-transform: uppercase;
word-wrap: break-word;
}
#landing-page-bg .blue-header span.icon-key,
#landing-page-bg .blue-header i {
position: absolute;
font-size: 55px;
color: #fff;
bottom: 20px;
}
#landing-page-bg .blue-header span.icon-key {
right: 20px;
}
#landing-page-bg .blue-header i {
left: 20px;
}
#landing-page-bg .col-2 img {
max-width: 100%;
height: 191px;
}
.logotype-carousel .owl-carousel {
padding: 40px 0;
}
.logotype-carousel .owl-carousel div img {
display: inline-block;
max-height: 112px;
width: auto !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.8;
filter: alpha(opacity=40); }
.logotype-carousel .owl-carousel div a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
filter: alpha(opacity=100); }
.logotype-carousel .owl-carousel div a {
display: block;
text-align: center;
}
#realizations article {
background:#fff;
}
#realizations img {
max-width: 100%;
height: auto;
}
.title {
padding: 30px 0;
}
header.title h2,
.contact-page table h2,
.contact-page h2  {
display: inline-block;
position: relative;
z-index: 2;
padding: 17px 0;
font-size: 18px;
font-weight: 900;
color: #1e1e1e;
text-align: left;
}
header.title h2,
.contact-page table h2 {
text-transform: uppercase;
}
header.title h2:before,
.contact-page table h2:before,
.contact-page h2:before {
position: absolute;
width: 45px;
height:2px;
background: #002d62;
content: "";
bottom: 0;
left: 0;
}
.title.align-center h2:before {
left: 50%;
margin-left: -22.5px;
}
#news {
display: block;
float: left;
width:75%;
}
#about-info {
display: block;
float: right;
width: 25%;
padding-left: 30px;
}
p, #lipsum, ul, html {
padding-bottom: 16px;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-align: justify;
}
.widget-wrapper {
padding: 12px 0;
}
.widget-wrapper ul {
margin-bottom: 16px;
}
.widget-wrapper ul li, 
.page-content ul li {
position: relative;
display: block;
float: left;
width: 50%;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.widget-wrapper ul li:before, 
.page-content ul li:before {
padding-right: 16px;
content: "\f00c";
top: 0;
left: 0;
font-family: FontAwesome;
font-size: 12px;
color: #002d62;
}
.page-content ul li h3 {
display: inline-block;
color: #1E1E1E;
font-size: 15px;
font-weight: 900;
}
#news .owl-carousel h2 {
padding-top: 16px;
color: #1e1e1e;
font-size: 15px;
font-weight: 900;
}
#news a {
color: #002d62;
font-size: 13px;
font-weight: 700;
} 
#news a i { padding-left: 5px; }
.owl-nav {
display: inline-block;
font-size:0;
}
.owl-nav i {
width: 50px;
height: 50px;
margin-left: 1px;
background: #F3F3F3;
color: #D6D6D6;
font-size: 20px;
text-align: center;
line-height: 46px;
cursor: pointer;
}
.owl-dots {
padding: 16px 0;
}
.gray-area .owl-nav i {
background: #fff;
}
.owl-prev, .owl-next {
font-size:18px !important;	
float: left !important;
margin-right: 30px !important;
}
#map {
width: 100%;
height: 345px;
}
#map-wrapper {
position: relative;
z-index: 1;
}
#map-wrapper #adress-wrapper {
position: absolute;
height: 345px;
width: 30%; top: 0;
right: 0;
background: rgba(0, 45, 98, 0.9);
z-index: 1;
overflow: hidden;
}
#map-wrapper #adress-wrapper h2 {
color: #fff;
margin-left: 30px;
}
#map-wrapper #adress-wrapper h2:before {
background: #fff;
}
#map-wrapper #adress-wrapper p {
color: #fff;
padding-left: 30px;
}
#map-wrapper strong {
color: #fff;
}
strong {
font-weight:900;
}
.owl-carousel4 div {
position: relative;
}
#adress-wrapper .owl-carousel .owl-stage-outer {
overflow: visible;
}
.owl-carousel4 .owl-stage-outer {
overflow: visible;
}
#map-wrapper .rzeszow:before,
#map-wrapper .krakow:before {
position: absolute;
height: 1000px;
width: 390px;
top: -170px;
right: 0;
content: "";
background:url(//hartbex.pl/wp-content/themes/hartbex-landingpage/images/map.png) no-repeat;
background-size: 100%;
z-index: -1;
}
#map-wrapper .stuttgart:before {
position: absolute;
height: 1000px;
width: 345px;
top: -270px;
right: 0;
content: "";
background: url(//hartbex.pl/wp-content/themes/hartbex-landingpage/images/germany.png) no-repeat;
background-size: 100%;
z-index: -1;
} 
#map-wrapper .rzeszow:after,
#map-wrapper .krakow:after,
#map-wrapper .stuttgart:after {
position: absolute;
display: block;
content: "\f041";
font-family: FontAwesome;
color: #fff;
font-size: 44px;
}
#map-wrapper .rzeszow:after {
top: 81px;
right: 75px;
}
#map-wrapper .krakow:after {
top: 81px;
right: 151px;
}
#map-wrapper .stuttgart:after {
top: 83px;
right: 217px;
}
#map-wrapper .owl-nav-map {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 2;
}
#map-wrapper .owl-nav-map i {
width: 50px;
height: 50px;
border: 1px solid #fff;
color: #fff;
line-height: 46px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
#adress-wrapper > .owl-theme > .owl-controls {
display: none;
}
.widget-wrapper img {
display:block;
float: left;
max-width: 98%;
height: auto;
margin-right: 20px;
}
.widget-wrapper img.aligncenter {
display:block;
float: none;
width: 100%;
max-width: 700px;
margin: 0 auto;
height: auto;
}
.widget-content {
display: block;
float: left;
width: 60%;
padding-left: 0px;
}
.widget-content ul li {
list-style-position: inside;
}
#realizations .wrapp-text {
padding: 16px;
}
.button-outline {
display: inline-block;
height: 50px;
padding: 0 20px;
line-height: 50px;
border: 1px solid #002d62;
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 900;
color: #002d62;
}
.wrapp-text h2 {
font-weight: 900;
font-size: 15px;
color: #1E1E1E;
line-height: 1;
text-align: left;
line-height: 1;
}
.button-outline:hover {
background: #002d62;
color: #fff;
}
.realization-wrapper span {
display: block;
float: left;
width: 50%;
font-size: 13px;
font-weight: 600;
color: #74777c;
}
.realization-wrapper span i {
padding-right: 5px;
}
.realization-wrapper h3,
#news span,
#press-room span,
.contact-form form label {
display: inline-block;
padding: 6px 0;
color: #4b4b4c;
font-size: 13px;
font-weight: 600;
}
#news span i {
padding-right: 5px;
}
.realization-wrapper .rel-icons {
margin-top: 10px;
}
.slider-img {
display: block;
position: relative;
width: 100%;
height: 523px;
background-size: cover;
background-position: center;
}
.anim-slider {
height: 523px !important;
}
.text-slider-wrapper {
position: absolute;
top: 100px;
min-width: 400px;
height: 400px;
}
.slider-wrapper {
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative !important;
}
.slider-wrapper .align-left {
left: 20px;
}
.slider-wrapper .align-right {
right: 20px;
}
#slider h2 {
padding: 0;
color: #fff;
font-size: 66px;
font-weight: 900;
line-height: 0.8;
text-transform: uppercase;
}
#slider .text p {
padding: 0;
color: #002e62;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
}
#slider a {
margin-top: 30px;
}
#slider h2,
#slider .text p,
#slider .text,
#slider a {
position: static !important;
}
.slider-wrapper .align-left h2,
.slider-wrapper .align-left .text p {
text-align: left;
}
.slider-wrapper .align-right h2,
.slider-wrapper .align-right .text p {
text-align: right;
}
.widget-wrapper .title {
padding-top: 0;
} .anim-dots span {
box-shadow: none !important;
}
.anim-dots span {
background: #fff !important;
}
.anim-dots span.anim-dots-this:after {
width: 14px !important;
height: 14px !important;
top: 0 !important;
left: 0 !important;
background: rgb(0,45,98) !important;
}
.anim-slider {
background: #89badd !important;
}
#realizations .owl-carousel .owl-item {
background: #fff;
}
.rel-icons {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.rel-icons span.align-left {
padding: 0 0 16px 16px;
}
.rel-icons span.align-right {
padding: 0 16px 16px 0;
} .page-header {
position: relative;
background: url(//hartbex.pl/wp-content/themes/hartbex-landingpage/images/bg1.jpg);
background-size: cover;
background-position: bottom center;
background-attachment: fixed;
overflow: hidden;
}
.page-header:before {
position: absolute;
width: 1000%;
height: 1000%;
left: 0;
top: 0;
background: rgba(0, 46, 97, 0.9);
content: "";
}
.page-header h2, .page-header h1  {
padding-top: 80px;
padding-bottom: 30px;
color: #fff;
font-size: 40px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
.page-header span {
font-weight: 300;
}
#realizations-list {
margin-bottom: 16px;
}
#realizations-list li {
position: relative;
display: block;
float: left;
width: 24.125%;
margin-right: 1.1666%;
margin-top: 1.1666%;
background:#fff;
}
#realizations-list li:nth-child(4n){
margin-right: 0;
}
#tabs-page, #tabs {
padding: 12px 0;
}
#tabs li, #tabs-page ul li {
display: block;
float: left;
height: 48px;
padding: 0 20px;
margin: 3px 5px 2px 0;
text-align: center;
background: #f3f3f3;
cursor: pointer;
}
#tabs li, #tabs-page ul li a {
display: block;
color: #888;
font-size: 12px;
font-weight: 900;
line-height: 48px;
text-transform: uppercase;
}
#tabs li:hover,
#tabs-page ul li:hover {
background: #e7e9ec;
}
#tabs li.active,
#tabs li.active:hover,
#tabs-page ul li.current_page_item,
#tabs-page ul li.current_page_item:hover,
#tabs-page ul li.current-menu-item,
#tabs-page ul li.current-menu-item:hover {
background: #002d61;
color: #fff;
}
#tabs-page ul li.current_page_item a,
#tabs-page ul li.current_page_item:hover a,
#tabs-page ul li.current-menu-item a,
#tabs-page ul li.current-menu-item:hover a {
color: #fff;
}
#image-thumbnail {
width: 100%;
height: 600px;
background-size: cover;
background-position: center;
}
.post-image {
position: relative;
overflow: hidden;
}
.gallery {
padding-bottom: 26px;
}
#image-thumbnail .gallery img {
width: 100px;
height: 100px;
border: 3px solid #fff !important;
}
#image-thumbnail .gallery dl {
width: 100px !important;
}
#image-thumbnail .gallery .gallery-item {
margin: 20px 10px 0 !important;
}
#image-thumbnail .gallery .gallery-item:first-child {
margin-left: 20px !important;
}
#gallery-text {
position: absolute;
width: 80%;
padding: 50px;
right: 0;
bottom: 20px;
background: rgba(0, 45, 97, 0.9);
}
#gallery-text.hide {
right: -80% !important;
}
#gallery-text p {
color: #fff;
}
#arrow-icon {
position: absolute;
display: block;
width: 48px;
height: 48px;
left:-48px;
top: 0;
background: rgba(0, 45, 97, 0.9);
font-size: 19px;
text-align: center;
line-height: 48px;
cursor: pointer;
}
#arrow-icon i {
color: #fff;
}
.img-link-small {
position: absolute;
display: block;
width: 48px;
height: 48px;
border: 1px solid #fff;
bottom: 20px;
left: 20px;
text-align: center;
}
.img-link-small:hover {
border: 1px solid #002d61;
}
.img-link-small i {
color: #fff;
text-align: center;
line-height: 48px;
}
.img-link-small:hover i {
color: #002d61;
}
.info-span span {
display: inline-block;
padding: 20px 40px 20px 0;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
.info-span span i {
padding-right: 5px;
color:  #002d61;
}
#bredcrumb {
width: 100%;
text-align: center;
}
#bredcrumb strong {
color: #fff;
}
#bredcrumb a, #bredcrumb {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
}
#bredcrumb {
color: #fff;
}
#bredcrumb li {
display: block;
float: left;
}
#bredcrumb a {
color: #82b2e7;
}
#bredcrumb a:hover {
text-decoration: underline;
}
#bredcrumb span {
display: inline-block;
width: 3px;
height: 3px;
margin: 3px 15px;
background: #fff;
}
.has-bredcrumb h2 {
padding-bottom: 0;
}
.rdfa-breadcrumb p {
color: #fff;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.rdfa-breadcrumb a {
color: #82b2e7;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.rdfa-breadcrumb a:hover {
text-decoration:underline;
}
.separator {
color: #fff;
margin: 0 12px;
}
.rdfa-breadcrumb2 {
color: #fff;
font-size:11px;
}
.white {
padding-left: 30px;
}
.white li {
color: #fff;
border-color: #fff;
z-index: 300;
position: relative;
opacity: 0.3;
}
.white li:hover,
.white li.active {
opacity: 1;
background: transparent;
}
#footer-contact-tabs ul li {
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 11px 20px;
cursor: pointer;
line-height: 1;
}
#footer-contact-tabs ul li.first {
line-height: 2;
}
#footer-contact-tabs ul li span,
#footer-contact-tabs ul li strong {
display: block;
}
#footer-contact-tabs ul li span {
font-size: 10px;
font-weight: 400;
}
#workers {
margin-bottom: 45px;
}
#workers ul li {
display: block;
float: left;
width: 25%;
padding: 0 25px 0 0;
}
#workers ul li img {
max-width: 100%; }
#workers .contact-info h3 {
font-size: 16px;
font-weight: 700;
margin-top: 16px;
}
#workers .contact-info p {
padding-bottom: 0;
}
#workers .contact-info a {
color: #002d62;
font-size: 13px;
}
.page h3 {
line-height: 1.2;
padding-bottom: 10px;
font-size: 26px;
}
.owl-theme .owl-dots .owl-dot span {
border-radius: 0;
}
#calendarium {
border-top: 5px solid #002d61;
padding: 30px 0;
}
#calendarium li {
position: relative;
display: block;
float: left;
width: 14.28%;
padding: 0 5px;
color: #888888;
font-size: 13px;
text-align: center;
line-height: 1.5;
}
#calendarium li:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
margin-left: -10px;
border: 5px solid #002d61;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
background: #f3f3f3;
top: -42px;
left: 50%;
}
#calendarium li span {
display: block;
color: #002d61;
font-weight: 600;
}
.full-width-list li {
width: 100% !important;
float: none !important;
}
.page-content ul {
padding-bottom: 16px;
}
.page-content ul li {
width: 100%;
float: none;
}
#press-room .press-room-thumbnail {
display: block;
float: left;
width: 18%;
}
#press-room .press-room-thumbnail img {
max-width: 100%;
height: auto;
}
#press-room article {
display: block; 
float: left;
width: 82%;
padding-left: 30px;
}
#press-room a h2 {
color: #1E1E1E;
}
#press-room i,
.widget-wrapper i {
padding-right: 7px;
}
.attachemnt {
color: #002D62;
}
#press-room-list {
margin: 16px 0;
}
#press-room-list li {
display: block;
padding-bottom: 26px;
}
#press-room-list li:last-child {
padding-bottom: 0;
}
.full-width-widget {
float: none;
width: 100%;
padding: 0;
}
table {
width: 100%;
}
table td {
padding: 16px 0;
width: 25%;
}
table td img {
max-width: 170px;
width: 100%;
height: auto;
}
table h3 {
display: block;
font-weight: 900;
font-size: 15px;
color: #1E1E1E;
line-height: 1;
text-align: left;
padding-bottom: 0 !important;
}
table h4 {
display: block;
color: #4B4B4C;
font-size: 13px;
font-weight: 600;
line-height: 1.6;
}
table tr td p:first-child {
padding-top: 8px;
}
table p {
padding-top: 0;
padding-bottom: 0;
}
a {
color: #002D62;
}
.page-content a:hover {
text-decoration: underline;
color: #2B8FFF;
}
.contact-form form {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.contact-form input {
color: #888;
}
.contact-form form .input-group {
display: block;
width: 100%;
margin-top: 8px;
}
.contact-form form radio-group {
display: block;
width: 100%;
}
.contact-form form .input-group input[type="text"],
.contact-form form .input-group input[type="file"]{
display: block;
width: 100%;
height: 48px;
border: 0;
padding: 0 16px;
line-height: 48px;
background: #fff;
}
.disableInputField {
display: inline-block;
width: 100%;
height: 48px;
margin: 0px;
padding: 0px 16px;
border: 0;
background: #fff;
}
.fileUpload {
position: absolute;
overflow: hidden;
display:inline-block;
padding: 0 !important;
right: 0;
top: 0;
}
.uploadBtn {
display: inline-block;
padding: 0 16px !important;
color: #fff;
font-size: 14px;
font-weight: 900;
line-height: 48px;
text-transform: uppercase;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.contact-form form button,
.contact-form form span {
padding: 0 16px;
}
.contact-form .input-wrapper {
position: relative;
display: block;
width: 100%;
}
.required {
position: relative;
}
.required:before {
position: absolute;
content: "*";
color: red;
right: -10px;
top: 6px;
font-size: 12px;
}
input[type=radio] {
display:none;
}
input[type=radio] + label {
margin-right: 30px;
cursor: pointer;
}
input[type=radio] + label:before {
content: "";  
display: inline-block;  
width: 15px;  
height: 15px;  
vertical-align:middle;
margin-right: 8px;  
background-color: #fff;  
}
input[type=radio]:checked + label:before {
content: "\f04d"; color:#002D62;
background-color: #FFF; 
font-family: FontAwesome;
font-size:10px;
text-align:center;
line-height:15px;
}
#menu ul {
padding-bottom: 0;
}
#logotypes .image,
#logotypes .type {
display: block;
float: left;
width: 50%;
}
#logotypes li:before, #download li:before {
display: none;
}
#logotypes .type ul {
margin-top: 40px;
}
#logotypes .type ul li,
#download li {
padding-bottom: 7px;
}
#logotypes .type ul i,
#download i {
padding-right: 5px;
} #newsletter {
position: relative;
width: 100%;
min-height: 345px;
background:url(//hartbex.pl/wp-content/themes/hartbex-landingpage/images/bg1.jpg);
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}
#newsletter:before {
position: absolute;
width: 1000%;
height: 1000%;
content: "";
background: rgba(43, 143, 255, 0.75);
}
#newsletter h2 {
padding: 120px 0 30px 0;
color: #fff;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
}
#social-media,
#newsletter-form {
display:block;
float: left;
width: 50%;
}
#social-media ul li {
display: block;
float: left;
margin-right: 12px;
position: relative;
z-index: 1;
}
#social-media ul li a {
display: block;
width: 48px;
height: 48px;
border: 1px solid #fff;
color: #fff;
font-size: 19px;
line-height: 44px;
text-align: center;
}
#social-media ul li a:hover {
border: 1px solid #002e62;
color: #002e62;
}
#newsletter-container {
position: relative;
}
#newsletter-container input {
width: 100%;
height: 48px;
border: none;
line-height: 48px;
padding-right:100px;
padding-left: 12px;
}
#newsletter-container button {
position: absolute;
top: 0;
right: 0;
width: 88px;
}
#newsletter-container button,
.contact-form button,
.fileUpload {
height: 48px;
border: 0;
background: #002e62;
color: #fff;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
cursor: pointer;
}
#newsletter-container button:hover,
.contact-form button:hover,
.fileUpload:hover,
.fileUpload:focus {
background: #2b8fff;
}
#f-left,
#f-right {
display: block;
float: left;
width: 50%;
}
#f-left p,
#f-right p {
padding: 30px 0 !important;
}
#f-left strong,
#f-right strong {
color: #002e62;
font-weight: 900;
}
#f-right p {
text-align: right;
}
.form-message {
padding: 15px;
border: 1px solid #002D62;
text-align: center;
}
.form-message .message {
padding-bottom: 0;
text-align: center;
text-transform: uppercase;
color: #002D62;
}
.media-gallery a {
display: block;
float: left;
width: 15.66%;
height: 258px;
margin: 0.5%;
text-align: center;
background: #fff;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.media-gallery a img {
max-width: 100%;
height: auto;
max-height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
} #coutner {
width: 715px;
margin: 2.5em auto 7em;
}
#coutner .chart {
display: inline-block;
width: 125px;
height: 125px;
margin: 0 55px;
vertical-align: top;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#coutner .chart,
#coutner .chart span {
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
#coutner .chart {
color: #1e1e1e;
font-size: 13px;
}
#coutner .chart span {
color: #002d61;
display: block;
margin-bottom: 24px;
font-size: 18px;
line-height: 7em;
}
#coutner .chart canvas {
position: absolute;
left: 0;
top: 0;
}
#landing-page-bg .owl-carousel4 .owl-stage-outer {
overflow: hidden;
}
#gallery {
margin-bottom: 30px;
}
#gallery .gallery img {
border: 0;
height: auto;
}
form .error {
border: 1px solid #F00 !important;
} body.home {
overflow: hidden;
}
body.home.loaded {
overflow: visible;
}
#preloader {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
background: #002D62;
color: #fff;
}
.loaded #preloader {
display: none;
}
#preloader .inner {
margin-top: -72.5px;
margin-left: -37.5px;
position: absolute;
left: 50%;
top: 50%;
}
#preloader .thecube {
width: 75px;
height: 75px;
margin: 0 auto;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#preloader .logo {
width: 100%;
margin-top: 30px;
text-align: center;
}
#preloader .logo .text-1 {
display: block;
font-size: 26px;
font-weight: 700;
}
#preloader .logo .text-2 {
display: block;
margin-top: 3px;
font-size: 10px;
font-weight: 400;
}
#preloader .thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#preloader .thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#preloader .thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
#preloader .thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
#preloader .thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
#preloader .thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
#preloader .thecube .c2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#preloader .thecube .c3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#preloader .thecube .c4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.owl-carousel .owl-item img {
height: auto;
}
#footer-contact-tabs ul {
padding: 0;
} #press-room {
padding-bottom: 0;
}
#press-room .title {
padding-top: 0;
}
.pagination-list {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.pagination-list .page-numbers,
#press-room .pagination-list span {
display: inline-block;
padding: 20px 10px;
color: #4b4b4c;
font-size: 12px;
font-weight: 400;
}
.pagination-list a.page-numbers:hover {
color: #002d62 !important;
}
.pagination-list .current {
position: relative;
color: #002d62 !important;
font-weight: 700 !important;
}
.pagination-list .current:before {
position: absolute;
width: 100%;
height: 3px;
left: 0;
bottom: 0;
content: "";
background: #002d62;
} form {
position: relative;
}
.form-loader {
display: none;
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
z-index: 100;
background: rgba(255, 255, 255, 0.8);
color: #002E62;
}
.form-loader .inner {
margin-top: 50px;
}
.form-loader .thecube {
width: 75px;
height: 75px;
margin: 0 auto;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.form-loader .logo {
width: 100%;
margin-top: 30px;
text-align: center;
}
.form-loader .logo .text-1 {
display: block;
font-size: 26px;
font-weight: 700;
}
.form-loader .logo .text-2 {
display: block;
margin-top: 3px;
font-size: 10px;
font-weight: 400;
}
.form-loader .thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.form-loader .thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.form-loader .thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #002E62;
-webkit-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.form-loader .thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.form-loader .thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.form-loader .thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.form-loader .thecube .c2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.form-loader .thecube .c3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.form-loader .thecube .c4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.title.align-center h2 {
text-align: center !important;
} canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image: url();
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
} .popup-message-custom {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 99999999;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
}
.popup-message-custom.visible {
display: block;
}
.popup-message-custom .content {
width: 100%;
max-width: 400px;
min-height: 100px;
margin-left: -200px;
position: fixed;
z-index: 1;
top: 50%;
left: 50%;
background-color: #fff;
}
.popup-message-custom .inner {
padding: 50px 20px 20px 20px;
text-align: center;
}
.popup-message-custom .close {
position: absolute;
top: 15px;
right: 15px;
font-size: 2em;
cursor: pointer;
}
.popup-message-custom .title {
padding: 0;
margin-bottom: 10px;
color: #002D62;
font-size: 1.5em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.popup-message-custom p {
font-size: 16px;
text-align: center;
}
.popup-message-custom strong {
font-weight: 700;
} @media screen and (max-width: 1220px) {
#landing-page-bg .owl-carousel .owl-item img {
height: auto;
}
#landing-page-bg .blue-header {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
#landing-page-bg .col-title {
position: relative;
width: calc(33.33333% - 4px);
padding: calc(33.3333% - 4px) 0px 0px;
margin-top: 2px;
font-size: 0.7em;
}
#landing-page-bg .left-column .blue-header {
margin-left: 2px;
}
#landing-page-bg .right-column .blue-header {
margin-right: 2px;
}
#landing-page-bg .blue-header span.icon-key, .blue-header i {
font-size: 3.3em;
}
i.fa-building-o {
font-size: 3.6em !important;
}
#landing-page-bg .blue-header h2 {
font-size: 1.5em; 
line-height: 1.5em;
}
#landing-page-bg .blue-header.margin-top {
margin-top: calc(100% + 4px);
}
#logo {
width: 50%;
}
#menu-icon {
display: block;
}
#menu {
display: none;
}
#menu.open {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 104px;
background: #fff;
border-top: 3px solid #002e62;
}
#menu ul li ul {
display: none;
}
#menu ul.menu > li {
width: 100%;
text-align: center;
}
#menu > div {
width: 100%;
}
#menu ul.menu > li a,
.pin-menu #menu ul.menu > li > a { 
padding: 18px 16px;
}
#menu ul.menu > li a:before {
display: none;
}
#menu ul.menu > li a:hover,
#menu ul.menu > li.current-menu-item a,
.current_page_ancestor a {
color: #002e62;
}
#header {
position: fixed !important;
}
#header.pin-menu {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.pin-menu a img {
max-height: 104px !important;
}
.pin-menu .gray-area {
display: block;
}
#news {
width: 100%;
float: none;
}
#about-info {
width: 100%;
float: none;
padding-left: 0;
padding-bottom: 40px;
}
.owl-nav-map {
display: none;
}
.owl-carousel-map {
display: none !important;
}
#map-wrapper #adress-wrapper {
width: 100%;
min-height: 82px;
height: auto;
bottom: 0;
top: auto;
}
#map-wrapper .title {
padding: 16px;
}
}
@media screen and (max-width: 980px) {
.widget-wrapper {
text-align: center;
}
.widget-wrapper img {
display: inline-block;
width: 100%;
float: none;
}
.widget-content ul li {
width: 100%;
}
.widget-wrapper img {
display: inline-block;
width: 100%;
float: none;
margin-bottom: 20px;
}
.widget-content {
width: 100%;
padding-left: 0;
}
.widget-content header.title h2::before {
left: 50%;
margin-left: -23px;
}
.widget-content header.title h2 {
text-align: center;
}
}
@media screen and (max-width: 768px) {
#landing-page-bg .col-2 {
width: 100%;
}
#landing-page-bg .col-images {
display: none;
}
#landing-page-bg .col-title {
width: 100%;
}
#landing-page-bg .blue-header.margin-top {
margin-top: 0;
}
#landing-page-bg .blue-header h2 {
width: 80%;
font-size: 2em;
}
#landing-page-bg .right-column .blue-header h2 {
float: right;
}
#landing-page-bg .blue-header span.icon-key, .blue-header i {
font-size: 4.3em !important;
}
#landing-page-bg .left-column .blue-header,
#landing-page-bg .right-column .blue-header {
margin-left: 0;
}
.realization-circles {
display: none;
}
#calendarium {
border: 0;
padding: 0;
}
#calendarium li {
width: 100%;
margin-bottom: 30px;
}
#calendarium li:before {
display: none;
}
table td.mobile-hide {
display: none;
}
table {
margin-bottom: 30px;
}
table td {
display: block;
width: 100%;
padding: 0;
}
table h3 {
padding-top: 30px;
}
table h2 {
margin-top: 30px;
}
}
@media screen and (max-width: 700px) {
#social-media, #newsletter-form {
float: none;
width: 100%;
}
#newsletter h2 {
padding: 50px 0 30px;
}
.widget-wrapper > img {
display: none;
}
.widget-content {
float: none;
width: 100%;
padding-left: 0;
}
#f-left, #f-right {
width: 100%;
}
#f-left p, #f-right p {
text-align: center;
}
#f-left p {
padding-bottom: 0 !important;
}
#f-right p {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#newsletter {
min-height: 200px;
}
}
@media screen and (max-width: 500px) {
#press-room-list .wrapp-text .press-room-thumbnail {
display: none;
}
#press-room-list .wrapp-text article {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 440px) {
#landing-page-bg .col-title {
padding: 44% 0 0;
}
#section-boxes {
margin-top: 50px;
margin-bottom: 50px;
}
#landing-page-bg .blue-header h2 {
font-size: 1.6em;
}
#menu-zmiana-jezyka, #menu-zmiana-jezyka-de {
display: none;
}
#realizations .owl-nav,
#realizations2 .owl-nav,
#news .owl-nav {
float: left;
margin-top: 15px;
}
header.title h2 {
display: block;
}
}
@media screen and (max-width: 420px) {
#header a img {
max-height: 80px !important;
}
#menu.open {
top: 110px;
}
.page-header h2, .page-header h1 {
padding: 35px 0;
font-size: 26px;
}
#tabs li, #tabs-page ul li {
width: 100%;
margin-right: 0;
}
}
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text, .fbc-page .fbc-wrap .fbc-items li a {
font-weight:600;	
margin-left: 3px;
}
.fbc-items {
font-weight:400;	
color:#fff;
font-size:11px;
text-transform: uppercase;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 4px;
}
ol > li > a > span {
font-weight: bold !important;
margin-right: 3px !important;
}