@charset "utf-8";

#objednavka:before { content: ""; position: absolute; top:0; left: 0; background: url(../obr/bg_form.png) no-repeat top center; width:100%; height: 100%; background-size:80%;  }


/*** form ***/

form[name="objednavka"] { width:70%; margin:0 auto; }

form[name="objednavka"] input[type="text"], 
form[name="objednavka"] input[type="email"], 
form[name="objednavka"] input[type="tel"], 
form[name="objednavka"] textarea { width:100%; padding:15px; border:1px solid #ebebeb; background:#ebebeb; display:inline-block;}

form[name="objednavka"] select { display:none; width:1px; height:1px; }

.select { display:block; position:relative; background:#ebebeb;  cursor:pointer;  }
.select:after { content:""; position:absolute; width:40px; height:40px; background:url(../obr/arrow_squre.png); right:5px; top:3px; display:inline-block; background-size:contain; }
.select-options, .select-options ul { display:none; position:absolute; left:0; top:45px; height:auto; background:#fff; }
.select-options ul { border:1px solid #666; }

form[name="objednavka"] > [class*="col-"] { padding: 10px; }
form[name="objednavka"] p {  width:100%; display:block;  position:relative; }
form[name="objednavka"] > [class*="col-"]:not(:nth-last-child(-n+2)) label { position:absolute; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left:25px; }

form[name="objednavka"] > [class*="col-"]:nth-last-child(-n+2) label { position:absolute; top:15%; left:25px; }


.select { display:block; position:relative; width:100%; padding:15px; background:#ebebeb; border:1px solid #ebebeb; cursor:pointer; z-index: 999 }
.select:after { content:""; position:absolute; width:6px; height:14px; background:url( ../obr/arrows_select.png); right:15px; top:50%;  transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); display:inline-block; background-size:contain; }
.select-options, .select-options ul { display:none; position:absolute; width:100%; left:0; top:45px; height:auto; background:#fff; }
.select-options ul { border:1px solid #666; }


form[name="objednavka"] ul li:first-child { border-top:4px solid #ccc; }
form[name="objednavka"] ul li:last-child { border-bottom:4px solid #ccc; }
form[name="objednavka"] ul li { display:block; padding:10px; color:#162232; text-align:left; border-bottom:1px solid #ccc; }
form[name="objednavka"] ul li.selected { font-weight:bold;}
form[name="objednavka"] ul li:hover { background:#ebebeb}