﻿/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.phone-mobile {

      position: relative;
    top: -55px;
    
}

.poisk {
      position: relative;
    top: -33px;
      left: -10px;
}



.korzina {    position: relative;
    top: -31px;
    right: 45px;
    float: right;
    }

.-klient{position: relative;
    top: 40px;
  left: 15px;}

.tm-main 
{position: relative;
top:-50px;}


#system-message-container{
  display:none;
}
.name {   
  font-size: 16px;
  padding-top: 10px;}

.kupit {
      width: 100px;
    height: 50px;
    font-size: 18px;
    background-color: #b2b2b2;
    font-weight: 900;
}





.jshop input[type="radio"] {
   display: none ;
}
#one:checked ~.one {
	background: #b2b2b2;
  width: 110px; 
  height: 45px; 
  border: solid 1px #b2b2b2;
  transition: .2s;
  color: black;
  margin-right: -5px;
}

#two:checked ~.two {
	background: #b2b2b2;
  width: 110px; 
  height: 45px; 
  border: solid 1px #b2b2b2;
  transition: .2s;
  color: black;
  margin-left: -5px;
}
  
.two, .one {
	
  width: 110px; 
  height: 45px; 
  border: solid 1px #b2b2b2;
  transition: .2s;
  color: black;
  margin-right: -5px;
  line-height:3;
      font-weight: 600;
    padding: 0px 10px;
}

.strpoisk input[type="text"] {
  border: 0px solid white;
  font-size: 22px;
  border-bottom: solid 2px #c0c0c0;
  width: 160px;
}
.strpoisk {padding-top: 100px;}

.pagination-start {display:none;}

 .last_visited_products a img {
    height: 200px;
   width: auto;}
    
.latest_products  a img {
    height: 133px;
   width: auto;
    float: left;}

.latest_products .name {
    display:none;}

        header{
            text-align: center;
            font-size: 38px;
            line-height: 50px;
            height: 50px;
            background: #000;
            color: #fff;
            
                
            // set animation
            -webkit-transition: all 1s ease;
            transition: all 1s ease;
             
        }
        
        header.sticky {
            position: fixed;
            font-size: 24px;
         top:0px;
            
            background: #000;
            text-align: left;
             width: 100%;
          z-index: 999;
        }

header.sticky ul{ text-align: center; }

header .tm-logo{
position: relative ;
  top: -252px;
 transition: 0.5s linear;}

header.sticky .tm-logo{
 position: relative;
  top: -110px;
  left: 10px;
   transition: 0.5s linear;
 }


.SINCE {
    position: relative;
    top: -90px;
    right: 200px;
    
}

.god {
   position: relative;
    top: -160px;
        padding-left: 380px;   
}



header .tm-navbar {position: relative;
    top: -193px;
    padding-left: ;}

header.sticky .tm-navbar {position: relative;
    top: -167px;
    padding-left: ;}
header.sticky .SINCE {display:none;}
header.sticky .god {display:none;}

@media (min-width: 768px){
  .tm-main 
{position: relative;
top:0px;
      width: 72%;
    margin: auto;}
  
.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img {
    max-width: 100%;
    height: 399px;
  vertical-align: middle;}  
  
  #pavel{    width: 200px;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;}
  
  header .tm-navbar {
    position: relative;
    top: -25px;
     margin: 0 auto;
    max-width: 900px;
}
  
.block_item {}
  }
/*
 * Blocks
 */
.tm-toolbar,
.tm-headerbar
 {
  margin-top: 140px;
  margin-bottom: 25px;
   height: 1px;
}

.registr {    position: relative;
    top: -35px;
    
    float: right;
    right: 25px;}


/* Only large screens */
@media (min-width: 930px) {
header .tm-navbar {
    position: relative;
    top: -25px;
     margin: 0 auto;
    max-width: 1100px;
}
  
  .tm-main 
{position: relative;
top:-10px;
      width: 73%;
    margin: auto;}
  
 
  
  }
/* Only large screens */
@media (min-width: 1360px) {
 .tm-navbar,
   {
    margin-top: 50px;
    margin-bottom: 35px;
  }
  
  header .tm-navbar {
    position: relative;
    top: -25px;
    padding-left: ;
    margin: 0 auto;
    max-width: 1250px;
}
  header.sticky .tm-logo{
 position: relative;
  top: -105px;
  left: 50px;
  }
  
  .uk-navbar-nav > li {
    float: left;
    position: relative;
    padding-left: 17px;
  }
  
  
.tm-main 
{position: relative;
top:-10px;
      width: 83%;
    margin: auto;}
  
  
  
}

.mod_ext_owl_carousel_jshopping_products .ext-item-wrap .item_name{
    display: none;
}

#podpis{width:100px;}

#img_rassilka_ok {
      width: 500px ;
    float: none ;
      padding-right: 10px;
    padding-bottom: 10px;
}

.button-slide {
  padding: 15px 20px;
  border: 2px solid white;
  margin: 10px 10px;
  display: inline;
}

.button-slide:hover {
 
  border: 2px solid black;
 
}

#logo-to-text {padding-bottom:10px;}
#logo-to-text3 {padding-bottom:4px;}

.grey-button {
  
  background: #b2b2b2;
    width: 150px;
    height: 45px;
    border: solid 1px #b2b2b2;
    transition: .2s;
    color: black;
       margin-right: -26px;
}

.white-button {
  
  background: #fff;
    width: 150px;
    height: 45px;
    border: solid 1px #b2b2b2;
    transition: .2s;
    color: black;
    margin-right: -5px;
}
