*:focus {outline:2px dotted red;} .form-line-active input:focus, .form-line-active textarea:focus { border: 1px solid red !important; box-shadow: 0 0 3px red !important; -moz-box-shadow: 0 0 3px red !important; -webkit-box-shadow: 0 0 3px red !important; } input:focus, textarea:focus, select:focus { outline-offset: 0px !important; outline: none !important; } .form-control:focus { border-color: red; box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } .btn:focus, .btn.focus { box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } /* default * ============================================ */ * {margin: 0; padding: 0; outline: 0 none;} blockquote {margin-left: 20px;} table {border-color: #beb9b9; margin-bottom: 20px} table td {border-color: #beb9b9; padding-left: 5px;} p {padding: 0 0 20px 0; -moz-hyphens: auto;} p img {vertical-align: middle} a {color: inherit; text-decoration: underline; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} a:hover {text-decoration: none;} hr {border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 10px 0;} h1,h2,h3,h4,h5,h6 {color: inherit; font: normal 28px/1.3 "montserratregular",sans-serif; color: #333333; margin: 10px 0;} h2 {margin-bottom: 25px; line-height: 1.1} h3 {font-size: 22px;} h4,h5,h6 {margin-bottom: 5px; font-size: 20px;} #wrapper {font: normal 15px/1.6 Arial ,Helvetica ,sans-serif; color: #686666; text-align: left; min-height: 100%; overflow: hidden} #body {overflow: hidden; position: relative;} /* content default * ============================================ */ .content ul, .content ol {margin-left: 20px; margin-bottom: 10px;} .content ul > li {list-style: outside disc;} .content ol > li {list-style: outside decimal;} .content img {max-width: 100%; height: auto !important;} .content img.left {margin-bottom: 10px; margin-right: 20px; float: left} .content img.right {margin-bottom: 10px; margin-left: 20px; float: right} .content iframe {border: 1px solid #beb9b9; max-width: 100%;} .content a {text-decoration-color: #ED5A48;} ::selection {background: #d1d2d3; color: #fff} ::-moz-selection {background: #d1d2d3; color: #fff} /* dafault form * ============================================ */ form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;} form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:12px; font-family: inherit; color: #5D5757;} form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f} form select {padding: 4px 3px 3px 10px;} form select option {padding: 2px 10px;} form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;} form label {line-height: 28px !important;} form input[type=submit] {background: #ed5a48; border: 0 none; color: #fff; height: 42px; line-height: 42px; display: block; cursor: pointer; margin-top: 15px; padding: 0 30px; border-radius: 3px} form input[type=submit]:hover {background: #E0223B} form input[type=submit]:active {background: #E0223B} .form-wrap {width: 100%;} form .one-half:nth-child(2n) {margin-right: 0} form .captcha-wrap {float: left;} form .captcha, form #captcha {float: left; margin-right: 10px; margin-top: 7px; border-radius: 3px; border: 1px solid #ecebeb;} form input[name=kod], form input[name=kod2] {width: 118px; float: left; margin-right: 0; margin-top: 7px} /* dafault sidebar * ============================================ */ .sidebar {margin: 0;} .sidebar .box {list-style: none outside none; margin-bottom: 35px} .sidebar .box:last-child {margin-bottom: 0;} .sidebar h3.box-title {margin-bottom: 25px; font-size: 19px; margin-top: 0; font-family: 'montserratregular'; border-bottom: 6px solid #f7f6f6; padding-bottom: 6px; text-transform: uppercase;} /*.sidebar .button {float: right}*/ /* class * ============================================ */ .content01 {float: left; width: 45%;} .content02 {float: left; width: 45%; margin-left: 10%;} .content03 {float: left; width: 100%; clear: both} .wrongVal {background: #ee8282 !important; border-color: #d83939 !important} .msg {clear: both; padding: 10px 0 15px;} .strong {font-weight: bold} .wrap {width: 1140px; margin: 0 auto;} .clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;} .clearfix {display: block;} .button {padding: 5px 15px 5px 15px; display: inline-block; font-size: 16px; font-weight: bold; text-decoration: none;} .button:hover {text-decoration: none} .special-container {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3} .slider-content a.btn {width: auto; bottom: 150px; color: inherit;width: auto; z-index: 11; position: relative; top: auto;} .one-half {width: 49%; float: left; margin-right: 2%} .one-third {width: 30%; float: left; margin-right: 5%; margin-bottom: 50px} .one-fourth {width: 24%; float: left; margin-right: 1%} .one-half.last-item, .one-third.last-item, .one-fourth.last-item {margin-right: 0} .success {color: #008000} .danger {color: #b40000} /* common * ============================================ */ .form-wrap, form textarea, form input[type=text], #main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #nav a, #header a, #nav:not(.active), .button, .slider-content-nav .slider-prev, .slider-content-nav .slider-next,#slider-content-20 .desc-wrap a,form input[type="submit"], .content a,#sidebar-column .menu li a, .news-more {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;} /* header * ============================================ */ #header {margin: auto; position: relative} #header a {text-decoration: none} #header a:hover {opacity: 0.8} .page #top {background: url("../images/page_top.jpg") no-repeat center; height: 200px;} #logo {margin-top: 0; margin-bottom: 0; padding: 4px 0 0 0; line-height: 50px; display: block; /*float: left;*/ position: relative;} #logo img {max-width: 100%; max-height: 100%; vertical-align: middle;} #logo:after {background: url("../images/ozdobnik.jpg") center right repeat-x; position: absolute; content: ""; left: 0; bottom: 45%; width: 99em; margin-left: -99em; height: 17px; } .links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px} .links li {display: inline-block; margin-left: 20px} .lang-wrap {float: right; line-height: 50px; color: #7d7d7d; margin-right: 20px; z-index: 100; width: 80px;} #langs {position: absolute; /*right: 0; top: 0;*/float: right; padding: 10px 10px; line-height: 0.8;z-index: 200; } #langs li, #langs li span, #langs li a {display: inline-block} #langs li {margin: 0 5px} #langs li span, #langs li a {/*background: url('../images/langs.png') no-repeat; background-size: cover; text-indent: -20px; overflow: hidden;*/ background-color: #eeeded; border-radius: 4px; width: 29px; height: 29px; font-size: 13px; line-height: 30px; text-align: center;} #langs li.active span, #langs li a:hover {background-color: #ed5a48; color: #fff;} /*#langs li.lang-pl span, #langs li.lang-pl a {background-position: left top}*/ /*#langs li.lang-en span, #langs li.lang-en a {background-position: left -16px}*/ /*#langs li.lang-de span, #langs li.lang-de a {background-position: left -33px}*/ #page-slogan {color: #fff; vertical-align: middle; height: 100%; text-transform: uppercase; padding-top: 40px;} #page-slogan h3 {color: #fff;} #page-slogan h2 {font-family: "montserratsemibold"; font-size: 47px; color: #fff; } /* main * ============================================ */ #main {background-color: #f5f5f5; position: relative; } #main .wrap {background-color: #fff; width: calc(1140px - 8%); padding: 40px 4%; } .page-template-ext #main {padding: 0} .page-template-ext #main {width: 100%} .box-text {margin-bottom: 15px} .titlewrap {background: url("../images/bg_titlewrap.jpg") no-repeat bottom center; margin-bottom: 20px} .page .titlewrap {margin-bottom: 40px;} .titlewrap h2 {font-size: 26px; text-align: center; text-transform: uppercase; padding-bottom: 20px; margin-bottom: 30px;} .page-sidebar-column #content {width: 70%; float: left} #sidebar-column {float: left; width: 24%; margin-left: 6%;} .sidebar-column-left.page-sidebar-column #content {float: right} .sidebar-column-left #sidebar-column {margin-left: 0} /* nav (horizontal) * ============================================ */ #nav {float: right; margin-top: 20px; margin-bottom: 10px;} #nav .menu {padding: 5px 0; border-top: 1px solid #dbdbdb;} #nav .menu li {list-style: none outside none; position: relative;} #nav .menu > li {display: inline-block; } #nav a {text-decoration: none; font: normal 15px/1em "montserratregular",sans-serif; color: #333333; display: block; padding: 10px 15px;} #nav .menu > li > a {text-transform: uppercase;} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #cc4d3e; opacity: 1} #nav .menu > li.parent:hover > a {border-radius: 4px 4px 0 0} #nav .menu > li:last-child {margin-right: 0; border-right: 0} /* submenu */ #nav .menu ul {background: #fff; position: absolute; right: 0; top: 31px; display: none; padding: 10px 10px 10px; z-index: 196; min-width: 115%; visibility: hidden; border-radius: 0 4px 4px 4px;} #nav .menu ul li {border-bottom: 1px dotted #fff; white-space: nowrap;} #nav .menu li:last-child ul {left: auto; right: 0;} #nav .menu li:hover > ul {display: block; visibility: visible} #nav .menu ul li a {padding: 7px 30px 7px; font-size: 14px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;} #nav .menu ul li a:before {content: "→"; float: left; font: normal 18px/10px Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto} #nav .menu ul li:last-child {border: none;} #nav .menu ul a:hover {opacity: 1; color: #ED5A48;} #nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */ #button-mobile-menu {display: none; overflow: hidden} #button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55} #button-mobile-menu a:hover {opacity: 1} /* slider * ============================================ */ /* dla flexa z foto w background */ #slider-content-20 img {display: none !important} .flexslider .slides {list-style: none outside none} #slider-content-20 .slides > li, #header-image {background-position: center center; background-size: cover; float: left; display: block; height: 460px;} #header-image {float: none} #slider-content-20 {color: #fff;} #slider-content-20 h3 {font-size: 32px; text-transform: uppercase; color: #fff; } #slider-content-20 h2 {font-size: 60px; font-family: "montserratsemibold"; color: #fff; text-transform: uppercase; margin-bottom: 20px;} #slider-content-20 .item:nth-child(3) h3,#slider-content-20 .item:nth-child(3) h2 {color: #114828;} #slider-content-20 .desc-wrap {margin-top: 14%;} #slider-content-20 .desc-wrap .more {background-color: #00abaf; text-transform: uppercase; padding: 12px 40px; border-radius: 4px; text-decoration: none; font-size: 13px; float: left;} #slider-content-20 .desc-wrap .more:hover {background-color: #00989b;} #slider-content-20 .desc-wrap .more-2 {background-color: #ed5a48; text-transform: uppercase; padding: 12px 40px; border-radius: 4px; text-decoration: none; font-size: 13px; margin-left: 20px; float: left;} #slider-content-20 .desc-wrap .more-2:hover {background-color: #cd5342;} /* .slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;} ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;} .slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative} .slider-content img {max-width: 100%; width: 100%;} .slider-content .layer-mask {background: url('../images/slider-mask.png'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%} .slider-content-slides {overflow: hidden} .slider-content-loader {height: 0; padding: 0 0 39.5%} .slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9} .slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: -12px; bottom: 0; top: 0; margin: auto; width: 420px; height: 155px; color: #fff; padding: 5px 5px 5px 50px; line-height: 1.2} .slider-content-wrap .desc-wrap:after {background: url('../images/slider-desc-corner.png'); content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px} .slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 30px; padding: 0;} .slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10} .slider-content-nav {position: absolute; right: -12px; bottom: 0; top: 0; margin: auto; z-index: 10; height: 45px;} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider.png'); background-repeat: no-repeat; width: 45px; height: 45px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8} .slider-content-nav .slider-prev {background-position: 12px 8px; float: left} .slider-content-nav .slider-next {background-position: -48px 8px; float: left;} .slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left} .slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;} .slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none} .slider-content-paging-wrap {text-align: center; padding: 0; margin-top: -34px; position: relative; z-index: 10} .slider-content-paging:before {background: url('../images/corner-paging.png') no-repeat left top; content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0} .slider-content-paging {background: url('../images/bg-paging.png') no-repeat right top; position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;} .slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;} .slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px; margin: 0 4px; display: inline-block !important;} .slider-content-paging a.selected span {background: #595959} .caroufredsel_wrapper {background: #fff; overflow: hidden} .slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none} .caroufredsel_wrapper .slider-content img {display: block;} .slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden} */ #home-logo {background-color: #f5f5f5; padding: 20px 3%; margin-top: 60px; margin-bottom: 20px;} #home-logo .box {float: left; margin-bottom: 0} #home-logo .box-item-1 {padding-right: 40px; border-right: 1px solid #d5d4d5;} #home-logo .box-item-2 {padding-left: 50px; } #home-logo .box-item-2 ul li {list-style: none; float: left; margin: 0 20px 0 5px;} .footer-logo {padding: 60px 0 40px 0; position: relative;} .footer-logo .logo1 {float: left;} .footer-logo .logo2 {/*position: absolute; right: 0; left: 0; margin: 0 auto; display: block;*/ margin-top: 15px; } .footer-logo .logo3 {float: right;} .footer-logo .logo4 {margin-top: 10px;} .footer-logo h5 {text-align: center; ; margin-top: 150px;} /* footer-up * ============================================ */ .footer-up {background-color: #00aaae; min-height: 40px; padding: 50px 0;} #nav2 {list-style:none; margin:0; padding:0; text-align:center; color: #bfeaeb; } #nav2 .menu ul {display: none;} #nav2 li {display:inline;} #nav2 a {display:inline-block; padding:10px 14px; text-transform: uppercase; text-decoration: none; font-family: 'montserratregular'; font-size: 14px;} #nav2 a:hover,#nav2 .current a {color: #fff;} /* footer * ============================================ */ .footer {background: #1b1464; color: #7e9487; display: block;} .footer .wrap {min-height: 65px; padding-top: 40px; position: relative; } #footer-box {margin-bottom: 30px;} #copy {margin: 0 0 0 0; color: inherit; text-align: center;} #design-by {margin: 0 0 0 0; text-align: right; color: inherit; text-align: center;} #design-by strong {font-weight: normal} #design-by a {text-decoration: none; color: inherit;} /* gallery * ============================================ */ .gallery-wrap {margin: 26px 0; width: 100%; clear: both} .gallery-wrap .item {background-color: #F2F2EF; display: block; float: left; text-align: center; vertical-align: middle; margin: 0 10px 10px 0; position: relative; overflow: hidden;} .gallery-photo-frame .item { display: flex; flex-direction: column; justify-content: center; padding: 8px;} .gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;} .gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;} .gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;} .gallery-photo-frame .item .title {padding: 5px 0 0 0;} .gallery-wrap .item img {vertical-align: middle; margin: auto;} .galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;} .fleft {float:left;} .fright {float:right;} /* form * ============================================ */ #form-contact textarea {height: 332px} /* cookies * ============================================ */ #cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 600px; color: #fff; border-top: 1px solid #DDDDDD; font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 20; border-radius: 10px} #cookies p {padding: 5px 20px; padding-right: 50px} #cookies a {background: url('../images/close-button.png') no-repeat; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;} #cookies a:hover {opacity: 0.7; color:#000;} /* facebook * ============================================ */ #slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 126px; z-index: 15;} .no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;} .no-touch #slide-box-fblike:hover {right: 0; transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;} #slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 302px; z-index: 2;} #slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;} #slide-box-fblike:hover .belt {background-position: 0 -49px;} /* default (news, catalog) * ============================================ */ .listing h3.title, .listing h3.title a {margin-top: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 18px; font-weight: normal;} .listing h3.title a {text-decoration: none; padding: 5px 0; display: block;} .listing .item {padding: 10px 0; width: 100%;} .listing .item:last-child {border: 0 none;} .listing article {border-bottom: 1px solid #777575;} article h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0; } article .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px} article .thumbwrap img {display: block; margin: 0; width: 100%} article .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0} .news-single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px} .news-single .thumbwrap img {display: block; margin: 0; width: 100%} .news-single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0} .t_category {display: none;} .home .listing .item {width: 30%; float: left; margin-right: 5%;} .home .listing .item:last-child {margin-right: 0;} .home .listing article {border-bottom: none;} .home article .thumbwrap {float: none;} .home .news-date {margin-top: 15px; font-size: 16px; } .home article h3.title {margin-bottom: 0; min-height: 4.5em;} .news-more {background-color: #ed5a48; color: #fff; border-radius: 3px; font-size: 14px; padding: 5px 15px 5px 15px; display: inline-block; font-weight: bold; text-decoration: none; margin-top: 20px; } .news-more:hover {background-color: #cb4d3e;} .home article .thumbwrap img {width: 100%;} article .thumbwrap img {width: 240px; margin-right: 20px; margin-bottom: 20px;} article .thumbwrap {background: none;} .listing article {border-bottom: none;} article h3.title {margin-bottom: 0;} .listing .item {margin-bottom: 10px;} .home .paging {border-top: none;} /* default paging * ============================================ */ .paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px} .paging a, .paging span {margin: 0 2px; font-size: 15px;} .paging a.prev, .paging a.next, .paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;} .paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;} .paging a.next, .paging span.next {float: right} .paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;} .pagination { clear: both; padding: 0; } .pagination li { display:inline; } .pagination a { border: 1px solid #D5D5D5; color: #666666; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; } .pagination a:hover, .pagination a:active { background:#efefef; } .pagination span.current { background-color: #687282; border: 1px solid #D5D5D5; color: #ffffff; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; } .pagination span.disabled { border: 1px solid #EEEEEE; color: #DDDDDD; margin: 2px; padding: 2px 5px; } /* catalog */ #breadcrumb {margin: 10px 0 10px 0; font-size: 14px; font-family: "Times New Roman", Georgia; color: #99999b; text-transform: uppercase; } #breadcrumb a {display:inline; line-height:22px; height:22px;; text-decoration: none; } #breadcrumb a:hover {color: #78787b} .catalog-listing .item {display: inline-block; width: 31%; max-width: 250px; float: left; margin-right: 2%; } .catalog-listing .item:nth(4n) {margin-right: 0} .catalog-listing .thumbwrap img {margin: 0; display: block; width: 100%} .catalog-listing .thumbwrap:hover img {opacity: 0.7} .catalog-listing span.noimage {display: block; text-align: center; line-height: 66px;} .catalog-listing .listing-category .item {background: #fbfaf8; border: 1px solid #edece0; width: 18%; margin-right: 1.5%;} .catalog-listing .listing-category .item:nth(4n) {margin-right: 1.5%;} .catalog-listing .listing-category .item:nth(5n) {margin-right: 0;} .catalog-listing .listing-category .item .thumbwrap {padding: 10px} .catalog-single .thumbwrap {width: 40%; position: relative; margin-right: 0} /* centrwanie miniatury w pionie * ======================================================== .catalog-listing .thumbwrap {background: #feffd2; width: 200px; height: 200px; line-height: 200px; text-align: center; vertical-align: middle; float: left; border:1px solid #eff2be; margin: 0 25px 0 0;} .catalog-listing .thumbwrap a {width: 100%; height: 100%; line-height: 200px; display: block; text-align: center; vertical-align: middle;} .catalog-listing .thumbwrap img {vertical-align: middle; margin: auto;} .catalog-listing span.noimage {display: block; text-align: center; line-height: 200px;} */ .right-product {float: left; width: 58%; margin-left: 2%} .fdesc {padding-top: 20px} .price {font-size: 18px; text-transform: none;} .catalog-listing .price {text-align: center; font-size: 15px; padding: 0} .pnavlist, .ppnavlist {float:right;} #photos {width: 100%;} #photos .item {display: block; float: left; width: 32%; margin: 0 2% 0 0; position: relative; overflow: hidden;} #photos .item:nth-child(3n) {margin-right: 0;} #photos .item a {} #photos .item img {margin: auto; cursor: pointer; max-width: 100%} #photos .item.active a {cursor: default} #photos .item.active img {opacity: 0.7} /*// tab catalog */ .tabs {clear:both;margin-top: -1px;min-height: 100px;padding: 10px 0;width: 680px;overflow: hidden;behavior: url('PIE/PIE.htc');} .tabs-item { background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f4e5db 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4e5db));background: -webkit-linear-gradient(top, #ffffff 0%,#f4e5db 100%);background: -o-linear-gradient(top, #ffffff 0%,#f4e5db 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f4e5db 100%);background: linear-gradient(to bottom, #ffffff 0%,#f4e5db 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4e5db',GradientType=0 ); padding: 30px 20px;border: 1px solid #e5e5e5;} .tabs-item li {margin-bottom: 8px;} .tabs {overflow: hidden; position: relative; z-index: 2; padding-top: 15px;} .tabs .tabs-listing {padding: 15px 0 0 0; margin: 0; position: relative; z-index: 99; overflow: hidden; margin-bottom: -1px;} .tabs .tabs-listing li {position: relative; top: 1px; float: left; border: 1px solid #e5e5e5; list-style: none outside none; margin: 0 2px 0 0; margin-bottom: -1px; z-index: 101; position: relative; margin-right: 8px;} .tabs .tabs-listing a {text-decoration: none; padding: 8px 15px 8px; margin: 0; border: 0; display: block; color: #595959; font: bold 12px/16px Arial, Helvetica, sans-serif;} .tabs .tabs-listing li.ui-tabs-active {background: #fff; color: #000; border-bottom: 0 none; border-top: 2px solid #ae9c93} .tabs .tabs-listing li.ui-tabs-active a {color: #876657} .tabs .ui-tabs .ui-tabs-panel { padding: 10px 0; display: block; border-width: 0; background: none; } .tabs .ui-tabs .ui-tabs-hide { display: none !important;} /* home-box * ============================================ */ #home-box h2 {font-size: 19px; line-height: 1.3;} #home-box .button {background-color: #ed5a48; color: #fff; border-radius: 3px; font-size: 14px;} #home-box .button:hover {background-color: #cb4d3e} #home-box .box-text img {max-height: 200px;} #social-media {float: right; color: #7d7d7d; margin-top: 10px; margin-right: 20px;} #social-media p {line-height: 32px;} #social-media .box a {width: 29px; height: 29px; float: right; display: block; margin: 2px 5px; border-radius: 3px; text-indent: -62px; overflow: hidden} #social-media .box .facebook {background: url("../images/social.jpg") no-repeat; background-color: #4c70c9;} #social-media .box .twitter {background: url("../images/social.jpg") no-repeat -34px 0; background-color: #ed5a48;} #form-fast-wrap {background-color: #f7f6f6; padding: 20px 18px; border: 1px solid #e5e3e3; border-radius: 4px; } #form-fast-wrap input[type=text] {padding-top: 10px; padding-bottom: 10px; height: 42px; line-height: 42px;} #form-fast-wrap input[type=text],#form-fast-wrap textarea {background-color: #fff; border-radius: 3px;} #form-contact-wrap form input[type="submit"] {float: right;} p ~ .news-container {margin-bottom: 0} .news-container {margin-bottom: 0; clear: both;} .news-container img {margin-right: 30px; margin-bottom: 20px;} .news-container a {padding: 5px 15px 5px 15px; display: inline-block; font-size: 16px; font-weight: bold; text-decoration: none; background-color: #ed5a48; color: #fff; border-radius: 3px; font-size: 14px;} .news-container a:hover {background-color: #e0223b;} #sidebar-column .menu {margin-left: 0;} #sidebar-column .menu li {list-style: none; margin-bottom: 8px;} #sidebar-column .menu li a {background-color: #04ACB0; text-decoration: none; display: block; padding: 5px 6px; border-radius: 3px; color: #fff; font-weight: bold; text-align: center;} #sidebar-column .menu li.current a,#sidebar-column .menu li a:hover {background-color: #333333;} .social-media {display: none;} #nav {margin-top: 5px;} /*.img_eu {margin-top: 5px;}*/ .eu_text {float: right; font-size: 14px;} .news-paging {display: none;} .col-sm-3 {width: 25%; float: left;} .col-sm-3 img {max-width: 220px;} .page-id-6 .col-sm-3 img {max-width: 98%;} /* WCAG*/ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?eucmo6'); src: url('../fonts/icomoon.eot?eucmo6#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?eucmo6') format('truetype'), url('../fonts/icomoon.woff?eucmo6') format('woff'), url('../fonts/icomoon.svg?eucmo6#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="wcag-link-"], [class*=" wcag-link-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body .wcag-icons a {color:#000;font-family: 'icomoon' !important;background:#fff;font-size:28px !important;margin-top:-5px;} body .wcag-icons a:hover {background:#fff;} body .wcag-icons .wcag-link-1::before { content: "\e904"; } body .wcag-icons .wcag-link-2::before { content: "\e903"; } body .wcag-icons .wcag-link-3::before { content: "A-"; } body .wcag-icons .wcag-link-4::before { content: "A+"; } .wcag-icons ul li a[class^="wcag-link-"]:hover, .wcag-icons ul li a[class*=" wcag-link-"]:hover {background:#fff !important;color:#279E24;text-decoration:none;} body.contrast-bw { /*-webkit-filter: grayscale(1);*/ /*filter: grayscale(1);*/ } body.contrast-bw, body.contrast-bw h1,body.contrast-bw h2,body.contrast-bw h3,body.contrast-bw h4,body.contrast-bw h5, body.contrast-bw #main p, body.contrast-bw .row-2, body.contrast-bw .row-2 .col-md-12-modify-1, body.contrast-bw .section-home-contact-data, body.contrast-bw .bg-gray, body.contrast-bw #footer, body.contrast-bw .breadcrumb-wrap, body.contrast-bw .breadcrumb-wrap .breadcrumb, body.contrast-bw .breadcrumb-item.active, body.contrast-bw .content a:not(.btn):not(.button), body.contrast-bw .news-listing .t_main, body.contrast-bw .news-listing .news-date, body.contrast-bw #main #content ul li, body.contrast-bw .sidebar-column .contact-icon ul li, body.contrast-bw .gallery-wrap .item, body.contrast-bw #form-contact-wrap, body.contrast-bw .form-control::placeholder, body.contrast-bw .fa-3x, body.contrast-bw .my-3, body.contrast-bw .form-control, body.contrast-bw span, body.contrast-bw td, body.contrast-bw strong, body.contrast-bw .content ol > li, body.contrast-bw .form-wrap input, body.contrast-bw .form-wrap textarea, body.contrast-bw .form-wrap select, body.contrast-bw #top-section .titlewrap::after {background:#fff !important; color:#000 !important;} body.contrast-bw .btn {background:#000 !important; color:#fff !important;} body.contrast-bw a {color:#000 !important;} body.contrast-bw .form-control, body.contrast-bw .form-wrap input, body.contrast-bw .form-wrap textarea, body.contrast-bw .form-wrap select {border: 1px solid #000;} body.contrast-bw .news-listing .item, body.contrast-bw .news-listing .t_main, body.contrast-bw .breadcrumb-wrap, body.contrast-bw #main #content ul li, body.contrast-bw .sidebar-column .contact-icon ul li:last-child {border-bottom: 1px solid #000;} body.contrast-bw #footer #footer-foo, body.contrast-bw .sidebar-column .contact-icon ul li {border-top: 1px solid #000;} body.contrast-bw .sidebar-column .contact-icon ul li, body.contrast-bw .kontakt-row-1 .col-md-6-modify-1 {border-right: 1px solid #000;} body.contrast-bw #navbarNav .menu {border-top: 1px solid #fff;} body.contrast-bw .wcag-icons ul li a[class^="wcag-link-"], body.contrast-bw .wcag-icons ul li a[class*=" wcag-link-"] {background:#fff !important;color:#000;} body.contrast-bw .wcag-icons ul li a[class^="wcag-link-"]:hover, body.contrast-bw .wcag-icons ul li a[class*=" wcag-link-"]:hover {background:#fff !important;color:#222;} /*addons*/ body.contrast-bw #langs li.active span, body.contrast-bw #langs li a:hover {background:#000 !important;color:#fff !important;} body.contrast-bw #langs li span, body.contrast-bw #langs li a {background:#fff !important;color:#000;} body.contrast-bw #main, body.contrast-bw #main .wrap {background:#fff;} body.contrast-bw .footer-up {background:#fff;border-top:solid 1px #000;border-bottom:solid 1px #000;} body.contrast-bw .news-listing .t_main {border:none;} body.contrast-bw #nav .menu {border-top:solid 1px #000;} body.contrast-wb, body.contrast-wb h1,body.contrast-wb h2,body.contrast-wb h3,body.contrast-wb h4,body.contrast-wb h5, body.contrast-wb #main p, body.contrast-wb .row-2, body.contrast-wb .row-2 .col-md-12-modify-1, body.contrast-wb .section-home-contact-data, body.contrast-wb .bg-gray, body.contrast-wb #footer, body.contrast-wb .breadcrumb-wrap, body.contrast-wb .breadcrumb-wrap .breadcrumb, body.contrast-wb .breadcrumb-item.active, body.contrast-wb .content a:not(.btn):not(.button), body.contrast-wb .news-listing .t_main, body.contrast-wb .news-listing .news-date, body.contrast-wb #main #content ul li, body.contrast-wb .sidebar-column .contact-icon ul li, body.contrast-wb .gallery-wrap .item, body.contrast-wb #form-contact-wrap, body.contrast-wb .form-control::placeholder, body.contrast-wb .fa-3x, body.contrast-wb .my-3, body.contrast-wb .form-control, body.contrast-wb span, body.contrast-wb td, body.contrast-wb strong, body.contrast-wb .content ol > li, body.contrast-wb .form-wrap input, body.contrast-wb .form-wrap textarea, body.contrast-wb .form-wrap select, body.contrast-wb #top-section .titlewrap::after {background:#000 !important; color:#fff !important;} body.contrast-wb .btn {background:#fff !important; color:#000 !important;} body.contrast-wb a {color:#fff !important;} body.contrast-wb .form-control, body.contrast-wb .form-wrap input, body.contrast-wb .form-wrap textarea, body.contrast-wb .form-wrap select {border: 1px solid #fff;} body.contrast-wb .news-listing .item, body.contrast-wb .news-listing .t_main, body.contrast-wb .breadcrumb-wrap, body.contrast-wb #main #content ul li, body.contrast-wb .sidebar-column .contact-icon ul li:last-child {border-bottom: 1px solid #fff;} body.contrast-wb #footer #footer-foo, body.contrast-wb .sidebar-column .contact-icon ul li {border-top: 1px solid #fff;} body.contrast-wb .sidebar-column .contact-icon ul li, body.contrast-wb .kontakt-row-1 .col-md-6-modify-1 {border-right: 1px solid #fff;} body.contrast-wb #navbarNav .menu {border-top: 1px solid #000;} body.contrast-wb .wcag-icons ul li a[class^="wcag-link-"], body.contrast-wb .wcag-icons ul li a[class*=" wcag-link-"] {background:#000 !important;color:#fff;} body.contrast-wb .wcag-icons ul li a[class^="wcag-link-"]:hover, body.contrast-wb .wcag-icons ul li a[class*=" wcag-link-"]:hover {background:#000 !important;color:#ccc;} /*addons*/ body.contrast-wb #langs li.active span, body.contrast-wb #langs li a:hover {background:#fff !important;color:#000 !important;} body.contrast-wb #langs li span, body.contrast-wb #langs li a {background:#000 !important;color:#fff;} body.contrast-wb #main, body.contrast-wb #main .wrap {background:#000;} body.contrast-wb .footer-up {background:#000;border-top:solid 1px #fff;border-bottom:solid 1px #fff;} body.contrast-wb .news-listing .t_main {border:none;} body.contrast-wb #nav .menu ul {background:#000;color:#fff;} body.contrast-wb #nav .menu {border-top:solid 1px #fff;} body.contrast-by, body.contrast-by h1,body.contrast-by h2,body.contrast-by h3,body.contrast-by h4,body.contrast-by h5, body.contrast-by #main p, body.contrast-by .row-2, body.contrast-by .row-2 .col-md-12-modify-1, body.contrast-by .section-home-contact-data, body.contrast-by .bg-gray, body.contrast-by #footer, body.contrast-by .breadcrumb-wrap, body.contrast-by .breadcrumb-wrap .breadcrumb, body.contrast-by .breadcrumb-item.active, body.contrast-by .content a:not(.btn):not(.button), body.contrast-by .news-listing .t_main, body.contrast-by .news-listing .news-date, body.contrast-by #main #content ul li, body.contrast-by .sidebar-column .contact-icon ul li, body.contrast-by .gallery-wrap .item, body.contrast-by #form-contact-wrap, body.contrast-by .form-control::placeholder, body.contrast-by .fa-3x, body.contrast-by .my-3, body.contrast-by .form-control, body.contrast-by span, body.contrast-by td, body.contrast-by strong, body.contrast-by .content ol > li, body.contrast-by .form-wrap input, body.contrast-by .form-wrap textarea, body.contrast-by .form-wrap select, body.contrast-by #top-section .titlewrap::after {background:#ffc107 !important; color:#000 !important;} body.contrast-by .btn {background:#000 !important; color:#ffc107 !important;} body.contrast-by a {color:#000 !important;} body.contrast-by .form-control, body.contrast-by .form-wrap input, body.contrast-by .form-wrap textarea, body.contrast-by .form-wrap select {border: 1px solid #000;} body.contrast-by .news-listing .item, body.contrast-by .news-listing .t_main, body.contrast-by .breadcrumb-wrap, body.contrast-by #main #content ul li, body.contrast-by .sidebar-column .contact-icon ul li:last-child {border-bottom: 1px solid #000;} body.contrast-by #footer #footer-foo, body.contrast-by .sidebar-column .contact-icon ul li {border-top: 1px solid #000;} body.contrast-by .sidebar-column .contact-icon ul li, body.contrast-by .kontakt-row-1 .col-md-6-modify-1 {border-right: 1px solid #000;} body.contrast-by #navbarNav .menu {border-top: 1px solid #ffc107;} body.contrast-by .wcag-icons ul li a[class^="wcag-link-"], body.contrast-by .wcag-icons ul li a[class*=" wcag-link-"] {background:#ffc107 !important;color:#000;} body.contrast-by .wcag-icons ul li a[class^="wcag-link-"]:hover, body.contrast-by .wcag-icons ul li a[class*=" wcag-link-"]:hover {background:#ffc107 !important;color:#000;} /*addons*/ body.contrast-by #langs li.active span, body.contrast-bw #langs li a:hover {background:#000 !important;color:#ffc107 !important;} body.contrast-by #langs li span, body.contrast-by #langs li a {background:#ffc107 !important;color:#000;} body.contrast-by #main, body.contrast-by #main .wrap {background:#ffc107;} body.contrast-by .footer-up {background:#ffc107;border-top:solid 1px #000;border-bottom:solid 1px #000;} body.contrast-by .news-listing .t_main {border:none;} body.contrast-by #nav .menu ul {background:#ffc107;color:#000;} body.contrast-by #nav .menu {border-top:solid 1px #000;} body.contrast-yb, body.contrast-yb h1,body.contrast-yb h2,body.contrast-yb h3,body.contrast-yb h4,body.contrast-yb h5, body.contrast-yb #main p, body.contrast-yb .row-2, body.contrast-yb .row-2 .col-md-12-modify-1, body.contrast-yb .section-home-contact-data, body.contrast-yb .bg-gray, body.contrast-yb #footer, body.contrast-yb .breadcrumb-wrap, body.contrast-yb .breadcrumb-wrap .breadcrumb, body.contrast-yb .breadcrumb-item.active, body.contrast-yb .content a:not(.btn):not(.button), body.contrast-yb .news-listing .t_main, body.contrast-yb .news-listing .news-date, body.contrast-yb #main #content ul li, body.contrast-yb .sidebar-column .contact-icon ul li, body.contrast-yb .gallery-wrap .item, body.contrast-yb #form-contact-wrap, body.contrast-yb .form-control::placeholder, body.contrast-yb .fa-3x, body.contrast-yb .my-3, body.contrast-yb .form-control, body.contrast-yb span, body.contrast-yb td, body.contrast-yb strong, body.contrast-yb .content ol > li, body.contrast-yb .form-wrap input, body.contrast-yb .form-wrap textarea, body.contrast-yb .form-wrap select, body.contrast-yb #top-section .titlewrap::after {background:#000 !important; color:#ffc107 !important;} body.contrast-yb .btn {background:#ffc107 !important; color:#000 !important;} body.contrast-yb a {color:#ffc107 !important;} body.contrast-yb .form-control, body.contrast-yb .form-wrap input, body.contrast-yb .form-wrap textarea, body.contrast-yb .form-wrap select {border: 1px solid #ffc107;} body.contrast-yb .news-listing .item, body.contrast-yb .news-listing .t_main, body.contrast-yb .breadcrumb-wrap, body.contrast-yb #main #content ul li, body.contrast-yb .sidebar-column .contact-icon ul li:last-child {border-bottom: 1px solid #ffc107;} body.contrast-yb #footer #footer-foo, body.contrast-yb .sidebar-column .contact-icon ul li {border-top: 1px solid #ffc107;} body.contrast-yb .sidebar-column .contact-icon ul li, body.contrast-yb .kontakt-row-1 .col-md-6-modify-1 {border-right: 1px solid #ffc107;} body.contrast-yb #navbarNav .menu {border-top: 1px solid #000;} body.contrast-yb .wcag-icons ul li a[class^="wcag-link-"], body.contrast-yb .wcag-icons ul li a[class*=" wcag-link-"] {background:#000 !important;color:#ffc107;} body.contrast-yb .wcag-icons ul li a[class^="wcag-link-"]:hover, body.contrast-yb .wcag-icons ul li a[class*=" wcag-link-"]:hover {background:#000 !important;color:#ffc107;} /*addons*/ body.contrast-yb #langs li.active span, body.contrast-yb #langs li a:hover {background:#ffc107 !important;color:#000 !important;} body.contrast-yb #langs li span, body.contrast-yb #langs li a {background:#000 !important;color:#ffc107;} body.contrast-yb #main, body.contrast-yb #main .wrap {background:#000;} body.contrast-yb .footer-up {background:#000;border-top:solid 1px #ffc107;border-bottom:solid 1px #ffc107;} body.contrast-yb .news-listing .t_main {border:none;} body.contrast-yb #nav .menu ul {background:#000;color:#ffc107;} body.contrast-yb #nav .menu {border-top:solid 1px #ffc107;} body a.underlineX {text-decoration:underline !important;/*border-bottom:solid 1px #000;*/} @media (min-width: 320px) { .wcag-icons {display: block;float: right;padding-top: 13px;position: absolute;z-index: 100;right: 95px;} .wcag-icons ul {list-style: none; float: left;border-right: 1px solid #e5e5e5;} .wcag-icons ul li { display: inline; float: left;margin-right: 18px;} .wcag-icons ul li a {/*padding: 11px 12px;*/ float: left;} .wcag-icons ul li a:hover {} /* .wcag-link-1 {background: url(../images/link.png) no-repeat;} .wcag-icons ul li a.wcag-link-1:hover {background: url(../images/link.png) no-repeat 0px -22px} .wcag-link-2 {background: url(../images/eye.png) no-repeat;} .wcag-icons ul li a.wcag-link-2:hover {background: url(../images/eye.png) no-repeat 0px -22px} .wcag-link-3 {background: url(../images/a-minus.png) no-repeat;} .wcag-icons ul li a.wcag-link-3:hover {background: url(../images/a-minus.png) no-repeat 0px -21px} .wcag-link-4 {background: url(../images/a-plus.png) no-repeat;} .wcag-icons ul li a.wcag-link-4:hover {background: url(../images/a-plus.png) no-repeat 0px -21px} */ } /* mobile * ============================================ */ @media only screen and (min-width: 767px){ #nav {position: static !important; top: 0 !important} #nav .menu {display: block !important;} } @media only screen and (min-width: 1400px){ #home-logo {padding: 20px 2.5%;} } @media only screen and (min-width: 1800px){ #home-logo {padding: 20px 1.5%;} #home-logo .box-item-1 {padding-right: 35px;} #home-logo .box-item-2 {padding-left: 40px} } @media only screen and (max-width: 999px){ .wrap,#main .wrap {width: 768px;} #main iframe {max-width: 100%;} #main img {max-width: 100%; height: auto !important;} #nav a {padding: 10px 10px 10px;} /*#nav .menu > li {margin: 0 2px}*/ #logo img {max-width: 95%} .page-sidebar-column #content {width: 530px;} #sidebar-column {width: 220px; margin-left: 18px} .one-third .box-text {height: auto !important} #slider-content-20 .slides > li, #header-image {height: 572px;} #home-logo .box-item-2 ul li {margin: 0 1px 0 1px;} #home-logo .box-item-2 {padding-left: 6px;} #home-logo .box-item-1 {padding-right: 2px;} #home-logo {padding: 20px 1%;} .eu_text {display: none;} body.contrast-bw .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } body.contrast-bw .navbar-light .navbar-toggler { border-color: #000; } body.contrast-wb .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } body.contrast-wb .navbar-light .navbar-toggler { border-color: #fff; } body.contrast-by .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } body.contrast-by .navbar-light .navbar-toggler { border-color: #000; } body.contrast-yb .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 193, 7, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } body.contrast-yb .navbar-light .navbar-toggler { border-color: #FFC107; } body.contrast-normal .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } body.contrast-normal .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: 767px){ .wrap,#main .wrap {width: 100%;} #main .wrap {width: 92%;} .one-third, .one-half, .one-fourth, #text-97ab, #text-de65, #text-062b, #text-0415 {float: none; margin: 0; width: auto; position: static;} #text-97ab, #text-de65, #text-062b, #text-0415 {height: auto; padding: 20px 0; margin: 0 0 20px} #text-97ab h3, #text-de65 h3, #text-062b h3, #text-0415 h3 {padding: 0 0 0 20px;} #sidebar-column {padding-bottom: 0} .section-wrap {padding-left: 20px; padding-right: 20px} .page-sidebar-column #content, #sidebar-column {width: auto; margin: 0; float: none} #text-bf4d {padding-top: 0} #main {padding: 0 15px 15px 15px; margin: 0} #slider-content-20 .slides > li, #header-image {height: 494px;} #nav {background: transparent; top: 64px; right: 20px; position: fixed; margin: 0; width: 50px; z-index: 50} #nav .menu {background: #ED5A48; display: none; width: 300px; position: absolute; z-index: 60; padding: 0; margin: 0; top: 55px; right: 5px} #nav li {width: 100% !important} #nav .menu li a, #nav .menu ul > li > a {text-align: center; color: #fff; float: none; padding: 12px 0; height: auto; border-radius: 0} #nav .menu li {margin: 0; float: none; border: 0 none !important;} #nav .menu > li:last-child {border: 0 none} #nav .menu ul {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0} #nav .menu ul a {background: #ff7763; color: #fff !important} #nav .menu ul ul a {background: #fd604d; } #nav .menu ul a:hover {background: #d15040 !important;} #nav .menu > li a:before {display: none; visibility: hidden} #nav .menu ul li a::before {display: none;} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {background: #d15040; color: #1a1d1f !important} #top {top: -100px} #logo {margin-left: 20px;padding-top:50px;} #button-mobile-menu {display: block;} #langs {/*top: 20px; right: 75px*/} #footer-box {padding: 30px 30px 10px} #cookies {width: 90%; margin: 0 5%; right: 0; bottom: 30px;} #home-logo .box-item-1 {border-right: none;} .col-sm-3 {width: 50%;} .home .listing .item {width: 100%; margin-left: 0} } @media only screen and (max-width: 480px){ #logo {width: 90%; float: none; padding: 0; margin: 0 auto; display: block; text-align: center} #logo img {padding-left: 0; display: block; padding: 20px 0; display: inline-block;} #logo:after {display: none;} .content img.left, .content img.right {float: none; display: block; margin-left: 0; margin-right: 0} table {width: 100% !important} #slider-content-20 h2 {font-size: 42px;} #slider-content-20 .desc-wrap {padding: 0 2%; margin-top: 26%;} #page-slogan {padding-top: 30px;} #page-slogan h2 {font-size: 42px;} .slider-content-nav {right: 5px} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {margin-top: 20px;} #main {margin-bottom: 0} .slider-content-wrap > .desc-wrap, .slider-content-paging-wrap {display: none !important} .slider-content-wrap {border-bottom: 15px solid #d5d2d2} #langs {top: 0; right: auto; left: 0} #top .top-right {display: none} #footer-box, #footer {margin: 0} #footer .wrap {padding-top: 20px} #footer-foo {padding-bottom: 10px} #copy, #design-by {float: none; text-align: center; margin: 0 auto 5px; padding: 0; display: block;} #design-by strong {display: inline-block} .footer-logo .logo1,.footer-logo .logo2, .footer-logo .logo3 {float: none; text-align: center; margin: 10px auto; display: block; position: static;} .footer-logo h5 {margin-top: 15px;} .img_eu {width: 98%; margin-left: 1%; margin-bottom: 20px;} .col-sm-3 {width: 100%;} #logo img {padding:50px 0 20px} .wcag-icons {right:10px;} } @media only screen and (max-width: 420px){ #nav {top:105px;} }