s@charset "utf-8";
.titletop_left, .titletop_right {
  width: 50%;
  float: left
}
.service2, .stepsbox {
  vertical-align: top;
  margin: 10px
}
input, select {
  width: 374px;
  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
  position: relative;
  height: 52px
}


table {border: 0; border-collapse: collapse;}
table tr {height: 30px; border-bottom: 1px solid #AEAEAE; }
table tr:hover {background:  #e5e5e5; cursor: pointer}
table td {min-width: 100px; padding-top: 10px; padding-bottom: 5px; padding-right: 20px;}
table p {font-size: 12px; margin-top: 10px; padding-top: 5px;}


#galeriabox {
    text-align: center; 
    margin-top: 30px; 
}
#galeriabox img {
    margin: 5px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}
#Nawigacja {
    position: absolute; 
    z-index: 9999999; 
    margin-left: 350px; 
    margin-top: 50px;
}
#Nawigacja ul li {
    list-style: none;
}

.main-menu {
    display: flex;
    gap:12px;
    list-style: none;
}

.main-menu li {
    position: relative;
    list-style: none;
}

.main-menu a {
    text-decoration: none;
    padding:5px 0;
    display: block;
     list-style: none;
    transition: all 0.25s ease;
}

.main-menu a:hover {
    font-weight: bold;
}

/* WRAPPER – daje animację */
.dropdown-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    height: 400px;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;

    transition: all 0.25s ease;
}

/* dropdown box */
.dropdown {
    background: #2C8E45;
    border-radius: 10px;
    padding: 15px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    list-style: none;
}

/* itemy */
.dropdown li a {
    padding: 10px 10px;
    display: block;
    color: #333;
    list-style: none;
}

.dropdown li a:hover {
    background: #084900;
}

/* HOVER – pokazanie */
.has-dropdown:hover .dropdown-wrapper {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

a {color: #000;} 

img {border-radius: 0px;}

.s {line-height: 1px; background: #C3C3C3; color: #C3C3C3;}


hr2 {
    width: 300px;
    background: #298F3E;
    height: 4px;
}

#ofertawrapper {
    text-align: center;
    width: 100%;
     overflow: visible; /* ważne przy zoomie */
}
.ofertabox {
    background: #298F3E;
    width: 250px;
    height: 488px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    transition: transform 0.3s ease; /* animacja */
    transform-origin: center center;
}
.ofertabox:hover {
    transform: scale(1.08); /* powiększenie */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.ofertabox_in {
    padding: 5px;
    min-height: 155px;
}
#ofertawrapper p {
    font-size: 14px;
    line-height: 22px;
    
}

.home_grey {
    max-width: 480px;
    min-height: 120px;
    margin: 10px; 
    padding: 20px;
    display: inline-block;
    background: #EDEDED;
    vertical-align: top;

}

.home_grey h3 {font-size: 18px;}
.home_grey p {font-size: 13px;}


h1 {
    font-family: "Noto Serif", serif;
    color: #000;
    font-weight: 600;
    font-size: 36px;
}
h2 {
    font-family: "Noto Serif", serif;
    color: #000;
    font-weight: 600;
    font-size: 30px;
}
h3 {
    font-family: "Noto Serif", serif;
    color: #000; 
    font-weight: 600;
    font-size: 24px; 
}

#BannersBox h1 {font-family: Montserrat, sans-serif;}
#BannersBox h2 {font-family: Montserrat, sans-serif;} 
#BannersBox h3 {font-family: Montserrat, sans-serif;}

#TitleBox1 h1 {font-family: Montserrat, sans-serif;}
#TitleBox1 h2 {font-family: Montserrat, sans-serif;}
#TitleBox1 h3 {font-family: Montserrat, sans-serif;}

#Properties {clear: both; margin-top: 20px; margin-bottom: 20px;}
.Property { 
background: #EDEDED;
width: 100%;
min-height: 280px;
text-align: left;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.Property h5 {
    font-family: "Noto Serif", serif;
    font-size: 24px;
    color: #000;
}
.Property  .left {display: inline-block; vertical-align: top;}
.Property .right {display: inline-block; vertical-align: top; padding:30px; max-width: 430px;}

.services_in {max-width: 480px; padding: 30px;}

.services_left {
    min-width: 350px;
    width: 50%;
    background: #282936;
    padding: 40px 0 40px 0;
    float: left;
}

.services_left p {color: #fff; line-height: 24px;}
.services_left ul li {color: #fff;}
.services_left h3 {color :#fff; font-size: 28px}


.services_right { 
    min-width: 350px;
    width: 50%;
    background: #fff url(../images/dc_duze.jpg)no-repeat center center; -moz-background-size: cover;
                                                -webkit-background-size: cover;
                                                -o-background-size: cover;
                                                background-size: cover;
    padding: 40px 0 40px 0;
    float: left;
    height: 100%;
}

.services_right p {line-height: 24px;}
.services_right h3 {font-size: 28px}



    .price-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .price-item {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      padding: 4px 0;
    }

    .service-name {
      white-space: nowrap;
    }

    .dots {
      border-bottom: 1px dotted ;
      height: 1px;
      margin: 0 10px;
    }

    .service-price {
      white-space: nowrap;
    }

#Navig5 li, #Navig5 li a{
  text-decoration: none
}
#Navig5 ul{
  overflow: visible;
}
#Navig5 ul li ul {
 margin-top: 0;
  z-index: 10000;
  background: #fff;
}
#Navig5 li, h1 {
  text-transform: none
}
#Navig5 {
  margin-right: 20px;
      margin-top: 40px;
}

#Navig5 li, .lewy, .momo, .prawy {
  display: inline-block
}
#Navig5 ul {
  list-style: none;
  padding-left: 0;
  width: 100%;
  clear: both;
  padding-top: 10px;
  text-align: right
}
#Navig5 li {
  padding: 10px;
  position: relative;
  transition-duration: .5s;
  font-size: 16px;
  font-weight: 300;
}


#top_menu #Nawigacja li a {
  color: #fff; transition-duration: .5s;
}
#top_menu #Nawigacja li:focus-within, #Navig5 li:hover {
  font-weight: 700;
  color: #fff;
  cursor: pointer
}

#top_menu.active #Nawigacja li a {
  color: #000; transition-duration: .5s;
}
#top_menu.active #Nawigacja li:focus-within, #Navig5 li:hover {
  font-weight: 700;
  color: #000;
  cursor: pointer
}

#top_menu .phones {color: #fff;}
#top_menu.active .phones {color: #000; }

#top_menu .logoss {width: 150px; transition-duration: .5s;}
#top_menu.active .logoss {width: 100px; transition-duration: .5s;}

#Navigation li.current a, #Navig5 li.section a {
  font-weight: 700;
  color: #5e5797;
}
#Navig5 li:focus-within a {
  outline: 0
}
#Navig5 ul li ul {
  min-width: 5rem;
  position: absolute;
  left: 0
}
#Navig5 ul li ul:focus, #Navig5 ul li ul:hover, #Navig5 ul li:focus-within > ul, #Navig5 ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  display: block;
  font-size: 12px
}
#Navig5 ul li ul li {
  clear: both;
  width: 100%
}

.cycle-slideshow h2 {color: #fff; font-weight: 300; font-size: 50px;}
.cycle-slideshow p {color: #fff; font-weight: 300; font-size: 20px;}


.oferta {
    
    background: #f1f1f1;
    color: #000;
    max-width: 380px;
    min-height: 480px;
    display: inline-block;
    margin: 10px;
    text-align: left;
    vertical-align: top;
    
}
.oferta .in {padding: 20px;}
.oferta h4 {font-size: 20px; font-weight: 400; text-align: left;}
.oferta span {font-size: 16px; text-align: left; color: #555555;}
.oferta  a {color: #5e5797; }


#pasBanner {width: 100%; }
#pasBanner p {color: #fff;}

#top_menu .active .logos {width: 100px;-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;}


.slant-box {
	.slant-box-content {
		display: inline-block;
		position: relative;
    padding:15px;
    margin:20px;
	}

	&:before {
        content: '';
        position:absolute;
        width:100%;
        height:100px;
        border-color: transparent transparent transparent #dd2634;
        border-style:solid;
        border-width:2px;
        transform: skewX(-15deg);
	}
}


.rectangle-29, .service2, input, select {
  position: relative
}
#badges, #badges2, #servicesbox, .service2 {
  text-align: center
}
.more3, .more4 {
  max-width: 170px;
  text-decoration: none
}
body{
  font-family: Montserrat, sans-serif
}
#black_trusted, spiner_back {
  background: #000
}
#Navigaton6 li, #Navigaton6 li a, #topnavos a, #topnavos a:hover, .aktualnosc .more2, .center a, .close, .megamenus p a, .more3, .more4, .nawi a {
  text-decoration: none
}
#Navigaton6 ul, #WhiteBoxx, .hotelowe, .rectangle-29, .service2{
  overflow: hidden
}
.infox, .pulse-button {
  text-transform: uppercase
}
body, hr, hr_grad, html {
  margin: 0;
  padding: 0;
height: 100%;
}
#Navigation ul li a, #Navigaton6 li, h1 {
  text-transform: none
}
#Navigation3, #Navigaton6 {
  margin-right: 20px
}
#TekstsBox, #map_wrapper {
  height: 600px
}
#map_canvas, body, html {
  height: 100%
}
#TitleBox h1, .produkt .title, .pulse-button, h1 {
  letter-spacing: -1px
}
#bob p, #shops_list .shop-hover, #wroc, .advertia_logo, .blox, .cycle-pager2 > *, .cycle-pager3 > *, .dzial, .filters .button, .folder, .head1, .head4, .produkton, .pulse-button, .service, .technology {
  cursor: pointer
}
body {
  font-size: 16px;
  background: #fff;
  
}
#baneros p, #bluebox, #bluebox p a, #bob a, #opis_blue p, .OpisBox_Lewy_A p, .filters .button p, .hotelowe p, .more3 a:hover, .more3 a:link, .more4 a:hover, .wiecej a {
  color: #000
}

.center img {}
.center .more, .more {
  background: #e6283c;
  padding: 10px 15px;
  color: #fff;
  font-weight: 300;
  border-radius: 0px;
      font-size: 14px;
}
.titletop_left h1 {
  color: #fff;
  font-weight: 800;
  font-size: 32px;
  float: left
}
.titletop_left p {
  color: #fff;
  font-size: 16px;
  max-width: 400px;
  text-align: left;
  clear: both;
  font-weight: 200;
  line-height: 24px
}
.titletop_right {
  height: 600px
}
.service2 {
  background: #ECECEC;
  border-radius: 0px;
  max-width: 1100px;;
  min-height: 50px;
  display: inline-block;
  padding: 30px;
    color: #000;
  text-align: left;
}
.service2 p {color:#000;}
.service_box, .stepsbox {
  display: inline-block;
  text-align: left
}
.stepsbox {
  background: #d9d9d9;
  border-radius: 9px;
  width: 200px;
  height: 315px;
  padding: 20px
}
.stepsbox h3 {
  font-weight: 800;
  font-size: 18px
}
.check {
  border-radius: 58px;
  border: 2px solid #bc2329;
  color: #bc2329;
  padding: 5px;
  width: 200px
}
.center .check a {
  color: #bc2329;
  font-weight: 700
}
input {
  background: #fff;
  border-radius: 10px;
  border: none
}
select {
  background: #e2e2e2;
  border-radius: 10px;
  border: none
}
.rectangle-27, .rectangle-27 *, .rectangle-29, .rectangle-29 * {
  box-sizing: border-box
}
.rectangle-29 {
  background: #a3171c;
  border-radius: 18px;
  width: 100%;
  height: auto;
  padding: 20px
}
.rectangle-27 {
  background: #bc2329;
  border-radius: 14px 14px 0 0;
  width: 225px;
  height: 101px;
  position: absolute;
  margin-left: 900px;
  bottom: -95px
}
#header, .box .box-inner, .rectangle-27 img, form div {
  width: 100%
}
.spinner {
  border: 4px solid rgba(0, 0, 0, .1);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite spin;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}
.green_button, .pulse-button {
  -webkit-animation: 1.5s infinite pulse
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0)
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg)
  }
}
.service_box {
  width: 320px;
  min-height: 290px;
  margin: 20px
}
#gradient_list ul li, .more_gradient {
  margin: 5px;
  display: inline-block;
  color: #fff
}
.more3, .more4, .pulse-button {
  text-align: center
}
.service_box strong {
  color: #bb212a;
  font-weight: 800
}
.service_box p {
  font-size: 16px
}
.cycle-slideshow .more {
  background: #e6283c;
  padding: 12px;
  color: #fff;
  font-weight: 700;N
  border-radius: 5px
}
.userform-progress .progress-bar, hr_grad {
  background: linear-gradient(90deg, #e94d39 0, #6a82fb 100%)
}
.userform-progress .progress-bar {
  position: absolute;
  height: 1em
}
#gradient_list ul li::before, .more_gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, #e94d39 0, #6a82fb 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)
}
.userform-progress .step-button-wrapper.viewed .step-button-jump {
  opacity: 1;
  border-radius: 25px
}
hr, hr_grad {
  border: none
}

hr {
  background: #3A5717;
  height: 2px
}
hr_grad {
  height: 3px
}
#gradient_list ul li {
  position: relative;
  padding: 15px 30px;
  font-size: 16px
}
#gradient_list ul li::before {
  border-radius: 50px;
  padding: 2px;
  -webkit-mask-composite: xor;
  mask-composite: exclude
}
.gradient {
  background: linear-gradient(180deg, #e94d39 0, #6a82fb 100%)
}
.border-gradient {
  border: 5px solid;
  border-image-slice: 1;
  border-radius: 25px
}
.border-gradient-purple {
  border-image-source: linear-gradient(to left, #E94D39 0%, #6A82FB 100%);
  border-radius: 25px
}
.more_gradient {
  position: relative;
  padding: 20px 30px;
  font-size: 20px
}
.more_gradient::before {
  border-radius: 50px;
  padding: 5px;
  -webkit-mask-composite: xor;
  mask-composite: exclude
}
#badges img, .art_box .art_inner, .more3, .more4 {
  padding: 10px
}
.more3 {
  border: 1px solid #dd2533;
  color: #fff;
  border-radius: 35px;
  -webkit-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  -moz-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2)
}
.aktualnosc a, .aktualnosc p a, .more4, .more4 a:link {
  color: #000
}
.more3:hover, .more4:hover {
  background: #46235b;
  color: #fff
}
.more4 {
  border: 1px solid #e99023;
  margin: 10px;
  border-radius: 35px;
  -webkit-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  -moz-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2)
}
.back_button, .green_button, .orange_button {
  border-radius: 60px;
  font-size: 23px;
  margin: 10px;
  padding: 20px;
  font-weight: 900
}
#badges2 img {
  padding: 30px
}
#Bannersbox {
  background: #000;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover
}
.green_button {
  background: #5f6f00;
  color: #fff
}
.orange_button {
  background: #f45e0c;
  color: #fff
}
.back_button {
  background: #a7a7a7;
  color: #000
}
.pulse-button {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  display: block;
  width: 100px;
  height: 100px;
  font-size: 1.3em;
  font-weight: light;
  font-family: 'Trebuchet MS', sans-serif;
  line-height: 100px;
  color: #fff;
  border: none;
  border-radius: 50%;
  background: #5a99d4;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5)
}
.pulse-button:hover {
  -webkit-animation: none
}
@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0)
  }
  100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0)
  }
}
#WhiteBoxx {
  width: 100%;
  clear: both;
  background: #fff;
  min-height: 200px
}
#ContentBoxx, #content {
  width: 100%;
  clear: both;
  overflow: hidden;
  background: #fff
}
.newsboxx {
  float: left;
  width: 230px;
  min-height: 430px;
  margin: 30px;
  padding: 20px
}
.content_block, .content_block_a, .content_block_b {
  margin: 20px;
  display: inline-block;
  vertical-align: middle
}
.content_block_wrapper {
  width: 100%;
  text-align: center
}
.service, h2 {
  text-align: left
}
.content_block_a {
  max-width: 400px
}
.content_block_b {
  max-width: 480px
}
.content_block {
  max-width: 450px
}
.content_block img {
  width: 100%;
  max-width: 500px
}

.button-4 {
  background-color: transparent;
  transition: .3s
}
.button-4:hover {
  animation: 1s infinite pulse;
  transition: .3s
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1)
  }
  70% {
    transform: scale(.9)
  }
}
.greens {
  width: 150px;
  background: #afcb08;
  color: #afcb08;
  border: none
}
.service {
  width: 230px;
  height: auto;
  display: inline-block;
  margin: 5px;
  transition: .5s;
  padding: 10px;
  border-bottom: 1px solid #dcff07
}
.aktualnosc, .modalDialog > div {
  padding: 20px;
  background: #F1F1F1;
}
#per-slide-template2 a {
  margin-left: 20px;
  padding: 5px
}
#per-slide-template2 .cycle-pager-active {
  font-weight: 700;
  color: #8ea529;
  border-bottom: 4px solid #afca39
}
.services:hover .service {
  filter: blur(11px)
}
.services .service:hover {
  filter: blur(0px)
}
#top_menu.active {
  background: #fff;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -webkit-box-shadow: 0 19px 8px -15px rgba(77, 77, 77, .2);
  -moz-box-shadow: 0 19px 8px -15px rgba(77, 77, 77, .2);
  box-shadow: 0 19px 8px -15px rgba(77, 77, 77, .2);
-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
#first_green {
  background: #afcb08;
  min-height: 180px
}
#second_green {
  background: #c9df42;
  min-height: 180px
}
#black_trusted {
  min-height: 80px
}
#computer_services {
  background: #d0d0d0;
  min-height: 360px
}
#phone_services {
  background: #e9e9e9;
  min-height: 360px
}
.centro_box {
  margin: 0 auto;
  max-width: 800px
}
.aktualnosc, .dolne_info {
  display: inline-block;
  margin: 10px
}
.center ul {
  font-size: 18px
}
.center ul li {
  line-height: 29px;
  padding-left: 32px;
  margin: 15px 0;
    list-style:inside;
    color: #000;
    font-weight: 300;
}
#opis_blue table, .detale table {
  border: 0;
  border-collapse: collapse
}
.detale table tr {
  height: 30px;
  border-bottom: 1px solid #aeaeae
}
.detale table td {
  min-width: 600px;
  padding-top: 10px;
  padding-bottom: 5px
}
#detale_in p {
  font-size: 12px;
  margin-top: 10px;
  padding-top: 5px
}
.DaneDuzyOpis {
  font-size: 16px;
  font-weight: 300;
  width: 50%;
  line-height: 26px
}
.DaneDuzyWartosc {
  font-size: 20px;
  font-weight: 900;
  width: 50%;
  text-align: right;
  line-height: 26px
}
.infox, .wiecej {
  font-size: 14px
}
.megamenus p a {
  color: #7ca000
}
#opis_blue table tr {
  height: 35px;
  border: none
}
.aktualnosc, .aktualnosc img {
  border-radius: 0px;
  max-width: 480px
}
#bluebox p {
  color: #fff;
  font-weight: 300
}
.aktualnosc {
  min-height: 700px;
  text-align: left;
  vertical-align: top;
  -webkit-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .1);
  -moz-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .1);
  box-shadow: 0 4px 0 1px rgba(101, 66, 1, .1)
}
#FirmaBox, .momo {
  min-height: 400px
}
.Nawibox, .Nawibox img {
  vertical-align: bottom
}
.aktualnosc img {
  width: 100%
}
.aktualnosc p {
  color: #000;
  font-size: 16px;
  font-weight: 200
}
.aktualnosc .more2 {
  background: #eb9c0b;
  padding: 10px;
  color: #fff;
  border-radius: 15px;
  max-width: 200px;
  -webkit-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .5);
  -moz-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .5);
  box-shadow: 0 4px 0 1px rgba(101, 66, 1, .5)
}
.aktualnosc .more2:hover {
  background: #966100;
  color: #fff
}
.wiecej {
  background: #e21b23;
  padding: 3px;
  color: #fff;
  font-weight: 600;
  margin-top: 10px
}
.dolne_info {
  width: 170px;
  padding: 10px;
  border-left: .5px solid #fff
}
.lewy, .prawy {
  margin-bottom: 20px
}
#Navigation ul, #wroc, .lewy, .prawy {
  margin-top: 30px
}
#Bannersbox #down .more a, #Bannersbox #down .more:hover, #banner_control ul li a, #footer a:link, #footer a:visited, .center .more a, .dolne_info p a {
  color: #fff;
  text-decoration: none
}
#down h4 {color: #fff; font-weight: 300;}
.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  -moz-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
  pointer-events: none
}
#Navigation3 ul li ul, #Navigaton6 ul li ul {
  opacity: 0;
  transition: .5s;
  margin-top: 1rem;
  display: none;
  visibility: hidden
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto
}
.modalDialog > div {
  width: 50%;
  position: relative;
  margin: 6% auto;
  border-radius: 0
}
.close {
  background: #606061;
  color: #fff;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  font-weight: 700;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000
}
#ContentBox, #RealizacjeBox, #TitleBox, #top_menu, .momo, hr.line {
  
}
.close:hover {
  background: #be1522
}
#per-slide-template a {
  margin-left: 20px;
  margin-right: 20px;
  opacity: .5;
  font-weight: 500
}
#topnavos a {
  color: #2f75ba;
  letter-spacing: -.4px
}
#topnavos a:hover {
  color: #459cf1
}
.nawi a {
  color: #3d3d3c
}
.Nawibox {
  display: table-cell;
  float: left;
  min-width: 80px;
  max-width: 130px;
  margin-right: 10px;
  height: 260px
}
.Aktualnosci_Box, .RealizacjaBox, .lewy, .momo, .prawy {
  vertical-align: top
}
#Navigaton6 li, .lewy, .momo, .prawy {
  display: inline-block
}
.bannx a {
  color: #992c2e;
  border-color: #992c2e
}
.bobo a:visited {
  border-color: #fff;
  color: #fff
}
#per-slide-template a:hover {
  opacity: 1;
  font-weight: 500
}
.infox, .is-checked, .krotko ul li, .prawy ul li {
  font-weight: 700
}
#per-slide-template .cycle-pager-active {
  opacity: 1;
  font-weight: 600
}
#Navigaton6 ul {
  list-style: none;
  padding-left: 0;
  width: 100%;
  clear: both;
  padding-top: 10px;
  text-align: right
}
#Navigaton6 li {
  padding: 10px;
  position: relative;
  transition-duration: .5s;
  font-size: 18px;
  font-weight: 500;
}
#Navigaton6 li a {
  color: #fff;
}

.center a {
  color: #15FF45;
}
.center a:hover {
  color: #86FF76;
}

.momo, .momo p {
  color: #052b56;
  text-align: center
}
#Navigaton6 li:focus-within, #Navigaton6 li:hover {
  font-weight: 700;
  color: #000;
  cursor: pointer
}
#Navigation li.current a, #Navigaton6 li.section a {
  font-weight: 700;
  color: #e99023;
}
#Navigaton6 li:focus-within a {
  outline: 0
}
#Navigaton6 ul li ul {
  min-width: 5rem;
  position: absolute;
  left: 0
}
#Navigaton6 ul li ul:focus, #Navigaton6 ul li ul:hover, #Navigaton6 ul li:focus-within > ul, #Navigaton6 ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  display: block;
  font-size: 12px
}
#Navigation3 ul li ul li, #Navigaton6 ul li ul li {
  clear: both;
  width: 100%
}
.krotko ul li {
  line-height: 28px;
  background: url(../graphics/krotko2.png) 0 4px no-repeat;
  padding-left: 25px;
  margin: 3px 0
}
.lewy {
  max-width: 500px;
  padding-right: 30px
}
.prawy {
  max-width: 460px;
  padding-left: 20px
}
.prawy ul li {
  line-height: 32px;
  background: url(../graphics/krotko2.png) 0 6px no-repeat;
  padding-left: 25px;
  margin: 3px 0 3px 20px
}
.momo {
  width: 300px;
  margin: 10px;
  padding: 10px;
  border-radius: 25px;
  -webkit-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  -moz-box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2);
  box-shadow: 0 4px 0 1px rgba(101, 66, 1, .2)
}
#TekstsBox, .guzik, .guzik1 {
  background: #000
}
.fullscreen-bg {
  position: relative;
  top: -10%;
  left: 0%;
  width: 100%;
  height: 130%
}
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 100%;
  min-width: 100%
}
.mapes {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  mix-blend-mode: multiply
}
@media screen and (min-width:1201px) {
      .bo8 {
    display: none
  }
  .bo11, .bo12 {
    width: 50%;
    float: left
  }
  .bo11a {
    max-width: 550px
  }
    .vidban {width: 100%; overflow: hidden; position: absolute; z-index: 9999; top: 45% ; margin-left: 40px;}
    .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video-container embed, .video-container iframe, .video-container object {
position: absolute;
    top: 50%;
    left: 50%;
    width: 3840px;
    height: 120vh;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Prevent interaction with the video */
    object-fit: cover; /* Ensures the video fills the container */
}
    .fota-strona {margin: 10px; max-width: 220px; box-shadow: 2 2 2 2 #000;}
}
@media screen and (min-width:976px) and (max-width:1200px){
  .bo1, .bo3 {
    text-align: left
  }
  .bo2, .bo4 {
    padding-left: 10px
  }
  .bo1 {
    max-width: 340px
  }
  .bo2 {
    max-width: 600px
  }
  .bo3 {
    max-width: 500px
  }
  .bo4 {
    max-width: 400px
  }
  .bo6 {
    width: 380px;
    margin-left: 80px;
    float: left
  }
  .bo8 {
    display: none
  }
  .bo9 {
    height: 500px
  }
  .bo10 {
    height: 250px
  }
  .bo11, .bo12 {
    width: 50%;
    float: left
  }
    .center h2 {
  color: #46235b;
  font-size: 28px
}
    .galeriabox {margin: 5px; border-radius: 25px; width: 200px;}
     .vidban {width: 100%; overflow: hidden; position: absolute; z-index: 9999; top: 30% ; left: 40px;}
    .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video-container embed, .video-container iframe, .video-container object {
position: absolute;
    top: 50%;
    left: 50%;
    width: 3840px;
    height: 120vh;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Prevent interaction with the video */
    object-fit: cover; /* Ensures the video fills the container */
}
    .fota-strona {margin: 10px; max-width: 150px;}
}
@media screen and (max-width:975px) {
  .bo1, .bo2, .bo3, .bo4, .bo6 {
    width: 100%;
    text-align: center
  }
  .bo12, .bo5, .bo7 {
    display: none
  }
    .fota-strona {margin: 10px; max-width: 150px;}
    .cycle-slideshow h2 {color: #fff; font-size: 30px;}
     .cycle-slideshow p {color: #fff; }
    
    h2 {font-size: 22px; color: #8B0000; font-weight: 800; letter-spacing: -0.5px; line-height: 30px;}
    
    #bannar h2, #bannar p {
    color: #fff;
        font-size: 14px;
  }
    
  .bo8 h2, .bo8 p {
    color: #fff
  }
     .bo8 a {
    color: #46235b;
        text-decoration: none;
  }
    .bo8 .topper {font-size: 18px;}
    .bo8 .topper a {color: #fff}
    
    
  .bo9 {
    height: 500px
  }
  .bo10 {
    height: 200px
  }
  .bo11 {
    width: 100%
  }
    .vidban {width: 100%; overflow: hidden; position: absolute; z-index: 9999; top: 25% ; left: 40px;}
    .galeriabox {margin: 5px; border-radius: 25px; width: 100px;}
    .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video-container embed, .video-container iframe, .video-container object {
position: absolute;
    top: 30%;
    left: 50%;
    width: 3840px;
    height: 120vh;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Prevent interaction with the video */
    object-fit: cover; /* Ensures the video fills the container */
}
    
 .services_left {
    width: 100%;
}

.services_right { 
    width: 100%;
}
    
}
@media screen and (max-width:550px) {
    
    .vidban {width: 80%; overflow: hidden; position: absolute; z-index: 9999; top: 45%; padding: 10px;}
  .bo9 {
    height: 350px
  }
  .bo10 {
    height: 200px
  }
    .center h2 {
  color: #000;
  font-size: 26px
}
    .cycle-slideshow .center h2 {color: #fff; font-size: 30px;}
     .cycle-slideshow .center p {color: #fff; }
    .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
    .fota-strona {margin: 10px; max-width: 110px;}
.video-container embed, .video-container iframe, .video-container object {
position: absolute;
    top: 130%;
    left: 50%;
    width: 3840px;
    height: 120vh;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Prevent interaction with the video */
    object-fit: cover; /* Ensures the video fills the container */
}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.fadeInUp, × .fadeInUp, × .flipInX {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUp, × .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both
}
× .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  animation-duration: 1s;
  animation-fill-mode: both
}
.fadeInDown, .flipInY {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  animation-duration: 1s;
  animation-fill-mode: both
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
× .animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
.hotelowe {
  max-width: 450px;
  height: 520px;
  float: left;
  margin-right: 50px
}
.hotelowe h1 {
  color: #fff;
  font-size: 24px;
  letter-spacing: -.4px;
  font-weight: 600
}
.infox {
  font-family: Montserrat, sans-serif
}
.moreinfo {
  border: 1px solid #fff;
  color: #fff;
  padding: 7px;
  margin: 0 auto;
  width: 100px
}
.guzik, .guzik1, .guzik2, .guzik3 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  padding: 10px;
  text-decoration: none
}
.hotelowe_foto {
  float: left;
  max-width: 550px
}
.center, .center2 {
  max-width: 1100px;
  overflow: hidden
}
.wrap {
  width: 940px;
  margin: 0 auto
}
.inner {
  width: 940px;
  margin: 5px auto 30px
}
hr.red {
  color: #e10728;
  border-color: #e10728
}
.guzik1 {
  float: left
}
.guzik2 {
  background: #afcb08;
  float: left
}
.guzik3 {
  background: #748723;
  float: left
}
#HomeBannerRight, #NewsletterBox, #submenu ul li, #submenu ul li a, .produkt {
  background: #ebebeb
}
.cycle-pager2, .cycle-pager3 {
  text-align: center;
  width: 100%;
  top: 10px;
  overflow: hidden
}
.cycle-pager2 span, .cycle-pager3 span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #ddd;
  cursor: pointer
}
#Navigation, #Navigation3, #TitleBox h1, #down .center p, .center p {
  font-family: Montserrat, sans-serif
}
.cycle-pager2 span.cycle-pager-active, .cycle-pager3 span.cycle-pager-active {
  color: #4f4f4f
}
.filters .button {
  color: #fff;
  padding-top: 3px;
  padding-bottom: 3px
}
.is-checked {
  color: #eb1c25
}
.formol1 {
  float: left;
  width: 180px;
  clear: left
}
.formol {
  float: left;
  width: 90px
}
.prodbok {
  width: 820px;
  overflow: hidden;
  height: 400px
}
.boxprod, .produkt {
  width: 470px;
  height: 160px;
  margin-right: 15px;
  margin-bottom: 15px
}
.prodbok p {
  color: #fff;
  text-align: justify;
  width: 300px
}
.prodbok h3 {
  font-size: 50px;
  letter-spacing: -2px;
  font-weight: 300
}
#TitleBox h1, .TotalPlacowka, .group, .member .date, .member .name, .phone, .produkt .title, .shop h3 {
  font-weight: 700
}
.produkt .title {
  font-size: 20px;
  color: #000
}
.boxprod {
  background: url(../images/document.png) right center no-repeat #eb271d;
  overflow: hidden;
  -webkit-box-shadow: 0 9px 5px -5px rgba(0, 0, 0, .21);
  -moz-box-shadow: 0 9px 5px -5px rgba(0, 0, 0, .21);
  box-shadow: 0 9px 5px -5px rgba(0, 0, 0, .21)
}
.aplix, .box_red {
  background: #bc2329
}
#bob p {
  color: #fff
}
.blox {
  width: 100%;
  border-bottom: 1px solid #eb1c24;
  padding-bottom: 10px
}
#wroc {
  padding: 10px;
  color: #fff;
  background: #eb1c24;
  font-size: 16px;
    display: inline-block; 
    
}
#down {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  background: rgba(0,0,0,0.1);
}
#down .center p {
  color: #fff;
  font-size: 16px;
  font-weight: 300
}
#top_menu {
  width: 100%;
  position: fixed;
  z-index: 9991;
  text-decoration: none;
    height: 170px;

}
#top_corp_menu {
  position: absolute;
  height: 33px;
  width: 473px;
  top: 0;
  margin-left: 303px;
  background: #e3e0e0;
  -webkit-border-radius: 0px 0px 9px 9px;
  border-radius: 0 0 9px 9px;
  -webkit-box-shadow: 0 0 2px 2px #c2c2c2;
  box-shadow: 0 0 2px 2px #c2c2c2
}
#corp_nav {
  width: 300px;
  margin: 0;
  padding-left: 10px;
  font-size: 11px;
  color: #646464
}
#corp_nav ul {
  margin-top: 8px;
  height: 15px
}
#corp_nav ul li {
  float: left;
  margin: 4px 0 0 6px;
  padding: 0 6px 0 0;
  border-right: 1px solid #646464;
  height: 11px;
  line-height: 10px;
  list-style: none
}
#corp_nav ul li:last-child {
  border-right: none
}
#corp_nav a {
  color: #646464;
  text-decoration: none
}
#corp_nav a:hover {
  color: #d1150a;
  text-decoration: none
}
hr.line {
  margin: 6px 10px 0;
  border: 0 solid #fff;
  height: 1px;
  color: #fff
}
hr.line.gray {
  border: 0 solid #eee;
  background: #eee;
  color: #efefef
}
#top_corp_red_box {
  position: absolute;
  right: 0;
  top: -165px;
  width: 160px;
  height: 198px;
  padding: 0;
  border: 1px solid #fff;
  background: #e10728;
  -webkit-border-radius: 99px;
  border-radius: 9px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  z-index: 999
}
.top_corp_content {
  min-height: 153px
}
.member {
  display: block;
  padding: 40px 10px 0;
  color: #fff;
  text-align: left
}
.member .meta {
  font-size: 10px
}
.member .name {
  color: #feef00;
  font-size: 12px
}
.logout, .page_partners {
  padding: 0 10px
}
.logout a, .page_partners a {
  display: block;
  padding-left: 28px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: left;
  text-decoration: none
}
.logout a:hover, .page_partners a:hover {
  color: #e10728;
  text-decoration: none
}
.logout a {
  background: url(../images/power-white.png) left 50% no-repeat
}
.logout a:hover {
  background: url(../images/power-red.png) left 50% no-repeat #fff
}
.page_partners a {
  background: url(../images/white_arrow_next.png) 6px 50% no-repeat
}
.page_partners a:hover {
  background: url(../images/red_arrow_next.png) 6px 50% no-repeat #fff
}
#top_corp_red_box form {
  padding-top: 40px
}
#top_corp_red_box .box_button, #top_corp_red_box .input_texts {
  line-height: 32px
}
#top_corp_red_box .input_box {
  width: 100px;
  height: 21px;
  padding: 0 3px;
  border: 1px solid #fff;
  background: url(../images/grey_input.png) repeat-x;
  font-size: 11px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}
#top_corp_red_box .red_login_box_button {
  float: right;
  margin-right: 10px;
  margin-top: 5px
}
#top_corp_red_box .box_zh {
  margin: 5px 10px;
  padding-right: 20px;
  line-height: 11px;
  text-align: right;
  letter-spacing: -.4px
}
#top_corp_red_box .box_zh a {
  color: #eee;
  font-size: 10px;
  text-align: right;
  text-decoration: none
}
#top_corp_red_box .box_zh a:hover {
  color: #fff;
  text-decoration: underline
}
#top_corp_red_box .button_box {
  width: 69px;
  height: 23px;
  padding: 0 3px;
  border: 1px solid #fff;
  background: url(../images/red_button_gradient.png);
  color: #fff;
  font-size: 11px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}
#top_corp_red_box .partnerBox {
  width: 144px;
  margin: 0 auto
}
#top_corp_red_box .partnerBox a {
  display: block;
  padding-right: 25px;
  height: 32px;
  line-height: 32px;
  background: url(../images/arrow_down.png) right 50% no-repeat;
  color: #fff;
  text-decoration: none
}
#top_corp_red_box .partnerBox a:hover {
  text-shadow: 0 0 1px #fff
}
#top_corp_red_box .partnerBox a span {
  display: block;
  padding-left: 25px;
  height: 32px;
  line-height: 32px;
  background: url(../images/account.png) left 50% no-repeat
}
#top_corp_red_box.selected .partnerBox a {
  background: url(../images/arrow_up.png) right 50% no-repeat
}
#top_corp_red_box.selected {
  -webkit-box-shadow: 0 0 24px rgba(200, 0, 0, .8);
  -moz-box-shadow: 0 0 24px rgba(200, 0, 0, .8);
  box-shadow: 0 0 24px rgba(200, 0, 0, .8)
}
#logo_left {
  float: left;
  margin-top: 20px
}
#logo_right {
  float: right;
  margin-top: 20px
}
#boczniak li {
  width: 200px;
  background: #a29f9f;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #7b7b7b
}
#backs a, .Placowka a, .Placowka p, .produkt_item a {
  text-decoration: none
}
#Navigation {
  float: left;
  margin-top: 0
}
#Navigation ul {
  height: 30px;
  margin-left: 25px;
  float: left
}
#Navigation ul li, #Navigation_Bottom ul li {
  list-style: none
}
#Navigation ul li a {
  display: inline-block;
  padding: 8px 3px;
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -.2px;
  text-align: left;
  text-decoration: none;
  clear: both
}
#Navigation3 ul li a, #Navigation_Bottom ul li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  letter-spacing: -.2px
}
.Aktualnosci_Box, .Placowka_Text, .TotalPlacowka, .aplix {
  text-align: center
}
#Navigation ul li a:hover, #Navigation ul li.current a, #Navigation ul li.section a {
  color: #000;
  font-weight: 500;

}
#Navigation3 {
  float: right;
  margin-top: 12px;
  width: 800px
}
#Navigation3 ul {
  margin-top: 0;
  margin-left: 20px;
  float: right
}
#Navigation3 ul li {
  float: left;
  margin-left: 15px;
  padding-right: 10px;
  list-style: none;
  height: 40px
}
#Navigation3 ul li a {
  display: block;
  padding: 12px 3px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase
}
#Navigation3 ul li a:hover, #Navigation3 ul li.current a, #Navigation3 ul li.section a {
  color: #db5205;
  font-weight: 400
}
#Navigation3 ul li ul {
  position: absolute;
  left: 0
}
#Navigation3 ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block
}
#Navigation_Bottom {
  float: left;
  margin-top: 13px;
  width: auto
}
#Navigation_Bottom ul {
  height: 20px;
  margin-top: 0
}
#Navigation_Bottom ul li a {
  display: block;
  padding: 5px 0;
  font-weight: 300;
  text-align: left;
}
#Navigation_Bottom ul li a:hover, #Navigation_Bottom ul li.current a, #Navigation_Bottom ul li.section a {
  color: #79FF8E;
  font-weight: 400
}
#TekstsBox {
  width: 100%;
  border-top: 50px solid #36b38f
}
#OpisBox {
  width: 100%;
  min-height: 650px;
  background: #ededed
}
#RealizacjeBox {
  width: 100%;
  min-height: 600px
}
#FirmaBox {
  width: 100%;
  background: #828282
}
#map_canvas {
  width: 100%
}
#BannerBox {
  width: 100%;
  height: 70%;
  border-bottom: 20px solid #2f75ba
}
#BannerBox .center2, #TitleBox .center2 {
  width: 980px;
  margin: 0 auto
}
#HomeBannerLeft {
  width: 3000px;
  margin-left: -2667px;
  height: 322px;
  background: url(../images/home_banner_left.png) right no-repeat #ffca15;
  float: left
}
#HomeBannerLeft_In {
  width: 333px;
  float: right
}
#HomeBannerCenter {
  width: 332px;
  height: 322px;
  background: url(../images/szukajspeca.png) center center no-repeat #3eb64c;
  float: left
}
#HomeBannerRight {
  width: 315px;
  height: 322px;
  float: left
}
#TitleBox {
  width: 100%;
  height: 60px;
  padding-top: 100px;
  border-bottom: 2px solid #fec60e;
  overflow: hidden
}
#content .header, #promo_top {
  border-bottom: 1px solid #e10728
}
#TitleBox h1 {
  color: #5d5d5d;
  font-size: 42px;
  padding-top: 15px;
  float: right
}
#TitleBox .center {
  width: 1200px;
  margin: 0 auto;
  height: 88px
}
#NewsletterBox {
  width: 100%;
  height: 234px
}
#NewsletterBox .center {
  background: url(../images/newsletterbox.png) left no-repeat;
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  height: 234px
}
#ContentBox {
  width: 100%;
  min-height: 200px;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 0
}

#breadcrumbs p.small span, .center h3 {
  font-weight: 400
}

.center {
  margin: 0 auto;
  padding: 20px
}
.center2 {
  margin: 0 auto
}
.center p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400
}
.TotalPlacowka {
  font-size: 256px;
  letter-spacing: -10px;
  color: #fff;
  margin-top: -20px
}
.TotalPlacowka_Text {
  font-size: 20px;
  letter-spacing: -1px;
  color: #fff;
  font-weight: 700;
  margin-top: -50px;
  float: right;
  margin-right: 75px
}
#ContentBox ul, .Placowka_Text {
  font-size: 14px
}
.Placowka {
  text-decoration: none;
  width: 190px;
  margin-left: 40px
}
.Placowka_Text {
  color: #284253;
  letter-spacing: -.5px;
  margin-top: 15px
}
.Placowka_Text_Nazwa {
  font-size: 20px;
  letter-spacing: -.9px;
  font-weight: 700
}

#Aktualnosci_Title, .Aktualnosci_Text {
  font-size: 22px;
  letter-spacing: -1px;
  color: #5f4f5d;
  font-weight: 700
}
.Aktualnosci_Box {
  width: 220px;
  height: 340px;
  display: inline-block;
  margin: 20px;
  padding: 20px
}
.button-group .button {
  color: #3c3c3b;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px
}
#Artykul_Foto {
  width: 100%;
  height: 244px
}
#ContentBox ul li {
  font-weight: 700;
  line-height: 32px;
  background: url(../graphics/plus.png) 0 8px no-repeat;
  padding-left: 28px;
  margin: 3px 0
}
.clearbox {
  clear: both;
  overflow: hidden;
  margin-top: 20px
}
.center .more:hover {
  background: #000;
  color: #fff;
  text-decoration: none
}
.aplix {
  border-radius: 14px 14px 0 0;
  width: 225px;
  height: 101px;
  position: absolute
}
.phonecall {
  color: #46235b;
  text-align: left;
  font: 700 24px Montserrat, sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
#Bannersbox .center h2 {
  color: #fff;
  font-size: 40px;
    padding: 0px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: Montserrat, sans-serif;
}
#Bannersbox .center h3 {
  color: #fff;
  font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    font-family: Montserrat, sans-serif;
}
#Bannersbox #down .more {
  background: #e6283c;
  padding: 10px 15px;
  color: #fff;
  font-weight: 400;
}
.box_red {
  color: #fff;
  padding: 30px;
  border-radius: 25px
}
.BannerDuzy, .bord {
  background: #eb271d
}
.box_red p {
  color: #ffff
}

.bord {
  color: #eb271d;
  height: 7px;
  border: none;
  width: 80px;
  margin: 0 auto
}
.box_round, .image_round {
  -khtml-border-radius: 50%;
  display: inline-block
}
.BannerDuzy {
  font-size: 60px;
  padding: 7px 30px;
  letter-spacing: -3px;
  font-weight: 300;
  color: #fff
}
.BannerMaly {
  font-size: 32px;
  background: #a50b04;
  padding: 7px 30px;
  letter-spacing: -1px;
  font-weight: 500;
  color: #fff
}
.box_round2, .box_round4 {
  padding-top: 7px;
  text-align: center
}
.InfoBoxHome {
  background: #c40a01;
  width: 318px;
  height: 583px;
  text-align: center;
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  margin-top: 53px
}
.InfoBoxHome p {
  color: #fff;
  font-size: 16px;
  font-weight: 300
}
.OpisBox {
  with: 980px;
  clear: both;
  height: 420px
}
.OpisBox_Lewy, .OpisBox_Lewy_A, .OpisBox_Prawy, .OpisBox_Prawy_A {
  width: 490px;
  float: left;
  height: 320px
}
.OpisBox_Prawy_A p {
  color: #2d2d2d
}
.RealizacjaBox {
  width: 270px;
  height: 418px;
  background: #000;
  margin-right: 20px;
  margin-left: 20px;
  overflow: hidden;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 4px 11px -2px rgba(0, 0, 0, .42);
  -moz-box-shadow: 0 4px 11px -2px rgba(0, 0, 0, .42);
  box-shadow: 0 4px 11px -2px rgba(0, 0, 0, .42);
  display: inline-block
}
.RealizacjaBox .in {
  width: 270px;
  height: 418px;
  background: rgba(0, 0, 0, .6);
  color: rgba(0, 0, 0, .6);
  position: absolute;
  z-index: 1
}
.RealizacjaBox2 {
  width: 235px;
  height: 387px;
  background: #d5d5d5;
  float: left;
  margin-left: 26px;
  overflow: hidden
}
.info_content h1 {
  font-size: 24px;
  font-weight: 700;
  color: #eb271d;
  padding: 5px
}
.info_content p {
  padding: 10px;
  line-height: 22px
}
.info_content .buba {
  padding: 10px;
  line-height: 32px
}
.image_round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 5px;
  margin-top: 5px
}
.box_round {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center
}
.box_round2 {
  width: 136px;
  height: 27px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -khtml-border-radius: 50px;
  margin: 0 auto;
  clear: both
}
.box_round3 {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  text-align: center;
  position: absolute;
  margin-top: 216px;
  margin-left: 465px
}
#mapMSG, #province_search, #slider-control, .hidden {
  display: none
}
.box_round4 {
  height: 27px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -khtml-border-radius: 50px
}
.box.home, .home_box_1 {
  height: 145px;
  margin-top: 14px
}
#bannersBox {
  background: url(../images/home_top_back.png) left -128px repeat-x
}
#banners {
  height: 291px;
  overflow: hidden
}
#banner_left {
  position: relative;
  float: left;
  width: 621px;
  height: 291px;
  background: url(../images/banner_left_back.png) 2px 10px no-repeat
}
#banner_left .banner_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 621px;
  height: 291px;
  z-index: 100;
  display: none
}
#content .header, #promo_top, #slider-control {
  height: 27px;
  clear: both
}
#banner_left .banner_top_layer {
  position: absolute;
  top: 80px;
  left: 0
}
#banner_left .banner_text1 {
  width: 260px;
  line-height: 44px;
  color: #e10728;
  font-size: 41px;
  font-weight: 700;
  letter-spacing: -3px
}
#banner_left .banner_text2 {
  width: 260px;
  margin-top: 7px;
  line-height: 24px;
  color: #646464;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: -1px
}
#banner_left .banner_gfx {
  margin: 30px 0 0 230px
}
#banner_control {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 101
}
#banner_control ul li {
  float: left;
  margin-right: 6px;
  padding-top: 2px;
  width: 22px;
  height: 20px;
  border: 1px solid #fff;
  background: #e10728;
  color: #fff;
  list-style: none;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  -webkit-border-radius: 11px;
  border-radius: 11px
}
#banner_control ul li:hover {
  border: 1px solid #fee700;
  color: #fee700;
  text-decoration: none
}
#banner_right {
  float: left;
  margin-left: 19px;
  width: 300px;
  height: 291px
}
#promo_top {
  margin-top: 12px;
  width: 300px
}
#content .column_200, #content .column_220, #content .column_300, #content .column_320, #content .column_380, #content .column_465, #content .column_480, #content .column_540, #content .column_620, #content .column_680, #content .column_720, #content .header .title, #footer .footer_right span, #promo_top .title, .art_box, .art_date_add {
  float: left
}
#content .header a.show_all, #promo_top a.show_all {
  display: block;
  float: right;
  margin-top: 7px;
  padding-left: 15px;
  background: url(../images/grey_arrow_next.png) left 50% no-repeat;
  text-decoration: none
}
#content .header a.show_all:hover, #promo_top a.show_all:hover {
  background-image: url(../images/red_arrow_next.png)
}
#content .column_200 {
  width: 200px
}
#content .column_220 {
  width: 220px
}
#content .column_300, .search_box, span.message {
  width: 300px
}
#content .column_320 {
  width: 320px
}
#content .column_380 {
  width: 380px
}
#content .column_465 {
  width: 465px
}
#content .column_480 {
  width: 480px
}
#content .column_540 {
  width: 540px
}
#content .column_620 {
  width: 620px
}
#content .column_680 {
  width: 680px
}
#content .column_720 {
  width: 720px
}
#articles, #map_info_container, #news, #odkryj_teraz, #products_box, #sidebar, #tools {
  margin-left: 20px
}
#content .header {
  width: 100%;
  margin-top: 0
}
#content a.read_more_white {
  display: block;
  float: right;
  padding-left: 15px;
  padding-right: 5px;
  background: url(../images/white_arrow_next.png) left 50% no-repeat;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #444
}
#content a.read_more_white:hover {
  color: #ff3;
  text-shadow: 0 0 1px #fff
}
#content ul {
  margin-left: 2em
}
#content ul li {
  list-style: square
}
.box {
  border-style: solid;
  border-width: 1px;
  clear: both
}
.box.home .box-content {
  height: 121px
}
.box.home .box-bottom {
  height: 24px;
  line-height: 24px;
  background-position: left 50%;
  background-repeat: repeat-x
}
.box.home .box-bottom p {
  font-size: 12px
}
.box.green {
  border-color: #019d0f
}
.box.green .box-bottom {
  background-image: url(../images/green_gradient.png)
}
.box.orange {
  border-color: #ff7209
}
.box.orange .box-bottom {
  background-image: url(../images/orange_gradient.png)
}
.box.red {
  border-color: #c81810
}
.box.red .box-bottom {
  background-image: url(../images/red_gradient.png)
}
.home_box_1 {
  width: 378px;
  border: 1px solid #7c7676;
  background: url(../images/home_box_gradient.png) top repeat-x;
  clear: both
}
.home_box_1_top {
  height: 121px;
  width: 100%
}
.home_box_1_top_in {
  width: 223px;
  float: right;
  margin-right: 3px
}
.home_box_1_bottom {
  height: 24px;
  width: 100%;
  background: url(../images/home_box_bottom.png) bottom repeat-x
}
.home_box_1_image {
  width: 138px;
  height: 138px;
  border: 1px solid #757575;
  overflow: hidden;
  position: absolute;
  margin: -1px 0 0 -1px;
  background: #fff
}
.news_content h3, .news_nav {
  border-bottom: 1px solid #777
}
#map_info_container #promo_top, #submenu, .ProduktKategoria .produkt_item, .availability, .date_promo, .description, .group_by_4 .produkt_item, .news_item {
  margin-bottom: 20px
}
.home_box_1 p {
  margin-bottom: 8px
}
#page {
  background: url(../images/page_top_back.png) left -128px repeat-x
}
#breadcrumbs {
  padding-top: 8px;
  color: #7ca000
}
#breadcrumbs p.small {
  font-weight: 700;
  color: #7ca000
}
#breadcrumbs a {
  padding: 1px 2px;
  color: #646464
}
#breadcrumbs a:hover {
  background: #e10728;
  color: #fff;
  text-decoration: none
}
#page h1.title {
  margin-bottom: 1em;
  padding-top: .6em;
  border-bottom: 1px solid #e10728;
  color: #e10728;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -1px
}
#product h1.title, #product h2 {
  margin-bottom: 2px
}
#address_search_form, #product_image img {
  border: 1px solid #999
}
#product h2 {
  color: #777;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -1px
}
#product_info h3.price {
  padding: .1em .1em 0 .64em;
  border: 1px solid #999;
  border-left: 0;
  line-height: 60px;
  background: url(../images/produkt_gradient.png) left 50%;
  font-size: 52px;
  font-weight: 800;
  text-shadow: 1px 1px 1px #fff
}
#product_info h3.price small {
  font-size: 30px;
  font-weight: 400
}
.nowosci h3.price {
  color: #019c0f
}
.hours, .promocje h3.price {
  color: #e10728
}
div.info {
  padding: 20px;
  color: #777
}
.availability ul li, .date_promo .date_range {
  color: #e10728;
  font-weight: 700
}
.date_promo .date_range {
  font-size: 1.4em
}
.produkt_control {
  width: 300px;
  height: 22px;
  margin-top: 5px;
  clear: both
}
.produkt_control a.show_prev {
  display: block;
  float: left;
  padding-left: 15px;
  background: url(../images/red_arrow_prev.png) left 50% no-repeat;
  text-decoration: none
}
.produkt_control a.show_prev:hover {
  background-image: url(../images/grey_arrow_prev.png)
}
.produkt_control a.show_next {
  display: block;
  float: right;
  padding-right: 15px;
  background: url(../images/red_arrow_next.png) right 50% no-repeat;
  text-decoration: none
}
.produkt_control a.show_next:hover {
  background-image: url(../images/grey_arrow_next.png)
}
.produkt_items {
  margin-right: -20px;
  overflow: hidden;
  clear: both
}
.news_image, .produkt_items .produkt_item {
  margin-right: 20px;
  float: left
}
.produkt_items .produkt_item {
  width: 138px;
  height: 210px;
  border: 1px solid #cbcbcb
}
.produkt_items .produkt_item.last, .produkt_items .produkt_item:last-child {
  margin-right: 0
}
.produkt_items_box {
  padding-top: 5px;
  overflow: hidden;
  clear: both
}
.produkt_items_box .produkt_item {
  float: left;
  margin-left: 20px;
  width: 138px;
  height: 210px;
  border: 1px solid #cbcbcb
}
.produkt_items_box .produkt_item.first, .produkt_items_box .produkt_item:first-child {
  margin-left: 0
}
#footer #facebook a, .produkt_item span {
  display: block
}
.produkt_item .item_thumb {
  height: 138px;
  border-bottom: 1px solid #cbcbcb
}
.produkt_item .item_description {
  height: 32px;
  padding: 2px 5px;
  border-bottom: 1px solid #cbcbcb;
  background: url(../images/promo_gradient.png) repeat-x;
  color: #646464;
  font-size: 11px;
  letter-spacing: -.2px
}
.art_box .art_image, .news_image img {
  border: 1px solid #777
}
.produkt_item .item_price {
  padding-right: 3px;
  height: 34px;
  line-height: 34px;
  background: url(../images/promocje_yellow_gradient.png) repeat-x;
  text-align: right;
  overflow: hidden
}
.nowosci .produkt_item .item_price {
  background: url(../images/nowosci_green_gradient.png) repeat-x;
  color: #fff;
  text-shadow: #000 1px 1px 1px
}
.promocje .produkt_item .item_price {
  background: url(../images/promocje_yellow_gradient.png) repeat-x
}
.ProduktKategoria .produkt_items {
  padding-bottom: 30px
}
.ProduktKategoria h3.no-items, .produkt_items_box h3.no-items {
  line-height: 50px;
  color: #777;
  font-size: 27px;
  font-weight: 700;
  text-align: center
}
.produkt_items_box h3.no-items {
  line-height: 27px;
  font-size: 17px
}
.by_2, .group_by_2 {
  width: 300px;
  height: 212px;
  clear: both;
  overflow: hidden
}
.by_4, .group_by_4 {
  width: 300px;
  height: 484px;
  clear: both;
  overflow: hidden
}
.art_items, .news_items {
  clear: both
}
.news_item {
  width: 100%;
  height: 140px
}
.news_content {
  float: left;
  position: relative;
  width: 780px;
  height: 140px
}
.news_content h3 {
  line-height: 24px;
  padding-bottom: 6px;
  color: #646464;
  font-size: 16px;
  font-weight: 700
}
.news_content p {
  padding: 15px 0;
  color: #646464;
  font-size: 13px
}
.news_nav {
  position: absolute;
  width: 780px;
  height: 24px;
  bottom: 0;
  right: 0
}
.news_nav .news_date_add {
  float: right;
  padding: 0 15px;
  line-height: 24px;
  color: #646464
}
.news_nav .news_link_more {
  float: right;
  padding: 0 5px 0 10px;
  line-height: 24px;
  background: url(../images/home_box_bottom.png) left 50% repeat-x
}
.art_item {
  height: 200px;
  margin-bottom: 10px
}
.art_item.even {
  margin-left: 10px
}
.art_date_add {
  width: 70px;
  height: 90px;
  margin-top: 16px;
  background: url(../images/data_artykul.png) -2px 0 no-repeat
}
.art_date_add .day {
  padding-top: 14px;
  height: 50px;
  line-height: 50px;
  color: #646464;
  font-size: 22px;
  font-weight: 800;
  text-align: center
}
.art_date_add .month {
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase
}
.art_box h3, .shop .item-number {
  line-height: 30px;
  letter-spacing: -1px
}
.art_box {
  width: 393px;
  height: 198px;
  border: 1px solid #acacac
}
.art_box a, .art_box a .art_image, .art_box a h3 {
  text-decoration: none !important
}
#articles_full li a, #footer a:hover, #shops_list .shop, #slider-left a.image-item, #submenu ul li a, .art_content a.more, .shop p a, .shop p a span {
  text-decoration: none
}
.art_box a:hover h3 {
  color: #e00
}
.art_box h3 {
  padding-bottom: 6px;
  color: #e10728;
  font-size: 16px;
  font-weight: 800
}
.shop p, .shop p a, .shop p a span, .shop p span {
  line-height: 19px;
  font-size: 16px
}
.art_box .art_image {
  float: left;
  width: 138px;
  height: 138px
}
.art_box .art_content {
  float: left;
  position: relative;
  margin-top: -2px;
  margin-left: 13px;
  width: 210px;
  height: 142px;
  color: #777;
  font-size: 12px
}
#mapMSG, .shop .item-number {
  font-size: 17px;
  font-family: Montserrat, sans-serif
}
.art_content a.more {
  display: block;
  position: absolute;
  bottom: 0;
  padding-left: 15px;
  background: url(../images/grey_arrow_next.png) left 50% no-repeat;
  color: #777;
  font-size: 11px
}
.art_content a.more:hover {
  background-image: url(../images/red_arrow_next.png);
  color: #e10728;
  text-decoration: none
}
#news {
  color: #777
}
#news h1.title {
  margin-bottom: 1em;
  padding: 0 0 .6em;
  border-bottom: 1px solid #646464;
  color: #e10728;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -1px
}
.date_add {
  margin-top: -1em;
  margin-bottom: 1em;
  padding-right: 5px;
  line-height: 1em;
  font-size: 12px;
  text-align: right
}
.entry {
  margin-bottom: .8em;
  line-height: 1.4em;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.5px
}
#articles h3, #articles_full h3 {
  margin-bottom: .4em;
  padding-top: .3em;
  color: #444;
  font-size: 16px;
  font-weight: 700
}
#articles li, #articles p, #articles_full li, #articles_full p {
  margin-bottom: .7em;
  color: #646464;
  font-size: 13px
}
#articles_full li {
  list-style: none !important
}
#articles_full li img.left {
  float: left;
  margin-right: .6em;
  vertical-align: top
}
#articles_full li a {
  padding: 0 3px;
  color: #777;
  font-size: 1.2em
}
#articles_full li a:hover {
  background: #e10728;
  color: #fff
}
#mapMSG {
  margin: 5px 3px;
  padding: 10px;
  border: 5px solid #e10728;
  background: #f6f6f6;
  color: #e10728;
  font-weight: 400
}
#mapa {
  margin: 0 auto;
  width: 100%;
  height: 400px;
  background: #eee
}
.search_box p.label {
  margin-bottom: 5px;
  padding: 0 3px;
  color: #444;
  font-size: 10px
}
#address_search {
  float: left;
  width: 300px
}
#address_search_form {
  padding-left: 3px;
  background: url(../images/grey_input.png) left top repeat-x #fff;
  border-radius: 24px;
  -webkit-border-radius: 4px
}
#address_search_form input {
  height: 24px;
  line-height: 24px;
  border: 0 solid #999
}
#address_search_form .input_text {
  float: left;
  margin: 0;
  padding: 1px 0;
  width: 225px;
  background: 0 0;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px
}
#address_search_form .input_submit {
  padding: 0;
  width: 70px;
  height: 26px;
  background: #284253;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 0 26px 26px 0;
  -webkit-border-radius: 0 3px 3px 0
}
#shops_list {
  min-height: 200px;
  overflow: auto;
  border: none
}
#shops_list .shop {
  margin: 0 30px 0 0;
  padding: 5px;
  border-right: 1px solid #e1e1e1;
  height: 469px;
  width: 264px;
  float: left;
  text-align: center
}
.shop.selected {
  background: 0 0
}
.shop .item-number {
  float: left;
  margin: 3px 10px 0 0;
  width: 30px;
  height: 30px;
  background: #e10728;
  color: #fff;
  font-weight: 700;
  text-align: center;
  -webkit-border-radius: 20px;
  border-radius: 20px
}
.group, .shop h3, .shop p {
  color: #284253
}
.shop p.mb10 {
  margin-bottom: 10px
}
.phone {
  padding-left: 18px;
  background: url(../images/red_phone.png) left 50% no-repeat
}
.hours_label {
  display: block;
  float: left;
  width: 116px;
  margin-right: 3px;
  text-align: right
}
#shops_list .shop-hover {
  opacity: .7
}
#slider-left {
  border: 1px solid #757575
}
#slider-left a.image-item {
  display: block;
  position: relative;
  width: 198px;
  height: 198px
}
#slider-left a.image-item .ico-zoom {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 4px;
  right: 4px;
  z-index: 101;
  background: url(../images/zoom.png) right bottom no-repeat
}
#slider-left a.image-item img {
  position: absolute;
  width: 198px;
  height: 198px;
  bottom: 0;
  right: 0;
  z-index: 100
}
#slider-control {
  margin-top: 5px;
  padding-left: 65px
}
#slider-control p {
  float: left;
  height: 23px
}
#slider-control .count_item {
  margin: 0 5px;
  line-height: 23px;
  color: #757575;
  font-size: 14px
}
#slider-control .next_item a, #slider-control .prev_item a {
  display: block;
  width: 17px;
  height: 23px;
  text-indent: -999em;
  overflow: hidden
}
#slider-control .prev_item a {
  background: url(../images/art_prev_off.png) right top
}
#slider-control .prev_item a:hover {
  background-image: url(../images/art_prev.png)
}
#slider-control .next_item a {
  background: url(../images/art_next_off.png) left top
}
#slider-control .next_item a:hover {
  background-image: url(../images/art_next.png)
}
#sidebar .sidebar {
  padding-left: 20px
}
#submenu {
  width: 100%
}
#content #submenu ul {
  margin-left: 0;
  list-style: none
}
#submenu ul li {
  height: 32px;
  margin: 0;
  list-style: none
}
#submenu ul li a {
  display: block;
  padding: 0 8px;
  line-height: 32px;
  border-left: 5px solid #ebebeb;
  color: #646464;
  font-size: 14px
}
#submenu ul li a:hover, #submenu ul li.current a:hover {
  border-left: 5px solid #d1150a;
  background: #d1150a;
  color: #fff
}
#submenu ul li.current a {
  border-left: 5px solid #d1150a;
  background: #ebebeb;
  color: #646464
}
#footer {
  width: 100%;
  padding-top: 20px;
  min-height: 500px;
  font-family: Montserrat, sans-serif;
  background-blend-mode: multiply
}
#footer .wrap {
  min-height: 150px
}
#footer #footer_top {
  position: relative;
  margin-bottom: 9px;
  width: 100%;
  height: 58px;
  background: url(../images/center_sign.png) center 50% no-repeat
}
#footer #facebook {
  position: absolute;
  top: -7px;
  right: 0;
  width: 51px;
  height: 52px
}
#footer #footer_credits {
  clear: both;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 12px
}
#footer .footer_left {
  float: left;
  height: 300px;
  width: 220px;
  margin-left: 0;
  margin-top: 15px
}
#footer .footer_right {
  float: right;
  margin-top: 15px
}
#footer .footer_center {
  float: left;
  height: 300px;
  width: 220px;
  margin-top: 15px
}
#footer .footer_center_next {
  float: left;
  height: 300px;
  width: 200px;
  margin-top: 15px;
  margin-left: 50px
}
#footer #footer_credits p {
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  font-family: Montserrat, sans-serif;
  font-weight: 300
}
#footer a:hover {
  color: #db5205
}
.advertia_logo {
  display: block;
  float: right;
  margin-left: 3px;
  width: 69px;
  height: 17px;
  background-position-y: 0 -18px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  background: url(../images/logo_advertia.png) 0 -18px no-repeat
}
.advertia_logo:hover {
  background-position: 0 0
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}
#footer #newsletter {
  position: absolute;
  top: -8px;
  left: 0;
  padding-left: 55px;
  width: 300px;
  height: 52px;
  background: url(../images/newsletter_sign.png) left 50% no-repeat
}
#newsletterForm {
  display: block;
  width: 300px;
  padding-top: 14px
}
#newsletterForm input.text {
  width: 120px;
  padding: 1px 3px;
  margin-right: 4px;
  height: 24px;
  border: 1px solid #fff;
  background: url(../images/grey_input.png) left top repeat-x #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px
}
#newsletterForm button.action {
  width: 103px;
  height: 28px;
  border: 0;
  color: #fff;
  font-size: 10px;
  background: url(../images/newsletter_button.png) 50% 50% no-repeat;
  text-align: left;
  text-indent: -999em
}
#newsletterForm .validation-bubble {
  display: block;
  width: 300px;
  height: 30px;
  margin-top: -50px;
  z-index: 100;
  color: #e10728
}
#UserForm_Form ul li {
  list-style: none;
  background: 0 0;
  margin: 0;
  padding: 0;
  line-height: 22px
}
form {
  background: #f6f7f9;
  padding: 20px 20px 60px
}
.Actions .action, .Actions input.resetformaction, a.btn, button, input[type=submit] {
  letter-spacing: -.03em;
  display: inline-block;
  padding: 6px 15px;
  text-transform: none;
  color: #fff
}
form h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 10px;
  color: #eb271d
}
form fieldset {
  border: 0;
  padding: 0
}
.message {
  color: #fff;
  background: #be1522;
  border: none;
  padding: 5px;
  margin: 5px;
  font-size: 14px;
  font-weight: 200
}
form label {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #000
}
form label.left {
  float: left;
  padding: 3px;
  margin-top: 10px
}
form label.FormHeading {
  font-size: 28px;
  color: #736357;
  font-weight: regular
}
form input.text, form select, form textarea {
  width: 100%;
  color: #000;
  background: #fff;
  border: 1px solid #4f4f4f;
  font-size: 13px;
  padding: 3px;
  font-weight: 200;
  line-height: 26px;
  border-radius: 5px
}
form input.numeric {
  width: 20px;
  background: #f0f0f0;
  border: 1px solid #aaa;
  padding: 3px;
  color: #000;
  margin-right: 4px
}
form input.year {
  width: 35px
}
form p.Actions {
  text-align: right;
  padding: 0 22px 15px 0
}
form p.Actions input {
  padding: 2px
}
.Actions .action, a.btn, button, input[type=submit] {
  font-family: Montserrat, sans-serif;
  background: #51161b;
  margin: 10px 20px 10px 10px;
  border: none;
  font-size: 20px; 
  font-weight: 600;
  float: left;
  border-radius: 10px;
width: 300px;
    color: #fff; 
}
.Actions .action:hover, a.btn:hover, button, input[type=submit]:hover {
  background: #000;
  color: #fff
}
a.btn {
  line-height: 18px;
  margin-bottom: 10px
}
.Actions input.resetformaction {
  font-family: Dosis;
  background: #636363;
  border: none;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 10px 10px 0;
  float: right;
  text-transform: uppercase
}
.Actions input.resetformaction:hover {
  background: #d5283a;
  color: #fff
}


.nice-form-group {
  --nf-input-size:1rem;
  --nf-input-font-size:calc(var(--nf-input-size)*0.875);
  --nf-small-font-size:calc(var(--nf-input-size)*0.875);
  --nf-input-font-family:inherit;
  --nf-label-font-family:inherit;
  --nf-input-color:#20242f;
  --nf-input-border-radius:0.25rem;
  --nf-input-placeholder-color:#929292;
  --nf-input-border-color:#c0c4c9;
  --nf-input-border-width:1px;
  --nf-input-border-style:solid;
  --nf-input-border-bottom-width:2px;
  --nf-input-focus-border-color:#3b4ce2;
  --nf-input-background-color:#f9fafb;
  --nf-invalid-input-border-color:var(--nf-input-border-color);
  --nf-invalid-input-background-color:var(--nf-input-background-color);
  --nf-invalid-input-color:var(--nf-input-color);
  --nf-valid-input-border-color:var(--nf-input-border-color);
  --nf-valid-input-background-color:var(--nf-input-background-color);
  --nf-valid-input-color:inherit;
  --nf-invalid-input-border-bottom-color:red;
  --nf-valid-input-border-bottom-color:green;
  --nf-label-font-size:var(--nf-small-font-size);
  --nf-label-color:#374151;
  --nf-label-font-weight:500;
  --nf-slider-track-background:#dfdfdf;
  --nf-slider-track-height:0.25rem;
  --nf-slider-thumb-size:calc(var(--nf-slider-track-height)*4);
  --nf-slider-track-border-radius:var(--nf-slider-track-height);
  --nf-slider-thumb-border-width:2px;
  --nf-slider-thumb-border-focus-width:1px;
  --nf-slider-thumb-border-color:#fff;
  --nf-slider-thumb-background:var(--nf-input-focus-border-color);
  display: block;
  margin-top: calc(var(--nf-input-size)*1.5);
  line-height: 1;
  white-space: nowrap;
  --switch-orb-size:var(--nf-input-size);
  --switch-orb-offset:calc(var(--nf-input-border-width)*2);
  --switch-width:calc(var(--nf-input-size)*2.5);
  --switch-height:calc(var(--nf-input-size)*1.25 + var(--switch-orb-offset));
}

.nice-form-group > label {
  font-weight: var(--nf-label-font-weight);
  display: block;
  color: var(--nf-label-color);
  font-size: var(--nf-label-font-size);
  font-family: var(--nf-label-font-family);
  margin-bottom: calc(var(--nf-input-size)/2);
  white-space: normal;
}

.nice-form-group > label + small {
  font-style: normal;
}

.nice-form-group small {
  font-family: var(--nf-input-font-family);
  display: block;
  font-weight: 400;
  opacity: 0.75;
  font-size: var(--nf-small-font-size);
  margin-bottom: calc(var(--nf-input-size)*0.75);
}

.nice-form-group small:last-child {
  margin-bottom: 0;
}

.nice-form-group > legend {
  font-weight: var(--nf-label-font-weight);
  display: block;
  color: var(--nf-label-color);
  font-size: var(--nf-label-font-size);
  font-family: var(--nf-label-font-family);
  margin-bottom: calc(var(--nf-input-size)/5);
}

.nice-form-group > .nice-form-group {
  margin-top: calc(var(--nf-input-size)/2);
}

.nice-form-group > input[type=checkbox], .nice-form-group > input[type=date], .nice-form-group > input[type=email], .nice-form-group > input[type=month], .nice-form-group > input[type=number], .nice-form-group > input[type=password], .nice-form-group > input[type=radio], .nice-form-group > input[type=search], .nice-form-group > input[type=tel], .nice-form-group > input[type=text], .nice-form-group > input[type=time], .nice-form-group > input[type=url], .nice-form-group > input[type=week], .nice-form-group > select, .nice-form-group > textarea {
  background: var(--nf-input-background-color);
  font-family: inherit;
  font-size: var(--nf-input-font-size);
  border-bottom-width: var(--nf-input-border-width);
  font-family: var(--nf-input-font-family);
  box-shadow: none;
  border-radius: var(--nf-input-border-radius);
  border: var(--nf-input-border-width) var(--nf-input-border-style) var(--nf-input-border-color);
  border-bottom: var(--nf-input-border-bottom-width) var(--nf-input-border-style) var(--nf-input-border-color);
  color: var(--nf-input-color);
  width: 100%;
  padding: calc(var(--nf-input-size)*0.75);
  height: calc(var(--nf-input-size)*2.75);
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.15s ease-out;
  --icon-padding:calc(var(--nf-input-size)*2.25);
  --icon-background-offset:calc(var(--nf-input-size)*0.75);
}

.nice-form-group > input[type=checkbox]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=date]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=email]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=month]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=number]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=password]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=radio]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=search]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=tel]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=text]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=time]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=url]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > input[type=week]:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > select:required:not(:-moz-placeholder-shown):invalid, .nice-form-group > textarea:required:not(:-moz-placeholder-shown):invalid {
  background-color: var(--nf-invalid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-invalid-input-border-bottom-color);
  color: var(--nf-invalid-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=date]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=email]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=month]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=number]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=password]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=radio]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=search]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=tel]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=text]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=time]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=url]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > input[type=week]:required:not(:-ms-input-placeholder):invalid, .nice-form-group > select:required:not(:-ms-input-placeholder):invalid, .nice-form-group > textarea:required:not(:-ms-input-placeholder):invalid {
  background-color: var(--nf-invalid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-invalid-input-border-bottom-color);
  color: var(--nf-invalid-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=date]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=email]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=month]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=number]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=password]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=radio]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=search]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=tel]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=text]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=time]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=url]:required:not(:placeholder-shown):invalid, .nice-form-group > input[type=week]:required:not(:placeholder-shown):invalid, .nice-form-group > select:required:not(:placeholder-shown):invalid, .nice-form-group > textarea:required:not(:placeholder-shown):invalid {
  background-color: var(--nf-invalid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-invalid-input-border-bottom-color);
  color: var(--nf-invalid-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=date]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=email]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=month]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=number]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=password]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=radio]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=search]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=tel]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=text]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=time]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=url]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > input[type=week]:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > select:required:not(:-moz-placeholder-shown):invalid:focus, .nice-form-group > textarea:required:not(:-moz-placeholder-shown):invalid:focus {
  background-color: var(--nf-input-background-color);
  border-color: var(--nf-input-border-color);
  color: var(--nf-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=date]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=email]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=month]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=number]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=password]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=radio]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=search]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=tel]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=text]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=time]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=url]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > input[type=week]:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > select:required:not(:-ms-input-placeholder):invalid:focus, .nice-form-group > textarea:required:not(:-ms-input-placeholder):invalid:focus {
  background-color: var(--nf-input-background-color);
  border-color: var(--nf-input-border-color);
  color: var(--nf-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=date]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=email]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=month]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=number]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=password]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=radio]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=search]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=tel]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=text]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=time]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=url]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > input[type=week]:required:not(:placeholder-shown):invalid:focus, .nice-form-group > select:required:not(:placeholder-shown):invalid:focus, .nice-form-group > textarea:required:not(:placeholder-shown):invalid:focus {
  background-color: var(--nf-input-background-color);
  border-color: var(--nf-input-border-color);
  color: var(--nf-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=date]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=email]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=month]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=number]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=password]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=radio]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=search]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=tel]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=text]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=time]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=url]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > input[type=week]:required:not(:-moz-placeholder-shown):valid, .nice-form-group > select:required:not(:-moz-placeholder-shown):valid, .nice-form-group > textarea:required:not(:-moz-placeholder-shown):valid {
  background-color: var(--nf-valid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-valid-input-border-bottom-color);
  color: var(--nf-valid-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=date]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=email]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=month]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=number]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=password]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=radio]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=search]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=tel]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=text]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=time]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=url]:required:not(:-ms-input-placeholder):valid, .nice-form-group > input[type=week]:required:not(:-ms-input-placeholder):valid, .nice-form-group > select:required:not(:-ms-input-placeholder):valid, .nice-form-group > textarea:required:not(:-ms-input-placeholder):valid {
  background-color: var(--nf-valid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-valid-input-border-bottom-color);
  color: var(--nf-valid-input-color);
}

.nice-form-group > input[type=checkbox]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=date]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=email]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=month]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=number]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=password]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=radio]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=search]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=tel]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=text]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=time]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=url]:required:not(:placeholder-shown):valid, .nice-form-group > input[type=week]:required:not(:placeholder-shown):valid, .nice-form-group > select:required:not(:placeholder-shown):valid, .nice-form-group > textarea:required:not(:placeholder-shown):valid {
  background-color: var(--nf-valid-input-background-color);
  border-bottom-color: var(--nf-valid-input-border-color);
  border-color: var(--nf-valid-input-border-color) var(--nf-valid-input-border-color) var(--nf-valid-input-border-bottom-color);
  color: var(--nf-valid-input-color);
}

.nice-form-group > input[type=checkbox]:disabled, .nice-form-group > input[type=date]:disabled, .nice-form-group > input[type=email]:disabled, .nice-form-group > input[type=month]:disabled, .nice-form-group > input[type=number]:disabled, .nice-form-group > input[type=password]:disabled, .nice-form-group > input[type=radio]:disabled, .nice-form-group > input[type=search]:disabled, .nice-form-group > input[type=tel]:disabled, .nice-form-group > input[type=text]:disabled, .nice-form-group > input[type=time]:disabled, .nice-form-group > input[type=url]:disabled, .nice-form-group > input[type=week]:disabled, .nice-form-group > select:disabled, .nice-form-group > textarea:disabled {
  cursor: not-allowed;
  opacity: 0.75;
}

.nice-form-group > input[type=checkbox]::-webkit-input-placeholder, .nice-form-group > input[type=date]::-webkit-input-placeholder, .nice-form-group > input[type=email]::-webkit-input-placeholder, .nice-form-group > input[type=month]::-webkit-input-placeholder, .nice-form-group > input[type=number]::-webkit-input-placeholder, .nice-form-group > input[type=password]::-webkit-input-placeholder, .nice-form-group > input[type=radio]::-webkit-input-placeholder, .nice-form-group > input[type=search]::-webkit-input-placeholder, .nice-form-group > input[type=tel]::-webkit-input-placeholder, .nice-form-group > input[type=text]::-webkit-input-placeholder, .nice-form-group > input[type=time]::-webkit-input-placeholder, .nice-form-group > input[type=url]::-webkit-input-placeholder, .nice-form-group > input[type=week]::-webkit-input-placeholder, .nice-form-group > select::-webkit-input-placeholder, .nice-form-group > textarea::-webkit-input-placeholder {
  color: var(--nf-input-placeholder-color);
  letter-spacing: 0;
}

.nice-form-group > input[type=checkbox]:-ms-input-placeholder, .nice-form-group > input[type=date]:-ms-input-placeholder, .nice-form-group > input[type=email]:-ms-input-placeholder, .nice-form-group > input[type=month]:-ms-input-placeholder, .nice-form-group > input[type=number]:-ms-input-placeholder, .nice-form-group > input[type=password]:-ms-input-placeholder, .nice-form-group > input[type=radio]:-ms-input-placeholder, .nice-form-group > input[type=search]:-ms-input-placeholder, .nice-form-group > input[type=tel]:-ms-input-placeholder, .nice-form-group > input[type=text]:-ms-input-placeholder, .nice-form-group > input[type=time]:-ms-input-placeholder, .nice-form-group > input[type=url]:-ms-input-placeholder, .nice-form-group > input[type=week]:-ms-input-placeholder, .nice-form-group > select:-ms-input-placeholder, .nice-form-group > textarea:-ms-input-placeholder {
  color: var(--nf-input-placeholder-color);
  letter-spacing: 0;
}

.nice-form-group > input[type=checkbox]:-moz-placeholder, .nice-form-group > input[type=checkbox]::-moz-placeholder, .nice-form-group > input[type=date]:-moz-placeholder, .nice-form-group > input[type=date]::-moz-placeholder, .nice-form-group > input[type=email]:-moz-placeholder, .nice-form-group > input[type=email]::-moz-placeholder, .nice-form-group > input[type=month]:-moz-placeholder, .nice-form-group > input[type=month]::-moz-placeholder, .nice-form-group > input[type=number]:-moz-placeholder, .nice-form-group > input[type=number]::-moz-placeholder, .nice-form-group > input[type=password]:-moz-placeholder, .nice-form-group > input[type=password]::-moz-placeholder, .nice-form-group > input[type=radio]:-moz-placeholder, .nice-form-group > input[type=radio]::-moz-placeholder, .nice-form-group > input[type=search]:-moz-placeholder, .nice-form-group > input[type=search]::-moz-placeholder, .nice-form-group > input[type=tel]:-moz-placeholder, .nice-form-group > input[type=tel]::-moz-placeholder, .nice-form-group > input[type=text]:-moz-placeholder, .nice-form-group > input[type=text]::-moz-placeholder, .nice-form-group > input[type=time]:-moz-placeholder, .nice-form-group > input[type=time]::-moz-placeholder, .nice-form-group > input[type=url]:-moz-placeholder, .nice-form-group > input[type=url]::-moz-placeholder, .nice-form-group > input[type=week]:-moz-placeholder, .nice-form-group > input[type=week]::-moz-placeholder, .nice-form-group > select:-moz-placeholder, .nice-form-group > select::-moz-placeholder, .nice-form-group > textarea:-moz-placeholder, .nice-form-group > textarea::-moz-placeholder {
  color: var(--nf-input-placeholder-color);
  letter-spacing: 0;
}

.nice-form-group > input[type=checkbox]:focus, .nice-form-group > input[type=date]:focus, .nice-form-group > input[type=email]:focus, .nice-form-group > input[type=month]:focus, .nice-form-group > input[type=number]:focus, .nice-form-group > input[type=password]:focus, .nice-form-group > input[type=radio]:focus, .nice-form-group > input[type=search]:focus, .nice-form-group > input[type=tel]:focus, .nice-form-group > input[type=text]:focus, .nice-form-group > input[type=time]:focus, .nice-form-group > input[type=url]:focus, .nice-form-group > input[type=week]:focus, .nice-form-group > select:focus, .nice-form-group > textarea:focus {
  outline: none;
  border-color: var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=checkbox] + small, .nice-form-group > input[type=date] + small, .nice-form-group > input[type=email] + small, .nice-form-group > input[type=month] + small, .nice-form-group > input[type=number] + small, .nice-form-group > input[type=password] + small, .nice-form-group > input[type=radio] + small, .nice-form-group > input[type=search] + small, .nice-form-group > input[type=tel] + small, .nice-form-group > input[type=text] + small, .nice-form-group > input[type=time] + small, .nice-form-group > input[type=url] + small, .nice-form-group > input[type=week] + small, .nice-form-group > select + small, .nice-form-group > textarea + small {
  margin-top: 0.5rem;
}

.nice-form-group > input[type=checkbox].icon-left, .nice-form-group > input[type=date].icon-left, .nice-form-group > input[type=email].icon-left, .nice-form-group > input[type=month].icon-left, .nice-form-group > input[type=number].icon-left, .nice-form-group > input[type=password].icon-left, .nice-form-group > input[type=radio].icon-left, .nice-form-group > input[type=search].icon-left, .nice-form-group > input[type=tel].icon-left, .nice-form-group > input[type=text].icon-left, .nice-form-group > input[type=time].icon-left, .nice-form-group > input[type=url].icon-left, .nice-form-group > input[type=week].icon-left, .nice-form-group > select.icon-left, .nice-form-group > textarea.icon-left {
  background-position: left var(--icon-background-offset) bottom 50%;
  padding-left: var(--icon-padding);
  background-size: var(--nf-input-size);
}

.nice-form-group > input[type=checkbox].icon-right, .nice-form-group > input[type=date].icon-right, .nice-form-group > input[type=email].icon-right, .nice-form-group > input[type=month].icon-right, .nice-form-group > input[type=number].icon-right, .nice-form-group > input[type=password].icon-right, .nice-form-group > input[type=radio].icon-right, .nice-form-group > input[type=search].icon-right, .nice-form-group > input[type=tel].icon-right, .nice-form-group > input[type=text].icon-right, .nice-form-group > input[type=time].icon-right, .nice-form-group > input[type=url].icon-right, .nice-form-group > input[type=week].icon-right, .nice-form-group > select.icon-right, .nice-form-group > textarea.icon-right {
  background-position: right var(--icon-background-offset) bottom 50%;
  padding-right: var(--icon-padding);
  background-size: var(--nf-input-size);
}

.nice-form-group > input[type=checkbox]:-webkit-autofill, .nice-form-group > input[type=date]:-webkit-autofill, .nice-form-group > input[type=email]:-webkit-autofill, .nice-form-group > input[type=month]:-webkit-autofill, .nice-form-group > input[type=number]:-webkit-autofill, .nice-form-group > input[type=password]:-webkit-autofill, .nice-form-group > input[type=radio]:-webkit-autofill, .nice-form-group > input[type=search]:-webkit-autofill, .nice-form-group > input[type=tel]:-webkit-autofill, .nice-form-group > input[type=text]:-webkit-autofill, .nice-form-group > input[type=time]:-webkit-autofill, .nice-form-group > input[type=url]:-webkit-autofill, .nice-form-group > input[type=week]:-webkit-autofill, .nice-form-group > select:-webkit-autofill, .nice-form-group > textarea:-webkit-autofill {
  padding: calc(var(--nf-input-size)*0.75) !important;
}

.nice-form-group > input[type=search]:-moz-placeholder-shown {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
  background-position: left calc(var(--nf-input-size)*0.75) bottom 50%;
  padding-left: calc(var(--nf-input-size)*2.25);
  background-size: var(--nf-input-size);
  background-repeat: no-repeat;
}

.nice-form-group > input[type=search]:-ms-input-placeholder {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
  background-position: left calc(var(--nf-input-size)*0.75) bottom 50%;
  padding-left: calc(var(--nf-input-size)*2.25);
  background-size: var(--nf-input-size);
  background-repeat: no-repeat;
}

.nice-form-group > input[type=search]:placeholder-shown {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
  background-position: left calc(var(--nf-input-size)*0.75) bottom 50%;
  padding-left: calc(var(--nf-input-size)*2.25);
  background-size: var(--nf-input-size);
  background-repeat: no-repeat;
}

.nice-form-group > input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: var(--nf-input-size);
  height: var(--nf-input-size);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

.nice-form-group > input[type=search]:focus {
  padding-left: calc(var(--nf-input-size)*0.75);
  background-position: left calc(var(--nf-input-size)*-1) bottom 50%;
}

.nice-form-group > input[type=email][class^=icon] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-at-sign'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.nice-form-group > input[type=tel][class^=icon] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.nice-form-group > input[type=url][class^=icon] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link'%3E%3Cpath d='M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.nice-form-group > input[type=password] {
  letter-spacing: 2px;
}

.nice-form-group > input[type=password][class^=icon] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-lock'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.nice-form-group > input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
}

.nice-form-group > input[type=range]:focus {
  outline: none;
}

.nice-form-group > input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--nf-slider-track-height);
  background: var(--nf-slider-track-background);
  border-radius: var(--nf-slider-track-border-radius);
}

.nice-form-group > input[type=range]::-moz-range-track {
  width: 100%;
  height: var(--nf-slider-track-height);
  background: var(--nf-slider-track-background);
  border-radius: var(--nf-slider-track-border-radius);
}

.nice-form-group > input[type=range]::-webkit-slider-thumb {
  height: var(--nf-slider-thumb-size);
  width: var(--nf-slider-thumb-size);
  border-radius: var(--nf-slider-thumb-size);
  background: var(--nf-slider-thumb-background);
  border: 0;
  border: var(--nf-slider-thumb-border-width) solid var(--nf-slider-thumb-border-color);
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(var(--nf-slider-track-height)*0.5 - var(--nf-slider-thumb-size)*0.5);
}

.nice-form-group > input[type=range]::-moz-range-thumb {
  height: var(--nf-slider-thumb-size);
  width: var(--nf-slider-thumb-size);
  border-radius: var(--nf-slider-thumb-size);
  background: var(--nf-slider-thumb-background);
  border: 0;
  border: var(--nf-slider-thumb-border-width) solid var(--nf-slider-thumb-border-color);
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.nice-form-group > input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 var(--nf-slider-thumb-border-focus-width) var(--nf-slider-thumb-background);
}

.nice-form-group > input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 var(--nf-slider-thumb-border-focus-width) var(--nf-slider-thumb-background);
}

.nice-form-group > input[type=color] {
  border: var(--nf-input-border-width) solid var(--nf-input-border-color);
  border-bottom-width: var(--nf-input-border-bottom-width);
  height: calc(var(--nf-input-size)*2);
  border-radius: var(--nf-input-border-radius);
  padding: calc(var(--nf-input-border-width)*2);
}

.nice-form-group > input[type=color]:focus {
  outline: none;
  border-color: var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=color]::-webkit-color-swatch-wrapper {
  padding: 5%;
}

.nice-form-group > input[type=color]::-moz-color-swatch {
  border-radius: calc(var(--nf-input-border-radius)/2);
  border: none;
}

.nice-form-group > input[type=color]::-webkit-color-swatch {
  border-radius: calc(var(--nf-input-border-radius)/2);
  border: none;
}

.nice-form-group > input[type=number] {
  width: auto;
}

.nice-form-group > input[type=date], .nice-form-group > input[type=month], .nice-form-group > input[type=week] {
  min-width: 14em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}

.nice-form-group > input[type=time] {
  min-width: 6em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.nice-form-group > input[type=date], .nice-form-group > input[type=month], .nice-form-group > input[type=time], .nice-form-group > input[type=week] {
  background-position: right calc(var(--nf-input-size)*0.75) bottom 50%;
  background-repeat: no-repeat;
  background-size: var(--nf-input-size);
  width: auto;
}

.nice-form-group > input[type=date]::-webkit-calendar-picker-indicator, .nice-form-group > input[type=date]::-webkit-inner-spin-button, .nice-form-group > input[type=month]::-webkit-calendar-picker-indicator, .nice-form-group > input[type=month]::-webkit-inner-spin-button, .nice-form-group > input[type=time]::-webkit-calendar-picker-indicator, .nice-form-group > input[type=time]::-webkit-inner-spin-button, .nice-form-group > input[type=week]::-webkit-calendar-picker-indicator, .nice-form-group > input[type=week]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: pointer;
  opacity: 0;
}

@-moz-document url-prefix() {
  .nice-form-group > input[type=date], .nice-form-group > input[type=month], .nice-form-group > input[type=time], .nice-form-group > input[type=week] {
    min-width: auto;
    width: auto;
    background-image: none;
  }
}
.nice-form-group > textarea {
  height: auto;
}

.nice-form-group > input[type=checkbox], .nice-form-group > input[type=radio] {
  width: var(--nf-input-size);
  height: var(--nf-input-size);
  padding: inherit;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  border-radius: calc(var(--nf-input-border-radius)/2);
  border-width: var(--nf-input-border-width);
  cursor: pointer;
  background-position: 50%;
}

.nice-form-group > input[type=checkbox]:focus:not(:checked), .nice-form-group > input[type=radio]:focus:not(:checked) {
  border: var(--nf-input-border-width) solid var(--nf-input-focus-border-color);
  outline: none;
}

.nice-form-group > input[type=checkbox]:hover, .nice-form-group > input[type=radio]:hover {
  border: var(--nf-input-border-width) solid var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=checkbox] + label, .nice-form-group > input[type=radio] + label {
  display: inline-block;
  margin-bottom: 0;
  padding-left: calc(var(--nf-input-size)/2.5);
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  cursor: pointer;
  max-width: calc(100% - var(--nf-input-size)*2);
  line-height: normal;
}

.nice-form-group > input[type=checkbox] + label > small, .nice-form-group > input[type=radio] + label > small {
  margin-top: calc(var(--nf-input-size)/4);
}

.nice-form-group > input[type=checkbox]:checked {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%/85%;
  background-color: var(--nf-input-focus-border-color);
  border-color: var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=radio] {
  border-radius: 100%;
}

.nice-form-group > input[type=radio]:checked {
  background-color: var(--nf-input-focus-border-color);
  border-color: var(--nf-input-focus-border-color);
  box-shadow: inset 0 0 0 3px #fff;
}

.nice-form-group > input[type=checkbox].switch {
  width: var(--switch-width);
  height: var(--switch-height);
  border-radius: var(--switch-height);
  position: relative;
}

.nice-form-group > input[type=checkbox].switch:after {
  background: var(--nf-input-border-color);
  border-radius: var(--switch-orb-size);
  height: var(--switch-orb-size);
  left: var(--switch-orb-offset);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--switch-orb-size);
  content: "";
  transition: all 0.2s ease-out;
}

.nice-form-group > input[type=checkbox].switch + label {
  margin-top: calc(var(--switch-height)/8);
}

.nice-form-group > input[type=checkbox].switch:checked {
  background: none;
  background-position: 0 0;
  background-color: var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=checkbox].switch:checked:after {
  transform: translateY(-50%) translateX(calc(var(--switch-width)/2 - var(--switch-orb-offset)));
  background: #fff;
}

.nice-form-group > input[type=file] {
  background: rgba(0, 0, 0, 0.025);
  padding: var(--nf-input-size);
  display: block;
  width: 100%;
  border-radius: var(--nf-input-border-radius);
  border: 1px dashed var(--nf-input-border-color);
  outline: none;
  cursor: pointer;
}

.nice-form-group > input[type=file]:focus, .nice-form-group > input[type=file]:hover {
  border-color: var(--nf-input-focus-border-color);
}

.nice-form-group > input[type=file]::file-selector-button {
  background: var(--nf-input-focus-border-color);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.5rem;
  border-radius: var(--nf-input-border-radius);
  color: #fff;
  margin-right: 1rem;
  outline: none;
  font-family: var(--nf-input-font-family);
  cursor: pointer;
}

.nice-form-group > input[type=file]::-webkit-file-upload-button {
  background: var(--nf-input-focus-border-color);
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.5rem;
  border-radius: var(--nf-input-border-radius);
  color: #fff;
  margin-right: 1rem;
  outline: none;
  font-family: var(--nf-input-font-family);
  cursor: pointer;
}

.nice-form-group > select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right calc(var(--nf-input-size)*0.75) bottom 50%;
  background-repeat: no-repeat;
  background-size: var(--nf-input-size);
}