/**
 * CSS Modal
 * Modal as reusable module
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 * @version 1.0.4
 *
 * Usage:
 *    selector {
 *        @extend %modal;
 *    }
 */
/*
 * Configuration
 */



 

.for_modal_call { display:inline; float:right; clear:none; margin:4px 9px;}

a.modal_call {     text-align:center; padding: 6px 12px 5px; text-align:center;  cursor:pointer; font-size:1.1em; font-weight:bold; line-height:100%; color:#fff; text-transform:uppercase;
background: #e31e24;  text-decoration:none;text-shadow:none;
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius:4px; border-radius: 4px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.modal_call:hover{  background: #2b2a29; } 


a.modal_call_contacts {   text-align:center; padding: 8px 20px; text-align:center;  cursor:pointer; font-size:1.2em; line-height:100%; color:#fff; text-transform:uppercase;
background: #ff0000;  text-decoration:none;text-shadow:none; margin:1px;  
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius:4px; border-radius: 4px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.modal_call_contacts:hover{  background: #df0909; } 




a.call_modal_dealer {   display:block; text-align:center; padding: 11px 12px; text-align:center;  cursor:pointer; font-size:1.1em; line-height:100%; color:#fff; margin:40px auto 0px;  
background: #ff0000;  text-decoration:none;text-shadow:none; text-transform:uppercase; width:100%; overflow:visible;
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius:4px; border-radius: 4px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.call_modal_dealer:hover{  background: #df0909; text-decoration:none; color:#fff; } 
a.call_modal_dealer:visited { color:#fff !important;}



a.call_modal_price {   display:block; text-align:center; padding: 11px 12px; text-align:center;  cursor:pointer; font-size:1.2em; line-height:100%; color:#fff; margin:2px auto 0px; position:absolute; bottom:0px; left:0px;
background: #2271c9;  text-decoration:none;text-shadow:none; text-transform:uppercase; width:100%; overflow:visible;
-moz-border-radius: 	0px 0px 5px 5px;
-webkit-border-radius: 	0px 0px 5px 5px;
-khtml-border-radius: 	0px 0px 5px 5px;
border-radius: 			0px 0px 5px 5px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.call_modal_price:hover{  background: #1b63b3; text-decoration:none; color:#fff; } 
a.call_modal_price:visited { color:#fff !important;}





a.modal_mobile_call { display:block; float:left; clear:none; width:22px; height:22px; margin:0px 5px; background: #fff url(../images/mobile.png) no-repeat center center; background-size: 13px 14px;  
-moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius:11px; border-radius: 11px;

-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.modal_mobile_call:hover{  background: #efefef url(../images/mobile.png) no-repeat center center; background-size: 13px 14px; } 





@-webkit-keyframes rainbow {
	0% {background: #2470c8;}
	50% {background: #fe0000;}
	100% {background: #2470c8;}
}

@keyframes rainbow {
	0% {background: #2470c8 ;}
	50% {background: #fe0000;}
	100% {background: #2470c8;}
} 

#stolik {
	webkit-animation: rainbow 6s linear 6s infinite;
	animation: rainbow 6s linear 6s infinite;
} 
 





 

.podpis { font-size:1.0em; line-height:120%; margin:20px 10px;}


 



.has-overlay {overflow: auto; }

.has-overlay > body {    height: 100%;  overflow: auto; }

.semantic-content { 
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1999;
  opacity: 0;
  color: #222;
  line-height: 1.3;
  display: none\9; 
  

  }
.semantic-content:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.is-active.semantic-content {
  display: block\9;
}
.semantic-content:target {
  display: block\9;
}



.semantic-content .modal-inner {
  position: relative;
  top: 120px;
  left: 50%;
  z-index: 200 !important;
  margin-left: -150px;
  width: 300px;
  border-radius: 5px;
  background: #f4f4f4;
  -webkit-box-shadow: 0 0 30px rgba(10, 10, 10, 0.6);
  box-shadow: 0 0 30px rgba(10, 10, 10, 0.6);    }


.semantic-content .modal-content {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  height: 230px;
  padding: 0;
  overflow: auto;
  background: #fff;    }
.semantic-content .modal-content > * {  max-width: 100%; }

 
.semantic-content .modal-inner1 {
  position: relative;
  top: 120px;
  left: 50%;
  z-index: 200 !important;
  margin-left: -150px;
  width: 300px;
  border-radius: 5px;
  background: #f4f4f4;
  -webkit-box-shadow: 0 0 30px rgba(10, 10, 10, 0.6);
  box-shadow: 0 0 30px rgba(10, 10, 10, 0.6);    }


.semantic-content .modal-content1 {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  height: 370px;
  padding: 0;
  overflow: auto;
  background: #fff;    }
.semantic-content .modal-content1 > * {  max-width: 100%; }



 

.semantic-content .toppart { margin:10px 0 1px 10px; padding:10px; display:block; float:left;   font-size: 1.4em; font-weight:normal; font-family: Geneva, Arial, Helvetica, sans-serif; color:#626161; clear:both;  }

.semantic-content .callaction {margin:-20px 0 1px 10px;   float:left; clear:both;}

.semantic-content .botpart { margin:5px 0 1px 10px; padding:10px; display:block; float:left;   font-size: 0.9em; font-weight:normal; font-family: Geneva, Arial, Helvetica, sans-serif; color:#949393; clear:both;  }

.semantic-content .sign { margin:-10px 10px 10px 10px; padding:10px; display:block; float: right;   font-size: 0.9em; font-weight:normal; font-family: Geneva, Arial, Helvetica, sans-serif; color:#949393; clear:both;  }


.semantic-content .modal-close {
  display: block;
  text-indent: 0px;
  overflow: hidden;
}
.semantic-content .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;

}
.semantic-content .modal-close:after {
  content: '\00d7';
  position: absolute;
  top: 120px;
  left: 50%;
  z-index: 220;
  margin-left: 120px;
  padding: 2px 8px;
  font-size: 1.5em;
  color:#b2b1b1;
  text-decoration: none;
  text-indent: 0;
}








 /*---------------------------------
	Responsive Grid Media Queries
-----------------------------------*/

@media all and (min-width: 1024px) and (max-width: 1280px) {
	
 
 
	
}


@media all and (min-width: 768px) and (max-width: 1024px) {
	
 

}


@media all and (min-width: 480px) and (max-width: 768px) {

 
 

}


@media all and (max-width: 480px) {
	
 .semantic-content .modal-inner { left: 47%;   }
 .semantic-content .modal-close:after {  left: 47%;}

 
}