/* \navidiku.rs.2019\firme\assets\default\css\custom.css */
.btn-view-companies {
  color: #333390;
  font-size: 14px;
  height: 30px;
  border-radius: 3px;
  border: solid 1px rgba(51, 51, 144, 0.47);
  background-color: #fafafa;
  padding: 4px 15px 2px 30px;
  text-align: right;
  margin-right: 300px;
}


.btn-view-companies {
  border: 0;
  background-color: transparent;
  margin-right: 0;
  position: relative;
  padding-right: 0;
  padding-left: 50px;
  margin-left: auto;
}

.btn-view-companies::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-color: #333390;
  background-size: 17px 11px;
  background-image: url(../img/icons/png/icon-download.png);
  background-position: center;
  width: 30px;
  height: 26px;
}

.btn-add-company {
  height: 30px;
  border-radius: 2px;
  background-color: #4a90e2;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  padding: 6px 15px 4px 40px;
  margin-right: 12px;
  position: relative;
}

.btn-add-company::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  background-image: url(../img/icons/svg/icon-plus-circle-white.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.btn-send-sms {
  border-radius: 3px;
  border: solid 1px #2f3f4e;
  font-size: 13px;
  font-weight: normal;
  margin-left: auto;
  display: flex;
  width: 127px;
  height: 30px;
  padding: 5px 5px 5px 40px;
  color: #2f3f4e;
  position: relative;
}

.btn-send-sms::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 11px;
  width: 23px;
  height: 18px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/svg/icon-sms.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.btn-call {
  display: flex;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #1650e2;
  background-color: #333390;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  margin-left: 10px;
  padding: 4px 5px 4px 35px;
  width: 100px;
  position: relative;
}

.btn-call::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/svg/icon-call.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.btn-call:hover {
  background-color: transparent;
  border: 2px solid #333390;
  font-weight: 700;
  line-height: 1.125rem;
}

.btn-ask-companies {
  border: solid 1px #dc8020;
  background-color: #f98720;
  font-size: 13px;
  color: #ffffff;
  width: 113px;
  height: 30px;
  padding: 5px;
}

.btn-add-coupon {
  height: 40px;
  border-radius: 2px;
  background-color: #8db93c;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  padding: 10px 30px 10px 60px;
  margin: 0;
  position: relative;
}

.btn-add-coupon::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 17px;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  background-image: url(../img/icons/svg/icon-plus-circle-white.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.content.company ~ .sidebar.left,
.content.company ~ .sidebar.right{
	position: sticky;
	top: 195px;
}
header.big~section.container .content.company ~ .sidebar.right {
	top: 15px;
}

.content.subcategory>.header,
.content.coupons .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 60px;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  border: solid 2px #333390;
  background-color: #333390;
}

.content.coupons .header {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #86bc18;
}

.content.coupons .header .group {
  display: inline-block;
  padding-left: 64px;
  position: relative;
}

.content.coupons .header .group::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #8db93c;
  -webkit-mask: url(../img/icons/svg/icon-coupon.svg) no-repeat;
  mask: url(../img/icons/svg/icon-coupon.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 44px;
  height: 44px;
}

.content.coupons .expired .header .group::before {
  background-image: url(../img/icons/svg/icon-coupons-silver.svg);
}

.content.subcategory>.header h1,
.content.coupons .header h1 {
  font-size: 20px;
  padding: 0 15px;
  font-weight: 500;
  width: 275px;
}

.content.subcategory>.header h1 a {
  color: #fff;
  text-transform: uppercase;
}

.content.coupons .header h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.content.coupons .header h1 a {
  color: #8db93c;
}

.content.coupons .header h2 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.content.coupons .header h2 a {
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
}

.content.coupons .expired .header h2 {
  font-size: 20px;
  font-weight: 500;
  color: #4a4a4a;
  text-transform: uppercase;
  height: 44px;
  display: flex;
  align-items: center;
}

.content.subcategory .header .filters,
.content.thematic .filters,
.content.coupons .filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
}

.content.coupons .filters {
  justify-content: flex-end;
  margin: 20px 0 15px 0;
  padding-bottom: 10px;
  border-bottom: solid 1px #c2c6cb;
}

.content.coupons .filters h3 {
  margin: 0 auto 0 0;
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  text-transform: uppercase;
}

.content.subcategory .header .filters .dropdown,
.content.coupons .search .filters .dropdown {
  margin-right: 5px;
  border-radius: 3px;
  border: solid 1px #e2e4e6;
  height: 30px;
}

.content.subcategory .header .filters .dropdown.aaa {
  width: 125px;
}

.content.subcategory .header .filters .dropdown.similar-topics.show .dropdown-menu {
  max-height: 460px;
  overflow-y: auto;
}

.content.subcategory .header .filters .dropdown:last-child {
  margin-right: 13px;
}

.content.coupons .search .filters .dropdown:last-child {
  margin-right: 0;
}

.content.subcategory div.pagination,
.content.thematic div.pagination,
.content.coupons div.pagination {
  height: 15px;
  margin: 12px 0 13px 0;
}

.content.subcategory .pagination-position,
.content.coupons .pagination-position {
  justify-content: flex-start;
  font-size: 13px;
  font-weight: normal;
  text-align: right;
  color: #000;
  padding: 0 5px;
}

.content.subcategory ul.pagination,
.content.coupons ul.pagination {
  justify-content: flex-end;
  margin-left: auto;
}
/* Company */
.content.company,
.content.coupons {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  margin-left: 20px;
  margin-left: 20px;
  padding: 20px;
  width: 640px;
}

.content.coupons {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.content.coupons .coupons {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px;
}

/* Company List & Cards*/

.company-list {
}

.content.search .company-list,
.content.search .thematics-list {
  padding: 10px 0 0 0;
}

.content.search .coupons .grid {
  padding: 21px 0 0 0;
}

.content.search .products .grid {
  padding: 23px 0 0 0;
}

.company-list .company-card,
.thematic-list .thematic-card {
  min-height: 169px;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 18px 20px 7px 13px;
  display: inline-block;
  width: 100%;
}

.company-list .company-card.free {
  min-height: 95px;
  padding-left: 34px;
}

.company-list .company-card .logo,
.thematic-list .thematic-card .image {
  display: inline-block;
  width: 120px;
  text-align: center;
}

.company-list .company-card.free .logo {
  width: 79px;
}

.company-list .company-card .logo img {
  margin-bottom: 8px;
}

.company-list .company-card.free .logo img {
  width: 79px;
  height: 59px;
}

.company-list .company-card .about,
.thematic-list .thematic-card .about {
  display: inline-block;
  padding-left: 20px;
  width: calc(100% - 125px);
  margin-bottom: 5px;
  vertical-align: top;
}

.company-list .company-card .header,
.thematic-list .thematic-card .header {
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #eff0f1;
  align-items: flex-start;
  justify-content: flex-end;
}

.company-list .company-card.free .header {
  padding-bottom: 0;
  border: 0;
  justify-content: flex-start;
}

.company-list .company-card h2.name,
.company-list .company-card h3.name,
.thematic-list .thematic-card h3.name {
  font-size: 16px;
  line-height: 1.19;
  display: inline-block;
  margin: 0 0 0 0;
}

.content.search .thematic-list .thematic-card h3.name {
  margin-right: auto;
}

.company-list .company-card.free h2.name {
  font-size: 14px;
  font-weight: 500;
}

.company-list .company-card h2.name a,
.company-list .company-card h3.name a,
.thematic-list .thematic-card h3.name a {
  color: #4a4a4a;
}

.company-list .company-card ul.badges,
.thematic-list .thematic-card ul.badges,
.company .subheader ul.badges {
  list-style: none;
  display: inline-block;
  margin: 0 auto 0 10px;
  padding-left: 0;
  flex: 0 0 90px;
}

.company-list .company-card ul.badges li,
.thematic-list .thematic-card ul.badges li,
.company .subheader ul.badges li {
  display: inline-block;
  float: left;
  line-height: 0;
  margin-left: 2px;
}

.company-list .company-card .rating,
.thematic-list .thematic-card .rating,
.company .subheader .rating,
.thematic .header .rating,
.company .product .single .about .info .summary .rating {
  font-size: 12px;
  text-align: right;
  color: #4a4a4a;
  margin-left: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 0 0 210px;
}
.thematic .header .rating{
	flex-wrap: wrap;
}
.thematic .header .rating a.go-to-reviews{
	color: #333390;
}

.thematic .header .rating,
.company .subheader .rating {
  margin-left: auto;
}

.modal .company .subheader .rating {
  justify-content: flex-start;
  flex: 0 0 100%;
  margin: 5px 0 0 0;
}

.thematic .header .rating {
  margin-right: 15px;
}

.thematic .header .rating .summary,
.company .subheader .rating .summary {
  color: #4a4a4a;
  font-size: 14px;
  text-align: right;
}

.company .product .single .about .info .summary .rating {
	/*text-align:left;*/
  display: inline-block;
  margin: 0 0 0 0;
  direction: rtl;
  line-height: 1rem;
  width: 100%;
}

.company .product .single .about .info .summary .rating+.summary {
  display: inline-block;
  float: right;
  width: 90px;
  text-align: right;
  margin: 0 0 25px 0;
  font-size: 12px;
}

.company-list .company-card .rating .stars,
.thematic-list .thematic-card .rating .stars,
.company .subheader .rating .stars,
.thematic .header .rating .stars,
.company .product .single .about .info .summary .rating .stars {
  display: flex;
  direction: rtl;
  line-height: 1rem;
}

.company-list .company-card .rating .stars+.summary,
.thematic-list .thematic-card .rating .stars+.summary {
  display: flex;
  align-self: center;
  margin: 0;
}

.company-list .company-card .rating i.star,
.thematic-list .thematic-card .rating i.star,
.company .subheader .rating i.star,
.thematic .header .rating i.star,
.company .product .single .about .info .summary .rating i.star,
.form-with-rating .rating .stars i.star {
  color: #f8e71c;
  font-style: normal;
  font-size: 16px;
  color: transparent;
  font-style: normal;
  font-size: 2em;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.company-list .company-card .rating i.star {
  cursor: default;
}

.company-list .company-card .rating i.star::before,
.thematic-list .thematic-card .rating i.star::before,
.company .subheader .rating i.star::before,
.thematic .header .rating i.star::before,
.company .product .single .about .info .summary .rating i.star::before,
.form-with-rating .rating .stars i.star::before {
  content: '☆';
  color: #f8e71c;
  position: absolute;
  top: 0;
  left: 0;
}

.company-list .company-card .rating:not(.no-hover) i.star.full::before,
.thematic-list .thematic-card .rating:not(.no-hover) i.star.full::before,
.company .subheader .rating:not(.no-hover) i.star.full::before,
.thematic .header .rating:not(.no-hover) i.star.full::before,
.company .product .single .about .info .summary .rating i.star.full::before{
  content: '★';
}

.company-list .company-card .rating:not(.no-hover) i.star:hover::before,
.thematic-list .thematic-card .rating:not(.no-hover) i.star:hover::before,
.company-list .company-card .rating:not(.no-hover) i.star:hover ~ i.star::before,
.thematic-list .thematic-card .rating:not(.no-hover) i.star:hover ~ i.star::before,
.company .subheader .rating:not(.no-hover) i.star:hover::before,
.company .subheader .rating:not(.no-hover) i.star:hover ~ i.star::before,
.thematic .header .rating:not(.no-hover) i.star:hover::before,
.thematic .header .rating:not(.no-hover) i.star:hover ~ i.star::before,
.company .product .single .about .info .summary .rating:not(.no-hover) i.star:hover::before,
.company .product .single .about .info .summary .rating:not(.no-hover) i.star:hover ~ i.star::before,
.form-with-rating .rating:not(.no-hover) .stars i.star:hover::before,
.form-with-rating .rating:not(.no-hover) .stars i.star:hover ~ i.star::before {
  content: '★';
  color: #dc8020;
}

.company-list .company-card .rating i.star:first-child,
.thematic-list .thematic-card .rating i.star:first-child {
  padding-right: 10px;
  margin-right: 5px;
}

.company .subheader .rating i.star:first-child,
.thematic .header .rating i.star:first-child {
  margin-right: 5px;
}

.company-list .company-card .info,
.thematic-list .thematic-card .info {
  display: flex;
}

.company-list .company-card .description,
.thematic-list .thematic-card .description {
  display: inline-block;
  font-size: 13px;
  line-height: 1.23;
  color: #4a4a4a;
  width: 463px;
  min-height: 60px;
}

.content.search .company-list .company-card .description,
.content.search .company-list .company-card.free .description,
.thematic-list .thematic-card .description {
  width: inherit;
}

.company-list .company-card.free .description {
  min-height: 32px;
}

.company-list .company-card .address {
  font-size: 13px;
  line-height: 1.23;
  text-align: right;
  color: #000000;
  width: 190px;
  margin-left: auto;
}

.company-list .company-card a.details,
.thematic-list .thematic-card a.details {
  display: inline-block;
  font-size: 13px;
  color: #1650e2;
  text-decoration: none;
  margin-top: 0;
}

.company-list .company-card .working-hours {
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  color: #4a4a4a;
}

.company-list .company-card .footer {
  display: flex;
  margin-bottom: 5px;
}

.company-list .company-card .footer>div {
  margin-left: auto;
  height: 30px;
  font-size: 16px;
  font-weight: 700;
}

.company-list .company-card .activity,
.company .product .single .about .activity {
  color: #4a4a4a;
  font-size: 12px;
  height: 30px;
  border: solid 1px #e2e4e6;
  background-color: #fafafa;
  position: relative;
  width: 100%;
}

.company-list .company-card .activity {
  display: flex;
  align-items: center;
}

.company .product .single .about .activity {
  width: calc(100% - 30px);
  margin: 0 15px 20px;
}

.company-list .company-card .activity i.icon-user-activity {
  position: relative;
  width: 19px;
  height: 19px;
  margin: 0px 0 0 5px;
}

.company-list .company-card .activity i.icon-user-activity::before {
  content: '';
  background-image: url(../img/icons/svg/icon-user.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid #979797;
}

.company-list .company-card .activity p,
.company .product .single .about .activity p {
  margin: 5px 0 0px;
  padding-left: 35px;
}

.company-list .company-card .activity p {
  margin: 0px 0 0px;
  padding-left: 10px;
}

.company .product .single .about .activity p {
  padding-left: 9px;
}

.company-list .company-card .activity:before,
.company .product .single .about .activity:before {
  z-index: 1;
  position: absolute;
  top: -5px;
  left: calc(50% - 5px/2);
  content: '';
  width: 0;
  height: 0;
  border-bottom: solid 5px #e2e4e6;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.company-list .company-card .activity:after,
.company .product .single .about .activity:after {
  z-index: 2;
  position: absolute;
  top: -3px;
  left: calc(50% - 5px/2 + 1px);
  content: '';
  width: 0;
  height: 0;
  border-bottom: solid 4px #fafafa;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
}

.badge {
  display: inline-block;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: relative;
}

.badge-verified {
  border: solid 1px #1650E2;
  color: transparent;
}

.badge-verified::before {
  content: "\2714";
  display: flex;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 12px;
  height: 13px;
  font-size: 13px;
  font-style: normal;
  color: #1650E2;
}

.badge-years {
  border: solid 1px #1650E2;
  font-size: 13px;
  text-align: center;
  color: #1650E2;
  line-height: 1rem;
  font-style: normal;
}

.badge-coupons {
  border: solid 1px #8db93c;
  color: #8db93c;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
}
.badge-not-verified {
    border: solid 1px #000;
    color: #000;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Company Info */
.company .header {
  display: inline-block;
	/*border-bottom: 1px solid #eff0f1;*/
  padding-bottom: 10px;
  margin-bottom: 5px;
  width: 100%;
}

.company .header h1,
.company .header h2,
.company .header span.h1 {
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #eff0f1;
  font-size: 24px;
}

.company .header h1 a,
.company .header h2 a,
.company .header span.h1 a {
  font-weight: 500;
  color: #333390;
  text-transform: uppercase;
}

.company .subheader {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 5px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #eff0f1;
  height: 55px;
}

.company .subheader ul.badges {
  margin: 0;
  width: 70px;
}

ul.social-networks,
.company .subheader ul.social-networks {
  display: inline-block;
  margin-right: 15px;
}

.company .subheader ul.social-networks {
  margin-left: 15px;
}

.content.article.sponsored ~ .sidebar.suggestions .company .subheader ul.social-networks {
  margin: 10px 0 0 0;
  width: 100%;
}

ul.social-networks li,
.company .subheader ul.social-networks li {
  display: inline-block;
  float: left;
  line-height: 1rem;
  margin-left: 5px;
  font-size: 12px;
}

.company .subheader ul.social-networks li,
.thematic ul.social-networks li,
ul.social-networks li {
  max-width: 125px;
  overflow: hidden;
}

ul.social-networks li .fb-like {
  width: auto;
}

ul.social-networks li a.sn,
.company .subheader ul.social-networks li a.sn,
.thematic ul.social-networks li a.sn {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 13px;
  text-align: center;
  color: #8db93c;
  text-indent: -9999px;
  border: 1px solid red;
}

ul.social-networks li a.sn.sn-facebook {
  content: 'fb';
}

.company .subheader ul.social-networks li.sn.sn-facebook iframe {
	/*float:right;*/;
}

ul.social-networks li a.sn.sn-twitter {
  content: 'tw';
}

.company .address {
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px #c2c6cb;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.company .address ul {
  max-width: 275px;
}

.company .address ul li {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #4a4a4a;
}

.company .address ul li:last-child {
	/*margin-top:15px;*/;
}

.company .address ul li.phone {
  margin-top: 5px;
}

.company .address ul li.phone a {
  color: #1650e2;
  font-weight: 500;
}

.company .address ul li.website {
  margin-top: 10px;
}

.company .address ul li.website a {
  font-size: 16px;
  line-height: 1.06;
  color: #1650e2;
}

.company .address ul li b {
  font-weight: 400;
}

.company .address ul li  .dropdown.working-hours {
  padding: 0 20px 0 0;
  border-radius: 0;
  border: 1px solid #8fbe00;
  border: 0;
  padding: 5px 0;
}

.company .address ul li .dropdown.working-hours .countdown,
.company .address ul li .dropdown.working-hours .countdown * {
  font-style: italic;
  font-weight: 500;
  color: #8fbe00;
}

.company .address ul li .dropdown.working-hours.closed .countdown,
.company .address ul li .dropdown.working-hours.closed .countdown * {
  color: #dd4b38;
}

.company .address ul li  .dropdown.working-hours.closed {
  border-color: #dd4b38;
}

.company .address ul li  .dropdown.working-hours .btn.dropdown-toggle::after {
  top: 8.5px;
  border-top-color: #8fbe00;
}

.company .address ul li  .dropdown.working-hours.closed .btn.dropdown-toggle::after {
  border-top-color: #dd4b38;
}

.company .address ul li  .dropdown.working-hours .btn {
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a;
  padding: 0 20px 0 0;
  position: relative;
	/*border-bottom: 1px dashed #4a4a4a;*/;
}

.company .address ul li  .dropdown.working-hours .btn b {
  font-weight: 700;
}

.company .address ul li  .dropdown.working-hours .clock,
.content.company ~ .sidebar.left .dropdown.working-hours .clock {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a;
}

.company .address ul li  .dropdown.working-hours .clock {
  width: 16px;
  height: 16px;
  color: #8fbe00;
	/*
	width: 16px;
  height: 20px;	
	display: flex;
	align-items: center;
	padding-left: 20px;
	*/;
}

.company .address ul li  .dropdown.working-hours.closed .clock {
  color: #dd4b38;
}

.content.company ~ .sidebar.left .dropdown.working-hours .clock {
  padding-left: 0;
}

.company .address ul li  .dropdown.working-hours .clock::before {
/*.content.company ~ .sidebar.left .dropdown.working-hours .clock::before{*/
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #8fbe00;
  -webkit-mask: url(../img/icons/svg/icon-clock.svg) no-repeat;
  mask: url(../img/icons/svg/icon-clock.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.company .address ul li  .dropdown.working-hours .clock.closed::before,
.company .address ul li  .dropdown.working-hours.closed .clock::before {
/*.content.company ~ .sidebar.left .dropdown.working-hours .clock.closed::before{*/
  background-color: #dd4b38;
}

.company .address ul li  .dropdown.working-hours .state {
/*.content.company ~ .sidebar.left .dropdown.working-hours .state{*/
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a;
}

.company .address ul li  .dropdown.working-hours .state::before {
/*.content.company ~ .sidebar.left .dropdown.working-hours .state::before{*/
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #8fbe00;
  -webkit-mask: url(../img/icons/svg/icon-bell.svg) no-repeat;
  mask: url(../img/icons/svg/icon-bell.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.company .address ul li  .dropdown.working-hours .state.closed::before {
/*.content.company ~ .sidebar.left .dropdown.working-hours .state.closed::before{*/
  background-color: red;
}

.company .address div.map {
  margin-left: auto;
  width: 319px;
  height: 172px;
  overflow: hidden;
  cursor: pointer;
}

.content.company ~ .sidebar.left .dropdown.working-hours b.opened {
}

.company .info .address a.phone-number {
  color: #1650e2;
}

.company .info .address a.website {
  font-size: 16px;
  line-height: 1.06;
  color: #1650e2;
}

.company .locations.dropdown {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
	margin-right: 0;
  justify-content: flex-end;
}

.company .locations.dropdown .btn {
  padding: 0 25px 0 0;
  line-height: 1.21;
  color: #1650e2;
  font-size: 14px;
  position: relative;
}

.company .locations.dropdown .btn.dropdown-toggle::after {
  top: 7px;
  border-top-width: 4.6px;
  border-right-width: 4px;
  border-left-width: 4px;
  border-top-color: #1650e2;
}

.company .associated {
  width: 100%;
  display: inline-block;
  margin: 25px 0 0;
}

.company .associated:not(.show) {
  display: none;
}

.company .associated .company {
  border-bottom: solid 1px #c2c6cb;
  padding: 20px 0;
}

.company .associated .company:last-child {
  border: 0;
}

.company .associated .company .about {
  margin-bottom: 8px;
}

.company .associated .company .about a.name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333390;
}

.company .associated .company .about a.category {
  font-size: 14px;
  color: #4a4a4a;
}

.company .associated .company .location {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.company .associated .company .location .contact {
  margin-right: auto;
  width: 340px;
}

.company .associated .company .location .phones {
  width: 130px;
}

.company .associated .company .location .phone {
  margin: 0 0 0 auto;
  width: 100%;
  position: relative;
  padding: 0px 0 0px 30px;
  font-size: 14px;
  color: #4a4a4a;
}

.company .associated .company .location .phone::before {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  vertical-align: middle;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000000;
  -webkit-mask: url(../img/icons/svg/icon-phone-bordered.svg) no-repeat;
  mask: url(../img/icons/svg/icon-phone-bordered.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  height: 20px;
}

.company .associated .company .location .phone a {
  color: #4a4a4a;
}

.company .associated .company .location .phone b {
  font-weight: normal;
}

.company .associated .company .location .view {
  margin-left: auto;
  width: 80px;
}

.company .associated .company .location .view a {
  font-size: 14px;
  text-align: right;
  color: #1650e2;
}

.company a.show-directions {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #1650e2;
  font-size: 14px;
}

.company .companies.nearby {
  flex: 0 0 100%;
  padding-bottom: 35px;
}

.company .companies.nearby span.title {
  font-size: 16px;
  font-weight: 500;
  color: #333390;
  text-transform: uppercase;
  margin-bottom: 13px;
  display: inline-block;
  width: 100%;
}

.company .companies.nearby ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.company .companies.nearby ul li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.company .companies.nearby ul li a {
  display: inline-block;
  height: auto;
  margin: 0 0 14px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  text-align: center;
  color: #333390;
}

.company .companies.nearby ul li a img {
  display: block;
  margin: 0 auto;
  float: none;
}

.company .pricelist,
.company .recommended,
.company .discount {
  margin-bottom: 15px;
  padding-bottom: 20px;
}

.company .pricelist,
.company .recommended {
  border-bottom: 1px solid #c2c6cb;
}

.company .gallery .gallery {
  display: inline-block;
}

.company .products .products,
.company .product .products {
  border-bottom: solid 1px #e2e4e6;
  margin-bottom: 15px;
	padding: 15px 15px;
    background: #fff;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08155);
    border-radius: 5px;
}

.company .product .products span.title {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  color: #000;
  font-weight: 700;
  font-size: .875rem;
  text-transform: uppercase;
}

.company .info .gallery h2,
.company .info .about h2,
.company .pricelist h2,
.company .recommended h2,
.company .discount h2,
.company .gallery .video h2,
.company .gallery .gallery h2,
.company .map .map h2,
.company .coupons .coupons h2,
.company .coupon .coupon h2,
.company .coupon .coupons h2,
.company .products .products h2,
.company .product .product h2,
.company .product .products h2 {
  font-size: 16px;
  font-weight: normal;
  color: #2f3f4e;
  padding-left: 30px;
  padding: 5px 0 15px 30px;
  position: relative;
  margin: 0;
}

.company .products .products h2,
.company .product .products h2 {
  padding-left: 0;
}

.company .info .gallery h2::before,
.company .info .about h2::before,
.company .pricelist h2::before,
.company .recommended h2::before,
.company .discount h2::before,
.company .gallery .video h2::before,
.company .gallery .gallery h2::before,
.company .map .map h2::before,
.company .coupons .coupons h2::before,
.company .coupon .coupon h2::before,
.company .coupon .coupons h2::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 15px;
}

.company .info .gallery h2::before,
.company .gallery .gallery h2::before {
  background-image: url(../img/icons/png/icon-gallery.png);
  top: 7px;
}

.company .info .about h2::before {
  background-image: url(../img/icons/svg/icon-about.svg);
  width: 22px;
  height: 21px;
}

.company .pricelist h2::before {
  background-image: url(../img/icons/png/icon-pricelist.png);
  height: 20px;
}

.company .recommended h2::before {
  background-image: url(../img/icons/png/icon-recommended.png);
  width: 24px;
  height: 24px;
  top: 0;
}

.company .discount h2::before {
  background-image: url(../img/icons/png/icon-discount.png);
  width: 20px;
  height: 20px;
}

.company .gallery .video h2::before {
  background-image: url(../img/icons/png/icon-video-color.png);
  top: 7px;
}

.company .map .map h2::before {
  background-image: url(../img/icons/png/icon-map.png);
  width: 14px;
  height: 20px;
}

.company .coupons .coupons h2::before,
.company .coupon .coupon h2::before,
.company .coupon .coupons h2::before {
  background-image: url(../img/icons/png/icon-coupons-green.png);
  width: 20px;
  height: 20px;
}

.company .coupons .coupons.expired h2::before,
.company .coupon .coupons.expired h2::before {
  background-image: url(../img/icons/png/icon-coupons-red.png);
}

.company .info .gallery h2 b,
.company .info .about h2 b,
.company .pricelist h2 b,
.company .recommended h2 b,
.company .discount h2 b,
.company .gallery .video h2 b,
.company .gallery .gallery h2 b,
.company .map .map h2 b,
.company .coupons .coupons h2 b,
.company .coupon .coupon h2 b,
.company .coupon .coupons h2 b,
.company .products .products h2 b,
.company .product .products h2 b {
  text-transform: uppercase;
  font-weight: 500;
  color: #2f3f4e;
}

.company .info .gallery h2 a:visited {
  color: #2f3f4e;
}

.company .gallery .gallery h2 b {
  text-transform: uppercase;
}

.company .info .gallery {
  border-bottom: solid 1px #c2c6cb;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.company .info .gallery .photos {
  display: inline-block;
  width: 100%;
}

.company .info:not(.all) .gallery .photos ul {
  height: 106px;
  overflow: hidden;
}

.company .info .gallery .photos.collapsed ul {
  height: auto;
}

.company .info .gallery .photos ul li,
.company .gallery .gallery .photos ul li {
  display: inline-block;
  margin: 0 4.5px 5px 0;
	position: relative;
}

.company .gallery .gallery .photos ul li {
  margin: 0 10px 10px 0;
  float: left;
  position: relative;
  width: 142px;
  height: 106px;
  cursor: pointer;
}

.company .gallery .gallery .photos ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}

.company .gallery .gallery .photos ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  width: 100%;
  height: 100%;
}

.company .gallery .gallery .photos ul li:hover::before {
  background-color: rgba(0, 0, 0, .52);
}

.company .gallery .gallery .photos ul li a h4 {
  color: rgba(255, 255, 255, 0);
  margin: 0;
  padding-bottom: 5px;
  position: absolute;
  top: calc(141px/2 - 10px);
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.company .gallery .gallery .photos ul li:hover a h4 {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.company .gallery .gallery .photos ul li.photo-360:hover {
}

.company .gallery .gallery .photos ul li.photo-360:hover::before {
  content: '360';
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.company .gallery .gallery .photos ul li.photo-360:hover a h4 {
  color: rgba(255, 255, 255, 0);
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n),
.company .info .gallery .photos ul li:nth-child(5n),
.company .gallery .gallery .photos ul li:nth-child(4n) {
  margin-right: 0;
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n),
.company .info .gallery .photos ul li:nth-child(5n) {
  position: relative;
  cursor: pointer;
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n) a,
.company .info .gallery .photos ul li:nth-child(5n) a {
  display: inline-block;
  width: 142px;
  height: 106px;
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n) a abbr,
.company .info .gallery .photos ul li:nth-child(5n) a abbr {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n)::before,
.company .info .gallery .photos ul li:nth-child(5n)::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(74, 74, 74, 0.73);
  display: inline-block;
}

.company .info:not(.all) .gallery .photos ul li:nth-child(4n)::after,
.company .info .gallery .photos ul li:nth-child(4n)::after {
  content: '';
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
/*
.company .info .gallery .photos ul li:nth-child(4n)::after,
.company .info .gallery .photos ul li:nth-child(5n)::after{
	content:'Staviti uslov u PHP (template) za poslednju stavku da bude link ka galeriji. Vidi sve slike (+N if N>4)';
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:12px;
	text-align:center;
}
*/
.company .info .gallery .photos ul li img {
  height: 106px;
  width: 142px;
}

.company .info .gallery,
.company .gallery .video,
.company .gallery .gallery {
  border-bottom: solid 1px #c2c6cb;
  padding-bottom: 15px;
  margin-bottom: 15px;
  width: 100%;
}

.company .gallery .video {
  border-bottom: 0;
}

.company .info .about {
  border-bottom: solid 1px #c2c6cb;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  color: #4a4a4a;
  height: auto;
  position: relative;
  display: inline-block;
}

.company .info .about.show {
  height: auto;
  padding-bottom: 30px;
}

.company .info .about .read-more-wrapper {
  display: inline-block;
  width: 100%;
  background: linear-gradient( to top, #fff, rgba(255, 0, 0, 0) );
  height: 48px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.company .info .about.show .read-more-wrapper {
  background: transparent;
}

.company .info .about a.read-more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0px 25px 5px;
  font-size: 14px;
  line-height: 1.36;
  color: #1650e2 !important;
}

.company .info .about a.read-more::after {
  content: '';
  width: 0;
  height: 0;
  border: 0;
  border-top: 4.6px solid #1650e2;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-transform: rotate(1800deg);
  transform: rotate(180deg);
  position: absolute;
  top: 7.5px;
  right: 10px;
}

.company .info .about a.read-more.collapsed::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/*.company .info .about br{
	display:none;
}*/
.company .info .about p {
	/*
	font-size: 14px;
	font-weight: normal;
	line-height: 1.36;
	color: #4a4a4a;
	*/;
}

.company .info .about a, 
.company .info .about h2, 
.company .info .about h3, 
.company .info .about h4, 
.company .info .about h5, 
.company .info .about h6, 
.company .info .about h2 a, 
.company .info .about h3 a, 
.company .info .about h3 a, 
.company .info .about h4 a, 
.company .info .about h5 a, 
.company .info .about h6 a, 
.company .info .about p a {
	/*color: #1650e2;*/
  color: #2f3f4e;
}

.company .info .about h2 {
	/*padding: 5px 0 15px 0;*/;
}

.company .info .about p {
  display: inline-block;
  margin: 0 0 10px 0;
  width: 100%;
}
.company .info .about p img{
	max-width:100%;
}
/*.company .info .about p.txteditP br{
	display:none;
}*/
.company .info .about ol,
.company .info .about ul {
	/*list-style: none outside none;*/
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
}

.company .info .about ul li {
  line-height: 25px;
  width: 100%;
}

.company .info .about ul li u,
.company .info .about ul li a,
.company .info .about ul li b,
.company .info .about ul li strong,
.company .info .about ul li strong a {
  display: inline;
}

.company .info .about ul li strong {
  font-weight: bold;
}

.company .pricelist table,
.company .recommended table,
.company .discount table {
  width: 100%;
  margin-bottom: 30px;
}

.company .pricelist table tbody tr,
.company .recommended table tbody tr,
.company .discount table tbody tr {
  border-bottom: 1px dashed #e2e4e6;
}

.company .pricelist table tbody tr:hover td,
.company .recommended table tbody tr:hover td,
.company .discount table tbody tr:hover td {
  background-color: #4a90e2;
  color: #fff;
}

.company .pricelist table tbody tr td,
.company .recommended table tbody tr td,
.company .discount table tbody tr td {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a4a4a;
  padding: 4px 4px 8px 4px;
  vertical-align: top;
}

.company .pricelist table>tbody>tr>td.price>div,
.company .recommended table>tbody>tr>td.price>div,
.company .discount table>tbody>tr>td.price>div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.company .pricelist table>tbody>tr>td.price>div div.price,
.company .recommended table>tbody>tr>td.price>div div.price,
.company .discount table>tbody>tr>td.price>div div.price {
}

.company .pricelist table>tbody>tr>td.price b,
.company .recommended table>tbody>tr>td.price b,
.company .discount table>tbody>tr>td.price b,
.company .pricelist table>tbody>tr>td.price s,
.company .recommended table>tbody>tr>td.price s,
.company .discount table>tbody>tr>td.price s {
  display: block;
}

.company .pricelist table tbody tr td i.recommend,
.company .recommended table tbody tr td i.recommend {
  display: none;
  display: inline-block;
  margin: 5px 0 0 7px;
  position: relative;
  width: 24px;
  height: 18px;
  cursor: pointer;
  font-style: normal;
  font-size: 10px;
  text-align: center;
	/* display: flex; */
  float: right;
	/* align-self: self-end; */
	/* justify-self: self-end; */
	/* width: 24px; */;
}

.company .pricelist table tbody tr:hover td i.recommend {
  display: inline-block;
}

.company .pricelist table tbody tr td i.recommend::before,
.company .recommended table tbody tr td i.recommend::before {
  content: '';
  background-image: url(../img/icons/png/icon-recommended.png);
  width: 24px;
  height: 24px;
  top: -5px;
  left: 0;
  position: absolute;
}

.company .pricelist table tbody tr td:first-child,
.company .recommended table tbody tr td:first-child,
.company .discount table tbody tr td:first-child {
  width: 20px;
  vertical-align: top;
}

.company .pricelist table tbody tr td:last-child,
.company .recommended table tbody tr td:last-child,
.company .discount table tbody tr td:last-child {
  text-align: right;
  width: 130px;
  width: 165px;
  vertical-align: top;
}

.company a.show-pricelist {
  color: #1650e2;
  font-size: 14px;
}

.company .video .player {
  display: flex;
  justify-content: center;
}

.company .offers {
  margin-bottom: 25px;
}

.company .offers h5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  color: #4a4a4a;
  margin: 0 0 20px;
}

.company .offers h5 a {
  flex-basis: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}

.company .offers ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.company .offers ul li,
.company .offers ul li a {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
}

.company .offers ul li a {
}

.company .offers ul li+li {
  margin-left: 5px;
}

.company .map .directions {
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #eff0f1;
  margin-bottom: 20px;
}

.company .map .directions form {
  padding-top: 20px;
}

.company .map .directions form .inputs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px auto;
}

.company .map .directions form .departure,
.company .map .directions form .destination {
  position: relative;
  width: 260px;
}

.company .map .directions form .departure::before,
.company .map .directions form .destination::before {
  content: '';
  width: 14px;
  height: 20px;
  border: 1px solid red;
  position: absolute;
  top: 32px;
  left: 10px;
}

.company .map .directions form .switch {
  width: 46px;
  height: 40px;
  border: 1px solid red;
  margin-top: 20px;
}

.company .map .directions form label {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #4a4a4a;
}

.company .map .directions form input {
  border-radius: 5px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #979797;
  background-color: #ffffff;
  width: 260px;
  padding-left: 32px;
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
}

.company .map .directions form button[type='submit'] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
}

.company .map ul#route {
  background-color: #fff;
  padding: 20px 25px;
}

.company .map ul#route li {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  padding-left: 35px;
}

.company .map ul#route li:first-child {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.company .map ul#route li.left,
.company .map ul#route li.right {
  position: relative;
}

.company .map ul#route li.left::before,
.company .map ul#route li.right::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid red;
}

.company .map ul#route li.left {
}

.company .map ul#route li.right {
}

.company .map ul#route li span {
  display: block;
}

.company .coupons {
}

.company .coupons .filters {
  display: flex;
  margin-bottom: 12px;
}

.company .coupons .filters .dropdown.sort {
  font-size: 13px;
  font-weight: normal;
  color: #4a4a4a;
  margin-left: auto;
}

.company .coupons .filters .dropdown.sort button {
  border: solid 1px #e2e4e6;
}

.company .coupons .grid,
.company .coupon .grid,
.company .products .grid,
.company .product .grid,
.thematic .products .grid,
.index .products .grid,
.thematic .coupons .grid,
.coupons .coupons .grid,
.search .coupons .grid,
.search .products .grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.index .products .grid{
	justify-content: space-between;
}

.thematic .products .grid,
.search .products .grid {
  padding: 16px 15px;
}

.thematic .products .grid.ten-products {
	/*height: 456.78px;*/
  max-height: 456.78px;
  max-height: 585px;
}

.thematic .coupons .grid {
  padding: 0 10px;
}

.index .products .grid {
  padding: 16px 15px 0;
}

.index .products .grid.g-5 .product{
	display: flex;
	flex-wrap: wrap;
	border-radius: 5px;
	border: solid 1px #e2e4e6;
	margin-bottom: 15px;
	position: relative;
	justify-content: center;
	
	width: 148px;
	height: 230px;
	margin-right: 17px;
	padding-top: 0;
	
	background-image: url(https://www.navidiku.rs/siteassets/default/img/logo-not-found.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.grid .product>a {
    display: inline-block;
}
.grid .product img {
    max-width: 146px;
    height: 182px;
    width: auto;
}
.index .products .grid.g-5 .product img{
    max-width: 148px;
    height: 101px;
    max-width: 146px;
    height: 182px;
    width: auto;
}
.grid .product h4 {
    padding: 0;
    margin: 0;
    width: 100%;
		display: flex;
    align-items: flex-end;
}
.grid .product h4>a {
    width: 100%;
    padding: 0 5px;
    margin: 0;
    font-weight: 500;
    color: #4a4a4a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-bottom: 0;
    font-size: 14px;
    height: 32px;
    line-height: 1rem;
}
.grid .product .prices {
    text-align: right;
    display: flex;
    height: auto;
    position: absolute;
    bottom: 48px;
    left: 2px;
    background: #333390;
    opacity: .95;
    border-radius: 3px;
    padding: 4px 10px;
    color: #fff;
    font-size: 14px;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: row;
}
.grid .product .prices:empty{display:none}
.grid .product .prices span {
    line-height: 1rem;
}
.prices span.discount-price {
    margin-left: 5px;
}
.prices span s {
    font-size: .75rem;
}
.prices span.discount-price b {
    font-weight: 900;
    font-size: 1.15rem;
    color: #86bc18;
}


.company .coupons .grid .coupon,
.company .coupon .grid .coupon,
.company .productsS .grid .product,
.thematic .productsS .grid .product,
.index .productsS .grid .product,
.thematic .coupons .grid .coupon,
.search .coupons .grid .coupon {
  position: relative;
}

.company .coupons .grid.g-2 .coupon,
.company .coupon .grid.g-2 .coupon,
.company .coupons .grid.g-3 .coupon,
.search .coupons .grid.g-3 .coupon,
.company .coupon .grid.g-3 .coupon,
.company .coupon .grid.g-3 .coupon,
.company .productsS .grid.g-3 .product,
.thematic .productsS .grid.g-5 .product,
.index .productsS .grid.g-5 .product,
.search .productsS .grid.g-5 .product,
.search .productsS .grid.g-8 .product,
.search .productsS .grid.g-8 .product,
.thematic .coupons .grid.g-3 .coupon,
.coupons .coupons .grid.g-2 .coupon,
.coupons .coupons .grid.g-3 .coupon {
  display: flex;
  width: 288px;
  flex-wrap: wrap;
  border-radius: 5px;
  border: solid 1px #e2e4e6;
  margin-bottom: 15px;
  position: relative;
  justify-content: center;
	/*padding-top: 8px;*/;
}

.company .coupons .grid.g-3 .coupon,
.company .coupon .grid.g-3 .coupon,
.company .products .grid.g-3 .product,
.coupons .coupons .grid.g-3 .coupon {
  margin-right: 18px;
}
.company .products .grid.g-3 .product{
	max-width: 190px;
	margin-right: 15px;
	width: auto;
}

.company .products .grid .product.unavailable {
}

.company .products .grid .product.unavailable .notice,
.product.unavailable .notice {
  background-color: #d0021b;
  position: absolute;
  top: 45px;
  width: 90%;
  text-align: center;
  padding: 9px 0 6px 0;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 1;
}

.search .coupons .grid.g-3 .coupon {
  width: 288px;
  margin-right: 22px;
}
/*
.thematic .products .grid.g-5 .product,
.index .products .grid.g-5 .product,
.search .products .grid.g-5 .product {
  width: 148px;
  height: 197.4px;
  height: 274px;
  margin-right: 17px;
  padding-top: 0;
}
*/
/*
.index .products .grid.g-5 .product{
	width:19.75%;
	margin-right:0;
}
*/
.search .products .grid.g-8 .product {
  width: 182px;
	/*
	width: 14.28571428571429%;
  margin-right: 0;
  margin-bottom: 5px;
  padding-top: 0;
  border: 0;*/
}

.search .products .grid.g-8 .product:nth-child(2n+2) {
  background-color: rgba(239, 240, 241, 0.7);
}

.thematic .coupons .grid.g-3 .coupon {
  width: 270px;
  height: 250px;
  margin-right: 4px;
  padding: 12px 10px 10px 10px;
  justify-content: inherit;
  margin-bottom: 5px;
}

.company .coupons .grid.g-2 .coupon:nth-child(2),
.company .coupons .grid.g-2 .coupon:nth-child(2n),
/*.company .coupons .grid.g-2 .coupon:nth-child(odd),*/
.company .coupon .grid.g-2 .coupon:nth-child(even),
.coupons .coupons .grid.g-2 .coupon:nth-child(even) {
  margin-right: 0;
}

.company .coupons .grid.g-2 .coupon:nth-child(1),
.company .coupons .grid.g-2 .coupon,
.company .coupon .grid.g-2 .coupon,
.coupons .coupons .grid.g-2 .coupon {
  margin-right: 24px;
}

.company .coupons .grid.g-3 .coupon:nth-child(3n),
.search .coupons .grid.g-3 .coupon:nth-child(3n),
.company .products .grid.g-3 .product:nth-child(3n),
.thematic .products .grid.g-5 .product:nth-child(5n),
.index .products .grid.g-5 .product:nth-child(5n),
.search .products .grid.g-5 .product:nth-child(5n),
.search .products .grid.g-8 .product:nth-child(8n),
.coupons .coupons .grid.g-3 .product:nth-child(3n) {
  margin-right: 0;
}

.thematic .products .grid.g-5.all-products .product:nth-child(6n) {
	/*margin-right:17px;*/;
}

.thematic .coupons .grid.g-3 .coupon:nth-child(3n),
.coupons .coupons .grid.g-3 .coupon:nth-child(3n) {
  margin-right: 0;
}

.thematic .coupons .grid.g-3 .coupon:nth-child(4n),
.coupons .coupons .grid.g-3 .coupon:nth-child(4n) {
	/*margin-right:0;*/;
}

.coupons .coupons .grid.g-2 .coupon a.image {
  margin-bottom: 12px;
  display: inline-block;
  height: 160px;
  width: 288px;
  overflow: hidden;
}

.company .coupons .grid.g-2 .coupon img,
.company .coupon .grid.g-2 .coupon img,
.company .coupons .grid.g-3 .coupon img,
.search .coupons .grid.g-3 .coupon img,
.company .coupon .grid.g-3 .coupon img,
.company .products .grid.g-3 .product img,
.coupons .coupons .grid.g-2 .coupon img,
.coupons .coupons .grid.g-3 .coupon img {
  margin-bottom: 12px;
  height: 160px;
  width: 288px;
}

.coupons .coupons .grid.g-2 .coupon a.image img {
  margin: 0;
}

.company .coupons .grid.g-3 .coupon img,
.company .coupon .grid.g-3 .coupon img,
.company .products .grid.g-3 .product img,
.coupons .coupons .grid.g-3 .coupon img {
  width: auto;
    height: 125px;
    max-width: 190px;
}
[data-products-portrait] .company .products .grid.g-3 .product img{
	height: 234px
}
.search .coupons .grid.g-3 .coupon img {
  width: 288px;
  height: 160px;
}

.company .products .grid.g-3 .product img {
  margin-bottom: 14px;
}

.thematic .products .grid.g-5 .product .image,
.index .products .grid.g-5 .product .image,
.search .products .grid.g-5 .product .image,
.search .products .grid.g-8 .product .image {
  position: relative;
}

.search .products .grid.g-8 .product .image {
  /*width: 116px;
  height: 71px;*/
  /*
	margin-bottom: 12px;
	*/
}
/*
.thematic .products .grid.g-5 .product img,
.index .products .grid.g-5 .product img,
.search .products .grid.g-5 .product img {
	max-width: 148px;
	height: 101px;
	max-width: 146px;
    height: 182px;
	margin-bottom: 12px;
	width: auto;
}
*/
.search .products .grid.g-8 .product img {
  /*
	width: 116px;
  height: 71px;
	width: auto;
	max-width: 100%;
    height: 75px;
	display: block;
	margin: 0 auto;
	*/
	
	/*
	width: 100%;
	height: auto;
	max-width: 182px
	*/
}
/*
.company .coupons .grid .coupon h4,
.search .coupons .grid .coupon h4,
.company .coupon .grid .coupon h4,
.company .products .grid .product h4,
.search .products .grid .product h4,
.thematic .products .grid .product h4,
.index .products .grid .product h4,
.coupons .coupons .grid .coupon h4 {
  padding: 0 10px 0px 10px;
  margin: 0 0 0px;
  width: 100%;
}
.search .products .grid .product h4 {
  
}

.company .coupons .grid .coupon h4 a,
.search .coupons .grid .coupon h4 a,
.company .coupon .grid .coupon h4 a,
.company .products .grid .product h4 a,
.search .products .grid .product h4 a,
.thematic .products .grid .product h4 a,
.index .products .grid .product h4 a,
.coupons .coupons .grid .coupon h4 a {
  width: 100%;
  display: inline-block;
  padding: 0 0 0px 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #e2e4e6;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  height: 49px;
  overflow: hidden;
  line-height: 1.4rem;
}

.company .products .grid .product h4 a,
.thematic .products .grid .product h4 a,
.index .products .grid .product h4 a {
  border-bottom: 0;
}

.company .products .grid .product h4 a {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1rem;
  height: 32px;
}

.thematic .products .grid .product h4 a,
.index .products .grid .product h4 a {
  font-size: 14px;
  height: 32px;
  line-height: 1rem;
  margin-bottom: 9px;
  margin-bottom: 0;
}
*/
.search .products .grid .product h4 a {
  /*
	font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: .9rem;
  letter-spacing: normal;
  color: #4a4a4a;
  height: 44px;
  border: 0;
	*/
	/*
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1rem;
	height: 32px;
	border:0;
	*/
}

.company .coupons .grid.g-2 .summary,
.company .coupon .grid.g-2 .summary,
.coupons .coupons .grid.g-2 .summary,
.search .coupons .grid.g-3 .summary {
  display: flex;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 15px;
  flex-direction: row;
  text-align: left;
}

.coupons .coupons .grid.g-2 .summary {
  margin-bottom: 0;
}

.company .coupons .grid.g-2 .time-left,
.company .coupon .grid.g-2 .time-left,
.coupons .coupons .grid.g-2 .time-left,
.search .coupons .grid.g-3 .time-left {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  width: 150px;
}

.company .coupons .grid.g-2 .time-left b,
.company .coupon .grid.g-2 .time-left b,
.coupons .coupons .grid.g-2 .time-left b,
.search .coupons .grid.g-3 .time-left b {
  font-size: 18px;
}
/*
.company .coupons .grid .prices,
.search .coupons .grid .prices,
.company .coupon .grid .prices,
.company .products .grid .prices,
.thematic .products .grid .prices,
.index .products .grid .prices,
.content.coupons .coupons .grid .prices {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 8px;
  margin-left: auto;
  width: 200px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #4a4a4a;
}
*/

/*
.company .products .grid .prices,
.thematic .products .grid .prices,
.index .products .grid .prices {
  flex-direction: row;
  padding: 7px 0;
  align-items: center;
  justify-content: center;
}
.thematic .products .grid .prices,
.index .products .grid .prices {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 10px 5px 10px;
  height: 35px;
}

.search .products .grid .prices {
	display: flex;
	margin-bottom: 8px;
	margin-left: auto;
	width: 200px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #4a4a4a;
	padding: 7px 0;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.company .products .grid .product.price-on-request .prices {
  text-align: center;
  align-items: center;
}

.thematic .products .grid .product.price-on-request .prices,
.index .products .grid .product.price-on-request .prices {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

.company .coupons .grid .prices .regular-price,
.search .coupons .grid .prices .regular-price,
.company .coupon .grid .prices .regular-price,
.company .products .grid .prices .regular-price,
.thematic .products .grid .prices .regular-price,
.index .products .grid .prices .regular-price,
.coupons .coupons .grid .prices .regular-price {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: normal;
  color: #000000;
}

.company .products .grid .prices .regular-price,
.thematic .products .grid .prices .regular-price,
.index .products .grid .prices .regular-price {
  margin-right: 7px;
}

.search .products .grid .prices .regular-price {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.company .coupons .grid .prices .discount-price,
.search .coupons .grid .prices .discount-price,
.company .coupon .grid .prices .discount-price,
.company .products .grid .prices .discount-price,
.thematic .products .grid .prices .discount-price,
.index .products .grid .prices .discount-price,
.coupons .coupons .grid .prices .discount-price {
  font-size: 20px;
  font-weight: 900;
  color: #86bc18;
  line-height: 1rem;
}

.company .coupons .grid .prices .discount-price b,
.search .coupons .grid .prices .discount-price b,
.company .coupon .grid .prices .discount-price b,
.company .products .grid .prices .discount-price b,
.thematic .products .grid .prices .discount-price b,
.index .products .grid .prices .discount-price b,
.coupons .coupons .grid .prices .discount-price b {
  font-weight: 900;
}

.company .products .grid .prices .discount-price,
.thematic .products .grid .prices .discount-price,
.index .products .grid .prices .discount-price {
  font-size: 16px;
}

.thematic .products .grid .prices .discount-price,
.index .products .grid .prices .discount-price {
  font-weight: 500;
}

.search .products .grid .prices .discount-price {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f98720;
}
*/

.company .coupons .grid .dropdown.download,
.search .coupons .grid .dropdown.download,
.company .coupon .grid .dropdown.download,
.coupons .coupons .grid .dropdown.download {
  border-radius: 0 0 5px 5px;
  background-color: #f0eeef;
  margin: 0;
  padding: 16px 0;
  width: 100%;
  height: 72px;
  display: flex;
  justify-content: center;
  align-self: flex-end;
}

.company .coupons .grid .dropdown.download button,
.search .coupons .grid .dropdown.download button,
.company .coupon .grid .dropdown.download button,
.coupons .coupons .grid .dropdown.download button {
  width: 180px;
  height: 35px;
  border-radius: 0 3px 3px 0;
  background-color: #333390;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: #ffffff;
}

.company .coupons .grid .dropdown.download .btn.btn-details,
.company .coupon .grid .dropdown.download .btn.btn-details,
.coupons .coupons .grid .dropdown.download .btn.btn-details {
  width: 90px;
  height: 35px;
  border: 1px solid #333390;
  border-width: 1px 0 1px 1px;
  border-radius: 2px 0 0 2px;
  font-size: 14px;
}

.search .coupons .grid .dropdown.download .btn.btn-details {
  font-size: 14px;
  color: #86bc18;
  border-radius: 3px;
  border: solid 1px #86bc18;
  width: 115px;
  height: 35px;
}

.company .coupons .grid .dropdown.download button.dropdown-toggle::before,
.search .coupons .grid .dropdown.download button.dropdown-toggle::before,
.company .coupon .grid .dropdown.download button.dropdown-toggle::before,
.coupons .coupons .grid .dropdown.download button.dropdown-toggle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 35px;
  background-color: #14145c;
  z-index: 0;
  border-radius: 0 0 2px 2px;
}

.company .coupons .grid .dropdown.download button.dropdown-toggle::after,
.search .coupons .grid .dropdown.download button.dropdown-toggle::after,
.company .coupon .grid .dropdown.download button.dropdown-toggle::after,
.coupons .coupons .grid .dropdown.download button.dropdown-toggle::after {
  z-index: 4;
  position: absolute;
  top: 15px;
  right: 15px;
  border-color: #fff;
}

.company .coupons .grid .coupon.how-to,
.company .coupon .grid .coupon.how-to {
  width: 100%;
  margin: 7px 0 14px 0;
  border-radius: 5px;
  border: solid 1px #60ad50;
  padding: 0;
}

.company .coupon .grid .coupon.how-to {
  margin-top: 0;
  margin-bottom: 40px;
}

.company .coupons .grid .coupon.how-to ul,
.company .coupon .grid .coupon.how-to ul {
  padding: 20px;
  width: 100%;
  display: flex;
  border-bottom: solid 1px #60ad50;
}

.company .coupons .grid .coupon.how-to ul li,
.company .coupon .grid .coupon.how-to ul li {
  justify-content: space-between;
  position: relative;
  width: 33.33333333333333%;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #4a4a4a;
	/*padding-top:84px;*/;
}

.company .coupons .grid .coupon.how-to ul li span {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
  padding-bottom: 80px;
}

.company .coupons .grid .coupon.how-to ul li span::before {
  content: '';
  position: absolute;
  top: 10px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.company .coupons .grid .coupon.how-to ul li span::after {
  content: '';
  position: absolute;
  top: calc(50% - 17.5px);
  left: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #1650e2;
  border-radius: 50%;
  color: #fff;
}

.company .coupons .grid .coupon.how-to ul li:nth-child(1) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-register.svg);
  width: 57px;
  height: 57px;
  left: calc(50% - 57px / 2);
}

.company .coupons .grid .coupon.how-to ul li:nth-child(1) span::after {
  content: '1';
	/*left:calc(50% - 57px / 2 - 10px);*/;
}

.company .coupons .grid .coupon.how-to ul li:nth-child(2) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-print.svg);
  width: 52px;
  height: 46px;
  left: calc(50% - 52px / 2);
}

.company .coupons .grid .coupon.how-to ul li:nth-child(2) span::after {
  content: '2';
	/*left:calc(50% - 52px / 2 - 10px);*/;
}

.company .coupons .grid .coupon.how-to ul li:nth-child(3) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-pay.svg);
  width: 35px;
  height: 51px;
  left: calc(50% - 35px / 2);
}

.company .coupons .grid .coupon.how-to ul li:nth-child(3) span::after {
  content: '3';
	/*left:calc(50% - 35px / 2 - 10px);*/;
}
/*
.company .coupons .grid .coupon.how-to ul li::before,
.company .coupon .grid .coupon.how-to ul li::before{
	content:'';
	position:absolute;
	top:0;
	left:calc(50% - 32px);
	width:64px;
	height:64px;
	display:inline-block;
	border:1px solid red;
}
*/
.company .coupons .grid .coupon.how-to ul li::after,
.company .coupon .grid .coupon.how-to ul li::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 7.4px solid transparent;
  border-bottom: 7.4px solid transparent;
  border-left: 7.4px solid #1650e2;
  top: 32px;
  right: 0px;
  position: absolute;
}

.company .coupons .grid .coupon.how-to ul li:last-child::after,
.company .coupon .grid .coupon.how-to ul li:last-child::after {
  display: none;
}

.company .coupons .grid .coupon.how-to ul li b,
.company .coupon .grid .coupon.how-to ul li b {
}

.company .coupons .grid .coupon.how-to h3.title,
.company .coupon .grid .coupon.how-to h3.title {
  text-transform: uppercase;
  text-align: center;
  background-color: #60ad50;
  border-radius: 4px;
  border: solid 2px #60ad50;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  padding: 10px 0 9px 15px;
  width: 100%;
}

.company .coupons .grid .coupon.how-to h5,
.company .coupon .grid .coupon.how-to h5 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 10px auto 15px;
}

.company .coupons .grid .coupon.how-to h5 small,
.company .coupon .grid .coupon.how-to h5 small {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.company .coupons .grid .coupon i.tag-discount,
.search .coupons .grid .coupon i.tag-discount,
.company .coupon .grid .coupon i.tag-discount,
.company .products .grid .product i.tag-discount,
.search .products .grid .product i.tag-discount,
.company .coupon .about i.tag-discount,
.thematic .products .grid .product i.tag-discount,
.index .products .grid .product i.tag-discount,
.coupons .coupons .grid .coupon i.tag-discount {
	/*position:relative;*/
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  padding: 5px;
  background-color: #f8cd1c;
  left: 20px;
  width: 50px;
  height: 26.5px;
  text-align: center;
}

.company .coupon .about i.tag-discount {
  position: absolute;
  right: 30px;
  left: inherit;
  right: inherit;
  left: 0;
  z-index: 1;
}

.company .coupons .grid .coupon i.tag-discount::before,
.search .coupons .grid .coupon i.tag-discount::before,
.company .coupon .grid .coupon i.tag-discount::before,
.company .products .grid .product i.tag-discount::before,
.search .products .grid .product i.tag-discount::before,
.company .coupon .about i.tag-discount::before,
.thematic .products .grid .product i.tag-discount::before,
.index .products .grid .product i.tag-discount::before,
.coupons .coupons .grid .coupon i.tag-discount::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 26.5px;
  position: absolute;
  top: 0;
  left: 0px;
}

.company .coupons .grid .coupon i.tag-discount::after,
.search .coupons .grid .coupon i.tag-discount::after,
.company .coupon .grid .coupon i.tag-discount::after,
.company .products .grid .product i.tag-discount::after,
.search .products .grid .product i.tag-discount::after,
.company .coupon .about i.tag-discount::after,
.thematic .products .grid .product i.tag-discount::after,
.index .products .grid .product i.tag-discount::after,
.coupons .coupons .grid .coupon i.tag-discount::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 11.9px solid #f8cd1c;
  position: absolute;
  top: 26.5px;
  left: 0;
}

.company .coupons .coupon.expired,
.search .coupons .coupon.expired,
.company .coupon .coupon.expired,
.coupons .coupons .coupon.expired,
.company .products .product.expired {
}

.company .coupons .coupon.expired .notice,
.search .coupons .coupon.expired .notice,
.company .coupon .coupon.expired .notice,
.coupons .coupons .coupon.expired .notice,
.company .products .product.expired .notice {
  background-color: #d0021b;
  position: absolute;
  top: 56px;
  width: 100%;
  text-align: center;
  padding: 9px 0 6px 0;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.company .coupons .coupon.expired .notice .price,
.search .coupons .coupon.expired .notice .price,
.company .coupon .coupon.expired .notice .price,
.coupons .coupons .coupon.expired .notice .price,
.company .products .product.expired .notice .price {
  color: rgba(255, 255, 255, .4);
  font-size: 16px;
  font-weight: 900;
  display: flex;
  justify-content: center;
}

.company .coupons .grid.g-3 .coupon.expired h4,
.search .coupons .grid.g-3 .coupon.expired h4,
.company .coupon .grid.g-3 .coupon.expired h4,
.coupons .coupons .grid.g-3 .coupon.expired h4,
.company .products .grid.g-3 .product.expired h4 {
}

.company .coupons .grid.g-3 .coupon.expired h4 a,
.search .coupons .grid.g-3 .coupon.expired h4 a,
.company .coupon .grid.g-3 .coupon.expired h4 a,
.coupons .coupons .grid.g-3 .coupon.expired h4 a,
.company .products .grid.g-3 .product.expired h4 a {
  font-size: 14px;
  height: 32px;
  overflow: hidden;
  line-height: 1rem;
  border-bottom: 0;
}

.company .coupons .additional,
.search .coupons .additional,
.company .coupon .additional {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
}

.company .coupons .additional p.note,
.search .coupons .additional p.note,
.company .coupon .additional p.note {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: #4a4a4a;
  margin: 0;
}

.company .coupons .additional .dropdown.more-coupons,
.search .coupons .additional .dropdown.more-coupons,
.company .coupon .additional .dropdown.more-coupons {
  margin-left: auto;
  align-items: center;
  justify-content: center;
}

.products-grid .products .product .buttons,
.company .products .grid.g-3 .product .buttons,
.thematic .products .grid.g-5 .product .buttons,
.index .products .grid.g-5 .product .buttons,
.search .products .grid.g-5 .product .buttons,
.search .products .grid.g-8 .product .buttons,
.sidebar .products-grid .products .product .buttons {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.products-grid .products .product .buttons a,
.company .products .grid.g-3 .product .buttons a,
.thematic .products .grid.g-5 .product .buttons a,
.index .products .grid.g-5 .product .buttons a,
.search .products .grid.g-5 .product .buttons a,
.search .products .grid.g-8 .product .buttons a,
.sidebar .products-grid .products .product .buttons a {
  width: 120px;
  height: 31px;
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #4a4a4a;
}

.search .products .grid.g-8 .product .buttons a {
  width: 110px;
  height: 34px;
}

.products-grid .products .product .buttons a,
.sidebar .products-grid .products .product .buttons a {
  width: 120px;
  line-height: 1rem;
}

.products-grid .products .product .buttons a.btn-details,
.company .products .grid.g-3 .product .buttons a.btn-details,
.thematic .products .grid.g-5 .product .buttons a.btn-details,
.index .products .grid.g-5 .product .buttons a.btn-details,
.search .products .grid.g-5 .product .buttons a.btn-details,
.search .products .grid.g-8 .product .buttons a.btn-details,
.sidebar .products-grid .products .product .buttons a.btn-details {
  background-color: #333390;
  color: #ffffff;
  margin-top: 7px;
}

.products-grid .products .product::before,
.company .products .grid.g-3 .product::before,
.thematic .products .grid.g-5 .product::before,
.index .products .grid.g-5 .product::before,
.search .products .grid.g-5 .product::before,
.search .products .grid.g-8 .product::before,
.sidebar .products-grid .products .product::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  border-radius: 5px;
	display:none;
}

.company .products .grid .product.unavailable::before,
.product.unavailable::before {
  background-color: rgba(255, 255, 255, 0.33);
}

.products-grid .products .product:hover::before,
.company .products .grid.g-3 .product:hover::before,
.thematic .products .grid.g-5 .product:hover::before,
.index .products .grid.g-5 .product:hover::before,
.search .products .grid.g-5 .product:hover::before,
.search .products .grid.g-8 .product:hover::before,
.sidebar .products-grid .products .product:hover::before {
  background-color: rgba(0, 0, 0, .7);
}

.products-grid .products .product[data-has-video]:hover::after,
.company .products .grid.g-3 .product[data-has-video]:hover::after,
.thematic .products .grid.g-5 .product[data-has-video]:hover::after,
.index .products .grid.g-5 .product[data-has-video]:hover::after,
.search .products .grid.g-5 .product[data-has-video]:hover::after,
.search .products .grid.g-8 .product[data-has-video]:hover::after,
.sidebar .products-grid .products .product[data-has-video]:hover::after{
  display: none;
}
.products-grid .products .product:hover .buttons,
.company .products .grid.g-3 .product:hover .buttons,
.thematic .products .grid.g-5 .product:hover .buttons,
.index .products .grid.g-5 .product:hover .buttons,
.search .products .grid.g-5 .product:hover .buttons,
.search .products .grid.g-8 .product:hover .buttons,
.sidebar .products-grid .products .product:hover .buttons {
  display: flex;
}

.company .coupon .single .activity {
  display: flex;
  margin-bottom: 15px;
  padding-left: 30px;
}

.company .coupon .single .activity span {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  color: #4a4a4a;
}

.company .coupon .single .activity span.total {
  margin-left: auto;
}

.company .coupon .single .about,
.company .product .single .about {
  border-radius: 6px;
  border: solid 1px #c2c6cb;
  margin-bottom: 30px;
  position: relative;
}
.company .product .single .about {
	border:0;
}

.company .coupon.expired .single .about::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}

.company .coupon .single .about p.offer,
.company .product .single .about p.offer,
.company .product .single .about h1.offer {
  font-size: 16px;
  color: #4a4a4a;
  padding: 15px;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
}

.company .coupon .single .about .info,
.company .product .single .about .info {
  display: flex;
  align-items: unset;
  padding: 0 15px 0 15px;
  margin-bottom: 15px;
}

.company .coupon .single .about .info .image,
.company .product .single .about .info .image {
  position: relative;
  margin: 0;
  width: 100%;
}

.company .coupon.expired .single .about .info .image+.notice {
  position: absolute;
  top: 40%;
  max-width: 300px;
  width: 100%;
  height: 52px;
  background-color: #d0021b;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 99;
}

.company .coupon .single .about .info .image>a,
.company .product .single .about .info .image>a {
  display: none;
}

.company .coupon .single .about .info .summary {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}

.company .product .single .about .info .summary {
  /*margin-left: 18px;*/
}

.company .coupon .single .about .info .summary .time-left {
  display: flex;
  height: 50%;
  flex-direction: column;
  align-items: flex-end;
  color: #000000;
}

.company .coupon .single .about .info .summary .time-left b {
  font-size: 20px;
}

.company .coupon .single .about .info .summary .prices {
  align-items: flex-end;
  display: flex;
  height: 50%;
  flex-direction: column;
  justify-content: flex-end;
}

.company .coupon .single .about .info .summary .prices span {
  display: block;
}

.company .product .single .about .info .summary .prices {
  margin-bottom: 10px;
}

.company .product .single .about .info .summary .prices span {
  font-size: 20px;
  font-weight: normal;
  color: #000000;
}

.company .product .single .about .info .summary .prices span.on-request b {
  font-weight: 500;
}

.company .coupon .single .about .info .summary .prices .regular-price,
.company .coupon .single .about .info .summary .prices .savings {
  font-size: 16px;
  font-weight: normal;
  color: #4a4a4a;
  margin-bottom: 5px;
}

.company .coupon .single .about .info .summary .prices .savings {
  color: #60ad50;
}

.company .coupon .single .about .info .summary .prices .regular-price s,
.company .coupon .single .about .info .summary .prices .savings font {
  width: 80px;
  display: inline-block;
  text-align: right;
}

.company .coupon .single .about .info .summary .prices .discount-price {
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
  border-top: 1px solid #979797;
  width: 200px;
  margin-top: 5px;
  padding-top: 5px;
}

.company .coupon .single .about .download {
  display: flex;
  padding: 18px 19px 19px 15px;
  border-radius: 5px;
  background-color: #f0eeef;
  align-items: center;
}

.company .coupon .single .about .download label {
  font-size: 16px;
  font-weight: normal;
  color: #4a4a4a;
}

.company .coupon .single .about .download label select {
  width: 43px;
  height: 35px;
  border-radius: 3px;
  border: solid 1px #979797;
  margin-left: 10px;
  padding-left: 5px;
}

.company .coupon .single .about .download .btn-download {
  margin-left: auto;
}

.company .coupon .single .description,
.company .product .single .description {
  padding-bottom: 20px;
  border-bottom: solid 1px #e2e4e6;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.company .coupon~ .single .description,
.company .product .single .description {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  color: #4a4a4a;
  padding: 5px 15px 15px 16px;
  border: 0;
}

.company .product .single .description strong {
  font-weight: bold;
}

.company .coupon~ .single .description h2,
.company .product .single .description h2 {
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: 500;
}

.company .product .single .description h2 a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #333390;
}

.company .coupon .single .description p {
}

.company .coupon .single .notes {
  padding-bottom: 20px;
  border-bottom: solid 1px #e2e4e6;
  margin-bottom: 20px;
}

.company .coupon .single .notes h3 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  text-transform: uppercase;
  padding-left: 30px;
}

.company .coupon .single .notes h3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  background: no-repeat 50%;
  background-size: 100% 100%;
  background-image: url(../img/icons/svg/icon-coupon-notes.svg);
  width: 20px;
  height: 20px;
}

.company .coupon .single .notes ul {
  padding-left: 20px;
}

.company .coupon .single .notes ul li {
  list-style-type: initial;
  padding-left: 0px;
  line-height: 1.2rem;
  margin-bottom: 5px;
  font-size: 16px;
}

.company .product .single .about .info .code {
	display: inline-block;
	margin-bottom: 15px;
	text-align: right;
}

.company .product .single .about .info .summary .rating span {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 8px;
  float: left;
}

.company .product .single .about .info .summary .rating i {
}

.company .product .single .about .info .summary .buttons {
  width: 100%;
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.company .product .single .about .info .summary .buttons div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 100%;
}

.company .product .single .about .info .summary .buttons a {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  height: 40px;
  padding: 8px 0 8px 30px;
  text-transform: uppercase;
  position: relative;
	/*width:230px;*/
  width: 100%;
}

.company .product .single .about .info .summary .buttons a.btn-order-by-phone {
  background-color: #fff;
  border: solid 1px #333390;
  color: #333390;
}

.company .product .single .about .info .summary .buttons a.btn-order-by-phone::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 20px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333390;
  -webkit-mask: url(../img/icons/svg/icon-call.svg) no-repeat;
  mask: url(../img/icons/svg/icon-call.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.company .product .single .about .info .summary .buttons a.btn-order-online {
  color: #ffffff;
}

.company .product .single .about .info .summary .buttons a.btn-order-online::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 20px;
  width: 28px;
  height: 23px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  -webkit-mask: url(../img/icons/svg/icon-cart.svg) no-repeat;
  mask: url(../img/icons/svg/icon-cart.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.company .product .single .order {
  border-radius: 5px;
  border: solid 1px #e2e4e6;
  background-color: #fff;
  margin: 0 14px 30px 15px;
}

.company .product .single .order h2 {
  padding: 17px 0 14px 20px;
  border-radius: 5px;
  background-color: #eff0f1;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 6px;
  position: relative;
}

.company .product .single .order h2 .close {
  line-height: 1em;
  right: 10px;
}

.company .product .single .order table {
  margin-bottom: 15px;
}

.company .product .single .order table>thead>tr,
.company .product .single .order table>tbody>tr,
.company .product .single .order table>tfoot>tr {
  border-bottom: 1px solid #979797;
}

.company .product .single .order table>tbody>tr {
  border-bottom: 1px solid #e2e4e6;
}

.company .product .single .order table>tfoot>tr:last-child {
  border: 0;
}

.company .product .single .order table>thead>tr>th,
.company .product .single .order table>tbody>tr>td,
.company .product .single .order table>tfoot>tr>td {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  padding: 8px;
  text-align: left;
}

.company .product .single .order table>tbody>tr>td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.company .product .single .order table>thead>tr>th:first-child,
.company .product .single .order table>tbody>tr>td:first-child,
.company .product .single .order table>tfoot>tr>td:first-child {
  padding-left: 0;
}

.company .product .single .order table>tbody>tr>td:last-child {
  font-size: 20px;
  color: #000000;
}

.company .product .single .order table>tbody>tr>td.product b,
.company .product .single .order table>tbody>tr>td.product small {
  width: 100%;
  display: inline-block;
}

.company .product .single .order table>tfoot>tr:last-child td {
  font-size: 20px;
  color: #000000;
}

.company .product .single .order .form {
  margin: 0 20px 0 20px;
}

.company .product .single .order .form fieldset legend {
  border-bottom: 1px solid #979797;
  text-transform: uppercase;
  width: 100%;
  color: #000000;
  font-size: 14px;
  padding-bottom: 8px;
}

.company .product .single .order .form .form-group {
  width: 252px;
  height: 100px;
  float: left;
}

.company .product .single .order .form .form-group:nth-child(odd) {
  margin-left: 18px;
}

.company .product .single .order .form label {
  font-size: 14px;
}

.company .product .single .order .form input {
  width: 252px;
}

.company .product .single .order .form button[type='submit'] {
  width: 237px;
  height: 45px;
  margin: 0 auto 20px auto;
  border-radius: 4px;
  text-transform: uppercase;
}

.company .product .single .order>.thanks {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 100px 0 100px 0;
  height: 230px;
}

.company .product .single .order>.thanks p {
  font-size: 16px;
  margin-bottom: 30px;
}

.company .product .single .order>.thanks p.green {
  font-size: 20px;
  font-weight: 500;
  color: #8db93c;
  position: relative;
  margin-bottom: 5px;
}

.company .product .single .order>.thanks p.thanks {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.company .product .single .order>.thanks i.icon-check {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  padding: 40px 0px;
  margin-bottom: 30px;
}

.company .product .single .order>.thanks i.icon-check::before {
  content: "\2714";
  font-style: normal;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  left: 0;
  color: #fff;
  background-color: #8db93c;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 3em;
  line-height: 1rem;
  font-weight: 900;
}

.content.company ~ .sidebar.left {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  position: sticky;
  top: 195px;
}

header.big+section.container .content.company ~ .sidebar.left {
  top: 470px;
  top: 15px;
}

.content.company ~ .sidebar.left .info,
.content.company ~ .sidebar.left .ask-company,
.ccontent.company ~ .sidebar.right .ask-company {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}

.content.company ~ .sidebar.left .info {
  margin-bottom: 15px;
}

.content.company ~ .sidebar.left .ask-company,
.ccontent.company ~ .sidebar.right .ask-company {
  border-radius: 3px;
}

.content.company ~ .sidebar.right .ask-company {
  margin: 0 0 16px 0;
  border-radius: 2.5px;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact {
  padding: 10px 0 5px;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact.form label {
  margin: 0 0 8px 0;
  display: flex;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact.form input,
.content.company ~ .sidebar.right .ask-company #form_company_contact.form textarea {
  padding: 8px 0 8px 8px;
  font-size: 12px;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact.form input {
  margin: 0 auto 0 13px;
  width: 60%;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact.form textarea {
  width: 90%;
  margin: 0 auto;
}

.content.company ~ .sidebar.right .ask-company #form_company_contact button[type='submit'] {
  background-color: #333390;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  margin: 0 auto 8px;
  padding: 8px 16px 8px;
  display: flex;
  justify-content: center;
  width: 120px;
  border-radius: 2.5px;
}

.content.company ~ .sidebar.left .info .logo {
  width: 160px;
  height: 120px;
  justify-content: center;
  align-items: center;
  display: flex;
  border: solid 1px rgba(51, 51, 144, 0.2);
  margin-bottom: 7px;
}

.content.company ~ .sidebar.left .info .logo img {
  height: 90px;
  width: 120px;
}

.content.company ~ .sidebar.left .info h6 {
	/*
	font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  color: #000000;
	
	*/
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  color: #000000;
  border-bottom: solid 1px rgba(51, 51, 144, .5);
  margin: 0 0 9px;
  padding: 0 0 5px;
}

.content.company ~ .sidebar.left .phones {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
		min-height: 36px;
}
.content.company ~ .sidebar.left .phones .icon-phones{
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0;
	right: 0;
	cursor: pointer;
}
.content.company ~ .sidebar.left .phones .icon-phones::before{
	content: '';
    background-image: url(../img/icons/svg/icon-call-white.svg);
    width: 36px;
    height: 36px;
    background-size: 60%;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    display: flex;
    align-self: flex-end;
    justify-self: initial;
    background-color: #333390;
    border-radius: 50%;
}
.content.company ~ .sidebar.left .phone {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #4a4a4a;
	display: flex;
	align-self: flex-start;
	padding: 0 36px 0 0;
}

.content.company ~ .sidebar.left .phone a {
  color: #1650e2;
}

.content.company ~ .sidebar.left .dropdown.working-hours {
  margin: 0 0 0;
  padding: 7px 9.5px 7px 0;
  border: 0;
}

.dropdown.working-hours .dropdown-menu {
  padding: 0;
}

.dropdown.working-hours .dropdown-menu a.dropdown-item {
  padding: 2px 8px 2px 8px;
}

.dropdown.working-hours .dropdown-menu a.dropdown-item.current {
  font-weight: 700;
}

.content.company ~ .sidebar.left .dropdown.working-hours .btn {
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a;
  padding: 0;
  width: 100%;
  position: relative;
  text-align: left;
}

.content.company ~ .sidebar.left .dropdown.working-hours b.opened {
}

.content.company ~ .sidebar.left .dropdown.working-hours .btn.dropdown-toggle::after {
  top: 6.5px;
  right: 0;
}

.content.company ~ .sidebar.left .navigation {
  border-top: solid 1px rgba(51, 51, 144, .5);
  margin: 9px 0 0;
  padding: 15px 0 0;
}

.content.company ~ .sidebar.left .navigation ul {
}

.content.company ~ .sidebar.left .navigation ul li {
  height: 20px;
  position: relative;
  margin-bottom: 18px;
}

.content.company ~ .sidebar.left .navigation ul li a {
  font-size: 14px;
  letter-spacing: normal;
  color: #4a4a4a;
  text-transform: uppercase;
  padding-left: 31px;
}

.content.company ~ .sidebar.left .navigation ul li.active a {
  font-weight: 500;
}

.content.company ~ .sidebar.left .navigation ul li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: 8px;
  height: 19px;
}

.content.company ~ .sidebar.left .navigation ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  vertical-align: middle;
  background: no-repeat 50%;
  background-size: 100% 100%;
  height: 20px;
  width: 20px;
}

.content.company ~ .sidebar.left .navigation ul li.nav-home a {
}

.content.company ~ .sidebar.left .navigation ul li.nav-home a::before {
background-color: #1650e2;
  -webkit-mask: url(../img/icons/svg/icon-home.svg) no-repeat;
  mask: url(../img/icons/svg/icon-home.svg) no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.content.company ~ .sidebar.left .navigation ul li.nav-home.active::before {
  background-color: #1650e2;
}

.content.company ~ .sidebar.left .navigation ul li.nav-home.active a {
  color: #333390;
}

.content.company ~ .sidebar.left .navigation ul li.nav-gallery a {
}

.content.company ~ .sidebar.left .navigation ul li.nav-gallery a::before {
  background-image: url(../img/icons/png/icon-gallery.png);
  height: 15px;
  width: 20px;
}

.content.company ~ .sidebar.left .navigation ul li.nav-gallery.active::before {
  background-color: #1650e2;
}

.content.company ~ .sidebar.left .navigation ul li.nav-gallery.active a {
  color: #1650e2;
}

.content.company ~ .sidebar.left .navigation ul li.nav-coupons a {
  position: relative;
}

.content.company ~ .sidebar.left .navigation ul li.nav-coupons a::before {
  background-image: url(../img/icons/png/icon-coupons.png);
}

.content.company ~ .sidebar.left .navigation ul li.nav-coupons a span.badge,
.content.company ~ .sidebar.left .navigation ul li.nav-products a span.badge {
  background-color: red;
  color: #fff;
  right: -22.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
  font-size: 9px;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  width: 20px;
  height: 20px;
}

.content.company ~ .sidebar.left .navigation ul li.nav-coupons.active::before {
  background-color: #fd848d;
}

.content.company ~ .sidebar.left .navigation ul li.nav-coupons.active a {
  color: #fd848d;
}

.content.company ~ .sidebar.left .navigation ul li.nav-map a {
}

.content.company ~ .sidebar.left .navigation ul li.nav-map a::before,
.content.news ~ .suggestions .companies .companies.grid .header h4 a::before {
  background-image: url(../img/icons/png/icon-map.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 14px;
  left: 3px;
}

.content.company ~ .sidebar.left .navigation ul li.nav-map.active::before {
  background-color: #e35a8e;
}

.content.company ~ .sidebar.left .navigation ul li.nav-map.active a {
  color: #e35a8e;
}

.content.company ~ .sidebar.left .navigation ul li.nav-products a {
  position: relative;
}

.content.company ~ .sidebar.left .navigation ul li.nav-products a::before {
  background-image: url(../img/icons/png/icon-products.png);
  height: 17px;
  width: 20px;
}

.content.company ~ .sidebar.left .navigation ul li.nav-products.active::before {
  background-color: #60a89b;
}

.content.company ~ .sidebar.left .navigation ul li.nav-products.active a {
  color: #60a89b;
}

.content.company ~ .sidebar.left .navigation ul li.nav-pricelist a {
}

.content.company ~ .sidebar.left .navigation ul li.nav-pricelist a::before {
  background-image: url(../img/icons/png/icon-pricelist.png);
}

.content.company ~ .sidebar.left .navigation ul li.nav-pricelist.active::before {
  background-color: #c0ce99;
}

.content.company ~ .sidebar.left .navigation ul li.nav-pricelist.active a {
  color: #c0ce99;
}

.content.company ~ .sidebar.left .navigation ul li.nav-contact a {
}

.content.company ~ .sidebar.left .navigation ul li.nav-contact a::before {
  background-image: url(../img/icons/png/icon-contact.png);
  height: 17px;
  width: 20px;
}

.company-list .company-card.options {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  box-shadow: none;
  min-height: inherit;
}

.company-list .company-card.form {
  margin-bottom: 25px;
  min-height: inherit;
  padding-bottom: 15px;
}

.company-list.company-list-tmp .company-card.form {
  margin-top: 25px;
}

.company-list .company-card.form.collapse:not(.show) {
  display: none;
}

.company-list .company-card.form #form_company_add {
}

.company-list .company-card.form #form_company_add fieldset legend {
  color: #333390;
  border-bottom: 1px solid #e2e4e6;
  text-transform: uppercase;
  width: 833px;
}

.content.thematic .company-list .company-card.form #form_company_add fieldset legend {
  width: 800px;
}

.company-list .company-card.form #form_company_add .form-group {
  width: 405px;
  height: 94px;
  float: left;
}

.content.thematic .company-list .company-card.form #form_company_add .form-group {
  width: 372px;
}

.company-list .company-card.form #form_company_add .form-group:nth-child(odd) {
  margin-left: 20px;
}

.content.thematic .company-list .company-card.form #form_company_add .form-group:nth-child(odd) {
  margin-left: 35px;
}

.company-list .company-card.form #form_company_add input {
  width: 405px;
}

.content.thematic .company-list .company-card.form #form_company_add input {
  width: 390px;
}

.company-list .company-card .company-apply {
  display: inline-block;
  text-align: center;
  flex: 1;
  margin: 0 5px 0 0;
  padding: 5px 0;
  height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

.company-list .company-card .companies-ask {
  display: inline-block;
  text-align: center;
  flex: 1;
  margin: 0 0px 0 5px;
  padding: 5px 0;
  height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

.company-list .company-card .companies-ask.inactive {
  position: relative;
  background-color: rgba(255, 255, 255, .3);
}

.company-list .company-card .companies-ask.inactive::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #ffffff;
}

.company-list .company-card .company-apply h5,
.company-list .company-card .companies-ask h5 {
  margin: 5px 0;
}

.company-list .company-card .company-apply h5 {
  font-size: 16px;
  color: #333390;
}

.company-list .company-card .companies-ask h5 {
  font-size: 16px;
  color: #f98720;
}

.company-list .company-card .company-apply h5+div,
.company-list .company-card .companies-ask h5+div {
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-bottom: 10px;
}

/* Products Grid */
.products-grid,
.reviews-list,
.company .nearby {
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  border: solid 2px #f98720;
  background-color: #ffffff;
  margin-bottom: 15px;
}

.products-grid h3.title,
.reviews-list h3.title,
.company .nearby h3.title,
.company .map .directions h3.title {
  width: 100%;
  background-color: #f88620;
  margin: 0;
  padding: 0;
}

.products-grid h3.title a,
.reviews-list h3.title a {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px 0 9px 15px;
  display: inline-block;
}

.products-grid .products {
	/* display:flex; */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.products-grid .products .product {
	/*background-color: rgba(239, 240, 241, 0.7);*/
  flex: 0 0 14.666667%;
  padding: 8px 7px 5px 7px;
  margin: 16px 7px 12px;
  text-align: center;
  position: relative;
}

.products-grid .products .product.with-bg,
.products-grid .products .product:nth-child(odd) {
	/*background-color: rgba(239, 240, 241, 0.7);*/;
}

.products-grid .products .product img {
	width: auto;
	height: 71px;
	max-width: 100%;
  height: 71px;
  border-radius: 5px;
  background-color: #d8d8d8;
  margin-bottom: 12px;
	
	height: 145px;
	margin-bottom: 0;
	/*border-radius:0;*/
}

.products-grid .products .product h4 {
  margin: 0px 4px 14px 4px;
	/*
	margin-block-start: 12px;
	margin-block-end: 12px;
	*/
	margin: 0px 4px 8px 4px;
	height: 15px;
	font-size: 14px;
}

.products-grid .products .product h4 a {
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  line-height: .875rem;
}

.sidebar .products-grid .products .product h4 a {
  color: #4a4a4a;
}

.products-grid .products .product h4 a:hover {
  color: #1650e2;
}

.products-grid .products .product .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products-grid .products .product .regular-price {
  font-family: Roboto;
  font-size: 10px;
  color: #4a4a4a;
}

.products-grid .products .product .discount-price {
  font-size: 12px;
  font-weight: bold;
  color: #f98720;
  margin-left: auto;
}

.products-grid .products .product .prices span.price-on-request,
.thematic .products .product .prices span.price-on-request {
  width: 100%;
  font-size: 12px;
}

.thematic .products .product .prices span.price-on-request {
  text-align: center;
}

.products-grid .load-more {
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  margin: 13px 0 13px 0;
  display: flex;
  justify-content: center;
  text-decoration: none;
}

.load-more-cupons a {
  border: 2px solid #333390;
  font-weight: 900;
  padding: 10px 60px;
  border-radius: 2px;
}
/* Reviews */
.reviews-list {
  border: 0;
  background-color: transparent;
  margin-bottom: 29px;
}

.reviews-list h3.title {
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px;
  border: solid 2px #f98720;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 0 9px 15px;
  display: inline-block;
}

.reviews-list .reviews {
  margin-top: 10px;
}

.reviews-list .reviews .review {
padding: 15px 15px 10px 15px;
    border-radius: 5px;
    border: solid 1px #c2c6cb;
    background-color: #fff;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}

.reviews-list .reviews .review .review-info {
  display: flex;
  width: 177px;
  width: 120px;
  font-size: 12px;
  color: #4a4a4a;
  flex-direction: column;
  align-items: center;
	line-height: 1rem;
}

.reviews-list .reviews .review .review-user-avatar {
  height: 44px;
  width: 44px;
  position: relative;
}

.reviews-list .reviews .review .review-user-avatar:empty::before {
  content: '';
  background-image: url(../img/icons/svg/icon-user.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-size: 71%;
  background-repeat: no-repeat;
  background-position: center 10px;
  border-radius: 50%;
  border: 1px solid #979797;
}

.reviews-list .reviews .review .review-user-avatar img {
  height: 44px;
  width: 44px;
}

.reviews-list .reviews .review .review-details {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  padding-left: 10px;
  margin: 0;
  padding: 0;
  align-items: center;
}

.content.subcategory .reviews-list .reviews .review .review-details {
  width: 130px;
	text-align:center;
}

.reviews-list .reviews .review .review-date {
  font-size: 12px;
  color: #4a4a4a;
}

.reviews-list .reviews .review .review-author {
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
}

.reviews-list .reviews .review .review-company a {
  font-size: 14px;
  color: #cecece;
  font-weight: 500;
}

.reviews-list .reviews .review .review-body {
  margin-left: auto;
  width: calc(100% - 181px);
  width: calc(100% - 126px);
  vertical-align: top;
}

.reviews-list .reviews .review .review-body .review-message {
  font-size: 14px;
  font-weight: 300;
  color: #4a4a4a;
  min-height: 48px;
  margin-bottom: 15px;
}

.reviews-list .reviews .review .review-body .review-footer {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  padding: 0px 0 5px 0;
}

.review-action {
  position: relative;
  width: auto;
  width: auto;
  height: 16px;
  padding-left: 21px;
  margin-left: 15px;
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  align-items: flex-start;
  display: flex;
}

.review-action:before,
.review-action::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.review-like:before,
.review-like::before {
  background-image: url(../img/icons/png/icon-thumbs-up.png);
}

.review-dislike:before,
.review-dislike::before {
  background-image: url(../img/icons/png/icon-thumbs-down.png);
}


.reviews-list .reviews .review .review-body .review-photos {
  padding-top: 15px;
  border-top: 1px solid #e2e4e6;
}

.reviews-list .reviews .review .review-body .review-photos ul {
}

.reviews-list .reviews .review .review-body .review-photos ul li {
  display: inline-block;
  margin-right: 5.5px;
}

.reviews-list .reviews .review .review-body .review-photos ul li:last-child {
  margin-right: 0;
}

.reviews-list .reviews .review .review-body .review-photos ul li img {
  height: 50px;
	width: auto;
	max-width: 100%;
}
.form-reply button[type='submit']{
padding: 6px 10px 6px;
font-size: 14px;
min-width: 93px;
margin-bottom:0;
}
.company .reviews-list .reviews .review .review-info {
  flex-direction: column;
  width: 64px;
  text-align: center;
}

.company .reviews-list .reviews .review .review-user-avatar {
  margin: 0 auto;
}

.company .reviews-list .reviews .review .review-body {
  width: calc(100% - 83px);
}

.company .reviews-list .reviews .review .review-details {
  padding-left: 0;
}

.company .reviews-list .show-reviews {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #1650e2;
}

.company .reviews-list .reviews .review .review-body .review-photos ul li {
  margin-right: 2.5px;
}

.company .reviews-list .reviews .review .review-body .review-photos ul li:last-child {
  margin-right: 0;
}

.company .box-back-to {
  margin-bottom: 30px;
}

.company .nearby {
  border: 0;
}

.company .nearby h3.title,
.company .map .directions h3.title {
  border-radius: 3px;
  background-color: #333390;
  text-align: center;
  text-transform: uppercase;
  padding: 9px 0;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.company .nearby .map,
.company .directions .map {
  display: inline-block;
	/*width:612px;
	height:348px;*/
  width: 100%;
  height: auto;
	/*width: 612px;*/
  height: 348px;
  overflow: hidden;
  cursor: pointer;
}

.company .nearby .map img,
.company .directions .map img {
  width: 100%;
  height: auto;
}

.company .nearby ul {
  margin: 10px 0 0 0;
}

.company .nearby ul li {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #4a4a4a;
}

.company .nearby ul li a {
  color: #4a90e2;
}


/* Boxes */
.box-back-to {
  background-color: #fafafa;
  display: inline-block;
  text-align: center;
  flex: 1;
  border-radius: 5px;
  border: solid 1px #333390;
  width: 100%;
  padding: 13px 0 14px 0;
}

.box-back-to h5.title {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #333390;
  padding: 0 0 10px 0;
  margin: 0;
}

.box-back-to a {
  border-radius: 3px;
  border: solid 1px #e2e4e6;
  background-color: #eff0f1;
  padding: 3px 15px 4px 15px;
  text-align: center;
  width: 198px;
}

/* Sidebar Products, Coupons */
.content.index .subcontent.coupons .coupons-grid {
  width: 260px;
}

.sidebar .products-grid,
.sidebar .coupons-grid,
.content.index .subcontent.coupons .coupons-grid,
.sidebar .news-grid {
  border: 0;
  margin: 0;
}

.sidebar .products-grid .products,
.sidebar .coupons-grid .coupons,
.content.index .subcontent.coupons .coupons-grid .coupons {
  border-radius: 0 0 2px 2px;
  border: 1px solid #dc8020;
  border-top: 0;
}

.sidebar .coupons-grid .coupons,
.content.index .subcontent.coupons .coupons-grid .coupons {
  border-color: #8db93c;
}

.sidebar .products-grid h3.title,
.sidebar .coupons-grid h3.title,
.content.index .subcontent.coupons .coupons-grid h3.title,
.sidebar .map-companies h3.title,
.sidebar .news-grid h3.title,
.sidebar .related-grid h3.title,
.sidebar.thematic .products h3.title,
.sidebar.thematic .companies h3.title,
.sidebar.thematic .filters h3.title,
.sidebar.thematic .coupons h3.title,
.sidebar.thematic .similar-topics h3.title,
.sidebar.thematic .video h3.title,
.sidebar.thematic .photo h3.title,
.sidebar.thematic .cities h3.title,
.sidebar.subcategory .cities h3.title {
  border-radius: 3px 3px 0 0;
  color: #fff;
  margin: 0;
  padding: 0;
  background-color: #f88620;
  position: relative;
  text-transform: uppercase;
}

.content.subcategory~.sidebar .products-grid h3.title,
.content.subcategory~.sidebar .coupons-grid h3.title {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}

.content.subcategory~.sidebar .products-grid h3.title {
  /*padding: 7px 0 7px 15px;*/
}

.sidebar .products-grid h3.title {
  overflow: hidden;
}

.sidebar .products-grid h3.title::before,
.sidebar .coupons-grid h3.title::before,
.content.index .subcontent.coupons .coupons-grid h3.title::before,
.sidebar.thematic .products h3.title::before,
.sidebar.thematic .companies h3.title::before,
.sidebar.thematic .coupons h3.title::before,
.sidebar.thematic .video h3.title::before,
.sidebar.thematic .photo h3.title::before {
  content: '';
  position: absolute;
  top: 0;
  right: 5px;
  vertical-align: middle;
  background: no-repeat 50%;
  background-size: 100% 100%;
}

.sidebar .products-grid h3.title::before,
.sidebar.thematic .products h3.title::before {
  background-image: url(../img/icons/svg/icon-sidebar-products.svg);
  width: 48px;
  height: 42px;
  top: -2px;
}

.sidebar .coupons-grid h3.title::before,
.content.index .subcontent.coupons .coupons-grid h3.title::before,
.sidebar.thematic .coupons h3.title::before {
  background-image: url(../img/icons/svg/icon-sidebar-coupons.svg);
  width: 44px;
  height: 44px;
  top: -4px;
}

.sidebar.thematic .video h3.title::before {
  background-image: url(../img/icons/svg/icon-sidebar-video.svg);
  width: 31px;
  height: 25px;
  top: 4px;
  top: 9px;
  right: 11px;
}

.sidebar.thematic .photo h3.title::before {
  background-image: url(../img/icons/svg/icon-sidebar-photo.svg);
  width: 36px;
  height: 28px;
  top: calc(50% - 14px);
  right: 11px;
}

.sidebar.thematic .filters h3.title,
.sidebar.thematic .companies h3.title,
.sidebar.thematic .similar-topics h3.title,
.sidebar.thematic .video h3.title,
.sidebar.thematic .cities h3.title,
.sidebar.thematic .photo h3.title {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 0 9px 15px;
  padding: 14px 0 14px 15px;
}

.sidebar.thematic .photo h3.title {
  padding: 14px 55px 14px 15px;
}

.sidebar .products-grid h3.title a,
.sidebar .coupons-grid h3.title a,
.content.index .subcontent.coupons .coupons-grid h3.title a,
.sidebar .related-grid h3.title a,
.sidebar.thematic .products h3.title a,
.sidebar.thematic .filters h3.title a,
.sidebar.thematic .companies h3.title a,
.sidebar.thematic .coupons h3.title a,
.sidebar.thematic .similar-topics h3.title a,
.sidebar.thematic .video h3.title a,
.sidebar.thematic .photo h3.title a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 0 9px 15px;
  padding: 7px 0 7px 15px;
}

.sidebar .coupons-grid h3.title,
.content.index .subcontent.coupons .coupons-grid h3.title {
  background-color: #8db93c;
}

.sidebar .related-grid h3.title,
.sidebar .ask-company h3.title {
  background-color: #333390;
}

.sidebar .related-grid h3.title a,
.sidebar .ask-company h3.title {
  font-weight: normal;
}

.sidebar .map-companies h3.title,
.sidebar .ask-company h3.title {
  background-color: #333390;
  padding: 10px 0 9px 15px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.sidebar .ask-company h3.title {
  border-radius: 2.5px;
  text-transform: uppercase;
  padding: 8px 0 9px 15px;
  margin: 0;
}

.sidebar .news-grid h3.title {
  background-color: transparent;
  opacity: 0.9;
  padding: 7px 0;
  font-size: 16px;
  color: #333390;
  font-weight: normal;
  text-transform: inherit;
  margin-bottom: 9px;
}

.sidebar .news-grid h3.title a {
  color: #333390;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}

.sidebar .products-grid .products .product {
  flex: 0 0 50%;
  padding: 8px 7px 5px 6px;
  margin: 0;
  height: 175px;
  height: 215px;
  position: relative;
	max-width: 50%;
}

.sidebar .products-grid .products .product:first-child,
.sidebar .products-grid .products .product:nth-child(4n+4),
.sidebar .products-grid .products .product:nth-child(4n+5) {
  background-color: rgba(239, 240, 241, 0.7);
}

.sidebar .products-grid .products .product>a {
  width: 116px;
  height: 71px;
	width:auto;
	max-width:100%;
	height: 145px;
  display: inline-block;
}

.sidebar .coupons-grid .coupons .coupon,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon {
  padding: 15px 7px 15px 7px;
  margin: 0;
  border-bottom: solid 1px #86bc18;
}

.sidebar .coupons-grid .coupons .coupon:last-child,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon:last-child {
  border: 0;
}

.content.index .subcontent.coupons .coupons-grid .coupons .coupon h4,
.sidebar .coupons-grid .coupons .coupon h4,
.thematic .coupons .grid .coupon h4 {
  margin: 0 0 10px;
  padding: 0;
  height: 48px;
  overflow: hidden;
  line-height: 1rem;
}

.thematic .coupons .grid .coupon h4 {
  height: 48px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.sidebar .coupons-grid .coupons .coupon h4 a,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon h4 a,
.thematic .coupons .grid .coupon h4 a {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 1rem;
}

.sidebar .coupons-grid .coupons .coupon .about,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .about,
.thematic .coupons .grid .coupon .about {
  display: flex;
  margin: 0 0 10px;
}

.thematic .coupons .grid .coupon .about {
  margin-bottom: 8px;
}

.sidebar .coupons-grid .coupons .coupon .prices,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .prices {
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  margin-left: inherit;
}

.thematic .coupons .grid .coupon .prices {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}

.sidebar .coupons-grid .coupons .coupon .prices .discount,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .prices .discount,
.thematic .coupons .grid .coupon .prices .discount {
  font-size: 12px;
  line-height: 1.33;
  color: #000000;
  margin-bottom: 0;
}

.sidebar .coupons-grid .coupons .coupon .prices .discount,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .prices .discount {
  margin: 0;
}

.sidebar .coupons-grid .coupons .coupon .prices .discount b,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .prices .discount b {
  text-transform: uppercase;
}

.sidebar .coupons-grid .coupons .coupon .prices .discount-price b,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .prices .discount-price b,
.thematic .coupons .grid .coupon .prices .discount-price b {
  font-size: 18px;
  font-weight: 900;
  line-height: normal;
  color: #86bc18;
}

.sidebar .coupons-grid .coupons .coupon .image,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .image,
.thematic .coupons .grid .coupon .image {
  width: 110px;
  height: 75px;
  border-radius: 3px;
  margin-left: auto;
  display: inline-block;
}

.sidebar .coupons-grid .coupons .coupon .image a,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .image a,
.thematic .coupons .grid .coupon .image a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.sidebar .coupons-grid .coupons .coupon .image img,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .image img,
.thematic .coupons .grid .coupon .image img {
  width: 100%;
  height: 100%;
}

.thematic .coupons .grid .coupon .image img {
  border-radius: 5px;
}

.sidebar .coupons-grid .coupons .coupon .description,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .description,
.thematic .coupons .grid .coupon .description {
  font-size: 12px;
  line-height: normal;
  color: #4a4a4a;
  margin: 0 0 10px;
}

.sidebar .coupons-grid .coupons .coupon .description,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .description {
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  line-height: .875rem;
}

.thematic .coupons .grid .coupon .description {
  margin-bottom: 8px;
  height: 42px;
  overflow: hidden;
  line-height: .875rem;
}

.sidebar .coupons-grid .coupons .coupon .action,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .action,
.thematic .coupons .grid .coupon .action {
  display: flex;
}

.sidebar .coupons-grid .coupons .coupon .action .time-left,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .action .time-left,
.thematic .coupons .grid .coupon .action .time-left {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.sidebar .coupons-grid .coupons .coupon .action .time-left span {
  display: inline-block;
}

.thematic .coupons .grid .coupon .action .time-left {
  line-height: 1rem;
  font-weight: 500;
}

.sidebar .coupons-grid .coupons .coupon .action .btn,
.content.index .subcontent.coupons .coupons-grid .coupons .coupon .action .btn,
.thematic .coupons .grid .coupon .action .btn {
  font-size: 14px;
  color: #86bc18;
  border-radius: 3px;
  border: solid 1px #86bc18;
  width: 115px;
  height: 35px;
}

.thematic .coupons .grid .coupon .action .btn {
  background-color: #333390;
  font-size: 14px;
  color: #ffffff;
  border: 0;
  text-transform: uppercase;
  width: 185px;
}

.sidebar .products-grid .controls,
.sidebar .coupons-grid .controls,
.content.index .subcontent.coupons .coupons-grid .controls,
.sidebar .news-grid .controls {
  display: flex;
  margin: 10px 0;
}

.sidebar .products-grid .controls .ctrl,
.sidebar .coupons-grid .controls .ctrl,
.content.index .subcontent.coupons .coupons-grid .controls .ctrl,
.sidebar .news-grid .controls .ctrl {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: solid 1px #c2c6cb;
  background-color: #eff0f1;
}

.sidebar .products-grid .controls .ctrl::before,
.sidebar .coupons-grid .controls .ctrl::before,
.content.index .subcontent.coupons .coupons-grid .controls .ctrl::before,
.sidebar .news-grid .controls .ctrl::before {
  content: '';
  border: solid #9b9b9b;
  border-width: 0px 1px 1px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 4px;
}

.sidebar .products-grid .controls .ctrl.previous::before,
.sidebar .coupons-grid .controls .ctrl.previous::before,
.content.index .subcontent.coupons .coupons-grid .controls .ctrl.previous::before,
.sidebar .news-grid .controls .ctrl.previous::before {
  top: 6px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.sidebar .products-grid .controls .ctrl.next,
.sidebar .coupons-grid .controls .ctrl.next,
.content.index .subcontent.coupons .coupons-grid .controls .ctrl.next,
.sidebar .news-grid .controls .ctrl.next {
  margin-left: 6px;
}

.sidebar .products-grid .controls .ctrl.next::before,
.sidebar .coupons-grid .controls .ctrl.next::before,
.content.index .subcontent.coupons .coupons-grid .controls .ctrl.next::before,
.sidebar .news-grid .controls .ctrl.next::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.sidebar .products-grid a.view-more,
.sidebar .coupons-grid a.view-more,
.content.index .subcontent.coupons .coupons-grid a.view-more,
.sidebar .news-grid a.view-more {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: #dc8020;
  text-decoration: none;
  margin: 0 0 0 8px;
}

.sidebar .coupons-grid a.view-more,
.content.index .subcontent.coupons .coupons-grid a.view-more {
  color: #8db93c;
}
/* Sidebar Map */
.sidebar .map-companies {
}
/* Sidebar News */
.sidebar .news-grid {
}

.sidebar .news-grid .news {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 10px;
}

.sidebar .news-grid .news .article {
  display: flex;
}

.sidebar .news-grid .news .article .excerpt {
  margin-left: 9px;
}

.sidebar .news-grid .news .article .excerpt h4,
.sidebar .news-grid .news .article .excerpt .text,
.sidebar .news-grid .news .article .excerpt a.read-more {
  opacity: 0.9;
  font-size: 14px;
  font-weight: 500;
  color: #333390;
  margin: 0;
  line-height: 1rem;
}

.sidebar .news-grid .news .article .excerpt h4 {
	/*margin-bottom:4px;*/
  max-height: 32px;
  overflow: hidden;
}

.sidebar .news-grid .news .article .excerpt h4 a,
.sidebar .news-grid .news .article .excerpt h4 a:visited {
  font-size: 14px;
  font-weight: 500;
  color: #333390;
}

.sidebar .news-grid .news .article .excerpt .text {
  color: #4a4a4a;
  max-height: 64px;
  overflow: hidden;
  font-weight: normal;
  font-size: 12px;
}

.sidebar .news-grid .news .article .excerpt a.read-more {
  color: #1650e2;
  font-weight: normal;
}

.sidebar .news-grid .news .article .excerpt a:visited {
  color: #1650e2;
}

.sidebar .news-grid a.view-more {
  color: #333390;
}

.sidebar .related-grid {
}

.sidebar .related-grid .related {
  padding: 12px 10px 0;
}

.sidebar .related-grid .company {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.sidebar .related-grid h4 {
  margin: 0 0 2px 0;
}

.sidebar .related-grid h4 a {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.sidebar .related-grid .info {
  display: flex;
  justify-content: space-between;
}

.sidebar .related-grid .summary {
}

.sidebar .related-grid a.logo,
.sidebar .related-grid .summary+a {
  display: flex;
  align-items: flex-end;
}

.sidebar .related-grid h6 {
  margin: 0 0 3px 0;
}

.sidebar .related-grid h6 a,
.sidebar .related-grid span {
  font-size: 12px;
  font-weight: normal;
  color: #4a4a4a;
}

.sidebar .related-grid span {
  line-height: .875rem;
  display: inline-block;
}

.sidebar .related-grid img {
  width: 49px;
  height: 42px;
  border-radius: 5px;
  background-color: #eff0f1;
}

/* Modals */
#modalCompaniesAsk .modal-header.with-icon::before {
  content: '';
  background-size: 33px 33px;
  background-image: url(../img/icons/svg/icon-pencil.svg);
  background-position: center;
  background-repeat: no-repeat;
}

#modalCompaniesAsk #form_companies_ask fieldset legend {
  line-height: normal;
  color: #686a6f;
  text-transform: none;
}

#modalCompaniesAsk #form_companies_ask fieldset legend b {
  color: #000;
}

#modalCompaniesAsk .modal-dialog {
  max-width: 640px;
}

#modalCouponSubmit .modal-dialog {
  max-width: 550px;
}

#modalCouponSubmit .modal-content {
  padding: 0;
}

#modalCompaniesAsk .uploadbox,
#modalCouponSubmit .uploadbox,
#form_review_submit .uploadbox {
}

#modalCompaniesAsk .uploadbox input,
#modalCouponSubmit .uploadbox input,
#form_review_submit .uploadbox input {
  box-shadow: none;
  outline: none;
  text-align: center;
  font-size: 24px;
  color: #c2c6cb;
}

#modalCompaniesAsk .upload-input,
#modalCouponSubmit .upload-input,
#form_review_submit .upload-input {
  display: none;
}

#modalCompaniesAsk .upload-filename,
#modalCouponSubmit .upload-filename,
.upload-button {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px 10px 10px;
  text-align: left;
}

.upload-button {
  padding: 0px 15px 10px 0px;
}

.upload-button .upload-filename {
  margin-right: 10px !important;
}

#modalCompaniesAsk .upload-filename,
#modalCouponSubmit .upload-filename,
#form_review_submit .upload-filename {
  width: 37px;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #c2c6cb;
  background-color: #eff0f1;
  margin: 0;
  padding: 0;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/icons/svg/icon-plus.svg);
  cursor: pointer;
}

#modalCompaniesAsk .upload-button,
#modalCouponSubmit .upload-button,
#form_review_submit .upload-button {
  background-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  width: auto;
  height: 40px;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0;
}

#modalCompaniesAsk .upload-button:hover, 
#modalCompaniesAsk .upload-button:focus,
#modalCouponSubmit .upload-button:hover, 
#modalCouponSubmit .upload-button:focus,
#form_review_submit .upload-button:focus {
}

#modalCompaniesAsk .upload-button:active,
#modalCouponSubmit .upload-button:active,
#form_review_submit .upload-button:active {
}

#modalCoupon .modal-dialog,
#modalProduct .modal-dialog {
  max-width: 870px;
}

#modalCoupon .modal-content,
#modalProduct .modal-content {
  padding: 20px 25px;
}

#modalCoupon .modal-body,
#modalProduct .modal-body {
  display: flex;
}

#modalProduct .modal-body .img {
  height: 485px;
  width: 389px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

#modalProduct .modal-body .img img {
	/*
	height: auto;
	width: 100%;
	*/
  max-height: 485px;
  max-width: 389px;
  width: auto;
}

#modalCoupon .company,
#modalProduct .company {
  padding-left: 25px;
  width: 100%;
}

#modalCoupon .company .info .header h1 a,
#modalProduct .company .info .header h1 a,
#modalProduct .company .info .header span.h1 {
  display: inline-block;
  height: 58px;
}

#modalCoupon .company .info .address,
#modalProduct .company .info .address {
  border: 0;
}

#modalCoupon .company .info .address ul li:last-child ,
#modalProduct .company .info .address ul li:last-child {
  margin-top: 10px;
}

#modalCoupon .company .info .footer,
#modalProduct .company .info .footer {
  display: flex;
  border-bottom: solid 1px #c2c6cb;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

#modalCoupon .company .info .footer a,
#modalProduct .company .info .footer a {
  margin-left: 0;
}

#modalCoupon .company .info .footer a+a,
#modalProduct .company .info .footer a+a {
  margin-left: 10px;
}

#modalCoupon .company .coupon,
#modalProduct .company .product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 200px;
}

#modalCoupon .company .coupon h2,
#modalProduct .company .product h2 {
  margin: 0 0 10px;
  line-height: 1rem;
}

#modalCoupon .company .coupon h2 a,
#modalProduct .company .product h2 a {
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  text-transform: uppercase;
}

#modalCoupon .company .coupon .code,
#modalProduct .company .product .code {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: #9b9b9b;
  margin-bottom: 15px;
}

#modalCoupon .company .coupon .intro,
#modalProduct .company .product .intro {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
  color: #9b9b9b;
  position: relative;
  height: 60px;
  overflow: hidden;
}

#modalProduct .company .product .intro::after {
  content: '';
  display: inline-block;
  width: 100%;
  background: linear-gradient( to top, #fff, rgba(255, 0, 0, 0) );
  height: 48px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#modalCoupon .company .coupon .prices,
#modalProduct .company .product .prices {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

#modalCoupon .company .coupon .prices .regular-price,
#modalProduct .company .product .prices .regular-price {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #000000;
  display: block;
}

#modalCoupon .company .coupon .prices .discount-price,
#modalProduct .company .product .prices .discount-price {
  font-size: 20px;
  font-weight: 900;
  color: #86bc18;
  display: block;
}

#modalCoupon .company .coupon a.btn-details,
#modalProduct .company .product a.btn-details {
  color: #fff;
  width: 143px;
  height: 35px;
  border-radius: 3px;
  background-color: #333390;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 1.25rem;
}

.content.index.index .products .nav,
.content.index.index .articles .nav,
#modalCoupon .nav,
#modalProduct .nav,
.content.thematic .subcontent .nav,
.sidebar.thematic .photo .nav {
  width: 100%;
  position: absolute;
  top: calc(50% - 39px);
  left: 0;
}

.content.index.index .products .nav,
.content.index.index .articles .nav,
.content.thematic .subcontent .nav,
.sidebar.thematic .photo .nav {
  top: calc(50% - 15px);
}

.content.index.index .products .nav a,
.content.index.index .articles .nav a,
#modalCoupon .nav a,
#modalProduct .nav a,
.content.thematic .subcontent .nav a,
.sidebar.thematic .photo .nav a {
  position: relative;
  z-index: -1;
  width: 78px;
  height: 78px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.21);
  background-color: #fff;
  border-radius: 50%;
}

.content.index.index .products .nav a,
.content.index.index .articles .nav a,
.content.thematic .subcontent .nav a,
.sidebar.thematic .photo .nav a {
  width: 30px;
  height: 30px;
  z-index: 2;
  background-color: #fff;
}

.content.index.index .products .nav a::before,
.content.index.index .articles .nav a::before,
#modalCoupon .nav a::before,
#modalProduct .nav a::before,
.content.thematic .subcontent .nav a::before,
.sidebar.thematic .photo .nav a::before {
  content: '';
  position: absolute;
  width: 78px;
  height: 78px;
  background-repeat: no-repeat;
  background-size: 18px 24px;
}

.content.index.index .products .nav a::before,
.content.index.index .articles .nav a::before,
.content.thematic .subcontent .nav a::before,
.sidebar.thematic .photo .nav a::before {
  width: 30px;
  height: 30px;
  background-size: 20px 20px;
}

.sidebar.thematic .photo .nav a::before {
  background-size: 15px 13px;
}

#modalCoupon .nav a.previous,
#modalProduct .nav a.previous {
  left: -39px;
}

.content.index.index .products .nav a.previous,
.content.index.index .articles .nav a.previous,
.content.thematic .subcontent .nav a.previous {
  left: -10px;
}

.sidebar.thematic .photo .nav a.previous {
  left: 5px;
}

#modalCoupon .nav a.previous::before,
#modalProduct .nav a.previous::before,
.content.index.index .products .nav a.previous::before,
.content.index.index .articles .nav a.previous::before,
.content.thematic .subcontent .nav a.previous::before,
.sidebar.thematic .photo .nav a.previous::before {
  background-image: url(../img/icons/svg/arrow-left.svg);
  background-position: 12px;
}

.content.index.index .products .nav a.previous::before,
.content.index.index .articles .nav a.previous::before,
.content.thematic .subcontent .nav a.previous::before,
.sidebar.thematic .photo .nav a.previous::before {
  background-position: 8px;
  background-size: 13px;
}

#modalCoupon .nav a.next,
#modalProduct .nav a.next,
.content.index.index .products .nav a.next,
.content.index.index .articles .nav a.next,
.content.thematic .subcontent .nav a.next,
.sidebar.thematic .photo .nav a.next {
  right: -39px;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.content.index.index .products .nav a.next,
.content.index.index .articles .nav a.next,
.content.thematic .subcontent .nav a.next {
  right: -10px;
}

.sidebar.thematic .photo .nav a.next {
  right: 2px;
}

#modalCoupon .nav a.next::before,
#modalProduct .nav a.next::before,
.content.index.index .products .nav a.next::before,
.content.index.index .articles .nav a.next::before,
.content.thematic .subcontent .nav a.next::before,
.sidebar.thematic .photo .nav a.next::before {
  background-image: url(../img/icons/svg/arrow-right.svg);
  background-position: 48px;
}

.content.index.index .products .nav a.next::before,
.content.index.index .articles .nav a.next::before,
.content.thematic .subcontent .nav a.next::before,
.sidebar.thematic .photo .nav a.next::before {
  background-position: 9px;
  background-size: 13px;
}

#modalCoupon .nav a:hover,
#modalProduct .nav a:hover,
.content.index.index .products .nav a:hover,
.content.index.index .articles .nav a:hover,
.content.thematic .subcontent .nav a:hover,
#modalCoupon .nav a:active,
#modalProduct .nav a:active,
.content.index.index .products .nav a:active,
.content.index.index .articles .nav a:active,
.content.thematic .subcontent .nav a:active,
.sidebar.thematic .photo .nav a:active {
}

#modalCoupon .nav a.disabled::before,
#modalProduct .nav a.disabled::before,
.content.index.index .products .nav a.disabled::before,
.content.index.index .articles .nav a.disabled::before,
.content.thematic .subcontent .nav a.disabled::before,
.sidebar.thematic .photo .nav a.disabled::before {
  opacity: 0.3;
}

/* Tematska celina */
.content.thematic>.header {
	/*padding:19px 0 19px 19px;*/
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #e2e4e6;
}

.content.thematic h1 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
}

.content.thematic h1 a {
  color: #333390;
}

.content.thematic .subcontent,
.content.index .subcontent,
.content.search .subcontent {
  border-radius: 5px;
  border: solid 1px #e2e4e6;
  background-color: #ffffff;
  margin: 0 0px 20px 0px;
  position: relative;
}

.content.index .subcontent.products {
  display: inline-block;
  width: 840px;
  padding: 0;
}

.content.index .subcontent.coupons {
  margin-left: auto;
  border: 0;
  width: 278px;
}

.content.search .subcontent {
  border: 0;
}

.content.thematic .subcontent>.header,
.content.index .subcontent>.header,
.content.search .subcontent>.header {
  border-radius: 5px;
  border: solid 1px #333390;
  background-color: #333390;
  position: relative;
}

.content.index .subcontent.products>.header {
  padding: 0;
}

.content.thematic .subcontent>.header h2,
.content.index .subcontent>.header h2,
.content.search .subcontent>.header h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 12px 12px 12px 64px;
  text-transform: uppercase;
}

.content.thematic .subcontent>.header h2 a,
.content.index .subcontent>.header h2 a,
.content.search .subcontent>.header h2 a {
  color: #ffffff;
}

.content.thematic .subcontent>.header h2::before,
.content.index .subcontent>.header h2::before,
.content.search .subcontent>.header h2::before {
  content: '☆';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 22px);
  left: 26px;
  color: #fff;
  font-size: 1.75rem;
}

.content.thematic .subcontent .filters {
  justify-content: start;
  padding: 12px 10px;
}

.content.thematic .subcontent.products .filters {
  padding: 12px 15px 0 15px;
}

.content.thematic .subcontent .filters .dropdown {
  border-radius: 5px;
  border: solid 1px #dc801f;
}

.content.thematic .subcontent .filters .dropdown .btn.dropdown-toggle {
  font-weight: 700;
}

.content.thematic .subcontent .filters .dropdown .btn.dropdown-toggle::after {
}

.content.thematic .subcontent .filters .btn-nearby {
  width: 153px;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #333390;
  background-color: #ffffff;
  position: relative;
  margin-left: auto;
  display: flex;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: .75rem;
  letter-spacing: normal;
  text-align: center;
  color: #333390;
  padding-left: 45px;
}

.content.thematic .subcontent .filters .btn-nearby::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 10px;
  width: 25px;
  height: 23px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/png/icon-nearby.png);
  background-position: center;
  background-repeat: no-repeat;
}

.companies.grid .company-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.companies.grid .company-list .grad-card .companies {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.content.thematic .companies.grid .company-list {
  max-height: 490px;
  overflow-y: auto;
}

.content.thematic .companies.grid .company-list>div {
  width: 100%;
}

.content.thematic .companies.grid .company-list::-webkit-scrollbar {
  width: .675rem;
}

.content.thematic .companies.grid .company-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.content.thematic .companies.grid .company-list::-webkit-scrollbar-thumb {
  background-color: #dc8020;
  outline: 1px solid #dc8020;
  cursor: pointer;
}

.content.thematic .subcontent.companies {
  padding: 0;
}

.companies.grid .company-list .company-card {
  min-height: inherit;
  flex: 0 0 calc((100% - 41px)/4);
  padding: 7px 7px 8px 7px;
  margin: 0 0 6px 7px;
  width: 200px;
  min-height: 80px;
  border-radius: 5px;
  border: solid 1px #e2e4e6;
  background-color: #ffffff;
  box-shadow: none;
}

.companies.list .company-list .company-card,
.thematics.list .thematic-list .thematic-card {
  box-shadow: none;
  border: solid 1px #e2e4e6;
  background-color: #ffffff;
  margin: 0 10px 10px 10px;
  width: inherit;
}

.thematics.list .thematic-list .thematic-card {
  min-height: 110px;
}

.companies.grid .company-list .company-card:first-child,
.companies.grid .company-list .company-card:nth-child(3n+1) {
  margin-left: 10px;
}

.content.thematic>.companies {
	/*padding: 0 14px 0 16px;*/;
}

.content.search .companies.list .company-list .company-card {
  width: 100%;
}

.content.thematic .company-list .company-card.options {
  flex: 0 0 calc(100% - 10px);
  background-color: transparent;
  border: 0;
}

.content.thematic .company-list .company-card .company-apply,
.content.thematic .company-list .company-card .companies-ask {
  box-shadow: none;
  border: solid 1px #e2e4e6;
}

.companies.grid .company-list .company-card .about {
  width: 100%;
  padding: 0;
  display: flex;
}

.companies.grid .company-list .company-card .about .logo {
  width: 40px;
  height: 30px;
}

.companies.grid .company-list .company-card .about .logo img {
}

.companies.grid .company-list .company-card .about h3 {
  margin: 0 0 0 6px;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  width: inherit;
  height: 30px;
  overflow: hidden;
}

.companies.grid .company-list .company-card .about h3 a {
  color: #333390;
  line-height: .875rem;
  display: inline-block;
}

.companies.grid .company-list .company-card .address {
  color: #4a4a4a;
  text-align: left;
  margin: 0;
  width: 100%;
}

.companies.grid .company-list .company-card .address a {
  color: #4a4a4a;
  text-align: left;
  margin: 0;
  width: 100%;
}

.content.thematic .subcontent div.pagination,
.content.index .subcontent div.pagination,
.content.search .subcontent div.pagination {
  justify-content: space-evenly;
}

.content.thematic .subcontent div.pagination ul.pagination {
  margin-left: calc(50% - 60px);
}

.content.index .subcontent.products div.pagination {
  justify-content: flex-end;
}

.content.search .subcontent div.pagination ul.pagination {
}

.content.thematic .subcontent div.pagination a.view-all-products,
.content.thematic .subcontent.products a.view-all-products,
.content.index .subcontent div.pagination a.view-all-products,
.content.thematic .subcontent div.pagination a.view-all-coupons,
.content.thematic .subcontent div.pagination a.view-all-companies {
  margin-left: auto;
  margin-right: 15px;
  padding-right: 30px;
  position: relative;
}

.content.thematic .subcontent.products a.view-all-products {
  display: flex;
  justify-content: center;
  font-size: 14px;
  margin: 0 0 5px;
	padding:0;
  color: #444;
}

.content.index .subcontent div.pagination a.view-all-products {
  margin: 12px 15px 13px 0;
  font-size: 14px;
  color: #333390;
}

.content.thematic .subcontent div.pagination a.view-all-products::before,
.content.index .subcontent div.pagination a.view-all-products::before,
.content.thematic .subcontent div.pagination a.view-all-coupons::before,
.content.thematic .subcontent div.pagination a.view-all-companies::before {
  content: '';
  position: absolute;
  top: 2.5px;
  right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/svg/arrow-right-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.content.thematic .subcontent.description {
  margin-bottom: 30px;
  padding: 30px 16px 20px 26px;
  max-height: 355px;
  overflow-y: auto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #4a4a4a;
}

.content.thematic .subcontent.description::-webkit-scrollbar,
.sidebar.thematic .filters .accordion-dropdown::-webkit-scrollbar,
.sidebar.thematic .companies .accordion-dropdown::-webkit-scrollbar,
.sidebar.thematic .similar-topics div.topics::-webkit-scrollbar {
  width: .675rem;
}

.content.thematic .subcontent.description::-webkit-scrollbar-track,
.sidebar.thematic .filters .accordion-dropdown::-webkit-scrollbar-track,
.sidebar.thematic .companies .accordion-dropdown::-webkit-scrollbar-track,
.sidebar.thematic .similar-topics div.topics::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.content.thematic .subcontent.description::-webkit-scrollbar-thumb,
.sidebar.thematic .filters .accordion-dropdown::-webkit-scrollbar-thumb,
.sidebar.thematic .companies .accordion-dropdown::-webkit-scrollbar-thumb,
.sidebar.thematic .similar-topics div.topics::-webkit-scrollbar-thumb {
  background-color: #dc8020;
  outline: 1px solid #dc8020;
  cursor: pointer;
}

.content.thematic .subcontent.description h2,
.content.thematic .company-list h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.content.thematic .company-list .grad-card h2 {
  margin: 10px 10px;
  padding: 0 0px 0 0px;
  border-bottom: 1px solid #e2e4e6;
}

.content.thematic .company-list h2 a {
  color: #333390;
}

.content.thematic .subcontent.description>h2:first-child {
  margin: 0 0 30px 0;
}

.content.thematic .subcontent.description>h2:first-child a {
  text-transform: uppercase;
}

.content.thematic .subcontent.description p {
}

.sidebar.thematic .products,
.sidebar.thematic .filters,
.sidebar.thematic .companies,
.sidebar.thematic .coupons,
.sidebar.thematic .similar-topics,
.sidebar.thematic .video,
.sidebar.thematic .photo,
.sidebar.thematic .cities,
.content.subcategory~.sidebar .cities {
	/*min-height: 540px;*/
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e4e6;
  border-radius: 5px;
  margin-bottom: 20px;
}

.sidebar.thematic>div:first-child:not(.filters) {
  height: 50px;
  margin-bottom: 5px;
}

.sidebar.thematic>div:first-child:not(.filters)  a {
  text-decoration: underline;
  padding-left: 20px;
}

.sidebar.thematic>div:nth-child(2):not(.filters) {
	/*margin-top: 55px;*/
  height: 527px;
  overflow: hidden;
}

.sidebar.thematic .filters {
  height: auto;
  max-height: 520px;
}

.sidebar.thematic .similar-topics {
  min-height: 180px;
  max-height: 527px;
  overflow: hidden;
}

.sidebar.thematic .video {
  min-height: 278px;
}

.sidebar.thematic .photo {
  min-height: 275px;
  position: relative;
}

.sidebar.thematic .products div.cities,
.sidebar.thematic .coupons div.cities {
  margin: 18px 15px 0;
  border-bottom: solid 1px #e2e4e6;
  padding-bottom: 12px;
}
.sidebar.thematic .cities ul{
	padding-left:15px;
}
.sidebar.thematic ul.cities li,
.sidebar.thematic ul.coupons li,
.sidebar.thematic ul.topics li,
.content.subcategory~.sidebar .cities ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.sidebar.thematic ul.topics li,
.sidebar.thematic .cities ul>li,
.content.subcategory~.sidebar .cities ul li {
  margin: 0;
  padding: 0;
}

.sidebar.thematic ul.cities li a,
.sidebar.thematic ul.topics li a,
.sidebar.thematic .cities ul>li>a,
.content.subcategory~.sidebar .cities ul li a {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  color: #4a4a4a;
}

.sidebar.thematic ul.topics li a,
.sidebar.thematic .cities ul>li>a,
.content.subcategory~.sidebar .cities ul li a {
  padding: 5px 0 5px 5px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #4a4a4a;
  text-transform: uppercase;
}

.content.subcategory~.sidebar .cities ul li a {
  text-transform: inherit;
}

.sidebar.thematic ul.topics li:hover a,
.content.subcategory~.sidebar .cities ul li:hover a {
  border-radius: 3px;
  background-color: #eff0f1;
}

.sidebar.thematic ul.cities li a::before {
  content: "";
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 8px;
  left: 5px;
  content: '';
  border: solid #4a4a4a;
  border-width: 0px 2px 2px 0px;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.sidebar.thematic .products h3.title,
.sidebar.thematic .companies h3.title,
.sidebar.thematic .coupons h3.title,
.sidebar.thematic .similar-topics h3.title,
.sidebar.thematic .filters h3.title,
.sidebar.thematic .video h3.title,
.sidebar.thematic .photo h3.title,
.sidebar.thematic .cities h3.title,
.content.subcategory~.sidebar .cities h3.title {
  background-color: #e2e4e6;
	padding-right: 45px;
}

.content.subcategory~.sidebar .cities h3.title {
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 7px 0 7px 15px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}

.content.subcategory~.sidebar .cities ul {
  padding: 10px 14px 10px 15px;
}

.sidebar.thematic .products h3.title a,
.sidebar.thematic .companies h3.title a,
.sidebar.thematic .coupons h3.title a,
.sidebar.thematic .similar-topics h3.title a,
.sidebar.thematic .video h3.title a,
.sidebar.thematic .photo h3.title a {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 500;
}

.sidebar.thematic a.view-all-products,
.sidebar.thematic a.view-all-companies,
.sidebar.thematic a.view-all-coupons,
.sidebar.thematic a.view-all-topics {
  display: flex;
  align-self: self-end;
  justify-self: self-end;
  margin: auto 0 18px 20px;
  align-items: flex-end;
  justify-content: flex-start;
  font-size: 14px;
  color: #333390;
  position: relative;
  padding-right: 25px;
}

.sidebar.thematic a.view-all-products::before,
.sidebar.thematic a.view-all-companies::before,
.sidebar.thematic a.view-all-coupons::before,
.sidebar.thematic a.view-all-topics::before {
  content: '';
  position: absolute;
  top: 2.5px;
  right: 5px;
  width: 12px;
  height: 14px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/svg/arrow-right-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar.thematic .companies h3.title::before ,
.sidebar.thematic .cities h3.title::before {
  background-image: url(../img/icons/svg/icon-sidebar-target.svg);
  width: 33px;
  height: 34px;
  top: 1px;
  top: calc(50% - 17px);
  right: 8px;
}

.sidebar.thematic .filters .accordion-dropdown,
.sidebar.thematic .companies .accordion-dropdown,
.sidebar.thematic .coupons .accordion-dropdown {
  padding: 20px 14px 20px 15px;
  overflow-y: auto;
}

.sidebar.thematic .filters h5,
.sidebar.thematic .companies h5,
.sidebar.thematic .coupons h5 {
  cursor: pointer;
  position: relative;
  padding: 0 0 5px 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #e2e4e6;
}

.sidebar.thematic .filters h5:not(.has-subfilters) {
  border: 0;
  font-weight: inherit;
  padding: 0;
}

.sidebar.thematic .filters h5 {
  font-size: 16px;
}

.sidebar.thematic .companies h5 {
  font-size: 14px;
  line-height: 1.36;
  font-weight: normal;
  text-transform: uppercase;
}

.sidebar.thematic .filters h5.has-subfilters::before,
.sidebar.thematic .companies h5::before,
.sidebar.thematic .coupons h5::before {
  content: "";
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  content: '';
  border: solid #4a4a4a;
  border-width: 0px 2px 2px 0px;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
}

.sidebar.thematic .filters h5::before {
  top: 7.5px;
}

.sidebar.thematic .filters h5.collapsed::before,
.sidebar.thematic .companies h5.collapsed::before,
.sidebar.thematic .coupons h5.collapsed::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.sidebar.thematic .filters .filter-special,
.sidebar.thematic .companies .company,
.sidebar.thematic .coupons .city {
  margin: 0 0 15px 0;
}

.sidebar.thematic .companies .filter-special .collapse {
  border-bottom: solid 1px #e2e4e6;
}

.sidebar.thematic .companies .company .collapse {
  border-bottom: solid 1px #e2e4e6;
}

.sidebar.thematic .filters ul,
.sidebar.thematic .companies ul.municipalities,
.sidebar.thematic .coupons ul.municipalities {
  margin: 0 0 0 20px;
}

.sidebar.thematic .filters ul>li,
.sidebar.thematic .companies ul.municipalities li,
.sidebar.thematic .coupons ul.municipalities li {
  margin-bottom: 10px;
}

.sidebar.thematic .filters ul>li>a,
.sidebar.thematic .companies ul.municipalities li a,
.sidebar.thematic .coupons ul.municipalities li a {
  font-size: 16px;
  color: #4a4a4a;
}

.sidebar.thematic .filters ul>li>a {
  font-size: 14px;
}

.sidebar.thematic .similar-topics div.topics {
  padding: 10px 14px 10px 15px;
  overflow-y: auto;
}

.sidebar.thematic .photo div.gallery {
  min-height: 249px;
  min-height: 180px;
  height: 100%;
  margin: 15px 20px 15px 20px;
}

.sidebar.thematic .photo ul.gallery {
  border-radius: 3px;
  background-color: #eff0f1;
  width: 100%;
  height: 100%;
}

.sidebar.thematic .photo ul.gallery li:empty {
  height: 249px;
  height: 180px;
}

.sidebar.thematic .photo .bar {
  margin: 0 20px 15px;
  text-align: right;
  font-size: 14px;
  text-align: right;
  color: #4a4a4a;
}

.sidebar.thematic .photo {
  height: 1%;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 0 0 0px;
}

.sidebar.thematic .photo .viewport {
  float: left;
  width: 218px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.sidebar.thematic .photo .disable {
  visibility: hidden;
}

.sidebar.thematic .photo .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 240px;
  left: 0;
  top: 0;
}

.sidebar.thematic .photo .overview li {
  float: left;
  margin: 0 20px 0 0;
  padding: 1px;
  height: 180px;
  width: 240px;
}

.sidebar.thematic .video .wrapper {
  padding: 15px 14px 15px 15px;
}

.sidebar.thematic .video .player {
  width: 248px;
  height: 142px;
  border: 1px solid #e2e4e6;
}

.sidebar.thematic .video ul.playlist {
}

.sidebar.thematic .video ul.playlist li {
  border-bottom: 1px solid #e2e4e6;
  padding-top: 10px;
}

.sidebar.thematic .video ul.playlist li a {
  display: flex;
  flex-direction: row;
}

.sidebar.thematic .video ul.playlist li img {
  width: 90px;
  height: 50px;
  border: 1px solid #e2e4e6;
  margin: 0 10px 10px 0;
}

.sidebar.thematic .video ul.playlist li h6 {
  margin: 0;
}

.sidebar.thematic .video ul.playlist li h6 {
  font-size: 14px;
  color: #4a4a4a;
}

.sidebar.thematic {
}

.content.index .lists {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 30px 30px 15px;
  min-height: 640px;
}

.content.index .lists div.list {
  flex: 0 0 372px;
  margin: 0 0 35px 0;
}

.content.index .lists div.list>ul {
  width: 325px;
}

.content.index .lists div.list ul li {
  position: relative;
}

.content.index .lists div.list ul li.active {
}

.content.index .lists div.list > ul li > .sub-list li.active a {
  background-color: #f5f7f8;
  color: #1650e2;
  font-weight: 500;
}

.content.index .lists div.list ul li.list-header {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 14px 0 11px 14px;
  background-color: #333390;
  border-radius: 2px;
}

.content.index .lists div.list ul li.list-header::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 11.5px;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #333390;
}

.content.index .lists div.list .accordion > li > a,
.content.index .lists div.list ul > li > a {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  width: 100%;
  height: 33px;
  overflow: hidden;
  display: flex;
  padding: 20px 0;
  line-height: 1rem;
  align-items: center;
}

.content.index .lists div.list ul > li > a {
  padding-left: 25px;
}

.content.index .lists div.list .accordion > li > a span {
  color: #4a4a4a;
  display: inline-block;
  padding: 8px 16px 8px 16px;
  font-weight: 900;
  width: 40px;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #1650e2;
}

.content.index .lists div.list > ul li > .sub-list {
  display: none;
}

.content.index .lists div.list > ul li > .sub-list.active {
  display: block;
}

.content.index .lists div.list > ul li > .sub-list li a {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  width: 100%;
  height: 33px;
  overflow: hidden;
  display: flex;
  padding: 20px 0;
  line-height: 1rem;
  align-items: center;
  padding-left: 40px;
}

.content.index .lists div.list ul > li:hover > a,
.content.index .lists div.list ul > li:target > a,
.content.index .lists div.list ul > li > a.active {
  background-color: #f5f7f8;
  color: #1650e2;
  font-weight: 500;
}

.content.index .lists div.list ul.list-content li:not(.list-header)::before {
  content: '';
  border-color: #4a4a4a;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  position: absolute;
  top: 16.5px;
  right: 15px;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.content.index .lists div.list ul.list-content li:not(.list-header):hover::before {
  border-color: #1650e2;
}

.content.index .lists div.list.cities {
  flex: 0 0 325px;
}

.content.index .lists div.list.cities>ul {
  border-radius: 5px;
  border: solid 1px #333390;
}

.content.index .lists div.list.cities .find-my-location {
  width: 325px;
  height: 40px;
  border-radius: 5px;
  background-color: #333390;
  display: flex;
  margin-bottom: 7px;
}

.content.index .lists div.list.cities .find-my-location button {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background-color: #333390;
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  padding: 10px 0 10px 19px;
  text-align: left;
  position: relative;
}

.content.index .lists div.list.cities .find-my-location button::before {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 21px;
  height: 21px;
  display: inline-block;
  background-size: 100%;
  background-image: url(../img/icons/svg/find-my-location.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.content.index .lists div.list.categories {
  flex: 0 0 calc(100% - 325px);
  padding-left: 40px;
}

.content.index .lists div.list.categories.choose {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 15% 0;
  flex: 0 0 calc(100% - 355px);
}

.content.index .lists div.list.categories.choose div {
  background: none;
  border: 0;
  font-size: 22px;
  line-height: 2em;
  position: relative;
  width: 10em;
  height: 2em;
}

.content.index .lists div.list.categories.choose div::before,
.content.index .lists div.list.categories.choose div::after {
  background: #333390;
  border-radius: 2px;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 1s;
  height: 1em;
}

.content.index .lists div.list.categories.choose div::before {
  box-shadow: -1px 1px 0 #292981, -2px 2px 0 #292981, -3px 3px 0 #292981, -4px 4px 0 #292981;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  bottom: 0;
  z-index: 1;
}

.content.index .lists div.list.categories.choose div::after {
  box-shadow: 1px 1px 0 #292981, 2px 2px 0 #292981, 3px 3px 0 #292981, 4px 4px 0 #292981;
  -webkit-transform: skew(-45deg);
  transform: skew(-45deg);
  top: 0;
}

.content.index .lists div.list.categories.choose span {
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 10;
  text-align: center;
  width: 100%;
  display: inline-block;
  font-size: 1.25rem;
}

.content.index .lists div.list.cities span.title,
.content.index .lists div.list.categories span.title,
.content.index .lists div.list.subcategories span.title,
.content.index .lists div.list.recommended span.title {
  font-size: 16px;
  font-weight: 500;
  color: #333390;
  text-transform: uppercase;
  margin-bottom: 13px;
  display: inline-block;
  width: 100%;
}

.content.index .lists div.list.categories ul {
  width: inherit;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.content.index .lists div.list.categories ul li {
  display: flex;
  width: 170px;
  height: 128px;
  border-radius: 5px;
  border: solid 1px #c2c6cb;
  background-color: #fff;
  margin: 0 20px 20px 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  flex: 0 0 calc(25% - 17px);
}

.content.index .lists div.list.categories ul li:nth-child(4n+4) {
  margin-right: 0;
}

.content.index .lists div.list.categories ul li h2 {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.content.index .lists div.list.categories ul li h2 a {
  color: #4a4a4a;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding: 80px 5px 10px 5px;
}

.content.index .lists div.list.categories ul li h2 a:visited {
  color: #4a4a4a;
}

.content.index .lists div.list.categories ul li.active,
.content.index .lists div.list.categories ul li:hover {
  background-color: #fafafa;
  border: solid 1px #1650e2;
  border-bottom-width: 3px;
  margin-bottom: 3px;
}

.content.index .lists div.list.categories ul li.active h2 a,
.content.index .lists div.list.categories ul li:hover h2 a {
  color: #333390;
}

.content.index .lists div.list.subcategories {
  flex: 0 0 100%;
  border-bottom: 10px solid #eff0f1;
  padding-bottom: 35px;
}

.content.index .lists div.list.subcategories ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.content.index .lists div.list.subcategories ul li {
  position: relative;
  display: flex;
  width: 25%;
  border-bottom: solid 1px #e2e4e6;
}

.content.index .lists div.list.subcategories ul li::before {
  content: '';
  border-color: #4a4a4a;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  position: absolute;
  top: 16.5px;
  right: 15px;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.content.index .lists div.list.subcategories ul li a {
  font-size: 16px;
  line-height: 1rem;
  color: #4a4a4a;
  font-weight: normal;
}

.content.index .lists div.list.subcategories ul li a {
  padding-right: 30px;
}

.content.index .lists div.list.recommended {
  flex: 0 0 100%;
  border-bottom: 10px solid #eff0f1;
  padding-bottom: 35px;
}

.content.index .lists div.list.recommended ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.content.index .lists div.list.recommended ul li {
  width: 12.5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content.index .lists div.list.recommended ul li::before {
}

.content.index .lists div.list.recommended ul li a {
  display: inline-block;
  height: auto;
  margin: 0 0 14px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  text-align: center;
  color: #333390;
}

.content.index .lists div.list.recommended ul li a+a {
  margin: 0;
}

.content.index .lists div.list.recommended ul li a img {
  display: block;
  margin: 0 auto;
  float: none;
}

.content.coupons ~ .sidebar.left {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}

.content.coupons ~ .sidebar.left .companies-ask {
  display: inline-block;
  text-align: center;
  flex: 1;
  margin: 0 0 20px 0;
  padding: 0 20px 20px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  text-transform: uppercase;
}

.content.coupons ~ .sidebar.left .companies-ask h5 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  margin: 20px 0 20px;
}

.content.coupons ~ .sidebar.left .companies-ask h5+div {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  margin: 20px 0 20px;
}

.content.coupons ~ .sidebar.left .coupon.how-to {
  display: inline-block;
  text-align: center;
  flex: 1;
  margin: 0 0 20px 0;
  padding: 0 10px 20px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

.content.coupons ~ .sidebar.left .coupon.how-to h3.title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  text-transform: uppercase;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul {
  border-bottom: solid 1px #c2c6cb;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li span {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
  padding-bottom: 80px;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li span::before {
  content: '';
  position: absolute;
  top: 10px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li span::after {
  content: '';
  position: absolute;
  top: calc(50% - 17.5px);
  left: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #1650e2;
  border-radius: 50%;
  color: #fff;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(1) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-register.svg);
  width: 57px;
  height: 57px;
  left: calc(50% - 57px / 2);
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(1) span::after {
  content: '1';
	/*left:calc(50% - 57px / 2 - 10px);*/;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(2) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-print.svg);
  width: 52px;
  height: 46px;
  left: calc(50% - 52px / 2);
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(2) span::after {
  content: '2';
	/*left:calc(50% - 52px / 2 - 10px);*/;
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(3) span::before {
  background-image: url(../img/icons/svg/coupon-how-to-pay.svg);
  width: 35px;
  height: 51px;
  left: calc(50% - 35px / 2);
}

.content.coupons ~ .sidebar.left .coupon.how-to ul li:nth-child(3) span::after {
  content: '3';
	/*left:calc(50% - 35px / 2 - 10px);*/;
}

.content.coupons ~ .sidebar.left .coupon.how-to h5 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}

.content.coupons ~ .sidebar.left .coupon.how-to h5 small {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  display: inline-block;
}

#modalCouponSubmit .modal-header {
  border-radius: 10px 10px 0 0;
  padding: 20px 20px 20px;
}

#modalCouponSubmit .modal-header h5 {
  position: relative;
  padding-left: 45px;
}

#modalCouponSubmit .modal-header h5::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  background: no-repeat 50%;
  background-size: 100% 100%;
  background-image: url(../img/icons/svg/icon-coupons-silver-full.svg);
  width: 25px;
  height: 25px;
}

#modalCouponSubmit .modal-header .close {
  top: 20px;
  right: 20px;
}

#modalCouponSubmit .form {
  padding: 25px 25px 25px;
}

#modalCouponSubmit .form button[type='submit'] {
  margin-left: 0;
}

#modalCouponSubmit .form button[type='button'] {
  background-color: #333390;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  margin: 8.5px 2.5px 5px;
  padding: 8px 20px 9px;
  display: flex;
  min-width: 123px;
  justify-content: center;
  border: solid 1px #333390;
}

#modalCouponSubmit .form button[type='button'].btn-append {
  background-color: #fff;
  border: solid 1px #333390;
  color: #333390;
  margin-left: auto;
}

#modalCouponSubmit .form button[type='button'].btn-close {
  margin-left: auto;
  margin-right: auto;
}

#modalCouponSubmit p.thanks {
  font-size: 16px;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 30px;
}

#modalCouponSubmit p.thanks i.icon-thanks {
  position: relative;
  display: inline-block;
  padding: 15px 0 15px 0;
  width: 40px;
  height: 30px;
}

#modalCouponSubmit p.thanks i.icon-thanks::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/svg/icon-envelope.svg);
  width: 40px;
  height: 30px;
}

#modalCouponSubmit p.thanks b {
  display: block;
  margin: 15px 0;
  font-size: 18px;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
}

.form_review {
  border-radius: 6px;
  border: solid 1px #e2e4e6;
  background-color: #fafafa;
  padding: 20px;
  margin: 15px 0 30px 0;
}

.form_review.form_review_visit_submit {
  padding: 14px 15px;
}

#form_review_submit .header,
#form_review_visit_submit .header {
  display: flex;
  justify-content: space-between;
}

#form_review_visit_submit .header {
  border: 0;
  margin: 0 0 10px;
  padding: 0;
}

#form_review_visit_submit.form .form-group {
  margin-bottom: 10px;
}

#form_review_submit .header label,
#form_review_visit_submit .header label {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  text-transform: uppercase;
}

#form_review_visit_submit .header label {
  margin: 0;
}

#form_review_submit .footer,
#form_review_visit_submit .footer {
  display: flex;
  justify-content: space-between;
}

#form_review_visit_submit textarea {
  padding: 10px 0 11px 15px;
}

#form_review_submit button[type='submit'],
#form_review_visit_submit button[type='submit'] {
  margin: 0;
  border-radius: 3px;
}

#form_review_submit .preview_file_div {
}

#form_review_submit .preview_file_div ul {
}

#form_review_submit .preview_file_div ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

#form_review_submit .preview_file_div ul li img {
}

.form-with-rating .rating {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  font-size: 14px;
  color: #4a4a4a;
  width: 300px;
}

#form_review_visit_submit.form-with-rating .rating {
  width: 220px;
  margin-left: 0;
  align-items: flex-end;
}

.form-with-rating .rating .stars {
  color: #404040;
  display: flex;
  direction: rtl;
  line-height: 1rem;
  margin-left: auto;
}

#form_review_visit_submit.form-with-rating .rating .stars {
  margin: 0 15px 0 0;
  line-height: inherit;
  line-height: 1rem;
}

.form-with-rating .rating .stars input {
  position: absolute;
  left: -9999px;
}

.form-with-rating .rating .stars label {
	/*
	display: block;
	float: right;
	height: 17px;
	margin-top: 3px;
	padding: 0 2px;
	font-size: 17px;
	line-height: 17px;
	cursor: pointer;
	color: #ccc;
	*/
  transition: color .3s;
  -o-transition: color .3s;
  -ms-transition: color .3s;
  -moz-transition: color .3s;
  -webkit-transition: color .3s;
  width: 20px;
  height: 20px;
}

#form_review_visit_submit.form-with-rating .rating .stars label,
#form_review_visit_submit.form-with-rating .rating .stars label:first-child {
  margin: 0;
}

#form_review_visit_submit.form-with-rating .rating .stars label~label {
  margin-right: 5px;
}

.form-with-rating .rating .stars input:checked~label i.star::before,
.form-with-rating .rating .stars label:hover i.star::before,
.form-with-rating .rating .stars label:hover ~ label i.star::before {
  content: '★';
  color: #dc8020;
}

.search .summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 15px 0 0;
}

.search .summary>p {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  text-align: center;
}

.search .summary>h1 {
  font-size: 28px;
  font-weight: 500;
  color: #333390;
  text-align: center;
  margin: 0 0 15px;
}

.search .results {
  padding: 0 20px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.search .boxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
  margin: 0 0 30px 0;
  list-style: none;
  align-items: center;
  justify-content: center;
  border: 0;
}

.search .boxes li {
  position: relative;
  width: 220px;
  height: 187px;
  margin-right: 10px;
  border-radius: 5px;
  border: solid 1px #e2e4e6;
  background-color: #ffffff;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.search .boxes li:last-child {
  margin-right: 0;
}

.search .boxes li.active {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #e2e4e6;
}

.search .boxes li h2 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  padding-top: 50px;
  text-transform: uppercase;
  width: 200px;
  height: 38px;
  display: inline-block;
  padding: 60px 0 0;
  margin: 0 0 50px;
}

.search .boxes li h2::before {
  content: '';
  position: absolute;
  top: 20px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.search .boxes li.nav-item-companies h2::before {
  background-image: url(../img/icons/svg/icon-search-companies.svg);
}

.search .boxes li.nav-item-thematics h2::before {
  background-image: url(../img/icons/svg/icon-search-thematics.svg);
}

.search .boxes li.nav-item-coupons h2::before {
  background-image: url(../img/icons/svg/icon-search-coupons.svg);
}

.search .boxes li.nav-item-products h2::before {
  background-image: url(../img/icons/svg/icon-search-products.svg);
}

.search .boxes li span.results {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  display: inline-block;
  margin: 0 0 15px 0;
}

.search .boxes li span.results b {
  font-weight: 500;
  color: #000000;
}

.search .boxes li a,
.search .boxes li.active a:focus,
.search .boxes li.active a:hover {
  width: 145px;
  height: 30px;
  border-radius: 3px;
  background-color: #333390;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: .9rem;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
}

#modalgmap #ostalemape {
    height: 600px;
    border-radius: 5px;
}
#modalgmap .modal-dialog{
	max-width:800px;
}

#modalgmap .modal-header .close {
	top: 5px;
	right: 5px;
	z-index: 1001;
	color: #000;
}

#modalgmap .modal-header{
	padding:0;
}
#modalgmap .modal-content{
	padding:0;
}

#image-gallery {
  height: 100%;
  border: 0;
  display: flex;
}

#image-gallery li[data-thumb] {
	/*width:auto !important;
	height: 100%;
	margin:0;
	float: none;*/
  text-align: center;
  display: flex;
  align-items: center;
}

#image-gallery li[data-thumb]>a {
}

#image-gallery li[data-thumb]>a>img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 240px;
}

/* Video */
.mejs-ads>a,.mejs__ads>a {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.mejs-ads-skip-block,.mejs__ads-skip-block {
  background: #000;
  background: rgba(0,0,0,.5);
  color: #fff;
  display: block;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.mejs-ads-skip-button,.mejs__ads-skip-button {
  cursor: pointer;
}

.mejs-ads-skip-button:hover,.mejs__ads-skip-button:hover {
  text-decoration: underline;
}

.video-wrapper {
  padding: 0;
  background: #f5f5f5;
}

.video-wrapper .videocontent {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.video-wrapper #videoel {
  padding-top: 55.25%;
}


.nr .content.company.product{
	width: 850px;
	background: #f5f5f5;
    padding: 0;
    box-shadow: none;
}
.nr .content.company{
	width: 100%;
	margin: 0 0 15px;
}
.news .company .coupons .grid .dropdown.download .btn.btn-details,
.news .grid .dropdown.download .btn.btn-details{
	border: 1px solid #333390;
}
.reviews-list .reviews .review .review-body .review-footer{
	flex-wrap: wrap;
}
.review-bar{display: flex;
    flex: 0 0 100%;
    font-size: 12px;
    justify-content: flex-start;
    margin: 8px 0 0 0;}
.reviews-list .reviews .review .review-body .review-footer a.review-reply {
    margin-left: auto;
    color: #f88620;
    font-size: 11px;
}
.form-reply {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    margin: 10px 0 0;
}
.content.company-request{
	display: inline-block;
	width: inherit;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.content.company-request>.header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 60px;
	border-radius: 5px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
	border: solid 2px #333390;
	background-color: #333390;
}
.content.company-request>.header h1{
	font-size: 24px;
	font-weight: 500;
	padding: 0 15px;
	color: #fff;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.content.company-request .company-list .company-card .company-apply{
	height:auto;
}
.content.company-request .company-list .company-card .company-apply h5{
	font-size:20px;
}
.content.company-request .company-list .company-card .company-apply h5+div{
	
}

#form_companies_ask .modal-footer{
	flex-wrap:wrap;
}
#form_companies_ask .preview_file_div{
	display:flex;
	width: 100%;
	flex: 0 0 100%;
	font-size: 14px;
	flex-direction:column;
	font-style:italic;
}
#form_companies_ask .preview_file_div ul{
	list-style:none;
	padding:0;
}
#form_companies_ask .preview_file_div ul>li{
	font-style:normal;
	font-weight:500;
}