/**
 * @package   ShackForms
 * @copyright 2018 Perfect Web sp. z o.o
 * @copyright 2018-2024 Joomlashack.com. All rights reserved
 * @license   GNU General Public License http://www.gnu.org/licenses/gpl-3.0.html
 * @author    Andrzej Kawula, Piotr Moćko
 *
 * This file is part of ShackForms.
 *
 * ShackForms is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * ShackForms is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with ShackForms.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
 * Prefixed by https://autoprefixer.github.io
 * PostCSS: v8.4.14,
 * Autoprefixer: v10.4.7
 * Browsers: last 4 version
 */

.pwebcontact-box,
form.pwebcontact-form .btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

div.pwebcontact,
div.pwebcontact *,
div.pweb-modal,
div.pweb-modal *,
.pwebcontact_toggler {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 *********** Positions ***********
 */
.pweb-left, .pweb-right, .pweb-top, .pweb-bottom {
  position: fixed;
  z-index: 1030;
}

.pweb-left {
  left: 0;
}

.pweb-right {
  right: 0;
}

.pweb-top {
  top: 0;
}

.pweb-bottom {
  bottom: 0;
}

.pweb-offset-left.pweb-top,
.pweb-offset-left.pweb-bottom {
  left: 20%;
}

.pweb-offset-right.pweb-top,
.pweb-offset-right.pweb-bottom {
  right: 20%;
}

.pweb-offset-top.pweb-left,
.pweb-offset-top.pweb-right {
  top: 20%;
}

/*
 *********** Toggler ***********
 */
.pwebcontact_toggler {
  position: relative;
  z-index: 1;
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}

.pwebcontact_toggler:hover {
  color: inherit;
  text-decoration: none;
  -webkit-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}

.pweb-vertical.pweb-left .pwebcontact_toggler,
.pweb-vertical.pweb-right .pwebcontact_toggler {
  width: 30px;
  height: 120px;
  padding: 10px 5px;
}

.pweb-toggler-hidden .pwebcontact_toggler.pweb-closed {

}

.pweb-accordion .pwebcontact_toggler {
  width: auto;
}

/*
 *********** Toggler Rounded ***********
 */
.pwebcontact_toggler.pweb-radius {
  border-radius: 10px;
}

.pweb-left .pwebcontact_toggler.pweb-radius {
  border-radius: 0 10px 10px 0;
}

.pweb-right .pwebcontact_toggler.pweb-radius {
  border-radius: 10px 0 0 10px;
}

.pweb-top .pwebcontact_toggler.pweb-radius {
  border-radius: 0 0 10px 10px;
}

.pweb-bottom .pwebcontact_toggler.pweb-radius {
  border-radius: 10px 10px 0 0;
}

/*
 *********** Vertical Toggler text ***********
 */
.pweb-vertical.pweb-left .pwebcontact_toggler .pweb-text,
.pweb-vertical.pweb-right .pwebcontact_toggler .pweb-text {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: center;
  font-size: 1.4em;
}

.pweb-vertical.pweb-left .pwebcontact_toggler.pweb-opened .pweb-text,
.pweb-vertical.pweb-right .pwebcontact_toggler.pweb-opened .pweb-text {
  background-position: right top;
}

.pweb-vertical.pweb-left .pwebcontact_toggler.pweb-rotate .pweb-text,
.pweb-vertical.pweb-right .pwebcontact_toggler.pweb-rotate .pweb-text {
  background-position: left bottom;
}

.pweb-vertical.pweb-left .pwebcontact_toggler.pweb-rotate.pweb-opened .pweb-text,
.pweb-vertical.pweb-right .pwebcontact_toggler.pweb-rotate.pweb-opened .pweb-text {
  background-position: right bottom;
}

/*
 *********** Vertical Toggler CSS type ***********
 */
.pweb-vertical-css .pweb-text {
  display: inline-block;
  white-space: nowrap;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

.pweb-vertical-css.pweb-rotate .pweb-text {
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*
 *********** Toggler - Slide in box ***********
 */
.pwebcontact.pweb-slidebox .pwebcontact_toggler {
  position: absolute;
  z-index: 1;
}

.pwebcontact.pweb-slidebox.pweb-horizontal.pweb-left .pwebcontact_toggler {
  top: 0;
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-horizontal.pweb-right .pwebcontact_toggler {
  top: 0;
  right: 0;
}

.pwebcontact.pweb-slidebox.pweb-vertical.pweb-left .pwebcontact_toggler {
  top: 10px;
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-vertical.pweb-right .pwebcontact_toggler {
  top: 10px;
  right: 0;
}

.pwebcontact.pweb-slidebox.pweb-top .pwebcontact_toggler {
  top: 0;
}

.pwebcontact.pweb-slidebox.pweb-bottom .pwebcontact_toggler {
  bottom: 0;
}

.pwebcontact.pweb-slidebox.pweb-offset-left.pweb-top .pwebcontact_toggler,
.pwebcontact.pweb-slidebox.pweb-offset-left.pweb-bottom .pwebcontact_toggler {
  left: 10px;
}

.pwebcontact.pweb-slidebox.pweb-offset-right.pweb-top .pwebcontact_toggler,
.pwebcontact.pweb-slidebox.pweb-offset-right.pweb-bottom .pwebcontact_toggler {
  right: 10px;
}

/*
 *********** Slide Toggler - Slide in box ***********
 */
.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-vertical.pweb-left .pwebcontact_toggler {
  top: 0;
  left: auto;
  right: -42px;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-vertical.pweb-right .pwebcontact_toggler {
  top: 0;
  left: -42px;
  right: auto;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-top .pwebcontact_toggler {
  top: auto;
  bottom: -42px;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-bottom .pwebcontact_toggler {
  top: -42px;
  bottom: auto;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-offset-left.pweb-top .pwebcontact_toggler,
.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-offset-left.pweb-bottom .pwebcontact_toggler {
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-offset-right.pweb-top .pwebcontact_toggler,
.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-offset-right.pweb-bottom .pwebcontact_toggler {
  right: 0;
}

/*
 *********** Container ***********
 */
.pwebcontact-container {
  background-repeat: no-repeat !important;
  text-align: left;
}

.pweb-slidebox .pwebcontact-container,
.pweb-modal .pwebcontact-container {
  background-color: #FFF;
}

.pweb-static .pwebcontact-container {
  padding: 5px;
}

/*
 *********** Container - Slide in box ***********
 */
.pwebcontact.pweb-slidebox .pwebcontact-container {
  padding: 10px 10px 5px;
}

.pwebcontact.pweb-slidebox.pweb-left.pweb-horizontal .pwebcontact-container,
.pwebcontact.pweb-slidebox.pweb-right.pweb-horizontal .pwebcontact-container {
  padding-top: 30px;
}

.pwebcontact.pweb-slidebox.pweb-left.pweb-vertical .pwebcontact-container {
  padding-left: 50px;
}

.pwebcontact.pweb-slidebox.pweb-right.pweb-vertical .pwebcontact-container {
  padding-right: 50px;
}

.pwebcontact.pweb-slidebox.pweb-top .pwebcontact-container {
  padding-top: 50px;
}

.pwebcontact.pweb-slidebox.pweb-bottom .pwebcontact-container {
  padding-bottom: 50px;
}

/*
 *********** Box ***********
 */
.pwebcontact-box {
  position: relative;
  z-index: 0;
}

.pwebcontact.pweb-modal .pwebcontact-box {
  display: none;
}

.pwebcontact.pweb-slidebox .pwebcontact-box {
  position: absolute;
  max-width: 500px;
}

.pwebcontact.pweb-slidebox.pweb-left.pweb-horizontal .pwebcontact-box {
  top: 20px;
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-right.pweb-horizontal .pwebcontact-box {
  top: 20px;
  right: 0;
}

.pwebcontact.pweb-slidebox.pweb-left.pweb-vertical .pwebcontact-box {
  top: 0;
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-right.pweb-vertical .pwebcontact-box {
  top: 0;
  right: 0;
}

.pwebcontact.pweb-slidebox.pweb-top .pwebcontact-box {
  top: 0;
}

.pwebcontact.pweb-slidebox.pweb-bottom .pwebcontact-box {
  bottom: 0;
}

.pwebcontact.pweb-slidebox.pweb-top.pweb-offset-left .pwebcontact-box,
.pwebcontact.pweb-slidebox.pweb-bottom.pweb-offset-left .pwebcontact-box {
  left: 0;
}

.pwebcontact.pweb-slidebox.pweb-top.pweb-offset-right .pwebcontact-box,
.pwebcontact.pweb-slidebox.pweb-bottom.pweb-offset-right .pwebcontact-box {
  right: 0;
}

/*
 *********** Container - Accordion ***********
 */
.pweb-accordion .pwebcontact-container {
  padding-top: 30px;
}

.pweb-accordion.pweb-accordion-boxed .pwebcontact-container {
  margin-top: 15px;
  padding: 30px 10px 10px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.pweb-accordion.pweb-accordion-boxed .pweb-arrow {
  position: absolute;
  left: 25%;
  top: 5px;
  width: 0;
  height: 0;
  border-style: dashed;
  border-width: 0 9px 10px 9px;
  border-color: transparent;
  border-bottom-color: #7F7F7F;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-bottom-style: solid;
}

/*
 *********** Container with slide Toggler - Slide in box ***********
 */
.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-left.pweb-vertical .pwebcontact-container {
  padding-left: 10px;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-right.pweb-vertical .pwebcontact-container {
  padding-right: 10px;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-top .pwebcontact-container {
  padding-top: 10px;
}

.pwebcontact.pweb-slidebox.pweb-toggler-slide.pweb-bottom .pwebcontact-container {
  padding-bottom: 5px;
}

/*
 *********** Container Rounded - Slide in box ***********
 */
.pwebcontact.pweb-slidebox.pweb-left.pweb-radius .pwebcontact-container {
  border-radius: 0 10px 10px 0;
}

.pwebcontact.pweb-slidebox.pweb-right.pweb-radius .pwebcontact-container {
  border-radius: 10px 0 0 10px;
}

.pwebcontact.pweb-slidebox.pweb-left.pweb-toggler-slide.pweb-radius .pwebcontact-container {
  border-radius: 0 0 10px 0;
}

.pwebcontact.pweb-slidebox.pweb-right.pweb-toggler-slide.pweb-radius .pwebcontact-container {
  border-radius: 0 0 0 10px;
}

.pwebcontact.pweb-slidebox.pweb-top.pweb-radius .pwebcontact-container {
  border-radius: 0 0 10px 10px;
}

.pwebcontact.pweb-slidebox.pweb-bottom.pweb-radius .pwebcontact-container {
  border-radius: 10px 10px 0 0;
}

.pwebcontact.pweb-slidebox.pweb-top.pweb-toggler-slide.pweb-offset-left.pweb-radius .pwebcontact-container {
  border-radius: 0 0 10px 0;
}

.pwebcontact.pweb-slidebox.pweb-top.pweb-toggler-slide.pweb-offset-right.pweb-radius .pwebcontact-container {
  border-radius: 0 0 0 10px;
}

.pwebcontact.pweb-slidebox.pweb-bottom.pweb-toggler-slide.pweb-offset-left.pweb-radius .pwebcontact-container {
  border-radius: 0 10px 0 0;
}

.pwebcontact.pweb-slidebox.pweb-bottom.pweb-toggler-slide.pweb-offset-right.pweb-radius .pwebcontact-container {
  border-radius: 10px 0 0 0;
}

/*
 *********** Container Rounded - Accordion ***********
 */
.pwebcontact.pweb-accordion.pweb-radius .pwebcontact-container {
  border-radius: 10px;
}

/*
 *********** Shadow ***********
 */
.pwebcontact.pweb-slidebox.pweb-shadow .pwebcontact-container {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.pwebcontact.pweb-offset-left.pweb-top .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-offset-left.pweb-bottom .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: -1px -3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: -1px -3px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-offset-right.pweb-top .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-offset-right.pweb-bottom .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: 1px -3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px -3px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-vertical.pweb-left .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: 3px -1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 3px -1px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-vertical.pweb-right .pwebcontact_toggler.pweb-shadow {
  -webkit-box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25);
}

.pwebcontact.pweb-accordion.pweb-shadow .pwebcontact-container {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.pwebcontact.pweb-accordion.pweb-accordion-boxed.pweb-shadow .pwebcontact-container {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 4px rgba(0, 0, 0, 0.3);
}

/*
 *********** Lightbox Window ***********
 */
.pweb-modal.modal {
  overflow: visible;
  overflow-y: initial;
  bottom: initial;
}

.pwebcontact-modal.modal {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.modal-dialog {
  pointer-events: all !important;
}

body.pweb-modal-open {
  overflow: hidden;
}

.pwebcontact-box.pweb-modal {
  margin: 30px auto !important;
  width: auto !important;
  min-width: 200px;
  max-width: 600px;
  height: auto !important;
  min-height: 200px;
  padding: 0;
}

.pwebcontact-box.pweb-modal .pwebcontact-container {
  padding: 15px;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  max-width: unset;
}

.pweb-modal.modal {
  position: fixed;
  width: 560px;
  margin-left: -280px;
  left: 50%;
  padding: 10px;
  top: 10%;
  z-index: 1050;
  height: unset !important;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}

.pweb-modal.modal .modal-dialog {
  margin: 0;
}

.pweb-modal.modal .modal-content {
  width: 560px;
}

.pweb-modal.modal .modal-body {
  min-height: 400px;
}

.pweb-modal.modal .modal-body.pweb-progress {
  background-position: center center;
}

/* Lightbox - Container Rounded */
.pwebcontact-box.pweb-modal.pweb-radius .pwebcontact-container,
.ui-effects-transfer.pweb-genie.pweb-radius {
  border-radius: 10px;
}

/* Lightbox - Shadow */
.pwebcontact-box.pweb-modal.pweb-shadow .pwebcontact-container,
.ui-effects-transfer.pweb-genie.pweb-shadow {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/* Lightbox - close button */
.pweb-button-close {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  border: none !important;
  cursor: pointer;
  background: none !important;
  overflow: hidden !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-align: center;
  font-size: 20px !important;
}

.pweb-modal .pweb-button-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAEEElEQVQ4y32Va2yTVRzGf23fd10vUNqxsY1dGIyba7BsTgiwhcRkgxHkFkJAuQzIggY0IXGYkKA4DeAQMQTIiIB+MyRAJn7hAxJRJKIRiJgQIhESZxYFEuja9f74oe1aoPh/vrx5z3nO/3qeA0+aBSvW+UaT2VBUb+91HXY3FDUUNZnzDaxYsfBcs2DDpHjqqC1ln07YU79t0oGX+mY1V3dWv1/VWVrqphgTW+EDLBjYS91tZZ/5v+34d1/sijIWv/bw2IXFy2urfKVu7BjP0q0YOCaMWVlzfF7wdJY2mLybzH4/+mpq3cxKrwcHBtanvTqrfK/X97+avCvFUn2xtjDBNJpDn8SGU1Ls+oXVTTUeL8587xYMHKN97fWnlikqnU/UDmWJWUwL/ZKQpPOvTZvg8eLI0W3Y8cyo+3hB4p50MmYLUgC24EdRSTq6rLIaD/Z06SyYuMdWvjnv4TfS+URhahpHYlLwR16gHDcmVrBSPNrXOv2LTimUrMoE3BiaO5Jz2dCmiDNIkGBRcCAuffde1WR8FGMDKy5n5cp5f34pHYqlt/tDkrQ7SpDgxNBASurLrHRFpPsXmUEFbgyw4fFM7FgQvi7NznirHQorTZ8cGkhJUm80vVIylJA0ppU6xlAEBiXj/EvWSI+TuewWhdP0xylJOhPPVeJGVNqxbdQ0xlIMprusoXnzW9LtRH5xFoUjmfHIpxL8Oiod3ed6kXE4wHRW+Od0dku/J57s7P1UmvxBNP//2ah0+CCNVOICk8qyOS3bpAeJfOpgSpISypUujZ+GpXd6HC8zPkM2Z9Vtiv0jZRvlGRrM5Lo4k/vWSHZUHsWlGW+YI+QKs7lh/Z1L0tuZLbPDuVzTpTsVT6+0haXB31hNUzbsMjMwZdWBz6XBuDOY7efWiG3kYuyOZmO6FJLOnWM5mYIZlDDd3lHVPXAt18/C2DAsBf8u2cECpqdbZcNDndHi27S5T5I2DD+POjccT0qHz9JJS3ZIrLioIGBbNu7dI6claVdB72uHI0np8lW6WUIgO55WivFRT6ttvffDQ/2SdCuyatiZR2wLXwlL0uVf6WEdrdRnL4YFEzfl+Gm3dXn2bun/67YkRZI3oscjxyM/Rx7FJenBwP6L7KWLdvy5K5kRA6qZSYety9nDiYM//HFLeXbvzsmr5kl66KKDmeSJQUaG8FJDgHbW0e3YzwnPmVe+33lz582Oy+P7OcF+ullHOwFqeEKGMgKIl2r8tLCUjWxnl7HH6KXX2GPdxXY2spQW/FTzlACOSC8eyplEgBYWsoI1rGUta1jBQloIMIlyCkhv9r2w48JLObVMwU+ARhoJ4GcKtZTjxZXL9Vm6BSsGJnYcOHFl4MSBHRMDK5b/e69yxzyNAvYf9TCL+HAwka4AAAAASUVORK5CYII%3D) no-repeat center !important;
  width: 0 !important;
  height: 0 !important;
  right: -15px;
  top: -15px;
  padding: 30px 0 0 30px !important;
}

/*
 *********** Accordion - close button ***********
 */
.pweb-accordion.pweb-accordion-boxed .pweb-button-close {
  top: 20px;
}

/*
 *********** Global form declarations ***********
 */
form.pwebcontact-form {
  margin: 0;
}

form.pwebcontact-form .pweb-field-container {
  margin-bottom: 8px;
}

form.pwebcontact-form .pweb-label,
form.pwebcontact-form .pweb-field {
  float: none;
  width: 100%;
}

form.pwebcontact-form .pweb-label label {
  display: block;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  width: auto;
  max-width: 100%;
}

form.pwebcontact-form fieldset label {
  word-wrap: break-word;
}

/*
 *********** System message ***********
 */
form.pwebcontact-form .pweb-msg {
  line-height: 16px;
  min-height: 16px;
}

form.pwebcontact-form .pweb-msg .pweb-progress {
  background-color: #f2f2f2;
  background-position: 20px 20px;
  padding-left: 40px;
  color: #999;
}

form.pwebcontact-form .pweb-msg-button .pweb-progress {
  background-position: 16px 7px;
  padding-left: 36px;
}

form.pwebcontact-form .pweb-msg .pweb-progress,
.pweb-modal.modal .modal-body.pweb-progress {
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7);
}

form.pwebcontact-form .pweb-msg > div {
  padding: 20px;
}

form.pwebcontact-form .pweb-msg-button > div {
  padding: 6px 16px;
  height: 18px;
  line-height: 17px;
}

form.pwebcontact-form .pweb-msg .pweb-success {
  background-color: #d3fdd6;
  color: #097911;
}

form.pwebcontact-form .pweb-msg .pweb-error {
  background-color: #ffdfdf;
  color: #A80000;
}

form.pwebcontact-form .pweb-msg-before {
  margin-bottom: 10px;
}

form.pwebcontact-form .pweb-msg-after {

}

form.pwebcontact-form .pweb-msg-button,
form.pwebcontact-form .pweb-msg-popup {
  display: inline-block;
}

.pweb-accordion form.pwebcontact-form .pweb-msg-before {
  margin-top: -25px;
  margin-right: 15px;
}

/*
 *********** Fields ***********
 */
form.pwebcontact-form input.pweb-input,
form.pwebcontact-form select,
form.pwebcontact-form textarea,
form.pwebcontact-form div.chzn-container a,
form.pwebcontact-form div.chzn-container ul.chzn-choices,
form.pwebcontact.form joomla-field-fancy-select div.choices {
  float: none;
  padding: 2px 4px !important;
  margin: 0;
  width: 100%;
  outline: none;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form.pwebcontact-form .chzn-container-single,
form.pwebcontact-form .chzn-container-multi {
  width: 100% !important;
}

form.pwebcontact-form .chzn-container .chzn-choices,
form.pwebcontact-form .chzn-container .chzn-drop {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

form.pwebcontact-form input.pweb-input,
form.pwebcontact-form .pweb-select {
  max-width: 100%;
  line-height: 22px;
  height: 26px;
}

form.pwebcontact-form .pweb-select {
  padding-right: 2px;
}

form.pwebcontact-form textarea {
  height: auto !important;
  min-height: 70px;
}

form.pwebcontact-form input.pweb-input:focus,
form.pwebcontact-form select:focus,
form.pwebcontact-form textarea:focus,
form.pwebcontact-form div.chzn-container a:focus {
  -webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
  transition: border .2s linear, -webkit-box-shadow .2s linear;
  -o-transition: border .2s linear, box-shadow .2s linear;
  transition: border .2s linear, box-shadow .2s linear;
  transition: border .2s linear, box-shadow .2s linear, -webkit-box-shadow .2s linear;
}

/*
 *********** Fixes for advanced select fields ***********
 */
form.pwebcontact-form .choices__inner {
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

form.pwebcontact-form div.chzn-container a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

form.pwebcontact-form div.chzn-container a:hover {
  text-decoration: none;
}

form.pwebcontact-form .pweb-select .choices__inner {
  height: 26px !important;
  min-height: unset !important;
}

form.pwebcontact-form .choices__list--single {
  padding: .1em 0 0 1ch !important;
  font-size: 12px !important;
}

form.pwebcontact-form .chzn-search input {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

form.pwebcontact-form .pweb-multiple input {
  padding: .5em 0 0 1ch !important;
}

form.pwebcontact-form .pweb-multiple .choices__button_joomla {
  opacity: unset !important;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

form.pwebcontact-form .choices[data-type*=select-one] .choices__button_joomla {
  opacity: 1;
}

form.pwebcontact-form .pweb-select .choices__button_joomla:before {
  top: -.2em;
}

form.pwebcontact-form .pweb-multiple .choices__button_joomla:before {
  top: .3em;
}

/*
 *********** Checkboxes and radio group and single checkbox ***********
 */
form.pwebcontact-form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

form.pwebcontact-form fieldset label,
form.pwebcontact-form .pweb-field-checkbox label {
  display: block;
  padding-left: 16px;
}

form.pwebcontact-form fieldset label.rokradios,
form.pwebcontact-form fieldset label.rokchecks,
form.pwebcontact-form .pweb-field-checkbox label.rokchecks {
  padding-left: 22px;
}

form.pwebcontact-form input.pweb-checkbox,
form.pwebcontact-form input.pweb-radio {
  margin: 3px 3px 0 0;
  float: left;
}

form.pwebcontact-form fieldset input,
form.pwebcontact-form .pweb-field-checkbox input {
  clear: both;
}

form.pwebcontact-form input[type="checkbox"] + label:before,
form.pwebcontact-form input[type="checkbox"]:checked + label:before {
  background: none;
  border: 0;
  content: "";
}

/*
 *********** Buttons ***********
 */
form.pwebcontact-form button,
form.pwebcontact-form .btn {
  float: none;
  width: auto;
  height: auto;
  padding: 4px 12px;
  cursor: pointer;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

form.pwebcontact-form button:hover,
form.pwebcontact-form .btn:hover {
  -webkit-transition: background-position .1s linear, background-color .1s linear;
  -o-transition: background-position .1s linear, background-color .1s linear;
  transition: background-position .1s linear, background-color .1s linear;
}

/*
 *********** Rounded fields, buttons and messages ***********
 */
.pweb-radius form.pwebcontact-form input.pweb-input,
.pweb-radius form.pwebcontact-form select,
.pweb-radius form.pwebcontact-form textarea,
.pweb-radius form.pwebcontact-form div.chzn-container a,
.pweb-radius form.pwebcontact-form div.chzn-container ul.chzn-choices,
.pweb-radius form.pwebcontact.form joomla-field-fancy-select div.choices {
  border-radius: 3px;
}

.pweb-radius form.pwebcontact-form button,
.pweb-radius form.pwebcontact-form .btn {
  border-radius: 4px;
}

.pweb-radius form.pwebcontact-form .pweb-msg > div {
  border-radius: 3px;
}

/*
 *********** Shadow fields and buttons ***********
 */
.pweb-shadow form.pwebcontact-form input.pweb-input,
.pweb-shadow form.pwebcontact-form select,
.pweb-shadow form.pwebcontact-form textarea,
.pweb-shadow form.pwebcontact-form div.chzn-container a,
.pweb-shadow form.pwebcontact-form div.chzn-container ul.chzn-choices,
.pweb-shadow form.pwebcontact.form joomla-field-fancy-select div.choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.pweb-shadow form.pwebcontact-form button {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

/*
 *********** Fields invalid ***********
 */
form.pwebcontact-form input.invalid.pweb-input,
form.pwebcontact-form select.invalid,
form.pwebcontact-form textarea.invalid {
  border-color: #f00 !important;
  font-weight: normal;
  -webkit-box-shadow: 0 0 5px #f00, 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
  box-shadow: 0 0 5px #f00, 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
}

/*
 *********** Fields active ***********
 */
form.pwebcontact-form input.pweb-input:focus,
form.pwebcontact-form select:focus,
form.pwebcontact-form textarea:focus,
form.pwebcontact-form div.chzn-container a:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
}

/*
 *********** Text separator ***********
 */
.pweb-separator-text {
  line-height: 150%;
}

/*
 *********** Labels invalid ***********
 */
form.pwebcontact-form .invalid,
form.pwebcontact-form .invalid a {
  color: #f00 !important;
  font-weight: normal;
}

/*
 *********** Labels inline with fields ***********
 */
.pweb-labels-inline form.pwebcontact-form .pweb-field-container {
  margin-bottom: 12px;
}

.pweb-labels-inline form.pwebcontact-form .pweb-label {
  clear: both;
  float: left;
  width: 30%;
}

.pweb-labels-inline form.pwebcontact-form .pweb-field {
  float: left;
  width: 69.9%;
}

.pweb-labels-inline form.pwebcontact-form .pweb-field-checkbox .pweb-field,
.pweb-labels-inline form.pwebcontact-form .pweb-field-buttons .pweb-field {
  float: none;
  width: auto !important;
}

/*
 *********** Labels above fields ***********
 */
.pweb-labels-above form.pwebcontact-form .pweb-label {
  margin-bottom: 3px;
}

/*
 *********** Labels over fields ***********
 */
.pweb-labels-over form.pwebcontact-form .pweb-field-container {
  position: relative;
}

.pweb-labels-over form.pwebcontact-form .pweb-label {
  margin-bottom: 3px;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over .pweb-label {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: auto !important;
  margin-bottom: 0;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over.pweb-field-multiple .pweb-label {
  width: 100% !important;
  height: 100% !important;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over label {
  padding: 3px 6px 0;
  cursor: text;
  color: #aaa;
  text-shadow: none;
  white-space: nowrap;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over.pweb-field-multiple label {
  width: 100% !important;
  height: 100% !important;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over.pweb-field-multiple select.pweb-blank option {
  color: #fff !important;
  color: rgba(255, 255, 255, 0) !important;
}

/*
 *********** Captcha ***********
 */
form.pwebcontact-form .pweb-field-captcha .pweb-field {
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: 30%;
}

form.pwebcontact-form .pweb-field-captcha iframe {
  margin: 0 !important;
  vertical-align: middle !important;
}

/*
 *********** Calendar ***********
 */
body div.calendar {
  z-index: 10000;
}

.pweb-field-date .pweb-field {
  position: relative;
}

.pweb-field .field-calendar input {
  font-size: 12px !important;
}

/* Target Joomla 4 */
.pweb-field .field-calendar .input-group input {
  padding: 0 4px;
}

.pweb-field .field-calendar button {
  width: 26px;
  height: 18px;
  z-index: 1;
  line-height: 18px;
  margin-left: -1px;
  padding: 4px 0;
  cursor: pointer;
  text-align: center;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pweb-field .field-calendar .calendar-container .buttons-wrapper {
  width: unset;
}

.pweb-field .field-calendar .calendar-container button {
  padding: 4px 6px;
  margin-right: .2em;
  width: auto;
}

/*
 *********** Tooltip ***********
 */
form.pwebcontact-form .tooltip {
  position: absolute;
  z-index: 1030;
  visibility: visible;
  opacity: 0;
}

form.pwebcontact-form .tooltip.in {
  opacity: 0.8;
}

form.pwebcontact-form .tooltip-inner {
  color: #ffffff;
  background-color: #000000;
  padding: 8px;
}

/*
 *********** Star of required fields ***********
 */
form.pwebcontact-form label .pweb-asterisk {
  color: #f00;
  font-weight: bold;
}

/*
 *********** Columns ***********
 */
.pweb-column {
  float: left;
  margin-right: 2.8%;
}

.pweb-column:last-child {
  margin-right: 0;
}

.pweb-width-50 {
  width: 47%;
}

.pweb-width-50:last-child {
  width: 50%;
}

.pweb-width-33 {
  width: 30%;
}

.pweb-width-33:last-child {
  width: 33%;
}

.pweb-width-25 {
  width: 22%;
}

.pweb-width-25:last-child {
  width: 25%;
}

.pweb-width-20 {
  width: 17%;
}

.pweb-width-20:last-child {
  width: 20%;
}

/* phone */
@media (max-width: 480px) {
  /* disable columns */
  .pweb-column,
  .pweb-column:last-child {
    float: none;
    width: auto !important;
    margin-right: 0;
  }

  /* disable fields inline */
  .pweb-labels-inline form.pwebcontact-form .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline form.pwebcontact-form .pweb-label,
  .pweb-labels-inline form.pwebcontact-form .pweb-field {
    float: none;
    width: auto;
  }
}

/* phone landscape */
@media (min-width: 481px) and (max-width: 767px) {
  /* change 3, 4 and 5 columns into 2 */
  .pweb-width-33,
  .pweb-width-25,
  .pweb-width-20 {
    width: 47%;
  }

  .pweb-width-33:nth-child(even),
  .pweb-width-25:nth-child(even),
  .pweb-width-25:last-child,
  .pweb-width-20:nth-child(even) {
    width: 49.9%;
  }

  .pweb-width-33:last-child,
  .pweb-width-20:last-child {
    width: 100%;
  }

  /* disable fields inline only in columns */
  .pweb-labels-inline form.pwebcontact-form .pweb-column .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline form.pwebcontact-form .pweb-column .pweb-label,
  .pweb-labels-inline form.pwebcontact-form .pweb-column .pweb-field {
    float: none;
    width: auto;
  }
}

/* tablet and phone */
@media (min-width: 768px) and (max-width: 979px) {
  /* disable fields inline only in 4 and 5 columns */
  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-25 .pweb-label,
  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-20 .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-25 .pweb-label,
  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-20 .pweb-label,
  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-25 .pweb-field,
  .pweb-labels-inline form.pwebcontact-form .pweb-column.pweb-width-20 .pweb-field {
    float: none;
    width: auto;
  }
}

/*
 *********** Hide User data ***********
 */
.pweb-hide-user form.pwebcontact-form .pweb-field-name,
.pweb-hide-user form.pwebcontact-form .pweb-field-email,
.pweb-hide-user form.pwebcontact-form .pweb-field-username {
  display: none !important;
}

/*
 *********** Alerts ***********
 */
.pweb-alert {
  position: fixed;
  z-index: 1060;
  top: 50%;
  left: 50%;
  width: 560px;
  max-height: 400px;
  overflow: auto;
  background-color: #fcf8e3;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 3px 25px 14px 14px;
  margin: -200px 0 20px -280px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.pweb-alert.alert .ui-dialog-titlebar {
  padding-bottom: 5px;
}

.pweb-alert.alert .alert-heading {
  font-weight: bold;
  font-size: 1.5em;
}

.pweb-alert .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
}

.pweb-alert .close:hover,
.pweb-alert .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

.pweb-alert button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pweb-alert.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.pweb-alert.alert-debug {
  background-color: #fcf8e3;
  color: #3a87ad;
}

.pweb-alert.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.pweb-alert.alert-danger,
.pweb-alert.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.pweb-alert.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/*
 *********** Animations ***********
 */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in,
.fade.show {
  opacity: 1;
}

.pweb-uploader .fade.in,
.pweb-uploader .fade.show {
  opacity: 1 !important;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.pweb-init.pweb-slidebox {
  visibility: hidden;
}

.pweb-init.pweb-accordion {
  display: none;
}

/*
 *********** Clearfix ***********
 */
.pwebcontact-box:before, .pwebcontact-box:after,
.pweb-fields:before, .pweb-fields:after,
.pweb-fields-group:before, .pweb-fields-group:after,
.pweb-field-container:before, .pweb-field-container:after,
.pweb-uploader .files > div:before, .pweb-uploader .files > div:after {
  content: "";
  display: table;
  line-height: 0;
}

.pwebcontact-box:after,
.pweb-fields, .pweb-fields:after,
.pweb-fields-group:after,
.pweb-field-container:after,
.pweb-uploader .files > div:after {
  clear: both;
}