@import url(normalize.css);
@import url(reset.css);
@import url(flexslider.css);
/*@font-face {
  font-family: 'verb';
  src: url("/fonts/VerbRegular-webfont.eot");
  src: url("/fonts/VerbRegular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/VerbRegular-webfont.woff") format("woff"), url("/fonts/VerbRegular-webfont.ttf") format("truetype"), url("/fonts/VerbRegular-webfont.svg#verb_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'verb';
  src: url("/fonts/VerbBold-webfont.eot");
  src: url("/fonts/VerbBold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/VerbBold-webfont.woff") format("woff"), url("/fonts/VerbBold-webfont.ttf") format("truetype"), url("/fonts/VerbBold-webfont.svg#verb_regularbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'verb';
  src: url("/fonts/VerbSemibold-webfont.eot");
  src: url("/fonts/VerbSemibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/VerbSemibold-webfont.woff") format("woff"), url("/fonts/VerbSemibold-webfont.ttf") format("truetype"), url("/fonts/VerbSemibold-webfont.svg#verb_regularbold") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'verb';
  src: url("/fonts/VerbLight-webfont.eot");
  src: url("/fonts/VerbLight-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/VerbLight-webfont.woff") format("woff"), url("/fonts/VerbLight-webfont.ttf") format("truetype"), url("/fonts/VerbLight-webfont.svg#verb_lightregular") format("svg");
  font-weight: 100;
  font-style: normal; }
*/
body {
    /*font-family: verb;*/
    font-family: 'Roboto', sans-serif;
    color: #2c3e50;
    font-size: 12px;
    line-height: 1.5; }
body a {
    color: #2c3e50; }

.btn {
    color: #fff;
    padding: 18px 25px;
    background: #16a085;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s; }
.btn img {
    margin-right: 7px;
    position: relative;
    top: 3px; }
.btn:hover {
    background: #138a72; }
.btn.gray {
    color: #2c3e50;
    background: #e3e3e3; }
.btn.gray:hover {
    background: #d6d6d6; }

input[type=text], input[type=password], textarea {
    padding: 10px 20px;
    border: 1px solid #e4e4e4; }

.custom-select {
    position: relative;
    float: left;
    z-index: 220; }
.custom-select > a {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    background: #fff; }
.custom-select ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 3px 0 7px;
    display: none; }
.custom-select ul a {
    display: block;
    padding: 2px 15px; }
.custom-select ul a:hover {
    text-decoration: underline; }
.custom-select:hover ul {
    display: block; }
.custom-select i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -1px; }

.custom-checkbox {
    margin-bottom: 10px; }
.custom-checkbox label {
    padding: 2px 0 2px 30px;
    position: relative;
    cursor: pointer;
    display: inline-block; }
.custom-checkbox label a {
    color: #16a085; }
.custom-checkbox label a:hover {
    text-decoration: underline; }
.custom-checkbox label:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #7f8c8d;
    position: absolute;
    left: 0;
    top: 0; }
.custom-checkbox label:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2c3e50;
    position: absolute;
    top: 4px;
    left: 4px;
    display: none; }
.custom-checkbox input {
    display: none; }
.custom-checkbox input:checked + label:after {
    display: block; }

.quantity-changer {
    width: 70px;
    padding: 5px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #d8dfe0; }
.quantity-changer a {
    padding: 0px 6px;
    float: left;
    display: inline-block; }
.quantity-changer input[type=text] {
    width: 21px;
    text-align: center;
    border: none;
    float: left;
    padding: 0;
    padding-top: 2px;
    display: inline-block; }

.icon-title {
    background: #ecf0f1;
    height: 50px;
    color: #2c3e50;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 52px;
    padding-left: 70px;
    position: relative;
    font-weight: normal; }
.icon-title .icon {
    height: 50px;
    width: 50px;
    background: #bdc3c7;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center; }
.icon-title i {
    display: inline-block;
    position: relative; }
.icon-title .icon.cart i {
    width: 16px;
    height: 17px;
    background: url(/img/icon-cart.png);
    top: 3px; }
.icon-title .icon.thumb i {
    width: 22px;
    height: 21px;
    background: url(/img/icon-thumb.png);
    top: 2px; }

.content-wrapper {
    width: 1100px;
    margin: 0 auto; }

.flexslider .content-wrapper {
    height:0;
}

header .logo {
    margin: 35px 0;
    float: left; }
header .cart-section {
    width: 370px;
    float: right;
    margin-top: 20px; }
header .cart-section a:hover {
    text-decoration: underline; }
header .help-links {
    width: 100px;
    float: left;
    text-align: right;
    padding-right: 22px;
    border-right: 1px solid #d4d4d4; }
header .help-links li {
    padding: 5px 0; }
header .help-links li.contact a{
    font-weight: bold;
    color: #16a085;
}
header .account {
    width: 270px;
    float: left;
    padding-left: 25px; }
header .account .login {
    margin-bottom: 10px;
    float: right; }
header .account .login a {
    display: inline-block;
    float: left; }
header .account .login .line {
    background: #e4e4e4;
    height: 11px;
    width: 1px;
    float: left;
    margin: 0 15px;
    position: relative;
    top: 4px; }
header .account .cart {
    float: left;
    position: relative; }
header .account .cart-btn {
    float: left;
    margin-right: 10px;
    background: #16a085;
    color: #fff;
    padding: 8px 11px;
    text-transform: uppercase; }
header .account .cart-btn img {
    margin-right: 7px;
    position: relative;
    top: 3px; }
header .account .cart-btn:hover {
    text-decoration: none;
    background: #1abc9c; }
header .account .cart-items {
    position: absolute;
    top: 40px;
    left: 0;
    background: #1abc9c;
    color: #fff;
    width: 245px;
    z-index: 400;
    padding: 15px 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
header .account .cart-items a {
    color: #fff; }
header .account .cart-items .title {
    text-transform: uppercase;
    float: left; }
header .account .cart-items .close {
    float: right; }
header .account .cart-items ul {
    margin: 10px 0; }
header .account .cart-items li {
    border-bottom: 1px solid #16a085;
    padding: 10px 0;
    overflow: hidden; }
header .account .cart-items li a {
    float: left; }
header .account .cart-items li p {
    float: right; }
header .account .cart-items li:first-child {
    border-top: 1px solid #16a085; }
header .account .cart-items .more {
    float: left;
    text-transform: uppercase; }
header .account .cart-items .price {
    float: right; }
header .account .cart:hover .cart-btn {
    background: #1abc9c; }
header .account .cart:hover .cart-items {
    opacity: 1;
    top: 37px;
    visibility: visible; }
header .account > p {
    padding-top: 10px;
    text-align: right; }
header .search {
    margin-top: 20px;
    position: relative; }
header .search input[type=text] {
    width: 100%; }
header .search input[type=image] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px;
    background: #e4e4e4; }

#main-menu {
    background: #2c3e50;
    height: 50px;
    margin-top: 20px;
    /*margin-bottom: 5px; */}
#main-menu > li {
    float: left;
    position: relative; }
#main-menu > li.special {
    float: right; }
#main-menu > li.special a {
    background: #16a085; }
#main-menu > li > a {
    color: #fff;
    text-transform: uppercase;
    padding: 0px 20px;
    display: inline-block;
    height: 50px;
    line-height: 49px;
    background: #2c3e50;
    position: relative; }
#main-menu > li > a:hover {
    background: #34495e; }
#main-menu > li > a:hover:before {
    content: '';
    background: #991b1e;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
#main-menu .submenu {
    position: absolute;
    top: 56px;
    left: 0;
    background: #34495e;
    z-index: 300;
    width: 1100px;
    border-bottom: 4px solid #991b1e;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.18s;
    -moz-transition: all 0.18s;
    transition: all 0.18s; }
#main-menu .submenu .col {
    float: left;
    width: 15%;
    height: 340px;
    padding: 20px 25px;
    position: relative; }
#main-menu .submenu .col.birds {
    width: 16%; }
#main-menu .submenu .col.terrarium {
    width: 13%; }
#main-menu .submenu .col.light {
    background: #3d566e; }
#main-menu .submenu a {
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    display: inline-block; }
#main-menu .submenu a:hover {
    text-decoration: underline; }
#main-menu .submenu .title, #main-menu .submenu .more {
    color: #16a085;
    text-transform: uppercase;
    font-size: 14px; }
#main-menu .submenu .title {
    padding-bottom: 10px; }
#main-menu .submenu .more {
    position: absolute;
    bottom: 15px;
    left: 25px; }
#main-menu .submenu .col.recommended {
    width: 24%;
    border-left: 1px solid #2c3e50; }
#main-menu .submenu .col.recommended a {
    color: #ffc600;
    font-weight: bold; }
#main-menu li:hover .submenu {
    opacity: 1;
    top: 50px;
    visibility: visible; }
#main-menu .special .promo {
    position: absolute;
    top: 55px;
    right: 0;
    width: 225px;
    z-index: 200;
    background: #1abc9c;
    padding: 13px 17px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.18s;
    -moz-transition: all 0.18s;
    transition: all 0.18s; }
#main-menu .special .promo a {
    color: #fff;
    background: #1abc9c;
    line-height: 1.7; }
#main-menu .special .promo a:hover {
    text-decoration: underline; }
#main-menu .special .promo p {
    text-transform: uppercase;
    padding-bottom: 10px; }
#main-menu .special:hover a {
    background: #1abc9c; }
#main-menu .special:hover a:before {
    display: none; }
#main-menu .special:hover .promo {
    opacity: 1;
    top: 50px;
    visibility: visible; }

.breadcrumbs {
    font-size: 14px;
    padding: 15px 0 20px; }
.breadcrumbs li {
    float: left; }
.breadcrumbs li.divider {
    margin: 0 15px; }
.breadcrumbs li.active {
    color: #991b1e; }
.breadcrumbs li a:hover {
    text-decoration: underline; }

.arr-down, .arr-up {
    width: 8px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: relative; }

.arr-down {
    border-top: 4px solid #2b3239; }

.arr-up {
    border-bottom: 4px solid #fff; }

.product-box {
    float: left;
    width: 275px;
    position: relative;
    height: 401px; }
.product-box .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 142px;
    background: #1a9079;
    background: rgba(2, 119, 96, 0.9);
    opacity:0;
    visibility:hidden;
    text-align: center;
    z-index:1;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: opacity .4s, visibility .4s, -webkit-transform .4s;
    -moz-transition: opacity .4s, visibility .4s, -moz-transform .4s;
    transition: opacity .4s, visibility .4s, transform .4s; }
.product-box .overlay a {
    color: #fff;
    text-transform: uppercase;
    display: block; }
.product-box .overlay .add-to-cart {
    position: relative;
    font-size: 16px;
    font-weight:700;
    line-height: 40px;
    height:40px;
    width: 200px;
    margin:25px auto 10px; }
.product-box .overlay .add-to-cart br {
    display:none; }
.product-box .overlay .add-to-cart:before {
    background:url(/img/bg_add-to-cart-ring_1.png) no-repeat;
    content:'';
    width: 91px;
    height: 91px;
    border-radius: 50%;
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -45px;
    box-sizing: border-box; }
.product-box .overlay .add-to-cart:after {
    background:#16a085;
    content: url(/img/icon-cart-big_2.png);
    width: 79px;
    height: 79px;
    border-radius: 50%;
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -39px;
    box-sizing: border-box;
    padding-top: 24px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s; }
.product-box .overlay .add-to-cart:hover:after {
    background:#2c3e50; }
.product-box .overlay .see-product {
    width:170px;
    height:44px;
    border:2px solid #fff;
    line-height:40px;
    margin:0 auto;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s;
}
.product-box .overlay .see-product:hover {
    text-decoration: none;
    background:#2c3e50; }
.product-box:hover .overlay {
    opacity:1;
    visibility:visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.product-box .thumbnail {
    position: relative;
    background: #fff; 
    height: 259px;
    width: 275px;
}
.product-box .thumbnail span {
    position: absolute;
    bottom: 20px;
    left: 0;
    background: #d2bd32;
    color: #fff;
    padding: 7px 25px;
    text-transform: uppercase; }
.product-box .thumbnail img {
    vertical-align: middle; 
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;		
}
.product-box .info {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 17px 20px;
    height: 142px; }
.product-box:nth-child(odd) .thumbnail {
    background: #fff; }
.product-box h3 {
    height: 36px;
    font-size: 16px;
    line-height: 1.1; 
    overflow: hidden;}
.product-box .info p.desc{
    overflow: hidden;
    height: 36px;
}
.product-box .price {
    color: #16a085;
    font-size: 14px;
    float: left;
    margin-top: 5px; }
.product-box .price strong {
    font-size: 20px; }
.product-box .new-price {
    color: #16a085;
    float: right;
    font-size: 19px;
    font-weight: bold;
    margin-top: 6px; }
.product-box .old-price {
    color: #16a085;
    font-size: 13px;
    text-decoration: line-through;
    float: left;
    margin-top: 11px; }

.footer-wrapper {
    padding: 50px 0;
    background: #1d2a37;
    color: #fff; }
.footer-wrapper a {
    color: #fff; }

footer .title {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px; }
footer .categories {
    width: 770px;
    float: left; }
footer .categories .col {
    float: left;
    margin-left: 70px; }
footer .categories .col.first {
    margin-left: 0; }
footer .categories .col a {
    padding: 1px 0;
    display: block; }
footer .categories h4 {
    color: #1abc9c;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px; }
footer .contact-info {
    border-left: 1px solid #2c3e50;
    padding-left: 70px;
    width: 330px;
    float: right;
    line-height: 1.6; }
footer .contact-info p a {
    color: #1abc9c; }
footer .contact-info .help-title {
    color: #1abc9c;
    text-transform: uppercase;
    padding: 20px 0 10px; }
footer .footer-logo {
    margin: 60px 0 0;
    float: left; }
footer .social {
    float: right;
    margin: 80px 80px 0 0; }
footer .social a {
    margin-right: 6px; }

.copyrights {
    padding: 30px 0;
    background: #0e1720;
    color: #2c3e50;
    text-transform: uppercase; }
.copyrights ul {
    overflow: hidden;
    margin-bottom: 10px; }
.copyrights ul ~ .project {
    margin-top: -10px; }
.copyrights ul li {
    float: left;
    line-height: 1.7;
    margin-right: 20px; }
.copyrights p {
    float: left; }
.copyrights .project {
    float: right; }
.copyrights .project a {
    text-transform: uppercase;
    margin-left: 3px;
    color: #2c3e50;
    position: relative;
    top: 7px; }

.flexslider {
    box-shadow: none;
    border: none;
    border-radius: 0; 
    width: 100%;
    /*height: 383px;*/
}

#slider-wrapper{
    /*wysokosc bannera*/
    /*height: 383px; */
}

#slider-wrapper li {
    position: relative; }
#slider-wrapper li .more {
    position: relative;
    bottom: 100px;
    left: 0;
    background: #16a085;
    padding: 15px 30px;
    font-size: 14px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s; }
#slider-wrapper li .more:hover {
    background: #138a72; }
#slider-wrapper .flex-control-nav {
    bottom: 90px; 
    position: relative;
    width: 1100px;
    height: 0;
    margin: 0 auto;  
}
#slider-wrapper .flex-control-paging li a {
    border-radius: 0;
    box-shadow: none;
    background: #959ea7;
    color: #959ea7;
    height: 15px;
    width: 15px; }
#slider-wrapper .flex-control-paging li a.flex-active {
    background: #2c3e50;
    color: #2c3e50;
}

#main-content-wrapper {
    background: url(/img/bg.png);
    padding-bottom: 50px; }

.offer-box {
    margin-bottom: 40px;
    /*margin-top: 20px;*/ 
}
.offer-box .icon-title i {
    width: 19px;
    height: 19px;
    background: url(/img/icon-star.png);
    top: 2px; }
.offer-box .icon-title .more{
    float: right;
    padding-right:20px;
}
.offer-box .flex-viewport{
    width: 1100px;
}
.offer-box .carousel-flexslider {
    position: relative; }
.offer-box .carousel-flexslider .flex-direction-nav li a {
    position: absolute;
    background: #2c3e50;
    top: 50%;
    margin-top: -22px;
    width: 45px;
    height: 45px;
    opacity: 1;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s; }
.offer-box .carousel-flexslider .flex-direction-nav li a:hover {
    background: #233140; }
.offer-box .carousel-flexslider .flex-direction-nav li a.flex-prev {
    left: -45px; }
.offer-box .carousel-flexslider .flex-direction-nav li a.flex-next {
    right: -45px; }
.offer-box .carousel-flexslider .flex-direction-nav li a:before {
    position: relative;
    top: -6px; }
.offer-box .carousel-flexslider .flex-direction-nav li a.flex-prev:before {
    content: url(/img/arr-prev.png);
    left: 17px; }
.offer-box .carousel-flexslider .flex-direction-nav li a.flex-next:before {
    content: url(/img/arr-next.png);
    right: 17px; }
.offer-box .carousel-flexslider .product-box .info {
    border-left: 0; }
.offer-box .carousel-flexslider .product-box:first-child .info,
.offer-box .carousel-flexslider .product-box:nth-child(4n+1) .info {
    border-left: 1px solid #e5e5e5; }

.news-box {
    width: 525px;
    float: left;
    margin-right: 50px; }
.news-box .icon-title i {
    width: 20px;
    height: 20px;
    background: url(/img/icon-pen.png);
    top: 2px; }
.news-box .news {
    height: 141px;
    background: #fff; }
.news-box .news img {
    float: left;
    vertical-align: middle;
    margin-right: 20px; }
.news-box .news h3 {
    padding: 15px 20px 10px 0;
    color: #16a085; }
.news-box .news p {
    padding-right: 20px; }
.news-box .news p a {
    color: #16a085;
    text-decoration: underline; }
.news-box li {
    background: #fff; }
.news-box ul li a {
    display: block;
    height: 54px;
    line-height: 54px;
    padding-left: 50px;
    overflow: hidden;
    color: #16a085;
    font-weight: bold;
    font-size: 16px;
    background: url(/img/arr-gray.png) 20px center no-repeat; }
.news-box .gray {
    background: #f8f8f8; }
.news-box .more {
    background: #16a085;
    color: #fff;
    display: block;
    text-align: center;
    height: 55px;
    line-height: 55px;
    text-transform: uppercase;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s; }
.news-box .more:hover {
    background: #138a72; }

.features-box {
    width: 525px;
    float: right; }
.features-box img {
    vertical-align: middle; }

.pre-footer {
    padding-bottom: 30px; }
.pre-footer .newsletter {
    padding-top: 30px;
    width: 50%;
    float: left; }
.pre-footer .newsletter .title {
    font-size: 16px;
    padding-bottom: 10px; }
.pre-footer .newsletter input[type=text], .pre-footer .newsletter .custom-checkbox, .pre-footer .newsletter .btn {
    float: left; width: 120px;}
.pre-footer .newsletter .custom-checkbox {
    margin: 0 70px 0 20px; }

div.newsletter div.custom-checkbox label{
    margin-top: 15px;
}
div.newsletter div.newsletter .btn{
    width: 120px;
}
.pre-footer div.newsletter input[name=f_newsletter_email]{
    height: 54px;
    width: 220px;
}

.pre-footer .logos {
    width: 50%;
    float: right;
    margin-top: 20px;
    padding-left: 55px; }
.pre-footer .logos li {
    width: 160px;
    float: left;
    text-align: center;
    height: 60px;
    line-height: 60px; }
.pre-footer .logos li img {
    vertical-align: middle; }

.wide-baner {
    margin-bottom: 30px; }
.wide-baner img {
    vertical-align: middle; }

.sidebar {
    width: 240px;
    float: left; 
    margin-bottom:20px; }
.sidebar .side-menu {
    background: #ecf0f1; }
.sidebar .side-menu > li > a {
    display: block;
    padding: 17px; }
.sidebar .side-menu > li {
    border-top: 1px solid #d8dfe0; }
.sidebar .side-menu > li:first-child {
    border-top: 0; }
.sidebar .side-menu > li.active > a {
    background: #7f8c8d;
    color: #fff; }
.sidebar .side-menu > li.active > ul {
    display: block; }
.sidebar .side-menu > li i {
    left: 10px; }
.sidebar .side-menu > li i.arr-down {
    top: 10px; }
.sidebar .side-menu > li i.arr-up {
    top: -9px; }
.sidebar .side-menu > li > ul {
    display: none; }
.sidebar .side-menu > li > ul li a {
    display: block;
    background: #a2b0b1;
    padding: 17px 30px;
    color: #fff; }
.sidebar .side-menu > li > ul li a:hover {
    background: #94a4a5; }
.sidebar .side-menu > li > ul li.active a {
    background: #34495e;
    position: relative;
    overflow: hidden; }
.sidebar .side-menu > li > ul li.active a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100px;
    background: #991b1e; }

.products-list {
    width: 825px;
    float: right; 
    margin-bottom: 20px; }
.products-list h2 {
    padding: 7px 0 10px;
    font-size: 23px;
    font-weight: normal; }
.products-list .controls {
    height: 48px;
    background: #ecf0f1;
    padding: 5px 20px; }
.products-list .controls .sort {
    float: left; }
.products-list .controls .sort p {
    float: left;
    padding: 10px 15px 0 0; }
.products-list .controls .sort .custom-select {
    width: 160px;
    z-index:2;
    margin-top: 3px; }
.products-list .pagination {
    float: right; }
.products-list .pagination .limit {
    float: left; }
.products-list .pagination .limit p {
    float: left;
    padding: 10px 15px 0 0; }
.products-list .pagination .limit .custom-select {
    width: 50px;
    z-index:2;
    margin-top: 3px; }
.products-list .pagination > ul {
    margin-top: 7px;
    margin-left: 20px;
    float: left; }
.products-list .pagination > ul li {
    float: left;
    position: relative; }
.products-list .pagination > ul li a {
    display: inline-block;
    padding: 3px 7px; }
.products-list .pagination > ul li a:hover {
    text-decoration: underline; }
.products-list .pagination > ul li:before {
    content: '';
    width: 1px;
    height: 13px;
    background: #2b3239;
    position: absolute;
    left: 0;
    top: 5px; }
.products-list .pagination > ul li:first-child:before {
    display: none; }
.products-list .pagination > ul li.active a {
    color: #16a085;
    font-weight: bold;
    padding-top: 4px; }
.products-list .products .product-box:nth-child(3n+2) .info {
    border-left: 0;
    border-right: 0; }
.products-list .products .product-box:last-child .info {
    border-right: 1px solid #e5e5e5; }

.product-page .product-gallery {
    margin-bottom: 150px;
    float: left; }
.product-page .product-gallery .image {
    width: 456px;
    height: 491px;
    float: left;
    margin-right: 25px;
    position: relative;
    border: 1px solid #d8dfe0; }
.product-page .product-gallery .image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;		
    vertical-align: middle; }
.product-page .product-gallery .image p {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    padding-left: 25px;
    background: url(/img/lupa-image.png) left center no-repeat; }
.product-page .product-gallery .thumbnails {
    width: 80px;
    float: left; }
.product-page .product-gallery .thumbnails li {
    border: 1px solid #d8dfe0;
    margin-bottom: 5px; }
.product-page .product-gallery .thumbnails li img {
    vertical-align: middle; }
.product-page .product-descr {
    width: 480px;
    float: right; }
.product-page .product-descr h2 {
    font-size: 19px;
    padding-bottom: 25px; }
.product-page .product-descr .left {
    float: left;
    width: 95px;
    font-size: 12px;
    color: #7f8c8d;
    line-height: 35px; }
.product-page .product-descr .right {
    float: right;
    width: 380px; }
.product-page .product-descr .price {
    font-size: 14px;
    font-weight: bold; }
.product-page .product-descr .price span {
    font-size: 21px;
    color: #16a085;
    padding: 0 3px; 

}
.product-page .product-descr .available {
    line-height: 35px; }
.product-page .product-descr .quantity-changer {
    margin-top: 2px; }
.product-page .product-descr .custom-checkbox {
    margin-top: 9px; }
.product-page .product-descr .actions {
    margin: 10px 0 30px; }
.product-page .product-descr .actions .btn {
    padding: 14px 20px; }
.product-page .product-descr .actions a.ask {
    color: #16a085;
    text-transform: uppercase;
    float: right;
    padding-top: 14px; }
.product-page .product-descr .actions a.ask:hover {
    text-decoration: underline; }
.product-page .product-descr .tabs {
    margin-top:20px;
    clear:both;
}
.product-page .product-descr .tabs > a {
    display: inline-block;
    float: left;
    padding: 12px 20px;
    text-transform: uppercase;
    background: #ecf0f1; }
.product-page .product-descr .tabs > a.active, .product-page .product-descr .tabs > a:hover {
    background: #bdc3c7;
    color: #fff; }
.product-page .product-descr .tabs .text {
    display: none;
    margin-top: 15px;
    line-height: 1.5; }
.product-page .product-descr .tabs .text.active {
    display: block; }
.product-page .product-descr .variant .variant-avail {
    margin-left:30px;
    color: grey;
    font-size: smaller;
}

.product-page .product-descr .variant .warning {
    color: red;
}

.blog-page .blog-entries li {
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #d8dfe0; }
.blog-page .blog-entries li:first-child {
    padding-top: 0; }
.blog-page .blog-entries .thumbnail {
    float: left;
    padding: 1px;
    border: 1px solid #d8dfe0;
    background: #fff;
    margin-right: 20px; }
.blog-page .blog-entries .thumbnail img {
    vertical-align: middle; }
.blog-page .blog-entries h3 {
    font-weight: 500;
    font-size: 19px; }
.blog-page .blog-entries .date {
    padding: 10px 0;
    color: #a9b0b5; }
.blog-page .blog-entries .text {
    color: #000;
    line-height: 1.7; }
.blog-page .blog-entries .btns {
    position: absolute;
    bottom: 30px;
    right: 0; }
.blog-page .pagination {
    text-align: center;
    margin-top: 50px; }
.blog-page .pagination ul {
    display: inline-block; }
.blog-page .pagination li {
    float: left;
    margin-left: 20px; }
.blog-page .pagination li:first-child {
    margin-left: 0; }
.blog-page .pagination li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d8dfe0;
    text-align: center;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    transition: border 0.2s; }
.blog-page .pagination li a:hover {
    border: 1px solid #34495e; }
.blog-page .pagination li.active a {
    background: #34495e;
    position: relative;
    color: #fff; }
.blog-page .pagination li.active a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #991b1e; }

.contact-page .title {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0px 0 10px;
    line-height: 1;
    font-weight: 500; }
.contact-page .contact-form {
    min-height: 500px;
    float: left; }
.contact-page form {
    width: 505px;
    overflow: hidden; }
.contact-page label {
    display: block;
    padding: 15px 0 3px; }
.contact-page textarea {
    width: 100%;
    height: 80px; }
.contact-page .left, .contact-page .right {
    width: 225px; }
.contact-page .left {
    float: left; }
.contact-page .right {
    float: right; }
.contact-page input[type=text] {
    width: 100%; }
.contact-page input[type=submit] {
    float: right;
    margin-top: 15px;
    margin-bottom: 20px; }
.contact-page .contact-info {
    line-height: 1.6; 
    margin-top:20px;
}
.contact-page .team {
    margin-top: 40px; }
.contact-page .team .title {
    padding-bottom: 25px; }
.contact-page .team li {
    float: left;
    width: 25%;
    font-size: 14px;
    margin-bottom: 35px; }
.contact-page .team li img {
    border: 1px solid #d8dfe0;
    float: left;
    margin-right: 25px; }
.contact-page .team li .job {
    color: #991b1e;
    margin-bottom: 10px;
    font-weight: 100; }
.contact-page .team li .name {
    font-weight: 500; }
.contact-page .map-wrapper {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 36px; }
.contact-page #map {
    position: absolute;
    top: 0;
    left: 0;
    height: 487px;
    width: 100%; }

#map .infoBox {
    line-height: 1.7; }
#map .infoBox > img {
    display: none; }
#map .infoBox h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px; }
#map .infoBox .contact-arr {
    position: absolute;
    top: 7px;
    right: -80px;
    width: 80px;
    height: 272px;
    background: url(/img/map-bg.png) no-repeat; }
#map .infoBox a {
    color: #fff; }
#map .infoBox a:hover {
    text-decoration: underline; }
#map .infoBox .phone-numbers {
    margin: 13px 0; }

header.basket-step {
    overflow: hidden;
    padding-top: 50px; }
header.basket-step ul {
    float: left;
    width: 910px; }
header.basket-step li {
    float: left;
    background: #ededed;
    padding: 18px 15px;
    width: 24%;
    position: relative;
    border-left: 1px solid #dbdbdb; }
header.basket-step li.first {
    width: 22%;
    border-left: 0; }
header.basket-step li.second {
    width: 30%; }
header.basket-step li .num {
    font-size: 39px;
    float: left;
    font-weight: bold;
    margin-right: 12px;
    line-height: 1; }
header.basket-step li .title {
    color: #16a085;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 2px; }
header.basket-step li .descr {
    font-size: 10px;
    text-transform: uppercase; }
header.basket-step li.active {
    background: #34495e; }
header.basket-step li.active .descr, header.basket-step li.active .num {
    color: #fff; }
header.basket-step li.active:before {
    content: '';
    height: 4px;
    width: 100%;
    background: #991b1e;
    position: absolute;
    top: 0;
    left: 0; }
header.basket-step h1.logo {
    float: right;
    width: 180px;
    margin: 16px 0 0; }
header.basket-step h1.logo img {
    max-width: 100%; }

#main-content-wrapper.basket-step {
    padding-bottom: 0; }

.basket-step table {
    margin-top: 25px;
    margin-bottom: 40px;
    width: 100%;
    font-size: 14px; }
.basket-step table th {
    text-align: left;
    font-weight: normal;
    padding-bottom: 10px; }
.basket-step table tr {
    border-bottom: 1px solid #dce2e3; }
.basket-step table td {
    padding: 10px 0; }
.basket-step table .image {
    width: 110px; }
.basket-step table .image img {
    border: 1px solid #dce2e3; }
.basket-step table .name {
    width: 600px; }
.basket-step table .name p {
    line-height: 1.5;
    width: 80%; }
.basket-step table .price {
    width: 105px; }
.basket-step table td.price, .basket-step table td.value {
    color: #16a085;
    font-weight: 500; }
.basket-step table span.price-old {
    color: #000;
    font-weight: 400;
    text-decoration: line-through;
    display:block;
    clear:both;
}    
.basket-step table td.quantity {
    font-size: 12px; }
.basket-step table .delete {
    width: 40px; }
.basket-step table td.delete {
    text-align: center;
    font-size: 10px;
    color: #c42125;
    font-weight: bold; }

.basket-step .discount-code {
    float: left;
    width: 315px;
    margin-right: 70px; }
.basket-step .discount-code p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 10px;
    letter-spacing: 1px; }
.basket-step .discount-code input[type=submit] {
    margin-left: 20px;
    padding: 11px 15px; }
.basket-step .delivery-info {
    border: 1px solid #dce2e3;
    padding: 15px 20px;
    background: #fff;
    float: left;
    font-size: 14px; }
.basket-step .delivery-info p {
    padding-left: 45px;
    background: url(/img/icon-car.png) left center no-repeat; }
.basket-step .delivery-info p strong {
    text-transform: uppercase;
    color: #991b1e; }
.basket-step .price-summary {
    float: right;
    width: 230px;
    font-size: 14px; }
.basket-step .price-summary .left {
    width: 140px;
    text-align: right;
    float: left;
    line-height: 1.7; }
.basket-step .price-summary .right {
    width: 90px;
    float: right;
    text-align: right;
    font-weight: 500;
    color: #16a085;
    padding-top: 1px; }
.basket-step .price-summary .right.price {
    color: #991b1e; }

.basket-step .delivery-address {
    float: left; }

.basket-step .btns {
    margin: 40px 0; }
.basket-step .btns .btn {
    padding: 18px 25px;
    float: right; }
.basket-step .btns .back {
    display: inline-block;
    text-transform: uppercase;
    padding-top: 18px; }
.basket-step .btns .back:hover {
    text-decoration: underline; }

.basket-step .features {
    border: 1px solid #ebebeb;
    border-bottom: 0;
    overflow: hidden;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
.basket-step .features li {
    float: left;
    width: 25%;
    padding: 35px 30px 30px;
    border-left: 1px solid #ebebeb; }
.basket-step .features li:first-child {
    border-left: 0;
    padding-left: 50px; }
.basket-step .features li.time p:first-child {
    width: 90px;
    float: left;
    line-height: 1.2;
    padding-top: 3px; }
.basket-step .features li.time .big {
    font-size: 38px;
    line-height: 1.1;
    color: #991b1e;
    text-transform: none; }
.basket-step .features li.loyal p, .basket-step .features li.low-price p {
    line-height: 1.1; }
.basket-step .features li.loyal .big, .basket-step .features li.low-price .big {
    font-size: 23px;
    color: #991b1e;
    line-height: 1; }
.basket-step .features li.gray {
    background: #f7f7f7; }

.delivery-and-payment {
    padding-top: 25px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px; }
.login .error, .register .error, .delivery-and-payment .error {
    width: 100%;
    text-align: center;
    padding: 7px 0;
    color: #991b1e;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #991b1e;
    margin-bottom: 30px; }
.login .info{
    color: #008080;
}    
.delivery-and-payment .title {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0px 0 40px;
    line-height: 1;
    font-weight: 500; }
.delivery-and-payment .payment {
    width: 360px;
    float: left;
    border-right: 1px solid #e0e0e0; }
.delivery-and-payment .payment .custom-checkbox {
    margin-bottom: 20px; }
.delivery-and-payment .payment textarea {
    margin-top: 5px;
    width: 290px;
    height: 145px; }
.delivery-and-payment .delivery {
    width: 670px;
    float: right; }
.delivery-and-payment .couriers {
    border-right: 1px solid #e0e0e0;
    width: 425px;
    float: left; }
.delivery-and-payment .couriers li {
    width: 380px;
    margin-top: 20px; }
.delivery-and-payment .couriers li:first-child {
    margin-top: 0; }
.delivery-and-payment .couriers img {
    float: left;
    margin-right: 15px;
    margin-top: -2px; }
.delivery-and-payment .couriers .custom-checkbox {
    float: left; }
.delivery-and-payment .couriers .price {
    float: right;
    font-weight: bold;
    color: #16a085;
    padding-top: 1px; }
.delivery-and-payment .pickup {
    float: right;
    width: 208px; }
.delivery-and-payment .pickup p {
    padding-bottom: 30px; }

.basket-step .credentials {
    padding-top: 24px; }
.basket-step .credentials .title {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0px 0 40px;
    line-height: 1;
    font-weight: 500; }
.basket-step .credentials .new-client {
    width: 550px;
    float: left;
    border-right: 1px solid #e0e0e0;
    padding-bottom: 80px; }
.basket-step .credentials .new-client .title {
    padding-bottom: 30px; }
.basket-step .credentials .new-client .gray {
    margin-left: 20px; }
.basket-step .credentials .new-client p.why {
    padding: 40px 0 10px; }
.basket-step .credentials .new-client li {
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative;
    max-width: 440px; }
.basket-step .credentials .new-client li:before {
    content: '';
    width: 3px;
    height: 3px;
    background: #991b1e;
    position: absolute;
    top: 7px;
    left: 0; }
.basket-step .credentials .login {
    width: 550px;
    float: right;
    padding-left: 50px; }
.basket-step .credentials .login input[type=text],.basket-step .credentials .login input[type=password] {
    width: 100%;
    margin: 5px 0 15px; }
.basket-step .credentials .login a {
    float: right; }
.basket-step .credentials .login .btn {
    margin-left: 10px; }
.basket-step .credentials .login .pass-remind, .basket-step .credentials .login .relogin {
    padding: 18px 0;
    color: #326bab; }
.basket-step .credentials .login .pass-remind:hover, .basket-step .credentials .login .relogin:hover {
    text-decoration: underline; }

.basket-step .new-address .right, .basket-step .new-address .left {
    width: 300px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px; }
.basket-step .new-address .right input[type=text], .basket-step .new-address .left input[type=text] {
    width: 100%; }

.login-page .credentials {
    padding-bottom: 120px;
    padding-top: 0; }
.login-page .credentials .new-client {
    float: right;
    border-right: 0;
    padding-left: 50px; }
.login-page .credentials .new-client p.why {
    padding-top: 0;
    padding-bottom: 15px; }
.login-page .credentials .new-client .btn {
    margin-top: 10px; }
.login-page .credentials .login {
    float: left;
    border-right: 1px solid #e0e0e0;
    padding-left: 0;
    padding-right: 50px; }

.register-page .credentials {
    padding-bottom: 90px;
    padding-top: 0; }
.register-page .credentials .new-client {
    float: right;
    width: 375px;
    border-right: 0;
    padding-left: 50px; }
.register-page .credentials .new-client p.why {
    padding-top: 0; }
.register-page .credentials .register {
    width: 725px;
    float: left;
    padding-right: 50px;
    border-right: 1px solid #e0e0e0; }
.register-page .credentials .register .left input[type=text], .register-page .credentials .register .left input[type=password], .register-page .credentials .register .right input[type=text], .register-page .credentials .register .right input[type=password] {
    width: 320px;
    margin-top: 3px;
    margin-bottom: 12px; }
.register-page .credentials .register .left {
    width: 50%;
    float: left; }
.register-page .credentials .register .right {
    width: 50%;
    float: right; }
.register-page .credentials .register .gender {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px; }
.register-page .credentials .register .gender p {
    margin-bottom: 12px; }
.register-page .credentials .register .gender .custom-checkbox {
    float: left;
    margin-right: 15px; }
.register-page .credentials .register .birth {
    margin-bottom: 10px;
    float: left; }
.register-page .credentials .register .birth p {
    padding-bottom: 4px; }
.register-page .credentials .register .birth .custom-select {
    margin-right: 10px; }
.register-page .credentials .register .birth .year input[type=text] {
    width: 65px; }
.register-page .credentials .register .custom-select input[type=text] {
    width: 52px;
    padding: 10px; }
.register-page .credentials .register .custom-select ul li a {
    padding: 2px 10px; }
.register-page .credentials .register .btn {
    float: right; }
.register-page .credentials .register .help {
    margin-top: 20px; }

.account-page {
    width: 825px;
    float: right;
    padding-bottom: 200px;
    font-size: 14px; }
.account-page h2 {
    padding: 7px 0 10px;
    font-size: 23px; }
.account-page .left {
    width: 150px;
    float: left; }
.account-page .title {
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0; }
.account-page .info {
    font-weight: bold;
    padding-top: 10px; }
.account-page > a {
    display: inline-block;
    padding: 10px 0; }
.account-page > a:hover {
    text-decoration: underline; }
.account-page table th {
    font-weight: bold; }
.account-page .big-price {
    color: #16a085;
    font-size: 16px;
    font-weight: bold; }
.account-page .notice {
    padding: 30px 0 10px;
    color: red; }

.order-details table {
    margin-top: 0; }
.order-details table .name {
    width: 400px; }
.order-details table .name p {
    width: 90%; }
.order-details table .price {
    width: 70px; }

.modal {
    position: fixed;
    top: 40%;
    left: 50%;
    width: 550px;
    max-height: 700px;
    overflow: auto;
    margin-left: -275px;
    background: url(/img/bg.png);
    padding-bottom: 15px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
    height: auto;
    min-height: 120px;
    z-index: 2000;
    visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
.modal p.title {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background: #16a085; }
.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #24c1a2;
    font-weight: bold; }
.modal .close:hover {
    background: #22b497; }
.modal .modal-content {
    padding: 25px; }

.modal.show {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0; }

.modal.show ~ .modal-overlay {
    opacity: 1;
    visibility: visible; }

.modal.product-contact-form{
    top: 40%;
}
.add-to-basket, .product-contact-form {
    /*height: 350px;*/
    margin-top: -175px; }
.add-to-basket .name, .product-contact-form .name  {
    font-size: 14px;
    padding-bottom: 20px;
    font-weight: 400; } /* krzys bylo 100 */
.add-to-basket .choose, .product-contact-form .choose {
    /*width: 55%;
    float: left;
    border-right: 1px solid #dce2e3; */}
.add-to-basket .choose .custom-checkbox {
    float: left;
    margin-top: 8px;
    margin-right: 50px; }
.add-to-basket .choose p, .product-contact-form  .choose p {
    float: left;
    padding-top: 10px; 
}
.product-contact-form  .choose p {
    clear: both;
}
.add-to-basket .cost , .product-contact-form  .cost {
    margin-left: 50px;
    width: 150px;
    float: left; }
.add-to-basket .cost .left, .product-contact-form .cost .left {
    float: left;
    line-height: 30px; }
.add-to-basket .cost .right, .product-contact-form .cost .right {
    float: right;
    color: #16a085;
    font-weight: bold;
    padding-right: 20px;
    line-height: 32px; }
.add-to-basket .cost .quantity-changer {
    float: right; }
.add-to-basket .btns, .product-contact-form .btns {
    margin-top: 35px; }
.add-to-basket .btns .btn, .product-contact-form .btns .btn {
    float: right; }
.add-to-basket .btns .back, .product-contact-form .btns .back {
    display: inline-block;
    text-transform: uppercase;
    padding-top: 18px; }
.add-to-basket .btns .back:hover, .product-contact-form .btns .back:hover {
    text-decoration: underline; }

/* cms-page */
.cms-page {
    width:825px;
    float:right;
    font-size:13px;
}
.cms-page h2 {
    font-size:19px;
    font-weight:500;
    margin-bottom:10px;
}
.cms-page h3 {
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
    color:#000;
}
.cms-page h4 {
    font-size:16px;
    font-weight:400;
    margin-bottom:10px;
    color:#16a085;
}
.cms-page ol {
    margin:0 0 20px 0;
    color:#000;
}
.cms-page ol li {
    margin:5px 0 5px 20px;
}
.cms-page .wide-baner {
    padding:1px;
    background:#fff;
    border:1px solid #d8dfe0;
}
.cms-page .wide-baner img {
    display:block;
}
.cms-page p {
    margin-bottom:10px;
    color:#000;
}

.modal-content .custom-checkbox span.info{
    display: block;
    font-size:smaller;
}

.modal-content .custom-checkbox span.warning{
    color: red;
}
.product-box span.gray{
    color: #2c3e50;
}

#social_right {
    position:fixed;
    right:0;
    top:410px;
}
#social_right  a,
#social_right span {
    display:block;
    width:64px;
    height:64px;
}
#social_right a {
    height:128px;
    text-decoration:none !important;
}
#social_right .fb-logo img {
    display:block;
    width:64px;
    height:64px;
    background:#2a4888 url(/img/sprite_1.png) no-repeat -113px -114px;
}
#social_right .fb-like {
    background:#5974af url(/img/sprite_1.png) no-repeat -113px -178px;
    text-align:center;
    color:#fff;
    padding-top:40px;
    font-size:13px;
}


/* http://jsfiddle.net/masondesu/haxvL/ */
#social-product div {
    display:inline;
    margin-right:25px;
}
/*#social-product .fb-button {
  float: left;
  clear: left;
  width: 52px;
  position: relative;
  padding: 0 0 20px 0;
}


#social-product .fb-button .fb-like {
  opacity: 0;
        top: -30px;
  width: 60px;
}

.fb-button .fb-overlay {
  width: 32px;
  height: 32px;
  float: left;
  position: relative;
  background: url(/img/karusek_social_fb.png) no-repeat top left;
}
*/

#cookie_alert {
    background:#f4f6fd;
    padding:30px 0;
    font-size:14px;
}
#cookie_alert a {
    text-decoration: underline;
}
#cookie_alert .wrapper {
    padding-right:270px;
    position:relative;
    min-height:40px;
    width: 1100px;
    margin: 0 auto;
}
#cookie_alert p {
    padding:5px 0;
}
#cookie_alert p a {
    display:block;
}
#cookie_alert button {
    font-size:14px;
    position:absolute;
    right:0;
    top:0;
    border:0;
}

@media all and (max-width: 1120px){
    body{
        width: 100%;
        overflow-x: hidden;
    }
    .content-wrapper{
        width: 100%;
    }
    .news-box{
        margin-right: 0px;
    }
    .pre-footer .newsletter .btn,
    .pre-footer div.newsletter input[name=f_newsletter_email],
    .pre-footer .newsletter .custom-checkbox{
        margin: 0;
        float: none;
        width: 100%;
    }
    .pre-footer .newsletter .custom-checkbox{
        margin-bottom: 10px;
    }
    footer .categories{
        width: 65%;
    }
    footer .contact-info{
        padding-left: 1%;
        width: 28%;
    }
    .register-page .credentials .register{
        width: 64%;
        padding-left: 1%;
    }
    .register-page .credentials .new-client{
        padding-left: 0px;
        width: 33%;
    }
    .register-page .credentials .register .left input[type=text],
    .register-page .credentials .register .left input[type=password],
    .register-page .credentials .register .right input[type=text],
    .register-page .credentials .register .right input[type=password]{
        width: 90%
    }
}
@media all and (max-width: 1120px){
    #cookie_alert .wrapper{
        width: 97%;
    }
    .copyrights p{
        margin-left: 1%;
    }
    .copyrights .project{
        margin-right: 1%;
    }
    .copyrights .project a{
        top: 0px;
        display: inline-block;
    }
    #slider-wrapper .flex-control-nav{
        display:none;
    }
    #main-menu {
        height: auto;
    }
    .contact-page,
    .breadcrumbs{
        padding-left: 1%;
        padding-right: 1%;
    }
    .contact-page .map-wrapper{
        width: 49%;
    }
    .contact-page #map{
        width: 99% !important;
    }
    .login-page .credentials{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .basket-step .credentials .login{
        padding-right: 2%;
        width: 48%;
    }
    .login-page .credentials .new-client{
        padding-left: 0px;
        width: 50%;
    }
    .offer-box .carousel-flexslider .flex-viewport .product-box{
        dsadsad: 1px;
    }
    .footer-wrapper{
        padding: 50px 2%;
    }
}
@media all and (max-width: 1090px){
    footer .row{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    #social_right{
        display: none;
    }
    .product-page .product-gallery{
        width: 49%;
        padding-left: 1%;
    }
    .product-page .product-gallery .thumbnails{
        width: 98%;
    }
    .product-page .product-gallery .thumbnails li{
        float: left;
        margin-right: 1%;
        max-width: 78px;
    }
    .product-page .product-gallery .thumbnails li a{
        display: block;
    }
    .product-page .product-descr{
        width: 49%;
        float: left;
    }
    .contact-page .contact-form{
        width: 49%;
    }
    .contact-page form{
        width: 100%;
    }
    .contact-page .left,
    .contact-page .right{
        width: 38%;
        padding: 0 1%;
    }
    .products-list {
        width: 70%;
        float: left;
        margin-left: 1%;
    }
    .cms-page{
        width: 73%;
    }
    .cms-page .wide-baner img{
        width: 100%;
    }
    .cms-page{
        width: 70%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    .contact-page .team li{
        width: 33%;
    }
}
@media all and (max-width: 1070px){
    .features-box,
    .news-box{
        width: 49%;
    }
    #main-menu .special .promo{
        display: none !important;
    }
    .product-box .overlay{
        display: none !important;
    }
}
@media all and (max-width: 990px){
    footer .social{
        float: left;
        margin-left: 0px;
        margin-right: 0px;
    }
    footer .footer-logo{
        display: none;
    }
    .news-box .news{
        padding-left: 10px;
    }
    .news-box .news img{
        display: none;
    }
    .product-page .product-descr{
        width: 49%;
        padding-right: 1%;
    }
    .product-page .product-gallery .image{
        width: 98%;
        max-width: 98%;
        display: block;
        margin: auto;
    }
    .product-page .product-descr .right{
        width: 70%;
    }
    .basket-step .features,
    header.content-wrapper.basket-step ul{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        max-width: 100%;
    }
    .basket-step .features li,
    header.content-wrapper.basket-step ul li{
        float: none;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    header.basket-step li .num{
        height: 100%;
        min-height: 65px;
    }
}
@media all and (max-width: 900px){
    .product-page .product-descr .tabs a{
        float: none;
        display: block;
    }
    header .logo{
        margin: 10px auto;
        float: none;
        display: block;
        text-align: center;
    }
    header .cart-section{
        width: 100%;
        float: none;
        padding: 0;
    }
    header .help-links{
        float:none;
        width: 100%;
        display: table;
        border-right: none;
        background-color: #F0F0F0;
    }
    header .help-links li{
        float: left;
        width: 33.3%;
        text-align: center;
        padding: 10px 0;
    }
    header .account{
        float: none;
        width: 100%;
        padding-left: 0px;
    }
    header .account .login{
        margin-bottom: 0;
        float: none;
    }
    header .account .login a {
        display: block;
        float: left;
        width: 49.9%;
        text-align: center;
        padding: 10px 0;
    }
    header .account .clear{
        background-color: #F0F0F0;
        border-top: 1px solid #fff;
        display: table;
        width: 100%;
        background-color: #F0F0F0;
    }
    header .account .login .line{
        display: none;
    }
    header .account .login:before, header .account .login:after{
        display: none !important;
    }
    header .account .cart{
        width: 49.9%;
    }
    header .account .cart-btn{
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }
    header .account .cart:hover .cart-items{
        display: none !important;
    }
    header .account > p{
        float: left;
        width: 49.9%;
        text-align: center;
    }
}
@media all and (max-width: 870px){
    .contact-page .team li{
        width: 50%;
    }
    .contact-page,
    .breadcrumbs{
        font-size: 14px;
    }
    .contact-page .contact-form{
        width: 98%;
        float: none;
        padding-left: 2%;
    }
    .contact-page .map-wrapper{
        float: none;
        width: 99%;
    }
    .contact-page #map{
        position: relative;
    }
    .contact-page .left,
    .contact-page .right{
        padding: 0;
    }
    .cms-page{
        width: 99%;
        font-size: 14px;
        line-height: 25px;
        float: none;
        max-width: 99%;
        display: block;
    }
    .cms-page p,
    .cms-page p a,
    .cms-page a{
        font-size: 14px;
    }
    .cms-page p{
        max-width: 99%;
        display: block;
    }
    .sidebar{
        width: 100%;
    }
    .sidebar .side-menu{
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }
    .sidebar .side-menu > li{
        width: 100%;
    }
    .sidebar .side-menu > li > a{
        position: relative;
        display: block;
    }
    .sidebar .side-menu > li i {
        left: 96%;
        position: absolute;
        top: 50%;
    }
    .sidebar .side-menu > li i.arr-down{
        top: 50%;
    }
    .products-list{
        float: none;
        width: 98%;
        margin-left: 0;
        margin: auto;
    }
    .products-list .pagination{
        width: 100%;
        font-size: 14px;
        padding: 10px 0px;
        margin-top: 8px;
    }
    .product-box{
        min-height: 401px;
        height: auto;
        min-width: 275px;
        width: 50%;
    }
    .product-box h3{
        font-size: 17px;
        min-height: 36px;
        height: auto;
        margin-bottom: 10px;
    }
    .product-box .info{
        min-height: 142px;
        height: auto;
    }
    .product-box .info p.desc{
        min-height: 36px;
        height: auto;
    }
    .product-box .thumbnail{
        width: 100%;
    }
    .register-page .credentials .new-client,
    .register-page .credentials .register{
        width: 99%;
        padding-left: 1%;
        float: none;
        font-size: 14px;
    }
    .register-page .credentials .new-client{
        margin-top: 50px;   
    }
    .product-box .thumbnail{
        width: 100%;
    }
}
@media all and (max-width: 820px){
    .basket-step .price-summary{
        width: 98%;
        max-width: 98%;
        margin: auto;
        float: none;
    }
    .basket-step .discount-code{
        float: none;
        width: 98%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-width: 98%;
        margin: auto;
        align-items: center;
        -webkit-align-items: center;
    }
    .basket-step .discount-code p{
        margin-right: 2%;
    }
    .basket-step .delivery-info{
        float: none;
        width: 98%;
        max-width: 98%;
        margin: auto;
        margin-top: 10px;
    }
    .basket-step .btns{
        width: 97%;
        margin: auto;
        max-width: 97%;
        margin-bottom: 20px;
    }
    header .basket-step .discount-code input[type=submit],
    header .basket-step .discount-code input[type=text],
    .basket-step .discount-code p{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display:block;
    }
    #main-menu .submenu{
        display: none !important;
    }
    #main-menu > li.special,
    #main-menu > li{
        float: none;
        text-align: center;
        border-bottom: 1px solid #515151;
    }
    #main-menu > li.special{
        border-bottom:none;
    }
    #main-menu > li > a{
        width: 100%;
    }
}
@media all and (max-width: 730px){
    .product-page .product-descr .right{
        text-align: right;
    }
    .product-page .product-descr .quantity-changer{
        float: right;
    }
    .product-page .product-descr .actions{
        width: 100% !important;
    }
    .product-page .product-descr .actions .btn{
        display: block;
        width: 100%;
        border: none;
    }
    .product-page .product-descr .actions a.ask{
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 10px;
        background-color: #bdc3c7;
        padding: 10px;
        color: #fff;
    }
    header .account .cart-items{
        left: -155px;
    }
    header.basket-step li .num{
        float: none;
    }
    .product-page{
        font-size: 14px;
        line-height: 27px;
    }
    .product-page .product-descr,
    .product-page .product-gallery{
        float: none;
        width: 98%;
        max-width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        display: block;
        margin-bottom: 20px;
    }
    .login-page .credentials{
        font-size: 14px;
    }
    .basket-step .credentials .login,
    .login-page .credentials .new-client{
        float: none;
        width: 100%;
    }
    .login-page .credentials .new-client{
        margin-top: 100px;
    }
    #social_right{
        display: none;
    }
    header .account .cart-btn{
        margin-right: 0px;
    }
    #slider-wrapper{
        display: none;
    }
    .news-box .icon-title{
        margin-bottom: 20px;
    }
    .news-box .news{
        min-height: 141px;
        height: auto;
        margin-bottom: 20px;
    }
    .news-box .news img{
        display: block;
    }
    .news-box .news h3{
        font-size: 16px;
    }
    .news-box .news p{
        font-size: 14px;
    }
    .news-box ul li a{
        height: auto;
    }
    .pre-footer .logos{
        padding-left: 0px;
    }
    .pre-footer .newsletter,
    .pre-footer .logos,
    .pre-footer,
    .features-box,
    .news-box{
        width: 100% !important;
        margin: auto;
        float: none !important;
    }
    .pre-footer .newsletter form{
        display: table;
        margin-bottom: 30px;
        width: 100%;
    }
    .pre-footer .logos li{
        width: 32%;
        display: block;
    }
    .features-box{
        margin-top: 20px;
    }
    .features-box img{
        vertical-align: middle;
        width: 100%;
        display: block;
    }
    footer .title{
        padding-bottom: 30px;
        display: block;
        min-width: 291px;
        width: 100%;
        margin: auto;
    }
    footer .categories{
        float: none;
        width: 100%;
        margin: auto;
    }
    footer .contact-info{
        width: 291px;
        margin: 30px auto;
        float: none;
        padding-left: 15px;
    }
    footer .categories .col{
        margin: 20px auto;
        width: 49%;
        min-height: 300px;
    }
    footer .categories .col.first{
        margin-left: auto;
    }
    footer .categories .col a{
        font-size: 14px;
        margin-bottom: 10px;
    }
    footer .footer-logo{
        /*        display: block;
                float: none;
                border: 1px solid;
                margin: 60px auto;*/
    }
    footer .social{
        float: none;
        margin: auto 0;
        width: 291px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    footer .social a{
        display: block;
        margin-right: 0px;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 45px;
        height: 45px;
    }
    footer .row{
        display: table;
        width: 100%;
    }
    footer .contact-info{
        min-width: 291px;
        margin: 30px 0px;
        float: none;
        padding-left: 0px;
        width: 100%;
        border-left: none;
    }
    .copyrights .project,
    .copyrights p{
        float: none;
        display: block;
        text-align: left;
        width: 90%;
        margin: auto;
    }
}
@media all and (max-width: 700px){
    #cookie_alert button{
        position: relative;
        display: block;
    }
    #cookie_alert .wrapper{
        padding-right: 0px;
    }
}
@media all and (max-width: 650px){
    /*    header.basket-step li .title,
        header.basket-step li .descr,*/
    header .basket-step li .num{
        float: none;
        min-height: 10px;
    }
}
@media all and (max-width: 600px){ 

    .basket-step .features{
        display: block;
    }
    .basket-step .features li{
        width: 100%;
    }
    .basket-step .features li:first-child{
        padding-left:35px;
    }
    .product-box{
        width: 100%;
    }
    .pre-footer div.newsletter input[name=f_newsletter_email]{
        display: block;
        width: 100%;
        float: none;
    }
    .pre-footer .newsletter .custom-checkbox{
        display: block;
        width: 50%;
    }
    .pre-footer div.newsletter input[type=submit]{
        float: right;
    }
    .pre-footer .logos li{
        width: 49%;
    }
    .contact-page .team li{
        width: 100%;
    }
    .contact-page .left,
    .contact-page .right{
        float: none;
        width: 100%;
    }
    .contact-page label br{
        display: none;
    }
    .offer-box{
        display: none;
    }
}
@media all and (max-width: 550px){
    .register-page .credentials .register .left,
    .register-page .credentials .register .right{
        float: none;
        width: 100%;
    }
    .register-page .credentials .register .left input[type=text],
    .register-page .credentials .register .left input[type=password],
    .register-page .credentials .register .right input[type=text],
    .register-page .credentials .register .right input[type=password]{
        width: 100%;
    }
    header .basket-step .discount-code{
        display: block;
    }
    header .basket-step .discount-code input[type=submit],
    header .basket-step .discount-code input[type=text]{
        margin-left: 0px;
        display: block;
        width: 100%;
        max-width: 100%
    }
    header .basket-step .discount-code input[type=submit]{
        margin-top: 10px;

    }

}
@media all and (max-width: 480px){
    footer .categories .col{
        float: none;
        width: 100%;
    }
    footer .categories .col li{
        border-bottom: 1px solid #515151;
        padding-top: 10px;
    }
    footer .categories .col a br{
        display: none;
    }
    header.content-wrapper.basket-step ul{
        display: block;
        float:none;
    }
    header.content-wrapper.basket-step ul li{
        -webkit-box-flex: none;
        -moz-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        float: none;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    header.basket-step li p{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    header.basket-step li .num{
        min-height: 1px;
        max-width: 30px;
    }
}
@media all and (max-width: 430px){
    header .logo{
        width: 100%;
    }
    header .logo a{
        display: block;
    }
    header .logo a img{
        display: block;
        margin: auto;
    }
    header .cart-section{
        float:none;
    }
    header .help-links{
        width: 100%;
        float: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    header .help-links li{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }
    header .account .login{
        float: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    header .account .login a{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }
    header .account .cart{
        float: none;
        width:100%;
    }
    header .account > p{
        float: none;
        width: 100%;
    }
    #main-menu > li.special,
    #main-menu > li {
        float: none;
        text-align: center;
        width: 100%;
    }
    #main-menu > li > a{
        width: 100%;
    }
    .products-list .pagination .limit{
        display: none;
    }
    .news-box .news img{
        float: none;
    }
    .pre-footer .logos li{
        width: 100%;
    }
}
@media all and (max-width: 360px){
    header .logo a img{
        width: 91%;
    }
    .sidebar .side-menu > li{
        width: 100%;
    }
    .product-page .product-descr .left,
    .product-page .product-descr .right{
        float: none;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .product-page .product-descr .quantity-changer{
        float: none;
        margin: auto;
    }
    .product-page .product-descr .actions a.ask{
        margin-bottom: 20px;
    }
    footer .footer-logo{
        width: 100%;
    }
}

.price .price-old .tooltip{
  display: none;
  padding: 4px 5px;
  margin-left: 8px;
  width: auto;
  font-weight: bold;
}
.price .price-old:hover .tooltip{
	display:inline; position:absolute; background:#ffffbb; border:1px solid #cccccc; color:#000000;
}

/*popup*/
#newsletter_popup {
  position: fixed;
  top:0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.78);
  opacity: 0;
  z-index:100;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s;
}
#newsletter_popup.popup-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
#newsletter_popup_main {
  position: absolute;
  width: 785px;
  height: 515px;
  background: #ffffff url(../img/bg_newsletter-popup-main.jpg) no-repeat;
  padding: 35px 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  transform: scale(1.1);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.popup-open #newsletter_popup_main {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: .2s;
}
#newsletter_popup_close {
  position: absolute;
  right: 0;
  top: -40px;
  border: 0;
  background: url(../img/bg_newsletter-popup-close.jpg) no-repeat 50% 50%;
  color: #fff;
  width: 30px;
  height: 30px;
}
#newsletter_popup .np-head-1,
#newsletter_popup .np-head-2 {
  font-weight: 400;
  width: 385px;
}
#newsletter_popup .np-head-1 span,
#newsletter_popup .np-head-2 span {
  display: block;
}
#newsletter_popup .np-head-1 > strong,
#newsletter_popup .np-head-2 > strong {
  display: block;
}
#newsletter_popup .np-head-1 {
  padding: 20px;
  background: url(../img/bg_newsletter-popup-head_1.png) no-repeat;
  font-size: 37px;
  color: #313f4f;
  line-height: 1em;
}
#newsletter_popup .np-head-1 > strong {
  font-size: 47px;
  line-height: 1em;
  text-transform: uppercase;
}
#newsletter_popup .np-head-1 span {
  font-size: 20px;
  line-height: 1em;
}
#newsletter_popup .np-head-2 {
  padding: 10px 20px 50px 40px;
  background: url(../img/bg_newsletter-popup-head_2.png) no-repeat 0 100%;
  font-size: 30px;
  color: #16a085;
  line-height: 1em;
}
#newsletter_popup .np-head-2 > strong {
  font-size: 36px;
  line-height: 1em;
}
#newsletter_popup .np-head-2 span {
  font-size: 24px;
  line-height: 1em;
}
#newsletter_popup_form {
  position: absolute;
  bottom: 100px;
  left: 40px;
  right: 40px;
  display: block;
}
#newsletter_popup_form::after {
  clear: both;
  display: block;
  content: '';
}
#newsletter_popup_form .fitem {
  float: left;
}
#newsletter_popup_form .fitem.text {
  width: 70%;
  padding-right: 50px;
}
#newsletter_popup_form .fitem.text input {
  background: none;
  border: 1px solid #313f4f;
  padding: 13px 14px;
  font-size: 18px;
  text-align: center;
  display: block;
  width: 100%;
}
#newsletter_popup_form .fitem.text input.error {
  border-color: #ff0000;
  color: #ff0000;
}
#newsletter_popup_form .fitem.text ::-webkit-input-placeholder {
  color: #313f4f;
  text-overflow: ellipsis;
}
#newsletter_popup_form .fitem.text ::-moz-placeholder {
  color: #313f4f;
  text-overflow: ellipsis;
  opacity: 1;
}
#newsletter_popup_form .fitem.text :-moz-placeholder {
  color: #313f4f;
  text-overflow: ellipsis;
  opacity: 1;
}
#newsletter_popup_form .fitem.text :-ms-input-placeholder {
  color: #313f4f;
  text-overflow: ellipsis;
}
#newsletter_popup_form .fitem.text :-ms-input-placeholder {
  color: #313f4f;
  text-overflow: ellipsis;
}
#newsletter_popup_form .fitem.submit {
  width: 30%;
}
#newsletter_popup_form .fitem.submit input {
  background: #ff0000;
  border: 0;
  padding: 14px;
  font-size: 18px;
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out;
}
#newsletter_popup_form .fitem.submit input:hover {
  background: #ff3333;
}
#newsletter_popup_form .fitem.submit input:active {
  background: #cc0000;
}
#newsletter_popup_thx {
  position: absolute;
  bottom: 100px;
  left: 40px;
  right: 40px;
  display: block;
}
#newsletter_popup_thx::after {
  clear: both;
  display: block;
  content: '';
}
#newsletter_popup_thx p {
  float: left;
  width: 70%;
  padding: 3px 50px 3px 0;
  font-size: 18px;
  line-height: 23px;
}
#newsletter_popup_thx button {
  float: right;
  background: #60a48a;
  border: 0;
  padding: 14px;
  font-size: 18px;
  text-align: center;
  display: block;
  width: 30%;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out;
}
#newsletter_popup_thx button:hover {
  background: #80b7a2;
}
#newsletter_popup_thx button:active {
  background: #4c856f;
}
#newsletter_popup .np-foot {
  position: absolute;
  bottom: 35px;
  left: 40px;
  right: 40px;
  color: #525252;
  font-size: 14px;
}
@media (max-width: 1000px) {
  #newsletter_popup_main {
    width: 600px;
    height: 460px;
    padding: 20px;
    background-position: -70px 0;
  }
  #newsletter_popup_main .np-foot {
    font-size: 13px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  #newsletter_popup_form {
    left: 20px;
    right: 20px;
    bottom: 70px;
  }
  #newsletter_popup_form .fitem.text {
    padding-right: 10px;
  }
  #newsletter_popup_form .fitem.submit {
    padding-left: 10px;
  }
}
@media (max-width: 700px) {
  #newsletter_popup {
    padding: 60px 20px 0 20px;
    overflow-x: auto;
  }
  #newsletter_popup_main {
    width: auto;
    height: auto;
    position: static;
    background: #fff;
    margin-bottom: 20px;
  }
  #newsletter_popup_main .np-head-1,
  #newsletter_popup_main .np-head-2 {
    background: none;
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
    width: auto;
  }
  #newsletter_popup_main .np-head-1 {
    font-size: 27px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-head-1 > strong {
    font-size: 37px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-head-1 span {
    font-size: 15px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-head-2 {
    font-size: 20px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-head-2 > strong {
    font-size: 26px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-head-2 span {
    font-size: 19px;
    line-height: 1em;
  }
  #newsletter_popup_main .np-foot {
    position: static;
  }
  #newsletter_popup_form {
    position: static;
    margin-bottom: 30px;
  }
  #newsletter_popup_form .fitem {
    float: none;
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 5px;
  }
}
.newsletter-thx {
  background: url(../img/bg_newsletter-thx-pies.png) no-repeat 80% 50%;
}
.newsletter-thx-main {
  width: 50%;
  border-right: 1px solid #e0e0e0;
  padding: 20px 50px 20px 0;
  min-height: 284px;
}
.newsletter-thx-main h2,
.newsletter-thx-main h3 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2em;
  color: #2c3e50;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.newsletter-thx-main h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0 0 30px;
}
.newsletter-thx-main p {
  color: #525252;
  font-size: 14px;
  margin: 0 0 30px;
}
@media (max-width: 1000px) {
  .newsletter-thx {
    background-position: 100% 50%;
  }
}
@media (max-width: 700px) {
  .newsletter-thx {
    background: none;
  }
  .newsletter-thx-main {
    width: auto;
    border: 0;
  }
}

#newsletter_popup #newsletter_error{
	display:none;
	font-size:large;
	font-weight: bold;
	color:red;
}

.index-msg, .category-msg{
}
.index-msg p, .category-msg p{
 	line-height: 1.5em;
 	margin-top:10px;
 	font-size: 14px;
}
.index-msg a, .category-msg a{
    color: #16a085;
    text-decoration: underline;
}