/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 .uk-sticky-placeholder{height: 70px;}
 .tm-navbar-container{padding:0;}
 .uk-position-relative{background-color: #375988;height: 70px;}
 .uk-navbar-nav > li > a{color: #fff;font-weight: 500;}
 .uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li > a:active{color: #fff;font-weight: 500;}
 .uk-navbar-nav > li > a:before{background: rgba(255, 255, 255, 0.8);}
 .tm-navbar .uk-dropdown{background: #f3f1f1;padding: 10px;}
 .uk-nav-navbar > li > a {color: #6f6f6f;}
 .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus{color: #375988;}
 .uk-dropdown, .uk-dropdown-blank{width: 250px;}
 .uk-block-default {background: #f2f2f2;}
 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{border: solid 2px #ececec;padding: 0 !important;background-color: #fff; transition-property: all;transition-duration: 0.40s;transition-delay: 0.00s;}
 .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{
     -webkit-transform-origin: 50.00% 50.00%;
    -moz-transform-origin: 50.00% 50.00%;
    -ms-transform-origin: 50.00% 50.00%;
    -o-transform-origin: 50.00% 50.00%;
    transform-origin: 50.00% 50.00%;
    -webkit-transform: skewX(0deg) skewY(0deg) scale(1.03, 1.03) rotate(0deg) translate(0px, 0px);
    -moz-transform: skewX(0deg) skewY(0deg) scale(1.03, 1.03) rotate(0deg) translate(0px, 0px);
    -ms-transform: skewX(0deg) skewY(0deg) scale(1.03, 1.03) rotate(0deg) translate(0px, 0px);
    -o-transform: skewX(0deg) skewY(0deg) scale(1.03, 1.03) rotate(0deg) translate(0px, 0px);
    transform: skewX(0deg) skewY(0deg) scale(1.03, 1.03) rotate(0deg) translate(0px, 0px);
     transition-property: all;
    transition-duration: 0.40s;
    transition-delay: 0.00s;
    -webkit-box-shadow: 10px 10px 49px -10px #000;
    -moz-box-shadow: 10px 10px 49px -10px #000;
    box-shadow: 10px 10px 49px -10px #000;
 }
 .woocommerce ul.products li.product a h2, .woocommerce-page ul.products li.product a h2{padding: 0 10px;color: #375988;font-weight: 500;font-size: 18px;line-height: 1.1;}
 .woocommerce a.button, .woocommerce-page a.button{color: #375988;font-weight: 600;background: #fff;border: 2px solid #375988;height: 35px;margin: 0 15px;}
 .woocommerce a.button:not(.uk-button-link):before, .woocommerce-page a.button:not(.uk-button-link):before, 
 .woocommerce button.button:not(.uk-button-link):before, .woocommerce-page button.button:not(.uk-button-link):before, 
 .woocommerce input.button:not(.uk-button-link):before, .woocommerce-page input.button:not(.uk-button-link):before, 
 .woocommerce input[type="submit"]:not(.uk-button-link):before, .woocommerce-page input[type="submit"]:not(.uk-button-link):before, 
 .woocommerce #respond input#submit:not(.uk-button-link):before, .woocommerce-page #respond input#submit:not(.uk-button-link):before, 
 .woocommerce #content input.button:not(.uk-button-link):before, .woocommerce-page #content input.button:not(.uk-button-link):before{background: #375988;}
 .woocommerce a.button:active, .woocommerce-page a.button:active{background: #375988;border:0;}
 .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{font-size: 24px;color: #375988;}
 .home ul.columns-4 li.product{width: 22% !important;}
 .contakts-adres span{font-weight: 600;}
 .contakts-adres h3{color: #375988;}
 .colmn-1, .colmn-2{width: 50%;float: left;}
 table p{margin:0;text-align: center;}
 .home #tm-bottom-a{height: 240px;background: url(/wp-content/themes/yoo_chester_wp/images/paralax.jpg) center;background-size: 100% 100%;background-attachment: fixed;}
 #tm-bottom-b{padding: 20px 0;}
 #tm-content{}
 .grid-layout .content-dark {color: #fff;}
 .grid-layout .post-excerpt {font-size: .8em;line-height: 1.5;}
 #tm-footer{background-color: #375988;color: #fff;padding-top: 30px;}
 #tm-footer .uk-icon-small{color: #fff;}
 #tm-footer .tm-footer .my-footer .footer-col{width: 25%;float: left;text-align: left;}
 #tm-footer .my-footer div.footer-col ul li{list-style: none;}
 #tm-footer .my-footer div.footer-col ul li a{color: #fff;padding-left: 20px;position: relative;}
 #tm-footer .my-footer div.footer-col ul li a:after{content: "";display: block;position: absolute;top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
    left: 0;width: 6px;height: 10px;background: url(/wp-content/themes/yoo_chester_wp/images/arrow.png);}
.copiright{display: table;width: 100%;}  
@media (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 47%;}
    #tm-footer .tm-footer .my-footer .footer-col{width: 50%;}
    .soc-links{text-align: center !important;}
     .soc-links a{padding:0 10px;}
     .home ul.columns-4 li.product{width: 47% !important;}
     .lptw-grid-element{height: auto !important;}
}

@media (max-width: 480px) {
    #tm-footer .tm-footer .my-footer .footer-col{width: 100%;}
     .grid-layout .post-excerpt {font-size: 1em;}
     .home ul.columns-4 li.product{width: 100% !important;}
     .home #tm-bottom-a{height: 140px;background-size: cover;}
     .colmn-1, .colmn-2{width: 100%;}
}
  .header-photo {
  display: block;
  margin: 0 auto;
}