body{
  -webkit-text-size-adjust: none;
}
#page{
}
#content{
}
#content > .center{
  width:100%;
}
#delivery{
  width:100%;
  _min-height:920px;
  padding-bottom:100px;
  position:relative;
}
#delivery, #delivery input, #delivery select, #delivery textarea, #delivery button{
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
}
#delivery .page{
  width:630px;
  margin:0 auto;
  padding:2px 0 0 0;
}
#delivery .page h2{
  font-size:30px;
  line-height:33px;
  font-weight:800;
  color:#002d4c;
  letter-spacing:-1px;
  text-align:center;
  margin:0 0 30px 0;
}
#delivery .form{
  width:630px;
  margin:0 auto;
  padding:0 0 50px 0;
  position:relative;
}
#delivery .form h3{
  font-size:20px;
  line-height:24px;
  font-weight:bold;
  color:#0175d6;
  text-align:center;
  margin:0 0 25px 0;
}
#delivery .form .fields + h3{
  margin:0 0 22px 0;
}
#delivery .form h3 small{
  font-size:12px;
  line-height:14px;
  font-weight:normal;
  display:block;
}
#delivery .form h3.err{
  color:#e6440c;
}
#delivery .form .fields{
  list-style:none;
  padding:0;
  margin:0 0 10px 0;
  text-align:justify;
  line-height:0;
}
#delivery .form .fields > li{
  width:300px;
  hheight:33px;
  display:inline-block;
  vertical-align:top;
  margin:0 0 13px 0;
  position:relative;
}
#delivery .form .fields.scnd > li{
  margin:0 0 11px 0;
}
#delivery .form .fields > li.full{
  width:630px;
}
#delivery .form .fields > li.showOnChoosed,
#delivery .form .fields > li.showInpOnChoosed{
  display:none;
}
#delivery .form .fields > li.showOnChoosed.choosed,
#delivery .form .fields > li.showInpOnChoosed.choosed{
  display:inline-block;
}
#delivery .form .fields > li.topmargin{
  margin-top:20px;
  height:115px;
}
#delivery .form .fields > li.empty{
  margin:0;
}
#delivery .form .fields > li:last-child{
  ddisplay:block;
}
#delivery .form .fields > li.choose{
  width:300px;
  height:40px;
  display:block;
}
#delivery .form .infow{
  position:absolute;
  width:100%;
  z-index:1;
}
#delivery .form .infow > div{
  position:absolute;
  width:440px;
  left:50%;
  transform:translate(-50%,0);
  background:#0175d6;
  border-radius:10px;
  padding:20px 25px;
  box-sizing:border-box;
  display:none;
  _opacity:.7;
}
#delivery .form .infow > div .close{
  position:absolute;
  width:17px;
  height:17px;
  background:url(images/forms/delivery/close.png) no-repeat center;
  background-image:url(images/forms/delivery/close.svg), none;
  background-size:contain;
  right:13px;
  top:13px;
}
#delivery .form .infow > div[rel="thanks"]{
  padding:45px 35px;
}
#delivery .form .infow > div.thanks h3{
  font-size:30px;
  line-height:30px;
  color:#ffffff;
  text-align:center;
  font-weight:800;
  margin:0 0 30px 0;
}
#delivery .form .infow > div.thanks p{
  font-size:17px;
  line-height:20px;
  color:#ffffff;
  text-align:center;
  font-weight:400;
  margin:0;
}
#delivery.done .form .infow > div.thanks[rel="thanks"]{
}
#delivery .form .infow > div[rel="agree"]{
  width:640px;
  margin-top:-215px;
}
#delivery .form .infow > div[rel="agree"]::before{
  content:'';
  width:10px;
  height:10px;
  background:#0175d6;
  position:absolute;
  bottom:-5px;
  right:15px;
  transform:rotate(45deg);
}
#delivery .form .infow > div[rel="agree"] p{
  font-size:11px;
  line-height:16px;
  color:#ffffff;
  text-align:center;
  font-weight:400;
  font-style:italic;
  margin:0;
}
#delivery .easy-autocomplete-container{
  background-color:#f3fcff;
  border-radius:9px;
  box-shadow: 0px 2px 4px 0px rgba(117,175,198,0.5);
}
#delivery .easy-autocomplete-container ul{
  background:none;
  border:none;
  padding:5px 10px;
}
#delivery .easy-autocomplete-container ul li{
  font-size:12px;
  line-height:20px;
  min-height:20px;
  color:#426684;
  font-weight:300;
  position: relative;
  list-style-type: none;
  background:none;
  border:none;
  padding:0 10px;
  border-radius:10px;
  margin:0 0 0 10px;
  display: block;
  cursor: pointer;
}
#delivery .easy-autocomplete-container ul li div{
  word-break:keep-all;
}
#delivery .easy-autocomplete-container ul li.selected,
#delivery .easy-autocomplete-container ul li:hover{
  background-color: #caebfc;
}

#delivery .form .select{
  width: 300px;
  width:100%;
  border-radius:10px;
  min-height:40px;
}
#delivery .form .select{
}
#delivery .select_mate {
  position: relative;
  float: left;
  min-width: 300px;
  width: 300px;
  width:100%;
  min-height:40px;
  color:#002d4c;
  font-weight: 500;
  border-radius:10px;
}
#delivery .select_mate.button {
  min-height:83px;
}
#delivery .select_mate a{
  line-height:80px;
  color:#ffffff;
  font-weight:bold;
  width:300px;
  width:100%;
  height:80px;
  padding:0 0 0 100px;
  background:#50b0f5;
  position:relative;
  border:0;
  border-bottom:3px solid #2691d3;
  border-radius:12px;
  box-sizing:border-box;
  cursor:pointer;
  display:block;
}
#delivery .select_mate a span{
  font-size:13px;
  line-height:16px;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
}
#delivery .select_mate[data-selected="true"] a,
#delivery .select_mate a:hover{
background: rgba(248,186,0,1);
  border-bottom:3px solid #d69609;
}
#delivery .select_mate[data-selected="true"] a{
  border:0;
  margin-top:3px;
}
#delivery .select_mate::after {
  content:'';
  width:20px;
  height:16px;
  background:url(images/forms/delivery/select.png) no-repeat;
  background-image:url(images/forms/delivery/select.svg), none;
  position: absolute;
  top:13px;
  right:10px;
  padding:0;
  pointer-events: none;
  transition:all .2s;
}
#delivery .select_mate.button::after {
  display:none;
}
#delivery .err .select_mate::after{
  background-image:url(images/forms/delivery/select_err.png);
  background-image:url(images/forms/delivery/select_err.svg), none;
}
#delivery .select_mate[data-selec-open="true"]{
  box-shadow:none;
  z-index:99;
  position:absolute;
}
#delivery .select_mate[data-selec-open="true"]::after{
  transform:rotate(180deg);
}
#delivery .select_mate[data-selec-open="true"]::after,
#delivery .select_mate[data-selected="true"]::after{
  background-image:url(images/forms/delivery/select_on.png);
  background-image:url(images/forms/delivery/select_on.svg), none;
}
#delivery .err .select_mate[data-selec-open="true"]::after{
}
#delivery .select_mate .icon_select_mate {
  display:none;
}
#delivery .select_mate select {
  position: absolute;
  overflow: hidden;
  width: 300px;
  height:40px;
  opacity: 0;
  left:0;
  top:0;
  pointer-events: none;
}
#delivery .select_mate.button select {
  height:83px;
}
#delivery .select_mate .cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
  max-height:230px;
  overflow:auto;
  background-color:#e1e6ea;
  border-radius:10px;
}
#delivery .select_mate[data-selec-open="true"] .cont_list_select_mate{
  border-top-left-radius:0;
  border-top-right-radius:0;
  border:1px solid #6a767a;
  border-top:0;
}
#delivery .select_mate .cont_select_int {
  position: relative;
  left:0;
  top:0;
  z-index:98;
  overflow:hidden;
  height:0;
  width:100%;
  padding:0;
  margin:0;
}
#delivery .select_mate .cont_select_int li {
  font-size:15px;
  line-height:18px;
  min-height:18px;
  position: relative;
  width:270px;
  width:100%;
  list-style-type: none;
  padding:5px 15px;
  margin:0;
  display: block;
  cursor: pointer;
  text-align:left;
  box-sizing:border-box;
}
#delivery .select_mate.button .cont_select_int li[data-value=""] {
  _pointer-events: none;
}
#delivery .select_mate .cont_select_int li:last-child {
}
#delivery .select_mate .cont_select_int li:hover {
  background-color: #ffffff;
}
#delivery .select_mate .cont_select_int .active {
  background-color: #ffffff;
}
#delivery .select_mate.button .cont_select_int .active[data-value=""] {
  background:none;
}
#delivery .select_mate .selecionado_opcion {
  font-size:15px;
  line-height:20px;
  font-weight:bold;
  color:#6a767a;
  background:#e1e6ea;
  padding: 10px 12% 10px 5%;
  width: 83%;
  display: block;
  margin: 0px;
  cursor: pointer;
  background:#e1e6ea;
  border-radius:10px;
  _box-sizing:border-box;
  border:1px solid #e1e6ea;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
#delivery .select_mate[data-selec-open="true"] .selecionado_opcion{
  color:#002d4c;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-color:#6a767a;
  border-bottom:0;
}
#delivery .err .select_mate .selecionado_opcion{
  color:#fff;
  background:#e2001a;
  border-color:#e2001a;
}
#delivery .select_mate[data-selected="true"] .selecionado_opcion{
  color:#002d4c;
}
#delivery .err .select_mate[data-selected="true"] .selecionado_opcion{
  color:#fff;
}
#delivery .select_mate .simplebar-track{
  background:#a4acb2;
}
#delivery .select_mate .simplebar-track.simplebar-vertical{
  width:6px;
  right:4px;
  top:4px;
  bottom:4px;
  border-radius:3px;
}
#delivery .select_mate .simplebar-scrollbar::before{
  left:1px;
  right:1px;
  background:#002d4c;
  box-shadow:none;
}





#delivery .search_addr_res{
  position: absolute;
  width: 100%;
  max-height:230px;
  overflow:auto;
  background-color:#e1e6ea;
  border-radius:10px;
  z-index:100;
  box-sizing:border-box;
}
#delivery .search_addr_res .simplebar-wrapper{
  max-height:230px;
}
#delivery .search_addr_res .simplebar-track{
  background:#a4acb2;
}
#delivery .search_addr_res .simplebar-track.simplebar-vertical{
  width:6px;
  right:4px;
  top:4px;
  bottom:4px;
  border-radius:3px;
}
#delivery .search_addr_res .simplebar-scrollbar::before{
  left:1px;
  right:1px;
  background:#002d4c;
  box-shadow:none;
}

#delivery .opened .search_addr_res{
  border-top-left-radius:0;
  border-top-right-radius:0;
  border:1px solid #6a767a;
  border-top:0;
}
#delivery .search_addr_res div.cont{
  font-size:15px;
  line-height:18px;
  position: relative;
  left:0;
  top:0;
  z-index:98;
  overflow:hidden;
  _height:0;
  width:100%;
  padding:0;
  margin:0;
}
#delivery .search_addr_res ul{
  list-style: none;
  margin:0;
  padding:10px 0;
  width:100%;
  position: relative;
}
#delivery .search_addr_res li {
  font-size:15px;
  line-height:18px;
  position: relative;
  width: 100%;
  padding:5px 15px;
  display: block;
  cursor: pointer;
  box-sizing:border-box;
}
#delivery .search_addr_res li:hover {
  background-color: #ffffff;
}
#delivery .search_addr_res li.info{
  background:none;
  cursor:default;
}

#delivery .select2-container--default .select2-selection--single{
  font-size:14px;
  line-height:33px;
  height:33px;
  font-weight:bold;
  color:#ffffff;
  background:#50b0f5;
  padding:0 2%;
  width: 100%;
  display: block;
  margin:0;
  cursor: pointer;
  border-radius:9px;
  border:none;
}
#delivery .select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size:14px;
  line-height:33px;
  font-weight:bold;
  color:#ffffff;
}
#delivery .select2-container--default .select2-selection--single .select2-selection__arrow{
  width:20px;
  height:16px;
  background:url(images/forms/delivery/select.png) no-repeat;
  position: absolute;
  top:10px;
  right:10px;
  padding:0;
  pointer-events: none;
}
#delivery .select2-container--default .select2-selection--single .select2-selection__arrow b{
  display:none;
}
.select2-dropdown{
  border:none;
  background-color:#f3fcff;
  border-radius:9px;
  box-shadow: 0px 2px 4px 0px rgba(117,175,198,0.5);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  font-size:15px;
  line-height:20px;
  color:#ffffff;
  font-weight:bold;
  height:20px;
  border:0;
  padding:10px 15px;
  border-radius:10px;
  background: rgba(248,186,0,1);
}
.select2-dropdown .select2-results__option{
  font-size:12px;
  line-height:20px;
  min-height:20px;
  list-style-type: none;
  padding:0 10px;
  border-radius:10px;
  margin:0 0 0 10px;
  display: block;
  cursor: pointer;
}

#delivery .form input[type="text"],
#delivery .form span.like-input{
  font-size:15px;
  line-height:20px;
  color:#002d4c;
  background:#e1e6ea;
  font-weight:500;
  width:300px;
  height:40px;
  border:0;
  padding:10px 35px 10px 15px;
  background:#e1e6ea;
  border-radius:10px;
  box-sizing:border-box;
  border:1px solid #e1e6ea;
}
#delivery .form span.like-input{
  text-align:left;
  height:auto;
  display:block;
}
#delivery .form li.full input[type="text"],
#delivery .form li.full span.like-input{
  width:630px;
}
#delivery .form input[type="text"]:focus{
  border-color:#6a767a;
}
#_delivery .form input[type="text"][readonly],
#_delivery .form span.like-input{
  color:#666666;
  background:#50b0f5;
}
#delivery .form .err input[type="text"]{
  color:#ffffff;
  background:#e2001a;
  border-color:#e2001a;
}

/* ja shos triis apvieno, tad nestraadaa*/
#delivery .form input[type="text"]::placeholder{
  color:#6a767a;
  opacity:1;
}
#delivery .form input[type="text"]:-ms-input-placeholder{
  color:#6a767a;
}
#delivery .form input[type="text"]::-ms-input-placeholder{
  color:#6a767a;
}

/* Change Autocomplete styles in Chrome*/
#delivery .form input[type="text"]:-webkit-autofill,
#delivery .form input[type="text"]:-webkit-autofill:hover, 
#delivery .form input[type="text"]:-webkit-autofill:focus,
#delivery .form input[type="text"]:-webkit-autofill:first-line{
  font-size:14px;
  font-weight:bold;
  -webkit-text-fill-color: #6a767a;
  -webkit-box-shadow: 0 0 0px 1000px #e1e6ea inset;
  transition: background-color 5000s ease-in-out 0s;
  border-radius:10px;
}
#delivery .form .err input[type="text"]:-webkit-autofill,
#delivery .form .err input[type="text"]:-webkit-autofill:hover, 
#delivery .form .err input[type="text"]:-webkit-autofill:focus,
#delivery .form .err input[type="text"]:-webkit-autofill:first-line{
  -webkit-box-shadow: 0 0 0px 1000px #e6440c inset;
}
/* ja shos triis apvieno, tad nestraadaa*/
#delivery .form .err input[type="text"]::placeholder{
  color:#ffffff;
  opacity:1;
}
#delivery .form .err input[type="text"]:-ms-input-placeholder{
  color:#ffffff;
}
#delivery .form .err input[type="text"]::-ms-input-placeholder{
  color:#ffffff;
}

#delivery .form input[type="text"] + label{
  width:65%;
  text-align:left;
  position:absolute;
  bottom:43px;
  left:0;
  display:none;
}
#delivery .form input[name="phone"][type="text"] + label{
  width:85%;
}
#delivery .form input[name="email"][type="text"] + label{
  width:95%;
}
#delivery .form input[type="text"] + label::before{
  content:'';
  width:10px;
  height:10px;
  background:#0175d6;
  position:absolute;
  bottom:-5px;
  left:20px;
  transform:rotate(45deg);
}
#delivery .form input[type="text"] + label span{
  font-size:11px;
  line-height:12px;
  color:#ffffff;
  font-weight:normal;
  font-style:italic;
  display:block;
  padding:5px 10px;
  background:#0175d6;
  border-radius:6px;
}
#delivery .form input[type="text"]:focus + label,
#delivery .form input[type="text"].focus + label{
  display:block;
}
#delivery .form .search input[type="text"]{
}
#delivery .form .search.opened input[type="text"]{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  border:1px solid #6a767a;
  border-bottom:0;
}
#delivery .form .search .c{
  width:20px;
  height:16px;
  background:url(images/forms/delivery/select.png) no-repeat;
  position: absolute;
  top:10px;
  right:10px;
  padding:0;
  pointer-events: none;
  transition:all .2s;
}
#delivery .form .err .search .c{
  background-image:url(images/forms/delivery/select_err.png);
}
#delivery .form .search.opened .c{
  transform:rotate(180deg);
}
#delivery .form .search + small,
#delivery .form input[name="account"] + small{
  font-size:12px;
  line-height:12px;
  color:#002d4c;
  font-weight:600;
  font-style:italic;
  display:block;
  padding:5px 0 0 10px;
}
#delivery .form input[name="account"] + small{
  color:#6a767a;
  font-weight:400;
}
#delivery .form input[name="elect"] + h4{
  font-size:16px;
  line-height:19px;
  color:#0175d6;
  font-weight:800;
  letter-spacing:-.5px;
  text-align:center;
  display:block;
  padding:15px 160px;
  margin:0;
}





#delivery .form .onoff input{
  position:absolute;
  opacity:0;
  left:-999em;
}
#delivery .form .onoff label{
  line-height:80px;
  width:300px;
  height:80px;
  padding:0 5px 0 100px;
  background:#50b0f5;
  position:relative;
  border:0;
  border-bottom:3px solid #2691d3;
  border-radius:12px;
  box-sizing:border-box;
  display:block;
  cursor:pointer;
}
#delivery .form .onoff label img{
  width:100px;
  height:80px;
  position:absolute;
  background:url(images/forms/delivery/courier.png) no-repeat;
  top:0;
  left:0;
}
#delivery .form .onoff label[for="postoff"] img{
  background-image:url(images/forms/delivery/postal.png);
}
#delivery .form .onoff label[for="elect"] img{
  background-image:url(images/forms/delivery/elect.png?2);
}
#delivery .form .onoff label span{
  font-size:12px;
  line-height:14px;
  letter-spacing:-.5px;
  color:#ffffff;
  text-align:left;
  display:inline-block;
  vertical-align:middle;
}
#delivery .form .onoff label span.single,
#delivery .form .single .onoff label span{
  display:none;
}
#delivery .form .onoff label span.single,
#delivery .form .onoff label[for="postoff"] span,
#delivery .form .onoff label[for="elect"] span{
  font-size:15px;
  line-height:16px;
  font-weight:bold;
}
#delivery .form .single .onoff label span.single{
  display:inline-block;
}
#delivery .form .onoff label span small{
  font-size:10px;
  line-height:20px;
  display:block;
}
#delivery .form .onoff input:checked + label,
#delivery .form .onoff label:hover{
background: rgba(248,186,0,1);
  border-bottom:3px solid #d69609;
}
#delivery .form .onoff input:checked + label{
  border:0;
  margin-top:3px;
}
#delivery .form .onoff label[for="elect"] + div.hidden-on-load{
  font-size:13px;
  line-height:15px;
  padding:5px 20px;
  text-align:center;
  color:#3f5b77;
}
#delivery .form .onoff input.email:checked + label[for="elect"] + div.hidden-on-load{
  display:block;
}

#delivery .form div.choose{
  position:relative;
  padding:0;
  border:0;
  margin:0;
  width:300px;
  height:40px;
  overflow:hidden;
  cursor:pointer;
  border-radius:10px;
  background:#e1e6ea;
}
#delivery .form div.choose input{
  position:absolute;
  left:-400%;
  visibility:hidden;
}
#delivery .form div.choose span{
  font-size:15px;
  line-height:40px;
  font-weight:600;
  letter-spacing:-.5px;
  height:40px;
  color:#6a767a;
  display:block;
  overflow:hidden;
	text-overflow:ellipsis;
  white-space:nowrap;
  padding:0 45px 0 15px;
  text-align:left;
  text-decoration:none;
  border:0;
  margin:0;
}
#delivery .form div.choose.choosed span{
}
#delivery .form .err div.choose{
  background:#e2001a;
  border-color:#e2001a;
}
#delivery .form .err div.choose span{
  color:#ffffff;
}
#delivery .form div.choose label{
  width:40px;
  height:40px;
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
  background:url(images/forms/delivery/choose.png) no-repeat center;
  background-image:url(images/forms/delivery/choose.svg), none;
  background-size:contain;
}
#delivery .form .err div.choose label{
  background-image:url(images/forms/delivery/choose_err.png);
  background-image:url(images/forms/delivery/choose_err.svg), none;
}

#delivery .hidden-on-load{
  display:none;
}
#delivery #courier-info{
  padding-top:15px;
}

#delivery .check input{
  position:absolute;
  visibility:hidden;
}
#delivery .check label{
  font-size:15px;
  line-height:18px;
  color:#6a767a;
  position:relative;
  padding:0 50px 5px 30px;
  display:block;
}
#delivery .check label::before{
  content:'';
  position:absolute;
  width:17px;
  height:17px;
  border-radius:3px;
  background:#e1e6ea url(images/spacer.gif) no-repeat center;
  background-size:contain;
  left:0;
}
#delivery .err .check label::before{
  background-color:#e2001a;
}
#delivery .check input:checked + label::before{
  background-color:#e1e6ea;
  background-image:url(images/forms/delivery/check.png);
  background-image:url(images/forms/delivery/check.svg), none;
}
#delivery .check .i{
  position:absolute;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0175d6 url(images/forms/delivery/info.png) no-repeat center;
  background-image:url(images/forms/delivery/info.svg), none;
  background-size:contain;
  right:0;
  top:0;
}
#delivery .check .i:hover{
  transform:translate(0,-1px);
}
#delivery button.submit{
  font-size:18px;
  line-height:35px;
  color:#ffffff;
  font-weight:800;
  text-align:center;
  height:35px;
  display:block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 auto;
  padding:0 20px;
  border-radius:18px;
  background:#0175d6;
  cursor:pointer;
}
#delivery button.submit:hover{
  transform:translate(0,-1px);
}
#delivery button.submit:active{
  transform:translate(0,2px);
}
#delivery .alert{
  font-size:15px;
  line-height:18px;
  font-weight:800;
  text-align:center;
  color:#e2001a;
  margin:20px 50px;
}

