/* Generated by less 2.5.1 *//**********************************Theme Name: CodimexTheme URI: https://pirostudio.plDescription: Author: piro[studio]Author URI: https://pirostudio.plVersion: 3.0Tags: **********************************//******************************//******* GENERAL STYLES *******//******************************/body {  background: #fff;  color: #555555;  cursor: auto;  font-family: "Signika", sans-serif;  font-style: normal;  font-weight: 300;  margin: 0;  padding: 0;  position: relative;  font-size: 16px;  line-height: 26px;}html,body,#container {  height: 100%;}body > #container {  height: auto;  min-height: 100%;}p {  font-size: 16px;  line-height: 26px;  font-family: inherit;  font-weight: 300;  margin-bottom: 1.25rem;  text-rendering: optimizeLegibility;}/*********************//******* FONTS *******//*********************//*************************************//******* LINK STYLES & BUTTONS *******//*************************************/a,a:visited {  color: #4d9f5e;  text-decoration: none;}a:hover,a:focus,a:visited:focus {  color: #4d9f5e;  outline: none;}a:link,a:visited:link {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}button,.button,a.button {  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5aaa6a+0,5aaa6a+50,4da05e+50,4da05e+100 */  background: #5aaa6a;  /* Old browsers */  background: -moz-linear-gradient(top, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(top, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aaa6a', endColorstr='#4da05e', GradientType=0);  /* IE6-9 */  color: #fff;  border-radius: 3px;  padding: 12px 24px;  text-decoration: none;  transition: 200ms all;  display: inline-block;  font-weight: bold;  font-size: 17px;  opacity: 1;}button:hover,button:focus,a.button:hover,a.button:focus,.button:hover,.button:focus {  opacity: 0.8;}/***********************//******* HEADERS *******//***********************/h1,h2,h3,h4,h5,h6 {  font-style: normal;  font-weight: normal;  line-height: 1.4;  margin-bottom: 0.5rem;  margin-top: 0.2rem;  text-rendering: optimizeLegibility;}h1 {  font-size: 22px;}h1.pagetitle {  margin: 0 0 10px;  font-size: 36px;  line-height: 42px;  font-weight: 600;}h2 {  font-size: 20px;}h2.title {  font-size: 26px;  font-weight: 600;  border-bottom: 5px solid #f2f2f2;  color: #4d9f5e;  padding: 6px 16px;  margin: 0 0 30px;  float: left;  width: 100%;}h2 a:hover {  text-decoration: underline;}h3 {  font-size: 18px;}h4 {  font-size: 16px;}h5 {  font-size: 16px;}h6 {  font-size: 15px;}/************************************//******* LAYOUT & GRID STYLES *******//************************************/.row {  max-width: 1140px;}.check {  margin: -25px 0 0;  padding: 0;}.check li {  list-style: none;  margin-bottom: 0px;  background: url(images/check2.png) no-repeat 10px 8px;  transition: 200ms all;  border-bottom: 1px solid #ddd;}.check li a {  border: 0px solid #ddd;  padding: 9px 0 8px 50px;  display: block;  font-size: 17px;  font-weight: 400;  transition: 200ms all;}.check li:hover {  background: url(images/check2.png) no-repeat 10px 8px #f5f5f5;}.check li:hover a {  color: #555;}.breadcrumbs {  margin: 45px 0 0;  font-weight: 400;  font-size: 16px;}.breadcrumbs a:hover {  text-decoration: underline;}#menu-produkty,.leftcat .menu {  margin: 45px 0 0;  padding: 0;}#menu-produkty .menu-item,.leftcat .menu-item {  list-style: none;}#menu-produkty .menu-item li,.leftcat .menu-item li {  list-style: disc;}#menu-produkty .menu-item a,.leftcat .menu-item a {  margin: 0 0 10px;  padding: 16px 22px 16px 50px;  font-weight: 700;  font-size: 17px;  border: 1px solid #ddd;  display: block;  transition: 200ms all;  background: url(images/check2.png) no-repeat 10px 14px;}#menu-produkty .menu-item a:hover,.leftcat .menu-item a:hover {  background: url(images/check2.png) no-repeat 10px 14px #f5f5f5;}#menu-produkty .menu-item .menu-item a,.leftcat .menu-item .menu-item a {  margin: 0 0 0px;  color: #555555;  padding: 0px;  font-weight: 600;  font-size: 16px;  border: 0;  display: block;  transition: 200ms all;}#menu-produkty .menu-item .menu-item a:hover,.leftcat .menu-item .menu-item a:hover {  color: #4d9f5e;  background: none;}#menu-produkty .menu-item .menu-item a,.leftcat .menu-item .menu-item a {  background: none;}#menu-produkty .sub-menu,.leftcat .sub-menu {  display: none;}#menu-produkty .current-menu-item .sub-menu,#menu-produkty .current-menu-parent .sub-menu,.leftcat .current-menu-item .sub-menu,.leftcat .current-menu-parent .sub-menu {  margin-bottom: 35px;  display: block;}#menu-produkty .current-menu-parent .current-menu-item a,.leftcat .current-menu-parent .current-menu-item a {  color: #4d9f5e;}.catitem {  border: 1px solid #ddd;  height: 187px;  margin-bottom: 10px;  margin-top: 15px;  padding-right: 20px;  transition: 200ms all;}.catitem h3 {  font-weight: bold;  font-size: 22px;  margin: 30px 0 8px;  line-height: 24px;}.catitem p {  margin: 0;  line-height: 22px;}.catitem img {  float: left;  width: 190px;  margin-right: 25px;  height: 185px;  border-right: 1px solid #ddd;}.catitem:hover {  background: #f5f5f5;}.category .prodcat {  width: 46%;  margin-right: 3%;  display: inline-block;  margin-bottom: 25px;  position: relative;}.prodcat {  position: relative;}.large-4,.large-6 {  float: left !important;}.alignleft {  float: left;  margin-right: 25px !important;}.alignright {  float: right;  margin-left: 25px !important;}.alignnone {  display: block;  margin: auto;}.aligncenter {  display: block;  margin: auto !important;}.answer {  margin-bottom: 25px;}/*********************************//******* NAVIGATION STYLES *******//*********************************/.nav {  background: none;  border: 0;  float: right;  margin-top: 40px;  margin-bottom: 0;padding-left: 0;}.nav li {  float: left;  position: relative;  margin-left: 6px;  list-style: none;}.nav li a {  display: block;  text-decoration: none;  padding: 8px 10px;  color: #555555;  font-weight: bold;  font-size: 15px;  text-transform: uppercase;  transition: 200ms all;}.nav li a:hover,.nav li a:focus {  color: #4d9f5e;}.nav li ul.sub-menu li a,.nav li ul.children li a {  padding-left: 30px;}.nav li ul.sub-menu,.nav li ul.children {  margin-top: 0;  border: 0px solid #ccc;  border-top: 0;  position: absolute;  display: none;  z-index: 8999;  padding: 10px;  background: #fff;  box-shadow: 0 0 5px #aaa;}.nav li ul.sub-menu li,.nav li ul.children li {  margin: 0;}.nav li ul.sub-menu li a,.nav li ul.children li a {  padding: 5px;  border-right: 0;  display: block;  width: 180px;  border-bottom: 0x solid #ccc;}.nav li ul.sub-menu li:last-child a,.nav li ul.children li:last-child a {  border-bottom: 0;}.nav li:hover ul {  top: auto;  display: block;}.nav li.current-menu-item a {  color: #4d9f5e !important;}#menu-item-532,.nav li:last-child {  margin-left: 20px;}#menu-item-532 a,.nav li:last-child a {  background: #5aaa6a;  /* Old browsers */  background: -moz-linear-gradient(top, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(top, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, #5aaa6a 0%, #5aaa6a 50%, #4da05e 50%, #4da05e 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aaa6a', endColorstr='#4da05e', GradientType=0);  /* IE6-9 */  color: #fff !important;  border-radius: 3px;  padding: 8px 22px;  text-decoration: none;  transition: 200ms all;  opacity: 1;}#menu-item-532 a:hover,.nav li:last-child a:hover {  opacity: 0.8;}.sub-menu li:last-child {  margin-left: 0px;}.sub-menu li:last-child a {  background: none;  color: #555 !important;}.sub-menu li:last-child {  margin-left: 0px;}.sub-menu li:last-child a:hover {  color: #4d9f5e !important;}.mobile-lang,.mobile-lang .wpml-ls {  width: 100%;}.mobile-lang ul {  margin: 30px 0 0 10px !important;}.mobile-lang li {  display: inline-block !important;  width: 30px !important;  border: 0 !important;}.mobile-lang li a {  padding: 0 !important;}.mobile-lang li a:hover {  color: #4d9f5e;}/************************//******* TOP SITE *******//************************/#container {  padding-top: 150px;}.header {  background: #fff;  position: fixed;  left: 0;  top: 0;  width: 100%;  transition: 200ms all;  z-index: 9;}.logo-site {  float: left;  margin: 35px 0;  width: 305px;  transition: 200ms all;}.top {  width: 100%;  height: 30px;  background: #f5f5f5;}.wpml-ls-legacy-list-horizontal {  float: right;  padding: 0;  clear: none;}.wpml-ls-legacy-list-horizontal a {  padding: 5px 3px;}.searchform {  float: right;  margin-right: 25px;  border-right: 1px solid #e5e5e5;  border-left: 1px solid #e5e5e5;  padding: 2px 14px;}.searchform .search-field {  background: #f5f5f5;  border: 0;  font-size: 14px;  width: 150px;}.searchform .imgsearch {  opacity: 0.3;  margin-top: 5px;  float: right;}.smaller {  border-bottom: 1px solid #ddd;  margin-top: -30px;}.smaller .logo-site {  width: 250px;  margin: 25px 0;}.nav {  transition: 200ms all;}.smaller .nav {  margin-top: 25px;}/************************//******* HOMEPAGE *******//************************/#home {  background: url(https://codimex.com.pl/wp-content/uploads/2017/07/slider-bg.jpg) no-repeat center;  background-size: cover;  width: 100%;  height: 625px;  border-bottom: 130px solid #f5f5f5;  margin-bottom: 85px;}#home h1 {  text-align: center;  font-size: 54px;  font-weight: bold;  margin: 95px 0 70px;  line-height: 74px;  color: #fff;}#home h1 span {  font-size: 64px;  display: block;}.homeitem {  padding: 0 8px;}.homeitem div {  height: 250px;  color: #fff;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);  text-align: center;  display: block;  width: 100%;  position: relative;  transition: 200ms all;}.homeitem div h2 {  font-size: 34px;  padding: 100px 0 25px;  font-weight: bold;  margin: 0;  transition: 200ms all;  position: relative;}.homeitem div span {  font-size: 15px;  text-transform: uppercase;  padding: 14px 30px;  border: 2px solid #fff;  font-weight: 600;  transition: 200ms all;  position: relative;}.homeitem div a {  position: absolute;  display: block;  top: 0;  left: 0;  width: 100%;  height: 100%;}.homeitem:hover div h2 {  padding-top: 90px;}.homeitem:hover div span {  background: rgba(255, 255, 255, 0.15);}.homeitem .mask {  opacity: 0;  transition: 200ms all;  position: absolute;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.15);  top: 0;  left: 0;  z-index: 0;}.homeitem:hover .mask {  opacity: 1;}#about {  margin: 0 0 85px;}.abb {  padding-right: 45px;}.abb .button {  margin-top: 25px;}#products {  margin: 0 0 100px;}#quote {  background: url(https://codimex.com.pl/wp-content/uploads/2017/07/onas.jpg) no-repeat center;  background-size: cover;  margin: 0 0 85px;  text-align: center;  padding: 100px 0;}#quote p {  color: #fff;  line-height: 30px;  font-size: 20px;  width: 65%;  margin: auto;}#quote p strong {  font-size: 17px;  margin-top: 20px;  display: block;}#quote h3 {  font-size: 44px;  line-height: 50px;  font-weight: bold;  color: #fff;  margin: 0 0 25px;}#quote img {  margin: 0 0 25px;}#promo {  margin: 0 0 110px;}.singlepost {  border: 1px solid #ddd;  min-height: 400px;  margin-bottom: 25px;}.singlepost section {  padding: 25px;}#tis {  margin: 0 0 65px;}.tisban {  font-size: 31px;  background: #f5f5f5;  padding: 45px 0 45px 40px;  text-align: center;  min-height: 110px;}#tis .tisban a.button {  margin: -15px 0px 0 25px;  float: left;}.tisban img {  height: 65px;  float: left;  margin-right: 20px;  margin-top: -23px;}.tisban span {  float: left;}.proditem {  height: 240px;  width: 100%;  position: relative;  border: 1px solid #ddd;  border-bottom: 0;}.prodcat p {  margin: 0;  left: 0;  bottom: 0;  width: 100%;  padding: 10px 0;  color: #fff;  font-weight: 700;  font-size: 18px;  text-align: center;  background: #4d9f5e;}.prodcat a {  position: absolute;  display: block;  width: 100%;  height: 100%;  top: 0;  left: 0;}.proditem .mask {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.05);  opacity: 0;  transition: 200ms all;}.prodcat:hover .mask {  opacity: 1;}/**************************************//******* POSTS & CONTENT STYLES *******//**************************************/#content {  margin-bottom: 100px;}article {  background: none;  margin-bottom: 0px;  margin-left: 0px;  padding: 0 25px 30px 0px;  position: relative;}.single article,.page article {  border-left: 0;  margin-left: 0;  padding-left: 0;}.byline {  color: #999;  font-size: 12px;}.entry-content ul li {  list-style: square;  margin: 5px 0 5px 15px;}.entry-content dd {  margin-left: 0;  font-size: 0.9em;  color: #787878;  margin-bottom: 1.5em;}.entry-content img {  margin: 10px 0;  max-width: 100%;  height: auto;}.entry-content video,.entry-content object {  max-width: 100%;  height: auto;}.entry-content pre {  background: #eee;  border: 1px solid #cecece;  padding: 10px;}.wp-caption {  max-width: 100%;  background: none;  padding: 5px;}.wp-caption img {  max-width: 100%;  margin-bottom: 0;  width: 100%;}.wp-caption p.wp-caption-text {  font-size: 0.85em;  margin: 4px 0 7px;  line-height: 18px;  text-align: center;}.gallery-item {  float: left;  margin: 0px 20px 0 0;}/*************************************//******* 9. SIDEBARS & ASIDES *******//*************************************/.widget {  padding: 0;  margin: 0px 0 30px;}/*****************************//******* FOOTER STYLES *******//*****************************/footer {  clear: both;  background: #333;  margin-top: 0px;  position: relative;  color: #fff;}.source-org {  text-align: center;  margin: 15px;  color: #fff;  font-size: 14px;  font-weight: 400;}#foo {  background: #444;  padding: 70px 0;  color: #fff;  font-weight: 400;}#foo p {  margin: 0;  font-weight: 400;}.ctcpop {  cursor: pointer;}/********************************//******* PAGE NAVI STYLES *******//********************************/.page-navigation,.wp-prev-next {  margin: 0 0 2.2em;}.piro_page_navi li {  float: left;  margin-left: 10px;}.piro_page_navi li a {  padding: 3px 6px;  display: block;  text-decoration: none;  position: relative;}.piro_page_navi li a:hover,.piro_page_navi li a:focus {  color: #f01d4f;  text-decoration: underline;}.piro_page_navi li.bpn-current {  padding: 3px 6px;  border-bottom: 2px solid #f01d4f;  position: relative;}.piro_page_navi li.bpn-current a {  /* hovering on current page link */}.piro_page_navi li.bpn-prev-link,.piro_page_navi li.bpn-next-link {  font-weight: 700;}.piro_page_navi li.bpn-prev-link a,.piro_page_navi li.bpn-next-link a {  padding: 0;}.piro_page_navi li.bpn-prev-link a:hover,.piro_page_navi li.bpn-next-link a:hover,.piro_page_navi li.bpn-first-page-link a:hover,.piro_page_navi li.bpn-last-page-link a:hover {  background: none;}.wp-prev-next .prev-link {  float: left;}.wp-prev-next .next-link {  float: right;}/** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under  () *//* *  Owl Carousel - Core */.owl-carousel {  display: none;  width: 100%;  -webkit-tap-highlight-color: transparent;  /* position relative and z-index fix webkit rendering fonts issue */  position: relative;  z-index: 1;}.owl-carousel .owl-stage {  position: relative;  -ms-touch-action: pan-Y;  -moz-backface-visibility: hidden;  /* fix firefox animation glitch */}.owl-carousel .owl-stage:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.owl-carousel .owl-stage-outer {  position: relative;  overflow: hidden;  /* fix for flashing background */  -webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-wrapper,.owl-carousel .owl-item {  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);}.owl-carousel .owl-item {  position: relative;  min-height: 1px;  float: left;  -webkit-backface-visibility: hidden;  -webkit-tap-highlight-color: transparent;  -webkit-touch-callout: none;}.owl-carousel .owl-item img {  display: block;  width: 100%;}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {  display: none;}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {  cursor: pointer;  cursor: hand;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel.owl-loaded {  display: block;}.owl-carousel.owl-loading {  opacity: 0;  display: block;}.owl-carousel.owl-hidden {  opacity: 0;}.owl-carousel.owl-refresh .owl-item {  visibility: hidden;}.owl-carousel.owl-drag .owl-item {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel.owl-grab {  cursor: move;  cursor: grab;}.owl-carousel.owl-rtl {  direction: rtl;}.owl-carousel.owl-rtl .owl-item {  float: right;}/* No Js */.no-js .owl-carousel {  display: block;}/* *  Owl Carousel - Animate Plugin */.owl-carousel .animated {  animation-duration: 1000ms;  animation-fill-mode: both;}.owl-carousel .owl-animated-in {  z-index: 0;}.owl-carousel .owl-animated-out {  z-index: 1;}.owl-carousel .fadeOut {  animation-name: fadeOut;}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}/* * 	Owl Carousel - Auto Height Plugin */.owl-height {  transition: height 500ms ease-in-out;}/* * 	Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy {  opacity: 0;  transition: opacity 400ms ease;}.owl-carousel .owl-item img.owl-lazy {  transform-style: preserve-3d;}/* * 	Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper {  position: relative;  height: 100%;  background: #000;}.owl-carousel .owl-video-play-icon {  position: absolute;  height: 80px;  width: 80px;  left: 50%;  top: 50%;  margin-left: -40px;  margin-top: -40px;  background: url("owl.video.play.png") no-repeat;  cursor: pointer;  z-index: 1;  -webkit-backface-visibility: hidden;  transition: transform 100ms ease;}.owl-carousel .owl-video-play-icon:hover {  -ms-transform: scale(1.3, 1.3);  transform: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {  display: none;}.owl-carousel .owl-video-tn {  opacity: 0;  height: 100%;  background-position: center center;  background-repeat: no-repeat;  background-size: contain;  transition: opacity 400ms ease;}.owl-carousel .owl-video-frame {  position: relative;  z-index: 1;  height: 100%;  width: 100%;}/* * 	Default theme - Owl Carousel CSS File */.owl-carousel .owl-nav {  margin-top: 10px;  text-align: center;  -webkit-tap-highlight-color: transparent;}.owl-carousel .owl-nav [class*='owl-'] {  color: #FFF;  font-size: 14px;  margin: 5px;  padding: 4px 7px;  background: #D6D6D6;  display: inline-block;  cursor: pointer;  border-radius: 3px;}.owl-carousel .owl-nav [class*='owl-']:hover {  background: #869791;  color: #FFF;  text-decoration: none;}.owl-carousel .owl-nav .disabled {  opacity: 0.5;  cursor: default;}.owl-carousel .owl-nav.disabled + .owl-dots {  margin-top: 30px;}.owl-carousel .owl-dots {  text-align: center;  -webkit-tap-highlight-color: transparent;}.owl-carousel .owl-dots .owl-dot {  display: inline-block;  zoom: 1;  *display: inline;}.owl-carousel .owl-dots .owl-dot span {  width: 10px;  height: 10px;  margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px;}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {  background: #869791;}/*********************//******* MODAL *******//*********************/.reveal-modal-bg {  position: fixed;  height: 100%;  width: 100%;  background: #000;  background: rgba(0, 0, 0, 0.45);  z-index: 99998;  display: none;  top: 0;  left: 0;}.reveal-modal {  background: #f7f7f7 none repeat scroll 0 0;  border-radius: 5px;  height: 560px;  left: 50%;  margin-left: -330px;  margin-top: -280px;  overflow: auto;  padding: 15px;  position: fixed;  top: 50% !important;  visibility: hidden;  width: 660px;  z-index: 99999;}.reveal-modal p,.reveal-modal img {  margin-bottom: 25px;  display: block;  text-align: center;}.reveal-modal ul li {  margin-left: 15px;  list-style: square;}.reveal-modal.small {  width: 200px;  margin-left: -140px;}.reveal-modal.medium {  width: 400px;  margin-left: -240px;}.reveal-modal.large {  width: 600px;  margin-left: -340px;}.reveal-modal.xlarge {  width: 800px;  margin-left: -440px;}.reveal-modal .close-reveal-modal {  font-size: 40px;  line-height: .5;  position: absolute;  top: 10px;  right: 10px;  color: #aaa;  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);  font-weight: bold;  cursor: pointer;}.reveal-modal form {  padding: 0 45px;}.reveal-modal .wpcf7-text,.reveal-modal .wpcf7-textarea {  padding: 10px;  margin-bottom: 12px;}.reveal-modal #prodid {  background: none;}.reveal-modal .wpcf7-textarea {  height: 100px !important;}.formfull {  width: 100%;}.formhalf {  width: 49%;  display: inline-block;}.wpcf7-form input {  width: 100%;  border: 1px solid #ddd;  border-radius: 3px;}.wpcf7-form textarea {  width: 100%;  height: 100px !important;  border: 1px solid #ddd;  border-radius: 3px;}.reveal-modal h3 {  text-align: center;  font-weight: bold;  font-size: 30px;  margin: 15px 0 20px;}.wpcf7-submit {  transition: none;}#myModal2 h4 {  text-align: center;  font-weight: bold;  font-size: 19px;  margin: 20px 0 5px;}#myModal2 p {  margin: 0;}/**************************//******* RESPONSIVE *******//**************************/#mobilebutt {  display: none;  margin: 35px 0 0;  cursor: pointer;}@media screen and (max-width: 768px) {  #container {    background: url(images/codimex_logo.png) no-repeat center 65px #ffffff;  }  #home h1 {    font-size: 34px;    line-height: 38px;    margin: 40px 0 40px;  }  #home h1 span {    font-size: 44px;    line-height: 48px;  }  .homeitem div {    margin-bottom: 20px;  }  .tisban {    font-size: 24px;    line-height: 34px;    padding: 20px;  }  #tis .tisban a.button {    float: none;    margin: 20px;  }  #quote h3 {    font-size: 32px;    line-height: 40px;  }  #quote p {    width: 90%;  }  .abb {    padding-right: 0;  }  #foo {    text-align: center;  }  #foo .columns {    padding: 20px 0 !important;    text-align: center;  }  .category .prodcat {    width: 100%;    margin-right: 0;  }  .catitem {    height: auto;    text-align: center;    padding: 20px;  }  .catitem img {    display: block;    margin: 0px auto;    border-right: 0;    float: none;  }  .catitem:hover {    background: #fff;  }}@media screen and (max-width: 575px) {  #mobilebutt {    display: block;  }  #menu-produkty {    display: none;  }}