body{font-family: 'Roboto', sans-serif;}
.spec-info{background: #F5F5F5; font-size: 110%;padding: 20px; font-weight: bold;margin: 20px; }
.br6{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.big_banner{background: url(../img/big-head.jpg) no-repeat center center;padding: 10px 0; color: #fff;}
.big_banner h1{font-size: 400%;line-height: 180%;text-transform: uppercase;font-weight: bold;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}

.logo{font-weight: bold; line-height: 100%;font-size: 230%;padding: 20px 0;}
.phone{padding: 10px 0 0 0; font-size: 130%;}
.phone span{color: gray; font-size: 80%;}

.masthead{margin: 10px 0;}
.nav-justified>li>a{background: #29B6F6; color: #fff; font-weight: bold; border-right:2px solid #fff;font-size: 120%;}
.nav-justified>li:last-child>a{border-right:none;}
.nav-justified>li>a:hover{background: #36CC4B;}
h2.part-h2{font-size: 200%; line-height: 160%; text-transform: uppercase; font-weight: bold;margin: 60px 0 40px 0;}

.promo_text>div{background: #E6F5FB;padding: 30px 20px;}
.promo_text div.proizvod_img{background: url(../img/proizvod.jpg) no-repeat center center;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; width: 300px;height: 300px; display: inline-block;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;float: left;}
.promo_text_item{padding-left: 350px; font-size: 110%;}


.catalog h3.subcat{color: #29B6F6;margin-bottom: 20px; font-size: 160%;font-weight: bold;border-bottom: 1px solid gray;padding-bottom: 10px;}
.cat-item{border: 1px solid #EDEDED; padding: 10px;margin-bottom: 15px;}
.catalog .row.r1 .cat-item{height: 612px;} 
.catalog .row.r2 .cat-item{height: 652px;}
.bb-info h3{margin-bottom: 20px;}
.bb-info p.sub_promo{font-size: 120%; border-top: 1px solid gray;padding: 20px;}
.cat-item img{width: 90%;}
.cat-item .item-info h3{text-align: center;font-size: 110%; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #EDEDED;}
.cat-item .item-info ul{list-style: none;padding: 0;margin: 0 0 10px 0;}
.cat-item .item-info .price span{font-size: 200%; font-weight: bold; color: #36CC4B;}
.cat-item .item-info .price p{font-size: 80%; color: gray;}

.rekvizit-info{border: 4px dotted #29B6F6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 30px; font-size: 120%;margin: 10px 16px 30px;}

@media (max-width: 1139px) {
	.catalog .row.r1 .cat-item{height: 612px;} 
	.catalog .row.r2 .cat-item{height: 652px;}
}
@media (max-width: 998px) {
	.cat-item{font-size: 90%;}
}
@media (max-width: 720px) {
	.big_banner h1{font-size: 220%;}
	.logo-head .col-xs-6, .catalog .col-xs-4{width: 100%; text-align: center;}
	.catalog .row.r1 .cat-item{height: inherit;}
	.promo_text_item{padding: 20px;}
	.promo_text div.proizvod_img{float: none; margin: 0 auto; display: block; }
}
@media (max-width: 420px) {
	.promo_text div.proizvod_img{width: 250px; height: 250px;}
}

.styleForm{
    border-radius:20px;
    background-color: aliceblue;
    
}
.formMessage{
   background-color: #29b6f6;
   border-radius: 2px;
   width: 320px;
   height: 450px;
   font-size: 15px;
   position: fixed;
   right: 0;
   bottom:-450px;
   z-index:100;	
   transition: 0.3s;
  
}
textarea{
   width: 295px;
    max-width: 295px;
    max-height: 180px;
    min-width: 295px;
    min-height: 170px;
    border-radius: 5px;
   border:none;
    font-size: 15px;
    margin-left: 10px;
    background-color: white;
    
}
input{
  
    border:solid 1px #e6f5fb;
    border-radius: 5px;
    width: 300px;
    height: 50px;
    margin: 5px;
    font-size: 15px;
    margin-left: 10px;
    background-color: white;
    
}
.buttonMessage{


    border:none;
    background-color: #29b6f6;
   width: 100px;
   height: 50px;
  
   text-align: center;
   float: right;
   margin-right: 10px;
   color: #fff;
    font-weight: bold;
    border:solid 1px #e6f5fb;
}

.messagecomplite{
    color:#e6f5fb;
    text-align: right;
    visibility: hidden;
    
}

.buttonOpenMessage{
    color: #fff;
    background-color: #29b6f6;
    width: 170px;
    height: 60px;
    font-weight: bold;
    text-align: center;
   font-size: 23px;
   margin: 0;
   border-radius: 2px;
   cursor:pointer;
   position: fixed;
   bottom: 0; right: 0;
   z-index:100;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

   
.buttonMessageClose{
    border:none;
    background-color: #e82425;
   width: 100px;
   height: 50px;
  
   text-align: center;
   float: right;
   margin-right: 10px;
   color: #fff;
    font-weight: bold;
    border:solid 1px #e6f5fb;
}


.scrolAnimationUp{
position: fixed;
width:50px;
top:73%;
left: 90%;
z-index: 1000;
cursor:pointer;
display:none;   
}