body {font-family: 'Arimo', sans-serif; padding:0; margin:0; background: #e8e8e8;overflow-x: hidden;}
.content-box li a {font-family: 'Arimo', sans-serif;}
a {color: #444468; text-decoration: underline;}
body.web a:hover {text-decoration: none;}	

a.more {display: inline-block; background: url('https://adata.azami.cz/124438/web_templates/4/images/arrow.png') no-repeat center right; padding: 0 24px 0 0;}
body.web a.more:hover {color: #8fbe23; text-decoration: underline;}

.main {width: 100%; margin: auto;}
.header {height:269px;}
body.fixed .header .topic-s { position:fixed; top:0px; left:0px; width:100%;background-color:#fff;     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); z-index:100;} 
body.fixed .header .topic-s .shopping-cart, body.fixed .header .topic-s .search {margin-top:19px;}
body.fixed .header .logo{height:88px; line-height:88px; }
body.fixed .header img {max-height:50px; vertical-align:middle; margin-left:15px; }
body.fixed .header .logo {margin-left:60px;}
body.fixed .header .topic-s-content {height:88px;}

body.fixed .header .menu { position:fixed; top:90px; left:0px; width:100%;background-color:none;  height:0px; z-index:101;} 
body.fixed .header .menu-content > ul, body.fixed .header .menu ul.menu-content-all >li > a > span  {display:none;}
body.fixed .header .menu-content {height:0px; overflow:visible!important;}
body.fixed .header .menu ul.menu-content-all {display:block; float:left;    margin-top: -90px;}
body.fixed .header .menu ul.menu-content-all >li, body.fixed .header .menu ul.menu-content-all >li > a  {border:none; color:#999999;}
body.fixed .header .menu-content > ul > li > a {height:88px; line-height:88px;}
body.fixed.web .header .menu-content > ul > li:hover > a {background:none;}
body.fixed .header .menu-content > ul > li > a:after {content:"";display:inline-block; height:50px; border-right: 1px solid #ddd; margin-top:19px; margin-left:8px;}
body.fixed .menu-content .menu-content-sub{ top:auto; left:auto;position:static}
body.boxed .body-container {max-width: 1220px; margin: auto; width:100%;}
body.full-site .body-container, body.boxed .body-container {background: #fff;}

body.sidebar-right .content-container .content-box {width: 270px; float: right; margin-left: 0;}
body.sidebar-right .content-container.sidebar .content-main {float: left; max-width: 900px;}

body.sidebar-left .content-container .content-box {width: 270px; float: left;}
body.sidebar-left .content-container.sidebar .content-main {float: right; max-width: 875px; margin-left: 25px;}
.packetery-branch-list {display:none;}
p.selected +  .packetery-branch-list {display:block;}
div.packetery-branch-list select {
    background: #fff;
    color: #000;

   
    width: 100%!important;
}
.packetery-branch-list img {height:auto;width:auto; max-height:auto; max-width:100%;}
.packetery-branch-list-choice  {display:none; padding-left:25px;}
.selected .packetery-branch-list-choice {display:block;}
.topic-content, .topic-s-content, .slider-content, .menu-content, .profile-content, .footer-small-content, .footer-big-content, .content-container, .headline-container, .breadcrumbs, .notification li{max-width: 1170px; margin: auto;    display: table; width:100%;}
.menu-content {max-width:100vw;background-color: #444468}
.fixed .menu-content{;background-color:transparent;}
.menu-content-all {display:none;}
.menu-content .menu-main {width:auto!important; margin:auto;float:none!important;text-align:center;}
.home-products-content {max-width: 1193px; margin: auto;width:100%}


.clearfix:after,.topic:after, .topic-s-content:after, .slider-content:after, .menu-content:after, .profile-content:after, .footer-small-content:after, .footer-big-content:after,.product-list:after, .content-container:after,.article-item:after,.product-list-filters:after,.article-item:after,.menu-content-sub:after {content:"";display:table;clear:both;}

.content {padding-bottom: 30px;}


.topic {background: #eeeeee; height: 51px; line-height: 51px; font-size: 13px; }
.topic a {color: #222222; text-decoration: none;}
body.web .topic a:hover {text-decoration: underline;}
.topic ul {margin: 0; padding: 0;}
.topic ul li {float: left; list-style-type: none; margin-right: 18px;}
.topic .socials a {display: block; border-left: solid 1px #fff; width: 43px; font-size: 16px; text-align: center; color: #6c6c6c !important; float: left;}
body.web .topic .socials a:hover {background: blue; color: #fff !important;}
body.web .topic .socials a.ico-facebook:hover {background: #3b5998;}
body.web .topic .socials a.ico-twitter:hover {background: #54abed;}
body.web .topic .socials a.ico-google-plus:hover {background: #d33f2a;}
body.web .topic .socials a.ico-youtube:hover {background: #b31217;}
body.web .topic .socials a.ico-instagram:hover {background: #3f729b;}
body.web .topic .socials a.ico-linkedin:hover {background: #0077b5;}
body.web .topic .socials a.ico-pinterest:hover {background: #bd2126;}


body.web .footer-big-content .contact a.ico-facebook:hover {border-color: #3b5998; color: #3b5998;}
body.web .footer-big-content .contact a.ico-twitter:hover {border-color: #54abed; color: #54abed;}
body.web .footer-big-content .contact a.ico-google-plus:hover {border-color: #d33f2a; color: #d33f2a;}
body.web .footer-big-content .contact a.ico-youtube:hover {border-color: #b31217; color: #b31217;}
body.web .footer-big-content .contact a.ico-instagram:hover {border-color: #3f729b; color: #3f729b;}
body.web .footer-big-content .contact a.ico-linkedin:hover {border-color: #0077b5; color: #0077b5;}
body.web .footer-big-content .contact a.ico-pinterest:hover {border-color: #bd2126; color: #bd2126;}

.topic .socials {border-right: solid 1px #fff; display: block; float: right;}

.topic-s {/*background: #fff;*/ background: url('') center center #ffffff;}
.topic-s-content {/*background: #fff;*/ height: 160px;}
.topic-s .logo {display: block; max-width: 360px; float: left; height: 159px; overflow: hidden; line-height: 160px; text-align: left;}
.topic-s .logo img {max-width: 300px; vertical-align: middle;}
.topic-s .shopping-cart {/*width: 200px;*/ height: 50px; display: block; float: right; margin-top: 52px;}
.topic-s .shopping-cart i {background: #8fbe23; display: block; font-size: 22px; color: #fff; float: left; width: 50px; height: 50px; line-height: 48px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.menu {background-color: #444468; height: 58px;}
.topic-s .shopping-cart strong, .topic-s .shopping-cart span {background: #f1f1f1;}
.topic-s .shopping-cart strong {display: block; float: left; height: 50px; min-width: 90px;line-height: 52px; font-size: 16px; padding-right: 15px; padding-left: 10px; text-align: right; font-family: Ubuntu, sans-serif; color: #222222;}
.topic-s .shopping-cart span {display: block; float: left; height: 50px; text-align: center; width: 43px;}
.topic-s .shopping-cart em {color: #222222; font-style: normal; height: 35px; display: block; border-left: solid 1px #fff; margin-top: 8px; line-height: 36px;}

.topic-s .search {/*width: 585px;*/ float: right; text-align: right; margin: 52px 20px 0 0;}
.topic-s .search .search-container {display: block; background: #fff; float: right; border-bottom: solid 2px #dededf; border-right: 0; /*width: 528px;*/ height: 48px; line-height: 52px;}
.topic-s .search button {background: #6c6c6c; height: 50px; width: 50px; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: block; float: right; color: #fff; font-size:17px; cursor:pointer;}
.topic-s .search input[type="text"] {min-width: 210px; height: 44px; color: #727272; line-height: 37px; font-size: 14px; float: left; padding-left: 16px; margin-top:0; border: solid 2px #dededf; border-right: solid 1px #dededf; border-bottom:0;}
.topic-s .search input[type="text"]:focus {outline:0;}
.topic-s .search .categories {width: 232px; line-height: 45px; font-size: 13px; color: #181818; border: solid 2px #dededf; border-left: 0; border-right:0; height: 46px; display: block; float: right; text-align: left; cursor: pointer; border-bottom:0;}
.topic-s .search .categories i {float: right; margin: 13px 14px 0 0; color: #181818; font-size: 20px;}
.topic-s .search select.categories{position:absolute;}
.topic-s .search .categories .value{padding-left:15px}

.menu-content {position:relative; text-decoration:none; font-size:0px; overflow:hidden; }
.menu-content > ul.menu-content-all > li > a span {white-space: nowrap;}
.menu-content ul { margin:0px; padding:0px; 
    float: left;}
.menu-content li {padding: 0px;margin: 0px;list-style-type: none;;border-top: 1px solid #444468;position:relative}
.menu-main li {display:inline-block;}
.menu-main li li{display:block;}
.menu-content .menu-content-sub {display:none;}
.menu-content .menu-content-sub a { color: #000;}
.menu-content .menu-content-all > li > a::before {content: "";font-family: "FontAwesome";font-size: 21px; font-weight: normal;padding-left:10px;padding-right:10px; position:absolute; margin-left:-40px; }
.menu-content > ul > li > a {color: #FFF; text-decoration: none; font-weight: bold; text-transform: uppercase; display: block; padding: 0px 20px; border-right: 1px solid #2a2a4e; height: 57px; line-height: 57px; font-size: 14px;}
.menu-content .menu-content-all > li > a { padding-left:45px; border-left: 1px solid #2a2a4e;}
body.web .menu-content > ul > li:hover > a, .menu-content .active {background-color:#fff;color:#000;}
.menu-content ul .hover-menu {width: auto;min-width:100%; display:none; position:absolute;top: 57px;left: 0px; background-color: #FFF;z-index: 100;   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);}      
body.web .menu-content ul li:hover .hover-menu, body.web:not(.fixed) .menu-content .menu-content-all li:hover .menu-content-sub, body.fixed .menu-content .menu-content-all.clicked li .menu-content-sub {display:block;}
.menu-content ul .hover-menu li { text-align:left; float:none;}
.menu-content ul .hover-menu li a, .menu-content .menu-content-sub ul.right li a {width:150px; border:none; display: inline-block;color: #000;border: 0px none;padding: 6px 15px; font-size:12px;text-decoration:none; line-height:20px; }
.menu-content ul .hover-menu li a {width:auto;}
.menu-content ul .hover-menu li, .menu-content .menu-content-sub li {border:none;}
.menu-content .menu-content-sub ul.left > li {float:none;}
body.web .menu-content ul .hover-menu li a:hover,body.web .menu-content .menu-content-sub .right li a:hover{text-decoration:underline; color:#8fbe23;}
.menu-content .menu-content-sub {display:none; position:absolute;top: 58px;left: 0px;background-color: #FFF;z-index: 105;padding:0px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); min-height:150px;}
.menu-content .menu-content-sub ul.left li  a {width:218px; border:none; display: block;color: #000;border: 0px none;padding: 10.5px 15px 10.5px 20px; font-size:12px;text-decoration:none; line-height:25px; }
body.web .menu-content .menu-content-sub .left li a:hover,.menu-content .menu-content-sub .left li a.hover{color:#8fbe23; background-color:#F7F7F7; }
.menu-content .menu-content-sub .left {float:left; border-right: 1px solid #DEDEDF; padding-top:5px;}
.menu-content .menu-content-sub .right {float:right; padding:20px; border-left: 1px solid #DEDEDF; position:relative; left:-1px;}
.menu-content .menu-content-sub .right.col-1 {width:180px;}
.menu-content .menu-content-sub .right.col-2 {width:360px;}
.menu-content .menu-content-sub .right.col-3 {width:540px;}
.menu-content ul.category-menu-area {display:none;}
.category-menu-area  li{float:left;}

.menu-content-sub .left > li {position:relative;}
.menu-content-sub .left > li a {text-transform:uppercase; font-size:13px; color:#000000; font-weight:bold;}
.menu-content-sub .left > li a.has-subitems:after {content:"\f0da"; font-family:"FontAwesome"; float:right; font-size:14px;}

.menu-content .menu-main {white-space: nowrap;}
.menu-content .menu-main > li {display: inline-block;}

.slider {margin: 21px 0 46px 0;}
.slider .slider-content {height: 370px;}
.slider .slider-plugin {float: left; width: 100%; max-width: 770px; height: 370px; overflow: hidden;}
.slider .slider-article {float: right; max-width: 370px; height: 370px; overflow: hidden;}
.slider-article p {margin:0;}

.profile {background: url('') repeat-x top center #ffffff /*#F5F5F5*/; margin-bottom:1px;}
.profile-content {height: 355px; overflow: hidden; font-size: 15px; line-height: 28px; color: #000000; padding-top: 63px;}
.profile-content p {margin: 0 0 0 0; padding: 20px 0 9px 0;}
.profile-content h3 {font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 26px; margin: 0 0 10px 0; padding: 0 0 17px 0; line-height: 26px; background: url('https://adata.azami.cz/124438/web_templates/4/images/green-line-50.png') no-repeat bottom left;}

.profile .profile-left {max-width: 705px; float: left; margin-right: 13px; /*padding: 68px 15px 0 40px;*/}
.profile .profile-right {max-width: 350px; float: left; /*padding: 68px 15px 0 25px;*/}
.profile-content td {vertical-align: top;}

ul.list, .profile-content ul {
  padding: 0;
  margin: 22px 0 0 36px;
}
ul.list li, .profile-content ul li {
  list-style-type: none;
  line-height: 36px;
  position: relative;
  font-size: 15px;
}
ul.list li:before, .profile-content ul li:before {
  font-size: 26px;
  position: absolute;
  content: "\f05d";
  font-family: "FontAwesome";
  color: #444468;
  margin: 0 0 0 -34px;

}

.footer-small {background: url('') repeat-x top center #444468; min-height: 115px;}
.footer-small-content { color: #ffffff; font-size: 13px; position:relative;}
.footer-small-content a {color: #ffffff; text-decoration: underline;}
body.web .footer-small-content a:hover {text-decoration: none;}
.footer-small-content .short-footer {color: #fff; padding-top: 41px; padding-bottom: 6px;}
.footer-small-content p {margin: 0; padding: 0; float: left; clear: left;}
.footer-small-content .on-top {position:absolute; bottom:0px; right:0px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 23px; border: solid 1px #6a6a6a;}
.web .footer-article {float:right;margin-right: 60px;margin-top: 41px; max-width:50%}


.footer-big img {max-width:100%;}
.footer-big {background: url('https://adata.azami.cz/124438/web_templates/4/images/bg-big-footer.png') top right;}
.footer-big-content, .footer-big-content .articles, .footer-big-content .info, .footer-big-content .contact {height: 400px;overflow: hidden;}
.footer-big-content h5 {font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 20px; margin: 0 0 20px 0; padding: 0; text-transform: uppercase;}
.footer-big-content .articles {max-width: 600px; float: left; padding: 41px 0 0 0; height: 359px; background: #fff; position:relative;}
.footer-big-content .more-articles {position:absolute; top:0; right:0;}
.footer-big-content .info-menu {width: 220px; float: left; background: #f5f5f5; padding: 40px 20px 0 27px; height: 360px; border-right: solid 1px #e5e5e5;}
.footer-big-content .contact {width: 270px; float: left; background: #f5f5f5; padding: 40px 3px 0 27px; height: 359px; font-size: 13px;overflow: auto;}
.footer-big-content .contact p {margin: 0; padding: 0 0 16px 2px; line-height: 22px;}
.footer-big-content .contact p .fa {color: #8fbe23; margin-right: 15px; float: left;}
.footer-big-content .contact p .fa-map-marker {font-size: 28px; margin-right: 19px; margin-top: -3px;}
.footer-big-content .contact p .fa-phone {font-size: 26px; margin-top: -2px; margin-left: -3px;}
.footer-big-content .contact p .fa-envelope {font-size: 20px; margin-top: 3px; margin-left: -3px;}

.footer-big-content .info-menu ul {margin: 0; padding: 0;}
.footer-big-content .info-menu ul li {list-style-type: none;}
.footer-big-content .info-menu ul a {font-size: 13px; text-decoration: none; line-height: 30px; color: #000000;}
body.web .footer-big-content .info-menu ul a:hover {text-decoration: underline;}
.footer-big-content .social {width: 38px; color: #6c6c6c; height: 38px; border-radius: 20px; border: solid 1px #e9e9eb; display: inline-block; line-height: 40px; text-align: center;}
body.web .footer-big-content .social:hover {color: #fff;}
.ico-home {display: inline-block; float: left; border-left: solid 1px #fff; border-right: solid 1px #fff; width: 43px; font-size: 16px; text-align: center; color: #6c6c6c !important; margin-right: 16px;}

.log-link, .reg-link, .lang-link {float: right;}
.log-link {color: #444468 !important; margin-left: 25px; margin-right: 10px;}
.log-link i {font-size: 16px; margin-right: 7px;}
.reg-link {margin-left: 23px;}
.topic .lang-link {width: 120px; border-right: solid 1px #fff; text-align: right; z-index:1100;}
.topic .lang-link a {padding-right: 15px;}
.topic .lang-link span { text-transform: uppercase; }
.lang-link i {font-size: 17px; margin-left: 10px;}
.topic .lang-link li {float:none; margin-right:0; position:relative;}
.lang-link > li > ul { position: absolute; width: 100%; display:none;}
.lang-link > li > ul > li {float: none; text-align: left; border-top: 1px solid #fff; background: #eeeeee;}
.lang-link > li > ul > li > a {display: block; line-height: 51px; height: 50px; padding: 0 14px; z-index:1100;}
body.web .lang-link > li > ul > li > a:hover {background-color: #f8f8f8; color: #e64d34;}
body.web .lang-link:hover > li > ul {display: block; z-index:105;}




.button-second-color {background: #8fbe23; color: #fff !important; text-align: center; padding: 13px 17px 13px 17px; font-size: 12px; text-decoration: none; text-transform: uppercase; border-radius: 6px;}

.button-first-color {background: #444468; color: #fff !important; text-align: center; padding: 9px 27px 9px 27px; font-size: 12px; text-decoration: none; border-radius: 4px;}
/*width: 270px; height: 420px;*/
/*	.product-list {margin-left:-5px; margin-right:-5px;}
.product-list-item {width: 290px; height: 440px; float: left; margin: 0 5px 0 5px; text-align: center;}

.product-list-item a {text-decoration: none; color: #222222;}
.product-list-item .button-second-color {display: none;}
body.web .product-list-item:hover {
-webkit-box-shadow: 0px 1px 14px -2px rgba(122,122,122,1);
-moz-box-shadow: 0px 1px 14px -2px rgba(122,122,122,1);
box-shadow: 0px 1px 14px -2px rgba(122,122,122,1);
}
body.web .product-list-item:hover .content {border: solid 1px #fff;}
body.web .product-list-item:hover .price,body.web  .product-list-item:hover .price-old {display: none;} 
body.web .product-list-item:hover .button-second-color {display: inline-block;}
body.web .product-list-item:hover h3 {height: 70px;}

.product-list-item .content {width: 268px; height: 418px; border: solid 1px #e9e9eb; margin: 10px auto auto auto;}
.product-list-item .image {width: 268px; height: 243px; display: block; overflow: hidden; background: #fff; text-align: center;}
.product-list-item .image img {max-height: 233px; max-width: 265px; display: block; margin: auto;}
.product-list-item h3 {font-family: 'Arimo Bold', sans-serif; font-size: 14px; line-height: 20px; margin: 13px 0 0 0; padding: 0 10px 0 10px; height: 83px;}
.product-list-item hr {border: 0; margin: 16px auto 0 auto; padding: 0; width: 50px; height: 3px; background: #cecece;}
.product-list-item .price {font-size: 16px; display: inline-block;}
.product-list-item .price-old {font-size: 14px; text-decoration: line-through; color: #a2a2a2; display: inline-block; margin-left: 10px;}
.content-main .product-list { margin: -10px 0 0 -15px;}*/

.article-home-list-item {width: 280px; height: 100px; font-size: 14px; float: left; margin-right: 15px; margin-bottom: 40px;}
.article-home-list-item a {color: #444468; text-decoration: none; line-height: 18px}
.article-home-list-item .image {display: block; float: left; width: 100px; height: 100px; margin-right: 21px; overflow: hidden; max-height: 100px; max-width: 100px;    background-size: cover!important;}
body.web .article-home-list-item a:hover {text-decoration: underline; color: #8fbe23;}
.article-home-list-item .date {font-size: 12px; color: #747474; display: block; margin: 1px 0 10px 0;}

.article-home-more {position:absolute; top:45px; right:32px; font-size:14px; color:#444468; line-height:17px;}
.article-home-more i {color:#c2c2c2; margin-right:10px;}


.topic-s .search .replaced-select {position:absolute;overflow: hidden;}

.content-right, .content-container, .content-left {min-height: 500px;}
.content-container.home {min-height:0px;}
.content-container {font-size: 14px; color: #313131; line-height: 24px;}

.content-box-social {margin-bottom:22px;}
.content-box-social .social {  width: 36px; color: #6c6c6c; height: 36px; border-radius: 20px; border: solid 1px #e9e9eb; display: inline-block; line-height: 38px; text-align: center; margin:0 2.5px 10px 0;}
body.web .content-box-social a.ico-facebook:hover {border-color: #3b5998; color: #3b5998;}
body.web .content-box-social a.ico-twitter:hover {border-color: #54abed; color: #54abed;}
body.web .content-box-social a.ico-google-plus:hover {border-color: #d33f2a; color: #d33f2a;}
body.web .content-box-social a.ico-youtube:hover {border-color: #b31217; color: #b31217;}
body.web .content-box-social a.ico-instagram:hover {border-color: #3f729b; color: #3f729b;}
body.web .content-box-social a.ico-linkedin:hover {border-color: #0077b5; color: #0077b5;}
body.web .content-box-social a.ico-pinterest:hover {border-color: #bd2126; color: #bd2126;}

.content-container h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif; font-weight: 400;}
.content-container h2 {font-size: 26px;}
.content-container h3 {font-size: 22px;}
.content-container h4 {font-size: 18px;}
.content-container h5 {font-size: 16px; font-weight: 700;}
.content-container h6 {font-size: 16px; font-weight: 700;}
.content-source-line {margin: 0 30px 30px 0; border-bottom: solid 1px #e9e9eb;}
.content-source {margin: 0 30px 30px 0;}

.headline {min-height: 88px;

  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(241,241,241,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );
}
.headline-container {text-align: center; color: #666565; font-size: 14px; padding: 0 0 15px 0;}			
.headline-container h1 {margin: 0 0 19px 0; color: #000000; padding: 25px 0 0 0; font-family: 'Ubuntu', sans-serif; font-size: 25px; text-transform: uppercase;}
.headline-container .description {line-height: 24px; width: 90%; margin: auto;}
.headline-container .description p {padding: 0; margin: 0 0 15px 0;}

/*BREADCRUMBS*/
.breadcrumbs {font-size: 12px; line-height: 30px; height: 50px; padding-top: 21px;}
.breadcrumbs a {color: #646363; text-decoration: none; display: inline-block; height: 30px; margin: 0 0 0 0; background: url('https://adata.azami.cz/124438/web_templates/4/images/arrow-nav.png') no-repeat top right; padding: 0 20px 0 9px;}
.breadcrumbs a.last {background: url('https://adata.azami.cz/124438/web_templates/4/images/arrow-last-nav.png') no-repeat top right;}
body.web .breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs ul {margin: 0; padding: 0; background: url('https://adata.azami.cz/124438/web_templates/4/images/bg-nav.png') repeat-x; height: 30px; float: left;}
.breadcrumbs ul li {list-style-type: none; float: left; /*border-top: solid 1px #e9e9eb; border-bottom: solid 1px #e9e9eb;*/ height: 28px; padding: 0;}
.breadcrumbs ul li.home {border-left: solid 1px #e9e9eb; padding-left: 24px;}
.breadcrumbs ul li.home i.fa-home {font-size: 16px; position: absolute; margin: 6px 0 0 -13px; color: #6c6c6c;}

.box {background: #f8f8f8; padding: 20px 20px 17px 20px; border-bottom: solid 1px #e0e0e3;}
.box .submenu {margin: 0px; padding: 0; font-family: }
.box .submenu li {list-style-type: none; line-height: 30px;}
.box .submenu li a {color: #000; font-size: 14px; text-decoration: none; font-weight: 700;}
.box .submenu li ul a {font-weight: 400;}
body.web .box .submenu li a:hover {color: #8fbe23; text-decoration: underline; }
.box .submenu li a.active {color: #8fbe23; text-decoration: underline; font-weight: 700;}
.box h4 {font-size: 18px; font-weight: bold; margin: 0 0 15px 0; padding: 0; text-transform: uppercase;}
.box .submenu ul {margin: 0 0 5px 24px; padding: 0;}
.box .submenu ul li {
  position: relative;
  line-height: 30px !important;

}

.box .submenu ul li:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: -13px;
}

.article-item {font-size: 14px; color: #848484; padding: 0 20px 35px 0; margin-bottom: 30px; background: x; border-bottom: solid 1px #ececef;;}
.article-item .image {display: block; width: 270px; height: 205px; float: left; background: x; margin: 3px 30px 0 0; overflow:hidden;}
.article-item .image img {max-width: 270px;max-height: 205px;}
.article-item h3 {font-size: 26px; font-family: 'Ubuntu', sans-serif; font-weight: 500; margin: 4px 0 18px 0; padding: 0; line-height: 33px;}
.article-item h3, .article-item h3 a {color: #313131; text-decoration: none;}
body.web .article-item h3 a:hover,body.web .article-item .comments a:hover {color: #8fbe23; text-decoration: underline;}
.article-item .description {line-height: 22px;}
.right-side .article-item {padding-right:30px}
.left-side .article-item {padding-left:30px}
.article-item .description p {margin: 0; padding: 0 0 21px 0;}
.article-item .comments {float: right; margin-right: 7px;}
.article-item .comments .fa-comments {font-size: 16px; display: inline-block; margin-right: 5px; color: #848484;}
.article-item .comments a {color:#000; text-decoration:none;}


.article-detail-image {float: left; margin: 0 30px 30px 0;}
.article-detail-title {margin: 0 0 20px 0; padding: 0;}
.article-detail-date {color: #b4b4b4; margin: 0; padding: 0;}
.right-side .article-detail {padding-right:30px;}
.left-side .article-detail {padding-left:30px;}



.notification {height: 75px; line-height: 75px; text-align: center; color: #fff; position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; font-weight: 700; font-size:16px;list-style-type: none;}
.notification.success i,
.notification.error i,
.notification.info i {margin-right: 11px; font-size: 26px; vertical-align:middle; margin-top:-3px;}

.notification.success {background: #16a61e;}
.notification.error {background: #b11010;}
.notification.info {background: #17a8d2;}
.notification .notification-hide {float:right;}
.notification.error .notification-hide {color:#7B0808;}
.notification.success .notification-hide {color:#09770F;}
.notification.info .notification-hide {color:#0D84A7;}


table {font-size:13px; width:100%; line-height:25px;}
table td {padding:10.5px 12px; text-align:center;}
table th {background-color: #444468 /*#16a61e*/; color:#fff; padding:10.5px 12px; text-transform:uppercase; font-weight:bold;}
table tr th:nth-child(2n+2) {background-color: #5d5d81 /*#109617*/;}
table tr th:first-child {text-align:left; border-bottom:0;}
table tr {border-bottom:1px solid #e9e9eb;}
table tr td:first-child {text-align:left;}
table tr td:nth-child(2n+2) {background-color: #f3faf4;}
table.basket-cart tr td:nth-child(2n+2) {background-color: #fff;}

/*
.content-container legend {display:none;}
.content-container form {color:#010101; font-size:13px;}
.content-container fieldset {border:1px solid #dededf; padding:23px;}
.content-container input[type="text"] {border:1px solid #dededf; width:232px; height:40px; color:#010101; font-size:13px; padding: 0 28px;}
.content-container label {display:block; font-size:13px; color:#010101; line-height:22px; margin-bottom:4px;}
.content-container textarea {width:100%; height:174px; border:1px solid #dededf; padding: 20px 28px; box-sizing:border-box;}
.content-container input[type="submit"] {font-size:12.6px; font-weight:bold; color:#fff; border:0; background-color:#16a61e; height:32px; line-height:32px; padding: 0 19px; border-radius:4px;}
body.web .content-container input[type="submit"]:hover {background-color:#108116;}
*/

/* PRODUCT LIST */
.product-list-home h3 {text-align: center; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 25px; text-transform: uppercase; margin-bottom:37px;}
.product-list-home .page-left, .home-products-content .page-right {width: 40px; height: 40px; border: solid 1px #e9e9eb; border-radius: 20px; line-height: 40px; text-align: center;}
.product-list-home .page-left {position: absolute; margin: -5px 0 0 1086px; top:0;}
.product-list-home .page-right {position: absolute; margin: -5px 0 0 1139px; top:0;}
.product-list-home {padding:0 0 37px; position:relative;}
.left-side .product-list {margin-left: 15px;}
.product-list-home {max-width: 1200px; margin: 0 auto;}
.product-list-home .product-list {margin-left: 0; height:434px; overflow:hidden; padding-top:9px;}
.product-list {margin-left: -15px; margin-right: -15px;}
.product-list-item {width: 270px; position: relative; height: 420px; margin-bottom: 30px; float: left; margin-left: 15px; margin-right: 15px; background: #fff;}
.product {margin: 0 auto; width: 268px; height: 418px; position: relative; border: 1px solid #e9e9eb; -webkit-transition: width 0, height .3s, margin 0, box-shadow .3s; /* Safari */ transition: width 0, height .3s, margin 0, box-shadow .3s;}
body.web .product:hover {width: 280px; margin-left: -6px; margin-top: -6px; height: 434px; background-color: #fff; border-color: #e9e9eb; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}
body.web .product:hover .product-image {/*height: 261px;*/ margin-left: 6px; margin-top: 6px;}
body.web .product:hover h3 {/*margin-top: 8px;*/}
body.web .product:hover .product-markers {right: 14px; top: -4px;}
body.web .product:hover .product-button-container {display: block;}
body.web .product:hover .product-prices {display: none;}
.product-image {display: block; height: 243px; width: 268px; text-align: center; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.product-image.no-image {background-color:#fafafa; background-image: url('https://adata.azami.cz/124438/web_templates/4/images/noimage.png');}
.product h3 {font-family: Ubuntu, sans-serif; font-size: 14.3px; font-weight: bold; text-align: center; background: url('https://adata.azami.cz/124438/web_templates/4/images/product-line.png') no-repeat top center; margin-top: 16px; margin-bottom: 0; padding: 16px 25px 0 25px; line-height: 20px; height: 59px; overflow: hidden;}
.product h3 a {color: #222222; text-decoration: none;}
.product-prices {margin-top: 18px; text-align: center;}
.product-price,
.product-priceold {padding: 0 14px; margin: 0;}
.product-price {text-align: right; font-size: 16px; font-weight: bold; }
.product-priceold {color: #a2a2a2; text-decoration: line-through; font-size: 14px;}
.product-markers { position: absolute; top: -10px; right: 8px;}
.product-list .product-markers > span {background-color: #8fbe23; width: 66px; height: 66px; text-transform: uppercase; color: #fff; font-size:11px; display: block; float: right; text-align: center; line-height: 66px; border-radius: 50%; font-weight: bold;margin-left: -3px;}
.product-list .product-markers > span > span{line-height: 17px; display: inline-block;vertical-align: middle;}
.product-list .product-markers .marker-new {background-color: #16a61e;}
.product-list .product-markers .marker-special {background-color: #665cbe;}
.product-list .product-markers .marker-sale {background-color: #2b95d2;}
.product-list .product-markers .marker-discount {background-color: #ba2e17;}
.product-button-container {display: none; text-align: center; margin-top: 11px; -webkit-transition: .3s; transition: .3s;}
.product-button {background-color: #8fbe23; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; padding: 0 16.5px; height: 39px; line-height: 39px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; -webkit-transition: .3s; transition: .3s;}
body.web .product-button:hover {background-color: #75a409;}
.product-list-bottom {}

      .product-list-filters{margin-bottom:35px;}
      .product-list-filters:after{content:"";display:table;clear:both;}
      .filter-select {width:266px; border:2px solid #e9e9eb; height:36px; line-height:36px; font-size:13px; position:relative; text-align:left; float:left; margin-bottom: 15px; margin-right: 30px;}
      .filter-select select{width: 100%;height: 100%;}
      .filter-select i {  position: absolute; top: 9px; right: 12px; color: #000; font-size: 17px;}
      .filter-select .value {  position: absolute; left: 0; top: 0; padding: 0 13px; line-height: 40px; font-size: 13px;}
      .filter-perpage {float:left; height:38px; line-height:38px; font-size:13px;}
      .filter-perpage a {display:inline-block; width:36px; height:36px; line-height:36px; border:2px solid #e9e9eb; text-align:center; text-decoration:none; color:#121212; font-size:13px;}
      body.web .filter-perpage a:hover,
      .filter-perpage a.selected {border-color:#e64d34; background-color:#e64d34; color:#fff;}
      
      .product-list-bottom {position:relative; height:41px;}



/* PAGING */
.paging {text-align:center; margin-top:5px; margin-bottom:36px; position:relative; font-size:13px;}
.right-side .paging {padding-right:30px;}
.content-container .paging form {border:0; padding:0; margin:0 auto; width:300px; }
.page-left, .page-right {width: 39px; height: 39px; border: solid 1px #e9e9eb; border-radius: 50%; line-height: 40px; text-align: center; display: inline-block;color:#222222;}
body.web a.page-left:hover, body.web a.page-right:hover {color:#8fbe23; border-color:#8fbe23;}
span.page-left i, span.page-right i{color:#e9e9eb;}
.paging .page-left {margin-right: 10px;}
.paging .page-right {margin-left: 10px;}
.paging-first, .paging-last {padding: 0 8px;font-weight:bold;text-decoration:none;color:#010101;}
body.web .paging-first:hover, body.web .paging-last:hover {color:#8fbe23;}
.paging input[type="number"].paging-actual {width: 41px; border: 2px solid #e0e0e3; height:30px; line-height:30px; text-align:center; margin:0; padding:0;}
.paging input[type="number"].paging-actual:focus {border-color:#444468; outline: 0;}
.three-dots {padding: 0 10px; font-weight:bold;}

/* PRODUCT DETAIL */
.product-detail .image {width:568px; height:426px; float:left; display:table; border: 1px solid #e9e9eb; position:relative;}
.product-detail .image.no-image {background: url('https://adata.azami.cz/124438/web_templates/4/images/noimage.png') no-repeat center center;}
.product-detail .image .image-centered {padding:0; display:table-cell; vertical-align:middle;}
.product-detail .image img {max-width:558px; max-height:426px;}
.product-detail .image a {display:block; outline:0; border:0; width:100%; text-align: center;}
.product-detail .product-markers {position: absolute;top: -11px;right: 10px;}
.product-detail .product-markers > span {background-color: #8fbe23; width: 81px; height: 81px; text-transform: uppercase; color: #fff; font-size: 14px; display: block; float: right; text-align: center; line-height: 81px; border-radius: 50%; font-weight: 400; margin-left: -6px;}
.product-detail .product-markers > span > span{line-height: 20px; display: inline-block;vertical-align: middle;}
.product-detail .product-markers .marker-new {background-color: #e64d34;}
.product-detail .product-markers .marker-special {background-color: #665cbe;}
.product-detail .product-markers .marker-sale {background-color: #2b95d2;}
.product-detail .product-markers .marker-discount {background-color: #ba2e17; line-height:14.55px;}
.product-detail .product-markers .marker-discount > span {font-size:22px; line-height:22px; display:block; margin-top:21px; margin-bottom:2px;}

.product-info {float:left; width:570px; margin-left: 30px;}
.product-info h1 {font-size:25px; font-weight:bold; margin-top:0; margin-bottom:8px; font-family: Ubuntu, sans-serif; color:#000; line-height:30px;}
.rating {overflow:hidden;}
.stars {width:84px; height:16px; background-color:#e3e3e3; position:relative; float:left; margin-right: 10px;}
.stars-overlay {position:absolute; top:0; left:0; width:84px; height:16px; background: url('https://adata.azami.cz/124438/web_templates/4/images/stars.png') no-repeat 0 0;}
.stars-per {height:100%; background-color:#ffbb17;}
.rating-link {float:left; line-height:17px; color:#000; font-size:13px;}
.in-stock,
.out-stock {display:inline-block; background-color:#16a61e; color:#fff; line-height:32px; height:32px; padding:0 14px 0 14px; font-size:13px; margin: 19px 0 0;}
.in-stock .fa,
.out-stock .fa {margin-right:9px; font-size:16px;}
.in-stock {background-color:#16a61e;}
.out-stock {background-color:#ba2e17;}
.product-info-form {background-color:#f1f1f1; margin-top:13px;}
.product-info form h3 {font-size:13px;margin:0;font-weight:bold; line-height:13px; margin-bottom:10px;}
.product-info-form form {padding: 0 0 22px;}
.product-info-choose {padding: 24px 17.5px 0;}
.product-info-choose legend {display:none;}
.product-info-choose fieldset {border:0; margin:0; padding:0; clear:both;}
.product-info-choose:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.form-input {width:232.5px; float:left; margin-bottom:22px; padding:0 17.5px;}
.form-fullsize {width:500px; float:left; margin-bottom:22px; padding:0 17.5px;}
.form-fullsize .select {width:100%!important;}
.form-input.textarea {width:500px;}
.form-input.textarea textarea {width:100%;}
.form-input label {display:block; font-size:13px; line-height:24px; margin-bottom:20px;}
.product-info-basket {padding: 0 30px;}

.product-detail .price {font-size:13px; width:216px; float:left; margin-top:25px; height:52px; display:table;}
.product-detail .price strong {font-size:26px; line-height:30px; color:#222222;}
.product-detail .oldprice {font-size:16px; color:#a2a2a2; display:inline-block;}
.product-detail .oldprice span {text-decoration: line-through;}
.product-detail .price-vat {text-decoration:underline;}
.price-vertical-center {display:table-cell; vertical-align:middle;}

.product-info-basket:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.product-info-basket .qty {width:72px; height:41px; overflow:hidden; float:right; margin-top:32px; margin-right:17px; box-sizing: border-box;}
.product-info-basket .qty input[type="text"] {width:51px; height:41px; line-height:37px; border:0; text-align:center; border:2px solid #e0e0e3; border-right:1px solid #e0e0e3; float:left; box-sizing: border-box; padding:0;}
.product-info-basket .qty input[type="text"]:focus {outline: 0;}
.qty-up, .qty-down {width:21px; height:21px; text-align:center; line-height:18px; cursor:pointer; float:left; box-sizing: border-box; font-weight:normal;}
.qty-up {border-bottom:1px solid #e0e0e3; background-color:#fff; font-size:18px; border-top:2px solid #e0e0e3; border-right:2px solid #e0e0e3;}
.qty-down {background-color:#fff; border-right:2px solid #e0e0e3; border-bottom:2px solid #e0e0e3; height:20px;}
body.web .qty-up:hover, body.web .qty-down:hover {background-color:#f1f1f1;}

.btn-primary {color:#fff; background-color:#8fbe23; border:0; text-transform: uppercase; font-weight:bold; font-size:13px; display:inline-block; padding: 0 21px; border-radius:4px; height:48px; line-height:48px;}
body.web .btn-primary:hover {background-color:#75a409;}
.btn-primary .fa {font-size:18px; margin-right:13px;}
.line {border:0; border-top:1px solid #dededf; margin:0; clear:both;}
.product-info-basket .btn-primary {margin-top:28px; float:right;}

.product-info-description {font-size:13px; margin-top:39px;}
.product-info ul {margin:36px 0 0 0; padding:0;}
.product-info li {list-style-type:none; font-size:13px; font-weight:bold;}
.product-info li:before {content:"\f152"; font-family:"FontAwesome"; margin:0 12px 0 7px; font-size:14px; color:#444468;}

.product-detail:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}

.product-count {line-height:41px; font-size:13px; margin-right: 30px; float: right;}
/*.right-side .product-count {margin-right:30px;}*/

.tabs {margin-top:50px; margin-bottom:60px; font-size:14px;}
.tabs p {margin: 0 0 26px;}
.tabs-nav {margin:0; padding:0; width:100%; overflow:hidden; background: url('https://adata.azami.cz/124438/web_templates/4/images/tabs-line.png') repeat-x left bottom;}
.tabs-nav li {list-style-type:none; float:left; border-bottom:2px solid #e9e9eb;}
.tabs-nav li a {color:#fff; background-color:#444468; height:38px; font-size:14px; line-height:38px; display:block; padding: 0 18px; text-align:center; margin-right:1px; text-decoration:none; border-right:1px solid #444468; border-left:1px solid #444468; border-top:1px solid #444468;}
.tabs-nav li.active, body.web .tabs-nav li:hover {background-color:#fff;}
.tabs-nav li.active a, body.web .tabs-nav li:hover a {height:40px; background-color:#fff; color:#000; margin-bottom:-2px; border-top:1px solid #e9e9eb; border-right:1px solid #e9e9eb; border-left:1px solid #e9e9eb;}
.tabs-content {/*padding:26px 16px 0 16px;*/}
.tab-pane {display:none;}
.tab-pane:after{content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.tab-pane.active {display:block;}
.tab-pane-left {float:left; width:520px; margin-right:73px;}
.tab-pane-right {float:left; width:545px;}
.tab-image {text-align:center; margin-bottom:40px;}

#tab-description,
#tab-description_extended_2,
#tab-images {padding: 26px 16px 0 16px;}
#tab-related,
#tab-alternatives {padding: 26px 0 0;}

#tab-description table {border-bottom: 1px solid #f1f1f1; width:100%; color:#000; font-size:13px; margin-top:7px;}
#tab-description td {padding:10.5px 12px; text-align:left;}
#tab-description tr {border-bottom:0; line-height:22px;}
#tab-description tr td:first-child {width:164px;}
#tab-description tr td:nth-child(2n+2) {background:inherit;}
#tab-description tr:nth-child(even) {background: #fff;}
#tab-description tr:nth-child(odd) {background: #f1f1f1;}

/* CONTENT FORM */
legend {font-family:Ubuntu, sans-serif; font-size:22px; font-weight:500; margin-bottom:21px;}
fieldset {border:0; padding:0; margin:0;}
select:not(.styled) {width: 100%; border: solid 2px #dededf; font-size: 13px; padding: 4px; min-height: 40px;}
select.styled{ position: relative;  opacity: 0; filter: alpha(opacity=0); z-index: 99; }
form.new_form {color:#010101; font-size:13px; border:1px solid #dededf; padding:21px 23px;}
form.new_form p {margin-top:0;}
.content-container input[type="text"],
.content-container input[type="password"] {border:2px solid #dededf; width:232px; height:40px; color:#010101; font-size:13px; padding: 0 28px;}
.content-container input[type="text"]:focus,
.content-container textarea:focus,
.content-container input[type="password"]:focus {border-color:#444468; outline:0;}
.content-container label, .filter-group-title {display:block; font-size:14px; color:#010101; line-height:22px; margin-bottom:4px;}
.content-container textarea {width:100%; height:174px; border:2px solid #dededf; padding: 9px 28px; box-sizing:border-box; font-size:13px; font-family:"Arimo", sans-serif;}
.content-container input[type="submit"] {font-size:12.6px; font-weight:bold; color:#fff; border:0; background-color:#444468; height:32px; line-height:32px; padding: 0 19px; border-radius:4px;}
body.web .content-container input[type="submit"]:hover {background-color:#2a2a4e;}
.content-container .comment {color:#6c6c6c; margin-left:6px;}
.content-container .input {display:inline-block; position:relative;}
.content-container .input.textarea {display:block;}
.content-container input[type="text"].required,
.content-container input[type="password"].required,
.content-container textarea.required,
.content-container .select {background:#fff url('https://adata.azami.cz/124438/web_templates/4/images/required.png') no-repeat 8px 17px;}
/*.content-container .radio,
.content-container .checkbox {display:block; }*/
.content-container input[type="radio"] + label,
.content-container input[type="checkbox"] + label {display:inline; font-weight:400; position:relative;}
.content-container input[type=checkbox]:not(old) + label,
.content-container input[type=radio]:not(old) + label { display: block; line-height: 14px; font-size:14px; padding-left:25px; margin-top:14px;}
.content-container input[type=radio]:not(old),
.content-container input[type=checkbox]:not(old) {width:14px; margin:0; padding:0; font-size:1em; opacity:0.1; position:absolute; z-index:-4;}
.content-container input[type=radio] + label,
.content-container input[type=checkbox] + label {display: inline; font-weight:400;}
.content-container input[type="radio"]:not(old) + label:before { content:""; position:absolute; top:0; left:0; display:block; width:13px; height:13px; border:1px solid #e0e0e3; border-radius:50%; background:#fff;}
.content-container input[type="radio"]:checked + label:after {position:absolute; top:4px; left:4px; content:""; display:block; width:7px; height:7px; border-radius:50%; background:#444468;}
.content-container input[type="checkbox"]:not(old) + label:before {content:""; display:block; position:absolute; top:0; left:0; width:13px; height:13px; margin:0 11px 2px 0; border:1px solid #e0e0e3; background:#fff; vertical-align:middle;}
.content-container input[type="checkbox"]:checked + label:after {content:"\f00c"; display:block; position:absolute; top:1px; left:2px; font-family:"FontAwesome"; color:#444468; line-height:16px; font-size:16px; margin: -2px 0 0 -2px;}
.content-container input[type="checkbox"]:checked + label:before {display:none;}
.content-container .select {display:inline-block;width: 288px; line-height: 40px; font-size: 13px; color: #000; border: 2px solid #dededf; height:40px; text-align: left; padding:0; cursor: pointer; position:relative;}
.content-container .select select{width:100%; height:100%; padding:0px; margin:0px; border:none;}
.content-container .select i {position:absolute; top:11.5px; right:15px; color:#000; font-size:17px;}
.content-container .select .value {position:absolute; left:0; top:0; padding: 0 28px; line-height:40px; font-size:13px;}
.content-container p {margin:0 0 15px;}
.content-container .failed input[type="text"],
.content-container .failed input[type="password"],
.content-container .failed textarea {border-color:#e64d34;}
.content-container label, .filter-group-title {font-weight:700;}
/*.content-container label.styled-file {background-color:#444468; color: #fff; height: 44px; line-height: 44px; margin: 0; border-radius: 4px; cursor: pointer;}
body.web .content-container label.styled-file:hover {background-color:#2a2a4e;}
.content-container label.styled-file:before {content:"\f15b";  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color:#fff; margin-right:10px; margin-left:22px;}
.content-container label.styled-file input[type="file"] {display:none;}*/

/* FORM PRODUCT-DETAIL */
.radio, .checkbox {margin-bottom:9px;}
.product-detail input[type=checkbox]:not(old) + label,
.product-detail input[type=radio]:not(old) + label{}

.product-detail input[type=radio]:not(old) + label:before,
.product-detail input[type=checkbox]:not(old) + label:before {width:11px; height:11px; top:2px;}
.product-detail input[type=radio]:not(old):checked + label:after {top:5px; left:3px;}
.product-detail input[type=checkbox]:checked + label:after {line-height:11px; font-size:13px; top:4px;}
.product-detail input[type="text"] {width:172px;}

.product-detail .comment {color:#6c6c6c; margin-left:6px;}
.product-detail .select {width: 228px; /*line-height: 40px; font-size: 13px; color: #000; border: 2px solid #dededf; height:40px; text-align: left; padding:0; cursor: pointer; position:relative; background-color:#fff;*/}
/*.product-detail .select select{width:234px; height:100%;}
.product-detail .select i {position:absolute; top:11.5px; right:15px; color:#000; font-size:17px;}
.product-detail .select .value {position:absolute; left:0; top:0; padding: 0 28px; line-height:40px; font-size:13px;}*/

/* AUTOCOMPLETE */
.ui-widget-content {
  border: 2px solid #dededf;
  border-top:0;
  background: #ffffff;
  color: #000000;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
  cursor: default;
  position: absolute;
  z-index: 100;
  padding-top: 3px;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0 16px 0 16px;
  cursor: pointer;
  min-height: 0;
  list-style-type:none;
  font-size:12px;
  line-height:16px;
  margin-bottom:7px;
  text-align:left;
}
body.web .ui-menu .ui-menu-item:hover {
  color:#8fbe23;
}

.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; /*max-width: 500px;*/ max-width: 1170px; margin: 20px auto;}

/* SLIDER */
.slider-plugin ul {margin: 0; padding: 0;}
.bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;}
.bx-wrapper img {max-width: 100%; display: block;width: 100%;height: 100%;}
.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager {text-align: center;	font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #f2f2f2;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	border-radius: 7px;
}
body.web .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #8fbe23;}
.slider-plugin .bx-controls {position: relative; top: -80px;}

.form.basket-login, .dir-lost-password-form {padding: 20px; border: solid 1px #dededf; margin-bottom: 20px;} 
.dir-personal h2, .dir-invoice h2, .dir-delivery h2 {margin: 0 0 15px 0; padding: 0;}
.dir-personal {border: solid 1px #dededf; float: left; width: 325px; padding: 15px; margin-right: 10px; margin-bottom: 15px;}
.dir-invoice {border: solid 1px #dededf; float: left; width: 325px; padding: 15px; margin-right: 10px; margin-bottom: 15px;}
.dir-delivery {border: solid 1px #dededf; float: left; width: 325px; padding: 15px; margin-bottom: 15px;}


/* BASKET */
.basket-steps {text-align:center; margin:17px 0 37px 0; overflow:hidden; height:40px;}
.basket-steps > span {font-size:18px; text-transform:uppercase; color:#000; font-weight:900; font-family: 'Ubuntu', sans-serif; margin: 0 15px;}
.basket-steps > span.active {color:#e64d34;}
.basket-steps > span.active a {color:#e64d34; text-decoration:none;}
.basket-steps > span.active span {border-color:#e64d34;}
.basket-steps > span.done {color:#16a61e;}
.basket-steps > span.done a {color:#16a61e; text-decoration:none;}
.basket-steps > span.done span {border-color:#16a61e; background-color:#16a61e; color:#fff;}
.basket-steps > span.done span i {color:#fff; margin:0;}
.basket-steps > span i {margin-left:24px; color:#16a61e;}
.basket-steps > span span {width:36px; height:36px; border:2px solid #e9e9eb; border-radius:50%; line-height:35px; display:inline-block; margin-right:12px;}

.basket-cart {border:1px solid #e9e9eb; border-bottom:0; width:100%; border-collapse: collapse; }
.basket-cart tr td {height:86px; vertical-align:middle;}
.basket-cart tr {border-bottom:1px solid #e9e9eb;}
.basket-cart .image {width:120px; text-align:center;}
.basket-cart .image a {display:block; text-align:center;}
.basket-cart img {max-width:100px; max-height:80px; display:block; margin: 0 auto;}

.basket-cart a { font-size:15px;}
.basket-cart .product-name {padding-right:20px;}
.basket-cart .codelist { padding-right: 29px;}
.basket-cart .product-qty {width: 70px; padding-right:31px;}
.basket-cart .qty {width: 72px; height: 41px; overflow: hidden; box-sizing: border-box;}
.basket-cart .qty input[type="text"] { width: 51px; height: 41px; line-height: 37px; border: 0; text-align: center; border: 2px solid #e0e0e3; border-right: 1px solid #e0e0e3; float: left; box-sizing: border-box; padding: 0;}
.product-qty {width:72px;}
.basket-cart .product-price {width:160px; text-align:left; padding:0;}
.basket-cart .product-price-confirm {width:166px; text-align:left; padding:0;}
.basket-cart .product-price-novat {color: #a2a2a2; font-weight:400; font-size:14px;}
.basket-remove {width:42px; text-align:center;}
.basket-remove a {color:#e64d34; font-size:17px;}
body.web .basket-remove a:hover {color:#a53927;}

.basket-cart.basket-cart-confirm .product-name {width:386px;}

.basket-sale {border:1px solid #e9e9eb; border-top:0; width:100%; border-collapse: collapse; color:#000;}
.basket-sale tr td {height:80px; vertical-align:middle;}
.basket-sale-price {width:204px;}
.basket-sale-price strong {font-size:16px;}
.basket-sale i {font-size:20px; color:#6c6c6c; margin-right:13px; margin-left:29px;}
.basket-sale input[type="text"] {width:174px; margin-left:17px; margin-right:9px; padding: 0 11px; height:32px; line-height:32px;}
.basket-sale input[type="submit"] {height:36px; background-color:#6c6c6c; cursor:pointer;}
body.web .basket-sale input[type="submit"]:hover {background-color:#515151;}

.basket-delivery {border:1px solid #e9e9eb; border-top:0; width:100%; border-collapse: collapse; color:#000;}
.basket-delivery tr {border-bottom:1px solid #e9e9eb}
.basket-delivery td {height:46px;}
.basket-delivery-caption {padding-left:122px;}
.basket-delivery-price {width:165px;}

.basket-total {width:465px; background-color:#f1f1f1; float:right; padding: 25px 0 22px;}
.basket-total span {width:206px; float:right;}
.basket-total span:first-child {width:226px; float:left; text-align:right;}
.basket-total-price strong {font-size:16px;}

.content-container .basket-actions {text-align:right; margin-top:41px; overflow:hidden;}
.basket-actions a {height:48px; line-height:48px; padding: 0 30px; float:right; font-size:13px; color:#222222;}
.basket-actions button,
.basket-actions .back,
.basket-actions .confirm {height:48px; line-height:48px; padding: 0 22px; color:#fff; background-color:#6c6c6c; float:right; border-radius:4px; font-size:13px; font-weight:700; text-decoration:none; margin-left:21px; font-size:14px; border:0; cursor:pointer;}
.basket-actions .confirm {text-transform:uppercase; background-color:#e64d34; font-size:12px;}
body.web .basket-actions .confirm:hover {background-color:#c3422c;}
.basket-actions i {margin-right:12px; font-size:17px;}
.basket-actions .confirm i {margin: 0 0 0 12px; font-size:11px;}
body.web .basket-actions .back:hover {background-color:#555555;}

.payment_delivery label i {color:#d9d9d9; margin-left:7px; font-size:16px;}
.payment_delivery h3 {  font-family: 'Ubuntu', sans-serif; font-weight:700; text-transform:uppercase; margin-top:0; font-size:18px;}
.delivery-cont,
.payment-cont {width:524px; float:left; border:1px solid #e9e9eb; padding:22px; margin-left:30px;}
.delivery-cont {margin-left:0;}
.delivery-cont p,
.payment-cont p {padding:9px 21px 9px 14px; margin:0px 0 4px 0; border-left:4px solid #fff; overflow:hidden;}

.delivery-cont .delivery-child-section p {margin: 0;}
body.web .delivery-cont p:hover,
body.web .payment-cont p:hover,
.delivery-cont p.selected,
.payment-cont p.selected {background-color:#f2f2f2; border-color:#e64d34;}
body.web .delivery-cont p:hover i,
body.web .payment-cont p:hover i,
.delivery-cont p.selected i,
.payment-cont p.selected {background-color:#f2f2f2; border-color:#e64d34;}
body.web .delivery-cont p:hover i,body.web .payment-cont p:hover i,
.delivery-cont p.selected i,.payment-cont p.selected i {color:#6c6c6c;}
.payment_delivery .price {float:right; padding-left:10px;}
body.web .payment_delivery img {height:30px; vertical-align:middle;margin:-6px 6px -3px 17px; float:right;}
.delivery-cont p.delivery-group-item { padding: 5px 10px 5px 5px; display:none;}
.delivery-child-section{ max-height: 200px; overflow:auto;  margin: 0 0 20px 0; border: 1px solid #E9E9EB;}

.content-container .delivery-cont input[type="radio"] + label,
.content-container .payment-cont input[type="radio"] + label {margin:0 0 4px 0;}

.basket-data {border:1px solid #e9e9eb; padding:18px 21px; margin-bottom:16px;}
.basket-data:after {content:"";display:table;clear:both;}
.content-container  .basket-data h2,
.content-container .basket h2 {margin-top:0; font-weight:700; font-size:17px; text-transform:uppercase; font-family: 'Ubuntu', sans-serif; }
.delivery-caption {float:left; margin-bottom:0; margin-right:27px;}
#other_delivery_adress_area {margin-top: 22px;}
#other_delivery_adress + label {float:left; margin:4px 0 0 0;}

.basket-attachement .number {width:45px; padding-right:11px; text-align:center; font-weight:700; font-size:16px;}
.basket-attachement .upload {width:136px; padding-right:26px;}
.basket-attachement .upload input {display:none;}
.basket-attachement .upload label {width:162px; background-color:#444468; color:#fff; height:42px; line-height:42px; text-align:center; margin:0; border-radius:4px; cursor:pointer;}
body.web .basket-attachement .upload label:hover {background-color:#2a2a4e;}
.basket-attachement .upload label i {margin-right:10px;}
.basket-attachement .text input {width:809px; height:38px; line-height:38px;}
.basket-add-attachement {border-top:2px solid #e9e9eb; margin-top:22px; padding-top:21px;}
.basket-add-attachement,
.basket-add-attachement a {color:#444468;}
.basket-add-attachement i {margin-right:10px; font-size:16px; vertical-align:middle;}

.basket-login input[type="text"],
.basket-login input[type="password"] {width:226px; margin-right:10px;}
.basket-login input[type="submit"] {height:44px; cursor:pointer;}

.basket-data-column {width:290px; float:left; margin-left:127px;}
.basket-data-column:first-child {margin-left:0;}

.basket-finish-order {text-align:center; margin-bottom:68px;}
.basket-finish-order p {margin: 0; overflow:hidden;}
.basket-final-price {background-color:#e64d34; color:#fff; font-size:27px; height:84px; line-height:81px;}
.basket-final-price-info {background-color:#f1f1f1; padding: 11px 0;}
.basket-final-price-info p {padding: 3px 0;}

.basket-finish-order span {float:left; width:566px; text-align:left;}
.basket-finish-order span:first-child {width:570px; margin-right:34px; text-align:right;}
.basket-finish-order span:first-child strong {font-size:22px;}

.basket-conditions-container {height:90px; padding: 22px; border:1px solid #e9e9eb; margin-bottom:15px;}
.basket-conditions {height: 90px; overflow:auto; padding-right:22px;}
.basket-conditions p {line-height:1.5em; font-size:13px;}
.content-container .basket-conditions h2 {font-size:16px;}
.basket-conditions :first-child {margin-top:0;}

.basket-final-data {overflow:hidden; margin-bottom:80px;}
.basket-final-data-column {width:50%; float:left;}
.basket-final-data-column-column {float:left; border-right:1px solid #e9e9eb; width:268px; margin-right:32px;}

.gdpr-conditions-container {height:90px; padding: 22px; border:1px solid #e9e9eb; margin-bottom:15px;}
.gdpr-conditions {height: 90px; overflow:auto; padding-right:22px;}
.gdpr-conditions p {line-height:1.5em; font-size:13px;}
.content-container .gdpr-conditions h2 {font-size:16px;}
.gdpr-conditions :first-child {margin-top:0;}

.mfp-order-complete {text-align:center; font-size:14px; max-width:770px;}
.mfp-order-complete .fa-big {font-size:44px; color:#16a61e;}
.mfp-order-complete h1 {color:#16a61e; font-size:22px; margin:25px 0 40px;}
.mfp-order-complete .line {width:200px; margin:0 auto 45px;}
.mfp-order-complete a {color:#16a61e;}
.mfp-order-complete .back-to-home {text-align:center; margin-top:80px; margin-bottom:20px;}
.mfp-order-complete .back-to-home a {color:#16a61e; padding: 20px 0;}
.mfp-order-complete .back-to-home i {color:#c2c2c2; margin-right:10px;}

.hidden{display:none!important;} 
.disabled{opacity:0.2;}


.content-container.sidebar .content-box {width: 100%; max-width: 270px; float: left;}
.content-container.sidebar .content-main {width: 100%; max-width: 875px; float: right; box-sizing: border-box;}

@media only screen and (max-width: 1220px) {
  .layout-desktop {display:none!important;}
  .footer-article {margin-top:15px; margin-bottom:15px;}
  
  .footer-big-content .info-menu {width:auto; float:none;padding: 20px;}

 .basket-cart img {max-width:53px; max-height:40px; display:block; margin: 0 auto;}


 .body-container, .boxed .body-container { max-width:100%; margin: auto;}


 .topic-content,  .topic-s-content,  .slider-content,  .menu-content,  .profile-content,  .footer-small-content,  .footer-big-content .articles,  .content-container,  .headline-container,  .breadcrumbs {width: 91%; margin: auto; }
 .home-products-content,  .product-list-home {width: 100%; margin: auto; overflow: none; height: auto;}
 .product-list-home {padding-left: 0px;}
 .product-list {margin-left:0px; margin-right:0px;}
 .product-list-home .product-list {margin-left:8px; margin-right:0px;}
 .menu-main,  .topic {display: none;}
 .product-list-home .product-list,  .profile-content,  .header,  .topic-s-content {height: auto; overflow: none;}
  .product-list-home .product-list {width: 93%; margin: 0 auto; overflow: unset;}

 .header {background-color: #ffffff;}
 .header .topic-s {position: relative !important;}
 .logo2 {width: 100%; display: block; text-align: center; margin: auto; padding: 10px 0 10px 0;}
 img,  .slider .slider-plugin {max-width: 100%;}
 .slider .slider-article {
  float:none; width:100%;margin:auto;}
 .slider .slider-content {
  max-width:800px; margin: 0px auto 20px auto;}

 .slider-plugin {
   margin: 0px auto 20px auto;
}

.mobile-all-categories {
	background-color:#444468;
  padding:0px;
  text-align: left;
  clear: both;
}
  
.mobile-all-categories a {color: #fff; text-decoration: none;}
.mobile-all-categories > a {  padding: 20px 0 20px 50px;display:block;}

.mobile-all-categories a::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 21px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    margin-left: -40px;
}

 .menu-content .menu-content-sub {position: unset;}
#mobile-menu{display:none;}
#mobile-menu ul,  .info-menu {margin: 0; padding: 0;}
#mobile-menu li,  .info-menu li {list-style-type: none; margin: 0; padding:  0; border-bottom: solid 1px #dededf; position:relative}
#mobile-menu li a,  .info-menu li a {display: block; padding: 15px 0 15px 15px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #000; font-size: 12px;}
#mobile-menu li ul,  .info-menu li ul {background: #eeeeee; clear: both; margin: 15px 0 0 0; border-top: solid 1px #dededf;}
#mobile-menu li ul a,  .info-menu li ul a {font-weight: normal; text-transform: none;}
#mobile-menu li ul {display: none;}
#mobile-menu li ul.active {display: block;}
#mobile-menu li ul ul {padding-left:20px;}

 .content-box, .content-container.sidebar .content-box {float: none !important; width: 100% !important; max-width: 100%;}
 .content-main, .content-container.sidebar .content-main {float: none !important; width: 100%; padding: 15px 0px 15px 0px !important; max-width: 100%;}

 .article-detail-image {width: 100% !important;}
 .footer-big-content .articles {float: none; height: auto; width: 91%; padding: 15px 0px 15px 0px; box-sizing: border-box;}
 .footer-big-content .article-home-list-item { } 
 .footer-big-content .contact {width:auto; float:none; padding-left: 4.5%;}
 .footer-big-content {height: auto; background: #f5f5f5;}
 .article-home-more {display: none;}
 .footer-big {background: none;}
 .footer-big-content .info-menu {background: none; border: none; padding-right: 4.5%;}
 .footer-small-content {text-align: center; padding: 15px; width: 91%;}
 .footer-small {height: auto; background:#444468;}
 .footer-small-content .on-top {display: inline-block; margin: 30px 0 0 0; float: none; bottom: 10px; right: 10px;}
 .footer-small-content p {float: none;}
 .info-menu {float: none; width: 100%;}
 .info-menu ul {border-top: solid 1px #dededf;}
 .info-menu h5 {margin: 0; padding: 15px;}
 .profile {background: #ffffff;}
 .profile .profile-content {padding: 25px 0px 15px 0px;}
 .profile-content {width: 91%;}
 .profile-left {height: auto; width: 100%; float: none; margin: 0;}
 .profile-right {height: auto; width: 100%; float: none; margin: 30px 0 0 0;}

 .search {padding: 15px; height: 50px; width:100%; max-width: 290px; margin:auto; padding-left: 0px; padding-right: 0;}

 .search button {
	background: #6c6c6c; 
 	height: 50px; 
    width: 50px; 
    border: 0; 
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px; 
    display: block; float: right; 
    color: #fff; 
    font-size:17px;
    cursor:pointer;
    float: left;
    margin-left: -2px;
}
 .search input[type="text"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   	border-radius: 0;
   	padding-top:1px;
   	padding-bottom: 1px;
	min-width: 210px; 
  	height: 44px; 
    color: #727272; 
    line-height: 37px; 
    font-size: 14px; 
    float: left; 
    padding-left: 16px; 
    margin-top:0; 
    border: solid 2px #dededf; 
    border-right: solid 1px #dededf; 
}
 .product-detail .image,  .product-detail .image-centered {width: 100%; height: auto; max-width: 568px; float: none; margin: 0 auto;}
  .product-detail .image {width: 49%; float: left;}
 .product-detail .image img {width: 100%; max-height: unset; max-width: 100%;}
 .product-info {width: 49%; float: right; margin: 0; padding: 20px 0 0 0;}
 .product-info-form {width: 100%;}
 .form-input {float: none; width: 100%;}
 .form-input textarea,  .form-input select,  .form-input .controls,  .product-info h1 {width: 91%;}
 .product-info-description,  .tabs {width: 100%;}
 .product-info-choose {padding: 10px 0 0 0;}
 .product-info-basket {padding-top: 10px;}
 .product-info-basket .btn-primary {float: right; margin-top: 0;}
 .product-info-basket .qty {float: left; margin-top: 5px;}
 .tabs li {float: none; display: block; clear: both;}
 .tab-pane-right,  .tab-pane,  .tab-pane-left  {width: 100%; float: none;}
 #tab-description, #tab-description_extended_2, #tab-images {padding: 10px 0 10px 0;}
 .tab-pane-left {margin: 0;}
 .tabs-content {width: 100%;}
 .product-detail .price {margin: 0; width: 100%;}
 form.basket-login {margin: 0 0 15px 0; padding: 0; border: none;}
 .content-right,  .content-container,  .content-left {min-height: auto;}
 .basket {width: 100%;}
 .basket-steps > span {display: block; float: none; clear: both; text-align: left; margin-bottom: 7px; margin-left:0px; margin-right:0px;font-size:12px; }
 .basket-steps > span  span {font-size:18px; }
 .basket-steps span span {text-align: center;}
 .basket-steps .fa-chevron-right {display: none;}
 .basket-steps {overflow: none !important; height: auto;}
 /*.basket-cart {border: none;}
 .basket-cart tr,  .basket-cart td {display: inline-block; clear: both; height: auto; padding: 0;}
 .basket-cart td.codelist {clear: both; margin: 10px 0 10px 0;}
 .basket-cart td.qty {margin: 0 15px 0 0;} */
 .basket-total {width: auto; padding: 0;}
 .basket-actions button,  .basket-actions .back,  .basket-actions .confirm {margin: 0 0 0 20px;}
 /*.basket-actions .back,  .basket-actions a:not(.confirm) {float:left; padding:0px;}*/
 /*.basket-actions .back {text-decoration:underline;font-size: 13px; background:transparent; font-weight:normal;color: #222222;}*/
 .delivery-cont, .payment-cont {width: 100%; float: none; padding: 0; margin: 30px 0 0 0; border: none; height:unset; display:block;}
 .basket-data {border: none; padding: 0;}
 .basket-data-column {width: auto; margin: 0; padding-right:10px;}
 .basket-final-data-column {margin: 0; width: 100%; float: none; border: none;}
 .white-popup {max-width: 280px;}
#mobile-menu .webmap-show-subitems {position:absolute; top:0px; right:0px; padding-right:15px;}
#mobile-menu .webmap-show-subitems:after {content:"\f107"; font-family:"FontAwesome";  font-size:20px; height:30px; display:inline-block; }
#mobile-menu .webmap-show-subitems.active:after {content:"\f106"; }
.mobile-topic {padding: 10px; background: #f8f8f8; margin-bottom: 10px;}
.mobile-topic .log-link, .mobile-topic .reg-link {display: inline-block; float: right; margin: 0 10px 0 0;}
 .shopping-cart span {display: none;}
.mobile-topic .shopping-cart {margin-right: 20px;}
.mobile-topic .fa-shopping-cart {margin-right: 7px; font-size: 16px;}
.mobile-topic a {text-decoration: none; color: #676767 !important; font-size: 12px;}
.mobile-topic .reg-link {margin-top: 2px;}
 /*.basket-cart .image {width: 100%; margin-left:-15px; margin-right:-15px;}
 .basket-cart .product-name {display:block; padding:5px 0px 5px 0px;}
 .basket-cart img {max-width: 180px; max-height: unset; width: unset;}
 .basket-cart tr {padding: 0 0 15px 0; margin: 0 0 10px 0;}*/
 .product-qty {margin: 0 15px 0 0;}
 .basket-total-price {display: inline-block; float: none; margin: 0; padding: 15px;}
 .basket-total-price span {float: none; display: inline-block; width: unset; text-align: left;}
 .content-container .basket-actions {margin-top: 15px;}
 .basket-login .required {margin: 5px 0 5px 0;}
 .basket-finish-order span:first-child {width: unset; margin: unset; text-align: unset;}
 .basket-finish-order span {float: unset; width: unset;}
 .basket-conditions-container {height: auto; padding: 0 0 0 5px; }
 form.new_form {padding: 0; border: none;}
 .dir-personal,  .dir-invoice,  .dir-delivery,  .dir-lost-password-form {border: none; padding: 0; width: unset;}
 .content-source {margin-right: 0;}
 .notification li {width: 100%;}
 .notification {min-width:98%;}
 .page-left,  .page-right {display: none;}
#mobile-menu .webmap-show-subitems::after {padding:10px; margin-top:-25px;}
 .basket-conditions {height:250px}
 .notification{min-height:75px; height:auto;}
 .form-fullsize {width:unset;}
 .payment_delivery img {margin:10px 0px 10px 0px;}
 .basket-sale td {text-align:center;}
 .basket-sale td input {margin-bottom:10px;}
 .basket-sale {margin-top: -10px; margin-bottom:10px; border:none;}
 .footer-big-content .info-menu{height:auto; float: right; width: 50%;}
  
  .footer-big-content .articles {max-width: 100%; width: 100%; padding-left: 4.5%; padding-right: 4.5%;}
  .article-home-list-item {width: 250px;}
  
  .product-image, .product {width: 100%; max-width: 268px;}
  .filter-select {width: 100%; max-width: 266px;}
  .basket-steps > span {display: inline-block; padding: 0 15px;}
  
  .product-list-item {width: calc(33.3% - 30px);}
  .product, a.product-image {max-width: 100%;}
  .product:hover {width: 100%;}
  .basket-total span:first-child {text-align: center;}
}
@media only screen and (min-width: 1221px) {
  .layout-mobile {display:none !important;}
}


.filter-label {background: #444468; color: #fff; padding: 4px; display: inline-block; float: left; margin: 0 8px 8px 0; padding: 0 7px 0 7px; border-radius: 3px; width: unset !important;}
.cancel-filter {margin-left: 10px;}
.advanced-search-link {text-align: center; padding: 30px 0 0 0; margin: 0;}

.filter-form {margin: 0; padding: 0;}
.filter-group-separator {clear: both; margin-bottom: 20px;}
.cl_inputs {clear: both; display: table;}

.cl_inputs span {width: 158px; float: left; display: inline-block;}
.groups-content .cl_inputs {width: 230px !important;}
.filter-submit {text-align: right; margin-top:20px!important;}
.filter-group-title {width: 100% !important; clear: both;}


.lang-select .select , .select select {width: 214px; line-height: 45px; font-size: 13px; color: #181818; border: solid 2px #dededf; border-left: 0; border-right:0; height: 46px; display: block;  text-align: left;  cursor: pointer; border-bottom:0;}
.lang-select .select i {float: right; margin: 13px 14px 0 0; color: #181818; font-size: 20px;}
.lang-select .select .value {padding-left: 15px;}
.lang-select .select select{position:absolute;}
.select {margin: 10px auto 10px auto; background-color:#fff; position:relative;}
.select select {position:absolute;}


img.mfp-img {padding:0px; margin: 40px auto; background-color:#fff;}

@media only screen and (max-width: 1190px) {
  .article-home-list-item {width: 100%; max-width: calc(50% - 15px);}
}

@media only screen and (max-width: 900px) {
  .product-detail .image, .product-info {width: 100%; float: none;}
  .product-detail .price {width: 216px;}
}

@media only screen and (max-width: 870px) {
  .product-list-item {width: calc(50% - 30px);}
}
 
@media only screen and (max-width: 790px) {
  .footer-big-content .info-menu {float: none; width: 100%;}
  
  .basket-cart tr {text-align: center;}
  .basket-cart tr td {display: block; height: auto; margin: 0 auto; text-align: center;}
  .basket-cart .product-qty, .basket-cart .product-price, .basket-cart .basket-remove {display: inline-block;}
  .basket-cart .product-price {width: auto; text-align: center;}
  .basket-actions .back {float: left;}
  
  .basket-login .required, .basket-data-column {width: 100%;}
  
  .basket-login input[type="text"], .basket-login input[type="password"] {width: 100%; max-width: 292px; box-sizing: border-box;}
  .content-container input[type="text"], .content-container input[type="password"] {width: 100%; max-width: 292px; box-sizing: border-box;}
}

@media only screen and (max-width: 660px) {
  .article-home-list-item {max-width: 400px;}
  .article-item .image {float: none; width: 100%; max-width: 270px;}
  .article-item .image img {width: 100%;}
}

@media only screen and (max-width: 621px) {
  .product-list-item {
  	width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 550px) {
  .product-detail .price {float: none;}
  .basket-steps > span {display: block; padding: 0 15px;}
  .basket-delivery-caption {padding-left: 15px;}
  .basket-delivery-price {width: 100px; max-width: 165px;}
  .basket-total span {width: 100%; text-align: right;}
  .basket-total span:first-child {text-align: left;}
  
}

@media only screen and (max-width: 400px) {
  .basket-actions .back, .basket-actions .confirm, .basket-actions a {float: none; display: block; max-width: 150px; text-align: center; margin: 0 auto 15px auto;}
}

body.web .product:hover .product-button-container {
    display: flex;
    justify-content: space-around;
}

.product-button-container .btn-primary {
    height: 39px;
    line-height: 39px;
}

@media only screen and (max-width: 1220px){
.product-button-container {
    display: flex;
    justify-content: space-around;
    margin-top: 0;
}
}