/* General settings */

body {
    color: #94a0ac;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}

@media (max-width: 1200px) {
    body {
        font-size: 14px;
    }
}

@media (min-width: 1600px) and (min-resolution: 110dpi) {
    body {
        font-size: 22px;
    }
}

a, a:hover {
    text-decoration: none;
}

.container {
    min-width: 992px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding: 0;
}

.row {
    margin: 0;
}

.no-padding {
    padding: 0 !important;
}

.col-equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.green {
    color: #2bb37e !important;
}

.bg-green {
    background-color: #2bb37e;
}

.alert {
    margin-top: 20px;
}

/* Fu**ing EU cookie info */

#cookieInfo {
    background-color:#EEE;
    width: 100%;
    height:57px;box-shadow: 0 -2px 4px #B2B2B2;
    border-top:1px solid #B2B2B2;
    bottom:0;left:0;
    right:0;
    width:100%;
    text-align:center;
    z-index: 12000;
}

#cookieInfo .textInfo {
    color: #444;
    font-size: 12px;
    font-family: "Verdana";
    width: 950px;
    margin:0 auto;
    padding: 10px 0 10px;
    text-align: center;
    line-height:16px
}

#cookieInfo .text a {
    color: #0088C8;
    text-decoration: none;
    font-weight: bold;
}

#cookieInfo .cookieInfoClose {
    float:right;
    margin: 10px auto;.
    text-decoration: none
}

/* Header classes */

.hdr-logo {
    position: relative;
    top: 50px;
    left: 37px;
}

.hdr-img-main {
    height: 404px;
    background-image: url("../pict/hdr_main_right.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f0f0f0;
}

.hdr-main-txt {
    font-size: 27px;
    font-weight: 600;
    position: absolute;
    top: 135px;
    left: 37px;
}

.hdr-main-scale {
    position: relative;
    top: 280px;
    left: 37px;
}

.hdr-page-scale {
    position: relative;
    top: 80px;
    left: 37px;
}

.hdr_page_ofirmie {
    height: 208px;
    background-image: url("../pict/hdr_page_ofirmie.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f0f0f0;
}

.hdr_page_oferta {
    height: 208px;
    background-image: url("../pict/hdr_page_oferta.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f0f0f0;
}

.hdr_page_portfolio {
    height: 208px;
    background-image: url("../pict/hdr_page_portfolio.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f0f0f0;
}

.hdr_page_kontakt {
    height: 208px;
    background-image: url("../pict/hdr_page_kontakt.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f0f0f0;
}

/* Menu classes */

.menu-row {
    margin-top: 4px;
    margin-bottom: 4px;
}

.menu {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 58px;
    height: 58px;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    background-color: #a7a7a7;
    margin-left: 2px;
    margin-right: 2px;
}

.menu-first {
    margin-left: 0;
}

.menu-last {
    margin-right: 0;
}

.menu.active {
    height: 58px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #2bb37e;
}

.menu a {
    color: #ffffff;
}

.menu:hover {
    background-color: #2bb37e;
}

/* Page title & bradcrumbs */

.title {
    padding: 15px;
}

.title h1 {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 600;
}

.breadcrumb {
    font-size: 13px;
    background: none;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.breadcrumb li:first-of-type {
    font-weight: 600;
    color: #94a0ac;
}

.breadcrumb li:not(:first-of-type) {
    list-style: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAMAAAAcTszfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI1QTFRFK7N+OriH0u/kMraDX8ae8/v3LbSAquHLRLyN9fv54fTtU8GWeM+tP7qKsuPQS7+S+v386/jz/f793PLqt+XTjNa5o97HhdO1bMqlTsCTbsunreHNZ8iiw+rbNbeE1/Hn5vbw+Pz6fdGwntzEyOvekdi8MLWBh9S2WMOZuebVN7eG2vLo8Pr2lNm+////5sbqwgAAAC90Uk5T/////////////////////////////////////////////////////////////wBapTj3AAAAI0lEQVQI12Ng0AMBBgYGCQjFwCAOoRgYwaQmiCcGklMDqwQAVtsD0gyH+n0AAAAASUVORK5CYII=')  no-repeat left center;
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 0px;
    margin-left: 5px;
    color: #c5c5c5;
}

.breadcrumb > li + li:before {
    padding: 0;
    content: "";
}

.breadcrumb a {
    color: #94a0ac;
}

/* Main page clases */

.main-row-1, .main-row-3 {
    margin-top: 2px;
    margin-bottom: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.main-row-1-txt {
    background-color: #f9f6ed;
    height: 100%;
    margin-right: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.main-row-1-img {
    margin-left: 1px;
    margin-right: 1px;
}

.main-row-1 img {
    width: 100%;
}

.main-row-1 ul {
    margin-left: 0;
    margin-top: 10px;
    padding-left: 20px;
}

.main-row-1 ul li {
    color: #2bb37e;
}

.main-row-1 ul li span {
    color: #94a0ac;
}

.main-row-2 {
    background-image: url("../pict/main_2.png");
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f6f6f6;
    height: 303px;
    font-size: 1.35em;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.main-row-3 {
    margin-top: 2px;
    margin-bottom: 4px;
}

.main-row-3-txt {
    background-color: #f9f6ed;
    height: 100%;
    margin-left: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.main-row-3-img {
    margin-left: 0;
    margin-right: 2px;
}

.main-row-3 img {
    width: 100%;
}

.bullet {
    padding-left: 0;
    margin-bottom: 0;
}

.bullet li {
    list-style: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAMAAACEqFxyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI1QTFRFK7N+OriH0u/kMraDX8ae8/v3LbSAquHLRLyN9fv54fTtU8GWeM+tP7qKsuPQS7+S+v386/jz/f793PLqt+XTjNa5o97HhdO1bMqlTsCTbsunreHNZ8iiw+rbNbeE1/Hn5vbw+Pz6fdGwntzEyOvekdi8MLWBh9S2WMOZuebVN7eG2vLo8Pr2lNm+////5sbqwgAAAC90Uk5T/////////////////////////////////////////////////////////////wBapTj3AAAAg0lEQVR42mzSSRaCQAxF0Yc0AqKi2PeioGKz/+XpcfwyvINK/SQE/Y8UMOgpQzFR5nApjWG8V4ZVrkzYZMaQzpQheiqTLGNj+MdG6hcbrUI12Aomt1geiSppmT7k3+H7LHE2Jwm/vsoEu8VUBlu/ZA33o+xyOJLNt/NMDmKX2/l8BRgAouQxR6eZxlcAAAAASUVORK5CYII=') no-repeat left center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 0px;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #2bb37e;
    height: 29px;
    line-height: 23px;
}

.bullet li a {
    color: #2bb37e;
    text-decoration: none;
}

/* Pages general styles */

.left-menu {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    color: #2bb37e;
    font-weight: 600;
}

.left-menu a {
    color: #2bb37e;
}

.left-menu.active, .left-menu.active a {
    color: #94a0ac;
}

.left-menu-triangle {
    display: none;
    float: right;
    width: 0;
    height: 0;
    margin-top: -8px;
    border-style: solid;
    border-width: 20px 40px 20px 0;
    border-color: transparent #f2f2f2 transparent transparent;
}

.left-menu-triangle.active {
    display: block;
}

.right-content {
    min-height: 500px;
    background-color: #f2f2f2;
    padding: 20px;
    margin-bottom: 5px;
}

.right-content ul li {
    color: #2bb37e;
}

.right-content ul li p {
    font-size: 1.4em;
    color: #94a0ac;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

/* Oferta styles */

.oferta {
    padding: 15px;
}

.diagram-container {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.diagram-box {
    background-color: #f2f2f2;
    width: 300px;
    height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 17px;
}

.diagram-box.inline {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}

.diagram-arrow {
    width: 300px;
    height: 26px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.diagram-arrow-l {
    float: left;
    position: static;
    left: 0%;
}

.diagram-arrow-r {
    float: right;
}

/* Portfolio styles */

.portfolio-box {
    background-color: #f2f2f2;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 5px;
}

.portfolio-box h2 {
    font-size: 1.45em;
    font-weight: 500;
    padding-top: 0;
    margin-top: 0;

}

.portfolio-box ul {
    margin-left: 0;
    padding-left: 20px;
}

.portfolio-box ul li {
    color: #2bb37e;
}

.portfolio-box ul li span {
    color: #94a0ac;
}

.portfolio-image {
    margin-bottom: 5px;
}

.portfolio-image img {
    width: 100%;
}

/* Kontakt styles */

form#ContactForm {
    margin-top: 30px;
    margin-bottom: 20px;
}

form#ContactForm .input-group {
    display: block;
    font-size: 17px;
}


.contact-info {
    padding-top: 20px;
    margin-left: 20px;
    text-align: center;
}

.contact-box {
    background-color: #f2f2f2;
    padding: 30px;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    vertical-align: middle;
}

.contact-box-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-box:first-of-type {
    margin-right: 2px;
}

.contact-box:last-of-type {
    margin-left: 2px;
}

.contact-box-block {
    padding-bottom: 10px;
}

.contact-form .control-label {
    font-weight: normal;
    text-align: right;
    padding-right: 20px;
}

.contact-form .form-control {
    height: 40px;
    text-align: left;
}

.contact-form-row {
    min-height: 40px;
    text-align: left;
    margin-left: 0 !important;
    margin-bottom: 4px;
}

.contact-form-row sup, .contact-form-row-txta sup, .contact-form-required sup {
    color: red;
}

.contact-form-row-txta {
    height: 150px;
    text-align: left;
    margin-left: 0 !important;
    margin-bottom: 4px;
}

.contact-form-row-txta textarea {
    height: 150px !important;
}

.contact-submit-btn {
    margin-top: 4px;
    background-color: #2bb37e !important;
    color: #ffffff;
    font-weight: 600;
    border-radius: 0;
    border: none;
}

/* Stopka clases */

.stopka-up {
    background-color: #2bb37e;
    color: #ffffff;
}

.stopka-up div {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.stopka-up a {
    color: #ffffff;
    font-size: 0.9em;
}

.stopka-dn {
    background-color: #209869;
    height: 60px;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
}