/*
Theme Name: VW WACHAL a.s.
Theme URI: http://www.wachal.cz
Author: Roman Klabal
Author URI: http://roman.klabal.cz
Description: Šablona pro VW WACHAL a.s.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wachal
*/

 body, html, table {
     margin: 0px;
     padding: 0px;
     font-family: Ubuntu, sans-serif;
     font-size: 14px;
     font-weight : 300;
     color: #141414;
     line-height: 25px;
}
 * {
    box-sizing: border-box;
	box-sizing: border-box; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-smoothing: antialiased; 
	text-rendering: optimizeLegibility; 
	text-shadow:none;
}
 body {
     background: #fff;
     text-align: center;
}
 body.sub {
    background-position: center -215px;
}
 h1,h2,h3, h4, h5 {
    margin: 0px;
     padding: 0;
     font-size: 40px;
     font-family: Ubuntu, sans-serif;
     line-height: 46px;
     color: #373737;
     font-weight: 500;
     text-align: left;
     text-transform: uppercase;
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 20px;
     background: none !important;
}
 h2 strong {
    color: #003461;
     display: block;
     font-size: 15px;
     font-weight: 300;
     line-height: 30px;
}
 h2 span {
    font-size: 40px;
     color: #373737;
     font-weight: 300;
    display: block;
}
 h2:after, #links h3:after, #content h1:after {
    content: " ";
     width: 87px;
     height: 3px;
     background: #004785;
     position: absolute;
     bottom: 0;
     left: 0;
     margin: auto;
}
.hpsortiment  h2 {
    margin: 0px !important;
     padding: 0 !important;
     font-size: 40px !important;
     font-family: Ubuntu, sans-serif;
     line-height: 46px !important;
     color: #373737 !important;
     font-weight: 500 !important;
     text-align: left !important;
     text-transform: uppercase !important;
     position: relative !important;
     padding-bottom: 15px !important;
     margin-bottom: 20px !important;
     background: none !important;
}
.hpsortiment h2:after {
	display:block  !important;
    content: " ";
     width: 87px !important;
     height: 3px !important;
     background: #004785 !important;
     position: absolute !important;
     bottom: 0 !important;
     left: 0 !important;
     margin: auto !important;
}
#content.hpsortiment {
	padding: 50px 0 30px;
}
 #about h1 {
	 font-weight:normal;
 }
 #about h1:after {
    content: " ";
     width: 87px;
     height: 3px;
     background: #004785;
     position: absolute;
     bottom: 0;
     left: 0;
     margin: auto;
}
 #links h3:after {
    height: 1px;
     width: 50px;
     background: #fff;
}
 .center h2:after {
    right: 0;
}
 h3 {
    font-size: 16px;
     font-weight: 500;
}
 h4 {
    font-size: 14px;
     font-weight: 500;
     margin: 10px 0 0 0;
}
 p {
    padding: 0px;
     margin: 12px 0px 12px 0px;
     text-align: left;
}
 a img {
    border: 0px solid;
     display: inline-block;
}
 a {
    text-decoration: none;
     color: #141414;
}
 a:hover {
    text-decoration: none;
}
 strong {
    font-weight: 700;
}
 ul {
    list-style: none;
     margin: 0;
     padding: 10px 0;
}
 ul li {
     margin: 0;
     padding: 0;
     line-height: 18px;
}
 hr {
    background: #bcbec1;
     height: 1px;
     margin: 0;
     padding: 0;
     border: 0;
     width: 100%;
}
 form * {
    font-family: Ubuntu, sans-serif;
}
 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #93989d;
     font-weight: 300;
     font-style: italic;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #93989d;
     font-weight: 300;
     font-style: italic;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: #93989d;
     font-weight: 300;
     font-style: italic;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #93989d;
     font-weight: 300;
     font-style: italic;
}
 .right {
    float: right;
     text-align: right;
}
 .left {
    float: left;
     text-align: left;
}
 .center, .center p, #content .wrapper .center {
    text-align: center;
}
 .justify {
    text-align: justify;
}
 .skrejt, .hide {
    display: none;
}
 .error {
    color: red;
}
 .clear {
    width: 100%;
     clear: both;
}
 .nowrap {
    white-space: nowrap;
}
 .btn {
    font-size: 12px;
     color: #fff !important;
     text-transform: uppercase;
     background: #004785;
     padding: 7px 20px;
     line-height: 22px;
     font-weight: 300;
     display: inline-block;
     position: relative;
     z-index: 1;
     text-decoration: none !important;
}
 .btn:hover {
    background: #1a2e4b;
     color: #fff;
     text-decoration: none !important;
}
 .table {
    display: table;
}
 .flex {
     display: flex;
     flex-direction: row;
     align-items: start;
}
 .site {
    position: relative;
     width: 100%;
     text-align: center;
     overflow: hidden;
     float: left;
}
 .gray {
    background: #f6f8fa;
}
 .wrapper {
    position: relative;
     margin: 0px auto;
     width: 100%;
     max-width: 1140px;
     display: inline-block;
     text-align: left;
     min-width: 1140px;
     margin: 0;
     vertical-align:top;
     box-sizing: border-box;
}
 .center .wrapper, .center .wrapper * {
    text-align: center;
}
 .hamburger {
     font: inherit;
     display: inline-block;
     overflow: visible;
     margin: 0;
     padding: 8px 0 0 0;
     margin: 0 15px;
     cursor: pointer;
     transition-timing-function: linear;
     transition-duration: .15s;
     transition-property: opacity,filter;
     text-transform: none;
     color: inherit;
     border: 0;
     background-color: transparent;
     display: none;
}
 .hamburger-box {
     position: relative;
     display: inline-block;
     width: 25px;
     height: 21px;
     vertical-align: top;
}
 .hamburger--squeeze.is-active .hamburger-inner {
     transition-delay: .12s;
     transition-timing-function: cubic-bezier(.215,.61,.355,1);
     transform: rotate(45deg);
}
 .hamburger-inner {
     top: 50%;
     display: block;
     margin-top: -2px;
}
 .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
     position: absolute;
     width: 25px;
     height: 1px;
     transition-timing-function: ease;
     transition-duration: .15s;
     transition-property: transform;
     border-radius: 4px;
     background-color: #000;
}
 .hamburger--squeeze .hamburger-inner {
     transition-timing-function: cubic-bezier(.55,.055,.675,.19);
     transition-duration: 75ms;
}
 .hamburger-inner:after, .hamburger-inner:before {
     display: block;
     content: "";
}
 .hamburger-inner:before {
     top: -7px;
}
 .hamburger-inner:after {
     bottom: -7px;
}
 .hamburger--squeeze .hamburger-inner:before {
     transition: top 75ms ease .12s,opacity 75ms ease;
}
 .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
     background-color: #fff;
}
 .hamburger--squeeze.is-active .hamburger-inner:before {
     top: 0;
     transition: top 75ms ease,opacity 75ms ease .12s;
     opacity: 0;
}
 .hamburger--squeeze.is-active .hamburger-inner:after {
     bottom: 0;
     transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
     transform: rotate(-90deg);
}
 .hamburger--squeeze .hamburger-inner {
     transition-timing-function: cubic-bezier(.55,.055,.675,.19);
     transition-duration: 75ms;
}
 .hamburger--squeeze .hamburger-inner {
     transition-timing-function: cubic-bezier(.55,.055,.675,.19);
     transition-duration: 75ms;
}
 .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
     background-color: #004785;
}
 #top {
}
 #top .logo {
    float: left;
     margin: 16px 0 0 20px;
}
 #top .right {
    display: flex;
     align-items: center;
     padding: 0 28px 0 0;
}
 #top #socials {
    padding: 25px 0 25px 15px;
     margin: 0 32px;
     display: inline-block;
     vertical-align: middle;
     border-left: 1px solid #dee7ef;
    height: 75px;
}
#top .linka {
    height: 75px;   
    width: 1px;
    display: inline-block;
    background: #dee7ef;
    margin: 0 42px;
    }
 #socials a {
    float: left;
     width: 25px;
     height: 25px;
     border-radius: 25px;
     background: #ccd8e3;
     color: #fff;
     text-align: center;
     line-height: 25px;
     margin: 0 3px 0 2px;
     font-size: 16px;
     display: none;
}
 #socials a:hover {
    background: #003c71;
}
 #top form {
    height: 25px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
}
 #top form input[type="text"] {
    border: 0;
     outline: 0;
     height: 25px;
     font-size: 14px;
     padding-left: 40px;
     color: #77838e;
     width: 200px;
}
 #top form button {
    border: 0;
     outline: 0;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     color: #aeb8c1;
     width: 17px;
     height: 17px;
     background: none;
     cursor: pointer;
     font-size: 17px;
}
 #top form button:before {
    font-family: FontAwesome;
     content: "\f002";
     position: absolute;
     width: 17px;
     height: 17px;
     left: 0;
     top: 0;
}
 #top a.lang {
    padding: 0 12px;
     line-height: 29px;
     border: 1px solid #cfd5da;
     text-transform: uppercase;
     color: #cfd5da;
     text-decoration: none;
     color: #004785;
     border: 1px solid #004785;
}
#top a.phone {
    background-color: #9fcb41;
    color: #fff;
	border:1px solid #87B526;
	font-size:17px;
}
 #top a.lang:hover {
    opacity: 0.6;
}
 .logo img {
    height: 45px;
}
 .menu-link {
    float: right;
     padding: 0 10px;
     font-size: 35px;
     margin: 0 5px;
     display: none;
}
 .menu-link i {
    line-height: 30px;
}
 #menu {
    background: rgba(0,71,133,0.9);
     z-index: 1;
     margin-bottom: 40px;
}
 .hp #menu {
     top: 44px;
     margin-top: -44px;
     margin-bottom: 0;
}
 #menu a {
    font-size: 12px;
     line-height: 20px;
     color: #fff;
     text-decoration: none;
     font-weight: 500;
     padding: 12px 20px;
     display: block;
     text-transform: uppercase;
}
 #menu a:hover {
    background: #194973;
}
 #menu li {
    display: inline-block;
     float: left;
     border-right: 1px solid #194973;
}
 #menu li:last-of-type {
    border: none;
}
 #menu ul {
    margin: 0;
     padding: 0;
     list-style: none;
     float: left;
}
 #slider {
}
 #slider ul {
    padding: 0;
}
 #slider .bx-controls-direction {
    position: absolute;
    /*max-width: 1140px;
    */
     left: 0;
    right: 0;
     margin: auto;
     height: 20px;
     bottom: calc(20% - 40px);
     width: 100%;
}
 #slider .arrows {
    width: 52%;
     position: relative;
     height: 20px;
     left: 48%;
}
 #slider .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
     white-space: nowrap;
     color: #fff;
     background: none;
     width: 100px;
     height: 20px;
     line-height: 20px;
     text-decoration: none;
     opacity: 0.6;
     font-size: 12px;
     text-transform: uppercase;
     top: 0;
     bottom: 0;
     margin: auto;
}
 #slider .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
}
 #slider .bx-wrapper .bx-controls-direction a i {
    width: 20px;
     height: 20px;
     border-radius: 10px;
     background: #fff;
     text-align: center;
     line-height: 20px;
     color: #004785;
     font-size: 20px;
     padding-right: 2px;
     vertical-align: middle;
     margin-right: 7px;
}
 #slider .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 20%;
     right: auto;
     text-align: left;
}
 #slider .bx-wrapper .bx-controls-direction a.bx-next {
    text-align: right;
     right: auto;
     left: calc(20% + 100px);
}
 #slider .bx-wrapper .bx-controls-direction a.bx-next i {
    padding-right: 0px;
     padding-left: 2px;
     margin-right: 0px;
     margin-left: 7px;
}
 #slider ul li {
}
 #slider img {
    width: 100%;
     height: 100%;
     height: calc(100vh - 75px);
     object-fit: cover;
     min-height: 500px;
}
 #slider .descr {
    position: absolute;
     width: 52%;
     right: 0;
     top: 0;
     height: 100%;
     background: url("images/shape.png") no-repeat;
     background-size: cover;
     display: flex;
    /*align-items: flex-end;
    */
     flex-direction: column;
}
 #slider .descr:after {
    content: " ";
     display: block;
     height: 40%;
     width: 100%;
}
 #slider .descr2 {
    color: #fff;
     font-size: 13px;
     line-height: 22px;
     font-weight: 300;
     text-align: left;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 80%;
     padding-top: 50px;
     /*max-width: 570px;
     max-width: calc(570px + 2%);*/
     padding-left: 15%;
     margin-left: 5%;
     padding-right: 20px;
     position: absolute;
    top: 0;
    left: 0;
    width: 95%;
}
 #slider h2 {
    font-size: 32px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
     padding-bottom: 20px;
     line-height: 35px;
     margin: 0;
}
 #slider h2:after {
    content: "";
     display: none;
}
 #slider h2 strong {
    display: block;
     font-size: 54px;
     font-weight: 700;
     line-height: 55px;
     padding-bottom: 10px;
     color: #fff;
}
 #slider p {
    padding: 0;
     margin: 0;
}
 #slider a.more {
    margin-top: 20px;
}
 #about {
    padding: 50px 0 30px;
     color: #77838e;
	 border-bottom:1px solid #ddd;
	 margin-bottom:30px;
}

#about a {
	color:#77838e;
	border-bottom:1px dotted #77838e;
}
#about a:hover {
	border-bottom:1px solid #77838e;
}

 .ring {
    display: inline-block;
     width: 200px;
     height: 200px;
     border-radius: 100px;
     border: 2px solid #004785;
     color: #004785;
     font-size: 22px;
     font-weight: 700;
     text-align: center;
     position: relative;
     margin: 30px 20px 20px;
     padding: 0 15px;
     vertical-align: top;
}
 .ring span {
    display: flex;
     height: 100%;
     flex-direction: column;
     justify-content: center;
}
 .ring b {
    display: block;
     font-size: 83px;
     line-height: 73px;
}
 #video {
    background: #004785;
     padding: 80px 0 90px;
}
 #video h2, #video h2:after {
    color: #fff;
     background: #fff;
}
 #reference {
    padding: 130px 0 140px 0;
}
 .gray .flex {
    align-items: center;
}
#kariera.gray .flex, #kariera2.gray .flex {align-items: flex-start;}
 .gray .left {
    flex: 1;
     padding-right: 60px;
     text-align: justify;
     color: #77838e;
}
 .gray p {
     text-align: justify;
}
 .gray .left a {
    color: #004785;
     text-decoration: underline;
}
 .gray .left a:hover {
    text-decoration: none;
}
 .gray .items {
    width: 60%;
     width: 63%;
     text-align: right;
}
 .item {
    display: inline-block;
     width: 225px;
     height: 198px;
     position: relative;
     background: #004785;
     overflow: hidden;
     margin: 2px 5px;
     text-align: left;
}
 .item:hover span.img img {
    opacity: 0.2;
}
 .item span.img {
    position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
}
 #content .item span.img img, #reference .item span.img img {
    width: 100%;
     height: 100%;
     object-fit: cover;
     -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
     margin: 0;
}
 .item span.img:after{
    content: " ";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: -moz-linear-gradient(bottom, rgba(0,52,97,1) 1%, rgba(0,56,105,1) 22%, rgba(0,62,116,0) 53%, rgba(0,71,133,0) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(bottom, rgba(0,52,97,1) 1%,rgba(0,56,105,1) 22%,rgba(0,62,116,0) 53%,rgba(0,71,133,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to top, rgba(0,52,97,1) 1%,rgba(0,56,105,1) 22%,rgba(0,62,116,0) 53%,rgba(0,71,133,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003461', endColorstr='#00004785',GradientType=1 );
    /* IE6-9 */
}
 .item .text {
    position: absolute;
     bottom: 0;
     display: block;
     color: #fff;
     padding: 0 18px;
}
 .item .text h3, #content .item .text h3 {
    margin: 0;
     padding: 0;
     line-height: 1;
     color: #fff;
     font-size: 15px;
     line-height: 18px;
     margin-bottom: 15px;
}
 .item .hide {
    width: 189px;
     display: block;
     top: -10px;
     position: relative;
}
 .item .more {
    display: block;
}
 .item .more:hover {
    text-decoration: underline;
}
 .item .more i {
    height: 14px;
     width: 14px;
     background: #fff;
     border-radius: 7px;
     text-align: center;
     margin-right: 5px;
     vertical-align: middle;
     color: #004785;
}
 .item .more i:before {
    margin-left: 2px;
}
 #articles {
    padding: 70px 0 60px 0;
}
 .blog #articles {
    padding: 10px 0;
}
 #switcher {
    padding-bottom: 5px;
}
 #switcher a {
    display: inline-block;
     border: 2px solid #fff;
     padding: 2px 15px;
     font-size: 13px;
     font-weight: 700;
     color: #004785;
     text-transform: uppercase;
     text-decoration: none;
     margin: 5px 0;
}
 #switcher a.active, #switcher a:hover {
    border: 2px solid #004785;
}
 #switch_cont > div {
    display: none;
}
 #switch_cont > div.active {
    display: block;
}
 .article {
    margin: 32px 0 0 0;
     padding: 0 0 32px 0;
}
 .article .img {
    width: 35%;
     position: relative;
}
 .article .img img {
    max-width: 100%;
	height: 100%; 
	object-fit: cover;
}
 .article .cont {
     text-align: justify;
     color: #77838e;
     font-size: 14px;
     line-height: 25px;
     flex: 1;
}
 .article .cont.has_thumb {
    padding-left: 4%;
}
 .article .cont * {
    text-align: left;
}
 .article .cont p {
    text-align: justify;
}
 .article .cont a.btn {
    padding-left: 45px;
     padding-right: 45px;
}
 .category {
    text-transform: uppercase;
     color: #fff !important;
     background: #004785;
     padding: 5px 10px;
     font-size: 11px;
     text-decoration: none;
     line-height: 12px;
     display: inline-block;
	  margin-left:3px;
}
 .stamp {
    position: absolute;
     left: 17px;
     top: 17px;
}
 span.date {
    background: #f6f8fa;
     font-size: 12px;
     color: #7c8c9a;
     line-height: 12px;
     padding: 5px 10px;
     display: inline-block;
     margin-left:3px;
}
 .article:nth-of-type(2n) {
    flex-direction: row-reverse;
}
 .article:nth-of-type(2n) .cont {
    padding-left: 0;
    text-align: right;
}
 .article:nth-of-type(2n) .cont.has_thumb {
     padding-right: 4%;
}
 .article:nth-of-type(2n) .cont * {
    text-align: right;
}
 .article:nth-of-type(2n) .cont p {
    text-align: justify;
}
 .article h3 {
    color: #004785;
     font-size: 32px;
     margin: 0px 0 10px 0;
     padding: 0;
     line-height: 1;
     text-transform: none;
}
 .article h3 a {
    color: #004785;
 }
 #kariera {
    padding: 100px 0 110px 0;
}
 #kariera .item {
    width: 342px;
}
 #kariera2 {
    padding: 100px 0;
}
 #kariera2 .flex > div {
    flex: 1;
     width: 50%;
}
 #kariera2 .flex .img {
     float:left;
     width: 150px;
    height: 120px;
    margin: 0 10px 10px 0;
     }
 #kariera2 .flex > div img {
    max-width: 100%;
     display: block;
     margin: 0 0 35px 0;
}
 #kariera2 .flex > div .img img {
        width: 100%;
        margin: 0;
        object-fit: cover;
        height: 100%;
     }
 #kariera2 .flex > div:first-of-type {
    padding-right: 20px;
}
 #kariera2 .flex > div:last-of-type {
    padding-left: 20px;
}
 #kariera2 .btn {
    padding-left: 30px;
     padding-right: 30px;
}
#kariera2 h2 {
    font-weight:400 !important;
	font-size:30px !important;
	line-height:30px !important;
}
 #links {
    background: #161f2b;
     padding: 70px 0;
     color: #96aabb;
     font-size: 12px;
     line-height: 25px;
}
 #links h3 {
    margin: 0;
     padding: 0 0 5px 0;
     color: #fff;
     font-size: 15px;
     line-height: 25px;
}
 #links .flex > div {
    flex: 1;
}
 #links ul {
    list-style: disc;
     padding: 15px 0 10px 15px;
}
 #links ul li {
    padding: 4px 0;
     text-transform: uppercase;
}
 #links a {
    color: #96aabb;
     text-decoration: none;
}
 #links a:hover {
    text-decoration: underline;
}
 #footer {
    background: #10161f;
     color: #96aabb;
     font-size: 12px;
     line-height: 22px;
     padding: 70px 0 30px 0;
}
 #footer a {
    color: #96aabb;
     text-decoration: none;
}
 #footer a:hover {
    text-decoration: underline;
}
 #footer .flex {
    margin-bottom: 15px;
}
 #footer .upper {
    align-items: center;
     margin: 0 0 25px 0;
}
 #footer .upper > a {
    flex: 0;
     margin: 0 20px 0 0;
}
 #footer .upper > a img {
    display: block;
}
 #footer h3 {
    color: #fff;
     margin: 0;
     display: block;
     font-size: 15px;
     line-height: 22px;
     text-transform: none;
     padding: 0;
}
 #footer .flex > * {
    flex: 1;
     margin: 10px;
}
 #footer .flex > div:first-of-type {
    margin-left: 0;
}
 #footer .flex > div:last-of-type {
    margin-right: 0;
}
 #footer .copy {
    text-align: center;
     color: #67788f;
     margin: 30px 0 0 0;
}
 #crumbs {
    font-size: 13px;
     color: #003461;
}
 #crumbs span {
    display: inline-block;
     padding: 0 5px;
}
 #crumbs a {
    text-decoration: none;
     color: #003461;
}
 #content {
    color: #77838e;
     padding: 0 0 50px 0;
}
 .blog #content {
    padding: 0;
}
 #content .wrapper, #content .wrapper p {
     /*text-align: justify;*/
}
 #content img {
    max-width: 100%;
     display: block;
     margin: 20px 0 10px;
}
 #content img.right {
    margin-left: 25px;
}
 #content a {
    color: #195991;
}
 #content a.btn {
    margin-top: 10px;
}
 #content h2 {
    font-size: 22px;
     color: #195991;
     line-height: 25px;
     padding: 0;
     margin: 30px 0 0 0;
}
 #content h2:after {
    display: none;
     content: "";
}
 #content h2.under:after {
    display: block;
     content: " ";
}
 #content h2.under {
    padding: 0 0 10px 0;
}
 #content h3 {
    font-size: 18px;
     color: #195991;
     text-transform: none;
     padding: 0;
     margin: 0;
}
 #content ul {
    list-style: disc;
     padding: 0 0 10px 15px;
}
 #content ul li {
    padding: 4px 0;
}
 #content .col {
    display: table;
}
 #content .column_blue {
    background: #e3eaf0;
    padding: 0 15px;
     font-size: 13px;
     font-style: italic;
     margin: 0;
}
.text_with_thumbnail {
    display: flex;
    flex-direction: row-reverse;
    align-items: start;
    padding: 10px 0;
}
.reference .text_with_thumbnail > div, .blog-detail .text_with_thumbnail.has_image_column > div {
    width: 60%;    
}
.image_column {
    flex: 1;
    width: auto;
    margin: 0 20px 0 0;
}

#content .image_column img{
    margin: 0;
}

 #kategorie {
    float: right;
     margin-top: 0px;
     margin-left: 85px;
     width: 345px;
     text-align: left;
     font-size: 13px;
     color: #747880;
}
#kategorie.thinner {
     margin-left: 45px;
     width: 270px;
}
 .blog-detail #kategorie {
    margin-top: 60px;
}
 #content #kategorie h2 {
    margin: 0 0 15px;
     color: #195991;
     text-transform: uppercase;
}
 #content #kategorie h3 {
    font-size: 15px;
     text-transform: uppercase;
     line-height: 1;
}
 #content #kategorie hr {
    background: #eaebec;
     margin: 10px 0 20px;
}
 #kategorie img {
    display: block;
     max-width: 100%;
     margin: 10px 0;
}
 #kategorie ul {
    list-style: none;
     padding: 10px 25px;
     background: #f3f5f6;
     margin: 15px 0;
}
 #kategorie ul.categories_important {
     background: #004785;
     border-radius: 4px;
}
 #kategorie ul li {
    border-bottom: 1px solid #d8dadb;
     padding: 10px 0;
}
 #kategorie ul li:last-of-type {
    border: none;
}
 #kategorie ul li a {
    text-transform: uppercase;
     text-decoration: none;
     color: #4b4b4b;
     font-size: 13px;
     display: block;
}
 #kategorie ul.categories_important li a {
     color: #fff;
     font-size: 15px;
}
 #kategorie ul li a:hover {
    text-decoration: underline;
}
 #kategorie ul li a.active {
    color: #004785;
}
 #kategorie ul.categories_important li a.active {
    color: white;
	text-shadow: 0 0 2px #FFFFFF;
}
 #kategorie ul li span {
    display: inline-block;
     text-decoration: none !important;
     padding-right: 10px;
}
 .reference #content h2, .blog-detail #content h2 {
    color: #373737;
     text-transform: none;
     margin: 15px 0 20px 0;
     padding-top: 15px;
}
 .reference .items {
    margin-left: -5px;
}
 .reference big {
    display: block;
     margin: auto;
     font-size: 32px;
     color: #373737;
     font-weight: 700;
     padding: 25px 0;
}
 .reference .btn.all {
    font-size: 15px;
     font-weight: 700;
     padding: 13px 30px;
     border-radius: 4px;
}
 .reference.detail #content h2 {
    text-transform: uppercase;
}
 .galerka {
    flex-wrap: wrap;
}
 .galerka > * {
    width: calc(50% - 10px);
     display: inline-block;
     vertical-align: top;
     margin: 10px 0;
    height: 250px;
    overflow: hidden;     
}
 #content .galerka img {
    max-width: 100%;
     display: block;
     margin: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
 .galerka > *:nth-of-type(2n) {
    margin-left:20px;
}

div#n2-ss-2 .n2-style-8c39bd1b5d1c821102353bb13550e669-simple {background: none !important;}
/*div#n2-ss-2 .nextend-thumbnail-default {margin-right: 40px; overflow: visible !important;}*/
div#n2-ss-2 .n2-style-849ec73b869594653fb7b26446980ef8-dot,div#n2-ss-2 .n2-style-849ec73b869594653fb7b26446980ef8-dot.n2-active, div#n2-ss-2 .n2-style-849ec73b869594653fb7b26446980ef8-dot:HOVER {margin: 1px 0 0 !important; padding: 8.7px 8px 8px !important; background: #002d55 !important;}
div#n2-ss-2 .n2-style-849ec73b869594653fb7b26446980ef8-dot.n2-active, div#n2-ss-2 .n2-style-849ec73b869594653fb7b26446980ef8-dot:HOVER {background: #002d55 !important;}
div#n2-ss-2 .nextend-thumbnail-default .nextend-thumbnail-scroller > div.n2-active:after {
    content: " ";
    position: absolute;
    right: -25px;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 38px 0 38px 25px;
    border-color: transparent transparent transparent #002d55;
}
div#n2-ss-2 .nextend-thumbnail-inner{ /*overflow: visible !important;*/}
div#n2-ss-2 .nextend-thumbnail-inner {width: 335px !important;}
div#n2-ss-2 .nextend-thumbnail-default .n2-ss-caption {display: flex !important; float: right; align-items: center;}
div#n2-ss-2 .n2-ss-thumb-image {float: left;}
div#n2-ss-2 .n2-ss-slider-1 {}

#content .vc_row {display: flex;}
#content .vc_row .vc_column_container {margin-top: 15px; margin-bottom: 15px;}
#content .vc_column_container>.vc_column-inner {height: 100%;}
#content .vc_column_container>.vc_column-inner .wpb_wrapper {height: 100%;}

#content .career_text {padding: 50px 45px; height: 100%; font-style: normal; font-size: 14px; line-height: 20px;}
#content .career_text ul {
	margin: 12px 0 0 20px;
}
#content .career_text a {
	transition: all 0.5s ease;
	text-decoration:underline;
}
#content .career_text a:hover {
	text-decoration:none;
	transition: all 0.5s ease;
}
#content .career_text.blue {background: #195991; color: #fff; margin: 0;}
    #content .career_text.blue * {color: #fff;}
    #content .career_text h3 {font-style: normal; font-size: 20px; line-height: 23px; color: #3a3e46;}
    #content .career_text h4 {font-style: normal; font-size: 20px; line-height: 23px; color: #3a3e46; margin:20px 0px 8px; padding-bottom:0px; text-transform:none;}
    #content .career_text p {margin: 12px 0 0 0; text-align:left; }
    #content .career_text.blue h3 {color: #fff;}    
    #content .career_text.large h3 {font-size: 30px; line-height: 34px;}
#content .career_text.grey {background: #f0f2f5; color: #747880;}

#content .person.item {background: #000; width: 100%; height: auto; margin: 0;}
 #content .person.item span.img:after{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,1) 77%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,1) 77%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,1) 77%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
opacity: 0.77;
z-index: 1;
}
#content .person.item span.img {position: unset; display: block;}
#content .person.item span.img img {position: relative; Z-INDEX: 1;}
#content .person.item.video-box span.img img {object-fit:cover;}
#content .person.item.video-box {
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}
#content .person.item .text {z-index: 1; width: 100%;}
#content .person.item .text h3 {font-size: 22px; line-height: 25px; display: block; text-align: center; margin-bottom: 25px;}
    #content .person.item .text h3 strong {display: block; font-weight: 400; font-size: 15px; line-height: 25px; padding-top: 5px;}
#content .person.item .hide {text-align: center; width: 100%; top: -20px;}
    #content .person.item .more {display: inline-block; margin: auto;}
    
#content .img {width: 100%; height: 100%;}
    #content .img img {width: 100%; height: 100%; object-fit: cover; margin: 0;}

 @media all and (max-width: 1140px) {
     .wrapper {
        max-width: none;
         min-width: 280px;
         padding: 0 4%;
    }
     #top #socials {
        padding: 10px 5px;
         margin-left: 0;
    }
     #top .logo {
        margin: 7px 5px 0;
    }
     .logo img {
        height: 30px;
    }
}
 @media all and (max-width: 850px) {
     #top {
        position: fixed;
         z-index: 1;
         background: #fff;
    }
     #top form {
        display: none;
    }
    #top .linka {
        display: none;
    }
     #top .right {
        padding-right: 0;
    }
    #top #socials {
        margin-left: 42px;
    }
     #menu {
        display: none;
         position: fixed;
         margin: 0 !important;
         top: 75px !important;
         background: rgba(0,71,133,0.95);
    }
     #menu ul {
        float: none;
    }
     #menu li {
        display: block;
         float: none;
    }
     #menu.active {
        display: block;
         right: 0;
    }
     .hamburger {
        display: block;
    }
     #slider {
        margin: 41px 0 0 0;
    }
     #content {
        margin: 80px 0 0 0;
    }
	#content.hpsortiment {
		margin-top:0px;
		padding: 20px 0 20px;
	}
     #slider {
        margin: 0;
        padding: 41px 0 0 0;
    }
     #slider .descr {
        width: 75%;
    }
     #slider .arrows {
        width: 75%;
         left: 25%;
    }
     #slider img {
        height: calc(100vh - 41px);
    }
     .gray .flex {
        display: block;
    }
     .gray .items {
        width: 100%;
         text-align: center;
         margin: 30px 0 0 0;
         display: inline-block;
    }
     .gray .left {
        padding-right: 0;
    }
     #kariera2 .flex > div, #kariera2 .flex > div:first-of-type {
        width: 100%;
         padding: 0 0 30px 0;
    }
     #footer .flex, #links .flex, .reference .items {
        flex-wrap: wrap;
         display: flex;
    }
     #footer .flex > * , #links .flex > div, .reference .items .item {
        flex: none;
         flex-grow: 1;
         margin: 10px;
    }
     #footer .flex.upper > * {
        margin: 10px 0;
    }
     #footer .flex > div:first-of-type {
        margin: 10px;
    }
     #links, #footer {
        padding: 35px 0;
    }
     .blog-detail #content .wrapper, .reference #content .wrapper {
        display: flex;
         flex-direction: column-reverse;
    }
     .blog-detail #content .wrapper .col, .reference #content .wrapper > div {
        display: block;
    }
     .blog-detail #content .wrapper #kategorie, .reference #content .wrapper #kategorie {
        margin: 0;
         width: 100%;
    }
}

 @media all and (max-width: 767px) {
    #content .vc_row {display: block;}
}

 @media all and (max-width: 640px) {
     #top #socials {
        display: none;
    }
     .logo img {
        height: 20px;
    }
     #top {
        padding: 3px 0;
    }
     #top a.lang {
        padding: 0 10px;
         margin: 2px 0 0 15px;
    }
     #slider .descr2 {
        height: 80%;
         padding-top: 0;
    }
     #slider .descr:after {
        height: 20%;
    }
     #slider .bx-controls-direction {
        bottom: calc(20% - 40px);
    }
    #slider p{
        display: none;
        }
    #slider h2    {
        font-size: 20px;
        line-height: 22px;
        }
    #slider h2 strong    {
        font-size: 30px;
        line-height: 30px;
        }
     h1,h2,h3, h4, h5 {
        font-size: 30px;
         line-height: 35px;
    }
	#content.hpsortiment h2 {
        font-size: 30px !important;
         line-height: 35px !important;
    }
     h2 span {
        font-size: 30px;
         color: #373737;
         font-weight: 300;
        display: block;
    }
     #about {
        padding: 40px 0;
    }
	#content .hpsortiment {
       padding: 40px 0;
    }
     #slider img {
        min-height: auto;
    }
     #reference, #articles, #kariera, #kariera2 {
        padding: 50px 0;
    }
     .article.flex {
        display: block;
    }
     .article .img {
        width: 100%;
    }
     .article .cont {
        padding: 0;
    }
	 .article h3 {
		margin-top: 10px;
	 }
    .text_with_thumbnail{
        display: block;
    }
    #content .column_blue{
        width: 100%;    
    }
    #content .column_blue p {
        margin: 0;
        padding: 12px 0;    
    }
    .text_with_thumbnail > div.image_column{
         width: 100%;
        margin: 15px 0 0;   
        }
     #menu {
         top: 41px !important;
    }    
    #content {
        padding: 0 0 50px 0;
    }    
    #top a.lang {display: none;}
    #top a.phone {display: inline-block;}    
}
 @media all and (max-width: 470px) {
     #slider .descr {
        width: 90%;
    }
     #slider .arrows {
        width: 90%;
         left: 10%;
    }
     #kariera .item {
        max-width: 100%;
         margin: 0;
    }
}

.cc-dismiss {
	text-decoration:none;
}
.wpb_content_element {
	margin-bottom:0px !important;
}

.document_list, .document_list_plain {
	padding-left:0px !important;
	margin-top:8px;
	margin-bottom:15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.document_list li {
	border-bottom:2px solid #004785;
}
.document_list li, .document_list_plain li   {
	display:flex;
	margin: 10px 0;
	background-color:#f0f2f5;
	color:#747880;
	padding: 15px !important;
    align-items: center;
    width: 18%;
    flex-direction: column;
    min-width: 200px;
}
.document_list_plain li {width: 100%; flex-direction: row; justify-content: space-between;}

.document_list li span {
    flex: 1;
    }
.document_list li a.button, .document_list_plain li a {
	color: #fff !important;
	text-transform: uppercase;
	background: #004785;
	padding: 7px 20px;
	line-height: 22px;
    margin: 5px 0;    
}
.document_list_plain li a {margin-left: 20px;}
.document_list li a.button:hover {
	background: #1a2e4b;
	color: #fff;
}
#content  .document_list .img {height: auto; margin-bottom: 15px;}
#content .document_list img { object-fit: cover;     object-position: top; border:1px solid #77838e; }
    #content  .document_list .img a {height: 120px; display: block;}
        

.reference_img {display: block; width: 100%; height: 200px;}
    #content .reference_img img {width: 100%; object-fit: cover; height: 100%;}

.cform {display: flex; flex-wrap: wrap; margin: 20px 0 0; align-items: center;}
    .cform label {width: 50%; margin: 8px 0; padding-right: 4%;}
    .cform label:nth-of-type(2n) {padding-right: 0;}
        .cform label > * {width: 100%;}
		.cform label .button {
			width:auto;			
		}
        .cform input[type="text"], .cform textarea, .cform select, .newsletter input[type="text"],  .newsletter input[type="email"] {padding: 5px;}
        .cform textarea {height: 100px;}
        .cform input[type="submit"] {    background: #195991; color: #fff; border: 0; padding: 20px 25px; text-transform: uppercase; cursor: pointer; font-size:14px; }
			
.contform {display: flex; flex-wrap: wrap; margin: 20px 0 0; align-items: center;}
    .contform label {width: 100%; margin: 0px 0 10px; padding-right: 0;}
    .contform label:nth-of-type(2n) {padding-right: 0;}
        .contform label > * {width: 100%;}
		.contform label .button {
			width:auto;			
		}
        .contform input[type="text"], .contform textarea, .contform select {padding: 5px;}
        .contform textarea {height: 100px;}
        .contform input[type="submit"] {    background: #195991; color: #fff; border: 0; padding: 20px 25px; text-transform: uppercase; cursor: pointer; font-size:14px; }
		
.newsletter input[type="submit"] {    background: #195991; color: #fff; border: 0; padding: 10px 15px; text-transform: uppercase; cursor: pointer; font-size:14px; }
.newsletter { display: flex; justify-content: center; /*align-items: center;*/}
    .newsletter > * {margin-top: 10px; margin-right:10px; margin-bottom:10px;}
	.newsletter .left { background: #f0f2f5; padding:10px 25px; }
	.newsletter .left h2 { margin-top:25px !important; }
    .newsletter .right {background: #195991; text-align: left; padding: 15px; min-width: 270px;}    
    .newsletter .right p {margin: 10px 0;}
    .newsletter input[type="submit"] {background: #fff; color: #141414;}
    .newsletter input[type="text"],  .newsletter input[type="email"] {background: #fff; margin: 5px 0 10px 0; border: 0; outline: 0; padding: 10px; width: 100%;}
    .newsletter label {color: #fff;}
.career {margin: 10px 0 0;}
    .career .item {width: 23%; margin: 10px 2% 10px 0; float: left; min-width: 250px;}
    
 @media all and (max-width: 1140px) {
    .document_list{justify-content: space-around;}
}     
        
 @media all and (max-width: 767px) {
    .cform label {width: 100%; padding-right: 0;}
    .cform label > * {max-width: 100%;}
	.conform label > * {max-width: 100%;}
}      

 @media all and (max-width: 600px) {
    .newsletter {display: block; padding: 5px;}
        .newsletter .left, .newsletter .right {float: none; display: block;}
    }

 @media all and (max-width: 500px) {
    .document_list_plain li {display: block;}
    .document_list_plain li a {margin: 20px 0 0 0; display: block; text-align: center;}
    }
	
.career_offer_main p {
	font-size:18px;
	margin:0px !important;
	line-height:35px !important;
}
.mb15 {
	margin-bottom:20px !important;
}
.mb10 {
	margin-bottom:0px !important;
}
.mt0 {
	margin-top:0px !important;
}

.career_offer_alt {
	background: #f0f2f5;
	font-size:18px;
	padding:20px;
}
.career_offer_alt p {
	margin:0px !important;
}
.fw500 {
	font-weight:500 !important;
}
.uc {
	 text-transform: uppercase !important;
}
 
.bx-clone { display: none }

.newsletter ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#333;
    opacity: 1; /* Firefox */
}

.newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#333;
}

.newsletter ::-ms-input-placeholder { /* Microsoft Edge */
    color:#333;
}

.blue-text {
	color: #195991;
}

.nav-links {
	border-top:2px solid #EBEBEB;
	margin:20px 0px 20px;
	padding-top:20px;
}
.page-numbers {
  border: 0;
  margin: 0;
  border-radius: 5px;
  padding: 9px 18px;
  color: #fff !important;
  background: #999;
  display: inline-block;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  font-size: 16px;
  margin:5px 5px;
  cursor: pointer;
}
.page-numbers:hover {
  background: #666;
}
.page-numbers.current {
  background: #004785;
}

.ryear {
	position:absolute;
	top:0px;
	right:0px;
	padding:2px 8px;
	color:#fff;
	background-color:#93989d;
	opacity:0.8;
	z-index:5;
}

div.alert-message {
	display: block;
	padding: 13px 12px 12px;
	font-weight: normal;
	font-size: 16px;
	color: white;
	background-color: #2ba6cb;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 20px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	position: relative;
}
div.alert-message p {
	margin: 0px;
}
div.alert-message.success {
	background-color: #5da423;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.warning {
	background-color: #e3b000;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error {
	background-color: #c60f13;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message a.close {
	color: #333;
	position: absolute;
	right: 4px;
	top: -1px;
	font-size: 17px;
	opacity: 0.2;
	padding: 4px;
}
div.alert-message a.close:hover, div.alert-box a.close:focus {
	opacity: 0.4;
}

table.price_table {
	margin-top:15px;
	border-collapse:collapse;
	border-spacing: 0;
}
table.price_table td {
	padding:4px 8px;
	border:1px solid #DEDEDE;
}

/*
#######################################################
# CSS for the Category and Products pages, using GRID #
#######################################################	
*/

/*
##############
# Categories #
##############
*/

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #content .category_list li {
		display:block;
		float:left;
		width:210px;
		height:230px;
		margin:0px 8px 8px 0px;
	}
}

#content .category_list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   grid-template-rows:1fr 1fr 1fr 1fr 1fr ;
   grid-gap: 15px;
   list-style: none;   
}

#content .category_list li {
   box-shadow: 0px 0px 10px 1px rgba(20, 20, 20, 0.1);
   padding: 10px 10px 0px 10px;
   border:1px solid #E3E3E3;
   transition: all 0.5s ease-in-out;
}
 
#content .category_list a {
   display: flex;
   flex-direction: column;
}

#content .category_image img {
   object-fit: contain;
   height: 150px;
   padding-bottom: 10px;
   margin: auto;
   transition: all 0.5s ease-in-out;
}

#content .category_list h3 {
   text-align: center;
   line-height: 1.2;
   padding-top:5px;
   padding-bottom: 10px;
   color:#3a3e46;
}

#content .category_list li:hover {
   border:1px solid #195991;
}
#content .category_list li:hover img {
   transform: scale(1.08);   
}
#content .category_list li:hover h3 {
	color:#195991;
}

@media (max-width : 480px) {
   #content .category_list {
      grid-template-columns: 1fr ;
    }

    #content .category_image img {
       height: 100px;
       padding-top: 5px;
    }
}

@media (min-width: 481px) and (max-width : 800px) {
   #content .category_list {
      grid-template-columns: 1fr 1fr 1fr;
    }

    #content .category_image img {
      height: 120px;
      padding-top: 5px;
    }
}

@media (min-width: 801px) and (max-width : 1000px) {
   #content .category_list {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    #content .category_image img {
      height: 135px;
    }
}

/*
############
# Products #
############	
*/

#content .wrapper.wrapper-flex {
   display: flex;
   margin: auto;  
}

#content .category_sidebar_list {
   background-color: #195991;
   list-style: none;
   margin-right: 40px;
   width: 250px;
}

#content .category_sidebar_list .active, #content .category_sidebar_list li:hover {
   background-color: #2ba6cb;
}

#content .category_sidebar_list a {
	display:block;
   color: white;
   padding: 12px 15px;
}

#content .category_sidebar_container ul {
   padding: 0px;
}

#content .category_sidebar_list li {
   padding: 0px;
   border-bottom:1px solid #246CAB;
}

#content .category_products {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 15px;
   
}
#content .category_products.full-width {
   grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #content .category_products a {
		display:block;
		float:left;
		width:270px;
		margin:0px 8px 8px 0px;
		height:580px;
	}
	.price_list_col {
		display:block;
		float:left;
		width:33%;
	}
}

#content .category_products a{
   border:1px solid #E3E3E3;
   padding: 8px;
   transition: all 0.2s ease-in-out;
}

#content .category_products img {
   height: 150px;
   object-fit: contain;
}

#content .category_product_box .product_sale, #content .category_product_box .product_new {
   display: inline-block;
   width: 45%;
   color: white;
   text-transform: uppercase;
   padding: 5px;
   text-align: center;
   font-weight:bold;
   font-size:14px;
}

#content .category_product_box .product_sale {
   background-color: #ff402e;
   float: left;
}

#content .category_product_box .product_new {
   background-color: #9fcb41;
   float: right;
}

#content .category_product_box img {
   margin-top: 40px;
}

#content .category_product_box h3 {
   text-align: center;
   line-height: 1.3;
   font-size: 16px;
   margin-bottom: 18px;
}

#content .category_product_box .product_prices .price_list{
   display: grid;
   text-align: center;
   grid-template-columns: 1fr 1fr 1fr;
}

#content .price_list {
   margin: 10px 0px 10px 0px;
}

#content .price_list .col_a, .col_b {
   border-right: solid 1px #ccc;
}

#content .price_list .col_a, .col_b, .col_c {
   font-size: 14px;
   line-height:1.2;
}

.price_list_col_title {
   font-weight: 600;
   margin-bottom:10px;
   padding-bottom:3px;
   font-size:15px;
   border-bottom:1px dotted #ccc;
}
.price_list_amount_vat, .price_list_amount {
	font-weight:bold;
	margin-bottom:8px;
}
.price_list_amount_vat span, .price_list_amount span {
	font-weight:normal;
	color:#666;
}

#content .product_note {
   font-size: 14px;
   color: grey;
   text-align:center;
   padding-bottom: 7px;
   padding-top:7px;
   line-height:1.2;
}

#content .product_deposit {
   font-weight: 600;
   text-align:center;
}

#content .product_button {
   background-color: #195991;
    color: white;
    padding: 5px 7px 5px 7px;
    text-transform: uppercase;
    margin-top: 10px;
    text-align: center;
	font-weight:bold;
   font-size:14px;
}

#content .product_prices {
   text-align: center;
   color:#3a3e46;
}

#content .category_products a:hover {
   border:1px solid #195991;
}

#content .price_from_amount_vat, .price_quote {
   font-weight: 600;
   line-height: 1.3;
   font-size:16px;
}
.price_quote {
	padding:5px 12px;
}

@media (max-width : 480px) {
   #content .wrapper .category_sidebar_container {
      display: none;
   }
   #content .category_products {
      grid-template-columns: 1fr ;
   } 
   #content .category_products.full-width {
      grid-template-columns: 1fr ;
   }
   #content .category_products img {
      margin: auto;
      height: 120px;
   }
}

@media (min-width: 481px) and (max-width : 800px) {
   #content .category_sidebar_list {
      max-width: 200px;
   }
   
   #content .category_products {
      grid-template-columns: 1fr ;
   }
   #content .category_products.full-width {
      grid-template-columns: 1fr ;
   }
   #content .category_products img {
      height: 140px;
      margin:auto;
   }
}

@media (min-width: 801px) and (max-width : 1000px) {
   #content .category_products {
      grid-template-columns: 1fr 1fr;
   }
   #content .category_products.full-width {
      grid-template-columns: 1fr 1fr;
   }
   #content .category_products img {
      height: 140px;
   }
}

#home-image {
	padding-top:50px;
}
#home-image img {
	max-width:100%;
}

/* Doprava */
#content .career_text.grey table td {
	color: #747880 !important;
}
.doprava_cena {
	text-align:right;
	font-weight:bold;
	white-space: nowrap;
}
#content .career_text table td {
	line-height:normal;
}
#home-image-fw {
	margin-top:45px;
}
#home-image-fw img {
	max-width:100%;
}
.pum-container {
	/*background-image:url('images/vanoce-tile.png');*/
	background-repeat:repeat;
}