/*dtn group css styles*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.1 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700');

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div, section, aside {box-sizing: border-box;}
button:focus, input:focus {outline:0;}

img {max-width: 100%; height: auto; box-sizing: border-box;}



/*owl*/
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 30px;}
.left-dots .owl-dots {text-align: left; margin-top: 15px!important;}
.owl-theme .owl-dots .owl-dot span {background: rgba(112,112,112,.3); margin: 5px; width: 9px; height: 9px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: rgba(112,112,112,1)}
section.partners .owl-carousel .owl-stage, section.accesories .owl-carousel .owl-stage {display: flex; align-items: center; }


/*start to magic*/
.wrapper {margin: 0 auto; padding: 30px 0; width: 100%; max-width: 1088px;}
.narrow {padding: 50px 120px;}
.not-so-narrow {padding: 60px 60px 30px;}
.clearfix, .clearfix:after {
    display: block;
    content: "";
    clear: both;}

/*typo*/
body {font-size: 16px; font-family: Roboto, sans-serif; font-weight: 400; color: rgba(112,112,112,1); line-height: 175%;}
a {text-decoration: none;}

h1 {font-family: Montserrat, sans-serif; font-size: 45px; font-weight: 400; padding-bottom: 25px; line-height: 120%;}
h2 {font-family: Montserrat, sans-serif; font-size: 24px; font-weight: 300; padding-bottom: 15px; padding-top: 15px;}
h3 {font-family: Montserrat, sans-serif; font-size: 24px; font-weight: 400; padding-bottom: 25px;}
h4 {font-family: Montserrat, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.045em; }
.light {color: rgba(255,255,255,1);}
.light a {color: rgba(255,255,255,.7);}
.dim {opacity: .7;}
.space-top {margin-top: 10px;}
.inline-block {display: inline-block;}

h4 a {color: rgba(0,0,0,.3); border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 5px;}

/*header*/
header {background: rgba(250,244,240,1); position: relative;}
header ul.contact-rapid {margin: 0; padding: 0; font-size: 14px;}
header ul.contact-rapid li {display: inline-block; margin-left: 0px; padding-left: 0;}
header ul.contact-rapid li:after {content: "|"; padding: 0 5px 0 10px; opacity: .5;}
header ul.contact-rapid li:last-child:after {content: ""; padding: 0;}
header ul.contact-rapid li a {color: rgba(255,255,255,.8);}

header .topbar {background: rgba(24,60,114,1); width: 100%; text-align: right; font-size: 14px; padding: 5px 0;}
header .topbar .wrapper {padding: 0; color: rgba(255,255,255,0.4);}
header .topbar .wrapper a {transition: opacity 0.5s ease;}
header .topbar .wrapper a:hover {opacity: 1;}
header .logo {padding: 5px 0 0px 0; float: left; width: 120px;}
header nav {float: left; padding: 20px 0px 20px 70px;  }

header nav.mainnav {display: block; }
header .quick-contact {float: right;}
header .quick-contact a {color: rgba(255,255,255,1);}

header nav ul {  list-style: none;}
header nav ul li {display: inline; margin: 0 18px;}
header nav ul li a {color: rgba(112,112,112,1); font-size: 18px; padding-top: 49px;  }
header nav ul li a.active {border-top: 4px solid rgba(204,51,0,1); }
header nav.tools {float: right; padding: 16px 20px 10px 0;}
header nav.tools ul li {margin: 0; padding: 0 5px;}
header nav.tools ul li img {display: inline-block; vertical-align: middle;}
header nav.tools a.lang {font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 500; color: rgba(0,0,0,.3); text-decoration: none; border-bottom: 2px solid rgba(0,0,0,.2); padding-bottom: 2px; margin-left: 4px;}
header nav.tools a.search {z-index: 40; position: relative;}

header nav.tools .flag {margin-right: 4px; margin-bottom: 2px;}

header .search-form {position: relative; top: -127px; right: -55px; z-index: 30; text-align: right; width: 980px; margin: 0 auto; padding-left: 60px; display: none; }
header .search-form input {width: 100%; padding: 10px 20px; background: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,.1); font-size: 18px; color: rgba(112,112,112,1);}


/*menu hamburgher*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	position: absolute;
	right: 5px;
	top: 70px;
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: rgba(0,0,0,.3);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }


button.hamburger {display: none;}


/*slider*/
section.slider>div>div {padding-top: 0px;}
section.slider>div>div>div {padding: 40px;}
section.slider .frigotehnie {width: 50%; float: left; border-right: 1px solid rgba(0,0,0,.1); text-align: right; }
section.slider .climatizare {width: 50%; float: right;}
section.slider h4 a { display: block;  height: 100%;  width: 100%;  padding-top: 205px; padding-bottom: 65px; cursor: pointer;  border-bottom: 0 none;}
section.slider .climatizare .descriere h4 a, section.slider .frigotehnie .descriere h4 a {display: inline;  height: auto;  width: auto;  padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,.1); }

.bk-cover {height: 300px; background: rgba(250,244,240,1) url(../images/fp.jpg?v=2) center center no-repeat; background-size: cover; width: 100vw; position: relative; margin-left: -50vw; left: 50%; max-width: 100% }
.slider h4 {display: block;}
.slider .descriere h4 {margin-top: 10px; margin-bottom: 0px;}


/*search-section*/
section.search {background: rgba(204,51,0,1); text-align: center;}
.searchbox {padding: 10px 30px; background: rgba(255,255,255,1); border: 0 none; font-size: 18px; color: rgba(112,112,112,1); width: 500px; }
.input-wrapper {position: relative; margin: 0 auto; width: 500px;}
.input-wrapper h4 {position: absolute; right: 70px; top: 8px;}
.input-wrapper h4 a, nav.content-menu h4 a {border: 0 none;}
.search-svg {position: absolute; right: 30px; top: 10px;}

input::placeholder {font-family: Roboto, sans-serif;}


/*sectiune-categorii*/
section.categories {background: rgba(250,244,240,1);}
section.categories h4 {padding-bottom: 10px;}
section.categories a {color: rgba(112,112,112,1)}

.center {text-align: center;}
.subtitle {opacity: 0.4;}
section.categories .one-third {float: left; width: 33%; padding: 0 30px;}
section.categories .two-thirds {float: right; width: 66%; padding: 0 30px;}
section.categories .two-thirds nav>ul {float: left; width: 50%; box-sizing: border-box;}
section.categories .two-thirds nav>ul>ul {float: right; width: 50%; box-sizing: border-box;}

section.categories ul li {padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1);}
section.categories ul li:last-child {border: 0 none;}
section.categories .two-thirds ul:last-child {padding-left: 60px;}







/*sectiune-what-we-are*/
section.about-icons {background: rgba(67,127,151,1);}
.home-icons {display: flex; flex-direction: row; justify-content: space-evenly; }
.home-icons .feature {flex-basis: 25%; margin: auto;  /* Magic! */ }
.home-icons .feature img {height: 60px;}
.home-icons .feature p {color: rgba(255,255,255,.7); font-size: 18px; font-weight: 300;}
.home-icons .feature {text-align: center; padding: 50px 30px;}

/*sectiune-parteneri*/
section.partners {padding-top: 40px;}
.partners .not-so-narrow {padding-top: 20px;}

/*footer*/
footer {background: rgba(67,127,151,1) url(../dtn/images/logo-sub.svg) no-repeat center 130px; color: rgba(255,255,255,1);}
footer a {color: rgba(255,255,255,.8);}
footer .links {display: flex; flex-direction: row; justify-content: space-between; padding-top: 30px; }
footer .links div { margin: auto; padding: 20px; }
footer .links nav ul li {padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
footer .links nav ul li:last-child {border-bottom: 0 none;}
footer .links .main-menu nav ul li {border-bottom: 0 none; padding: 3px 0 3px 20px;}

footer .footer-bar {font-size: 12px; margin: 80px 0 30px 0;}
footer .footer-bar ul li {display: inline; margin-right: 15px;}
footer nav.legal {float: left;}
footer .footer-bar div {float: right;}
footer .footer-bar div nav {display: inline-block;}
footer .footer-bar div p.copyright {display: inline-block;}
footer .footer-bar nav.social {margin: 0 30px;}




/*page-structures*/
section.page-title {min-height: 200px; background-size: cover;}

.imgclim {background: url(../images/clima.png) no-repeat center center;}
.imgdespre {background: url(../images/depozit.png) no-repeat center center;}
.imgfrigo {background: url(../images/frigo.jpg) no-repeat center center;}
.imgblog {background: url(../images/blog.png) no-repeat center center;}
.imgcontact {background: url(../images/contact.png) no-repeat center center;}

section.page-title h4 {color: rgba(255,255,255,1); margin-top: 112px;}

section.page-content {padding-top: 20px;}
.content {width: 73%; float: left; position: relative;}
aside.sidebar {width: 27%; float: right; padding-left: 50px; border-left: 1px solid rgba(0,0,0,.1); margin-bottom: 35px;}

a.button {display: inline-block; padding: 1px 34px 1px 18px; color: white; font-size: 14px; position: relative; margin-right: 10px;}
a.button:after {content: ""; background: url(../images/next.svg) no-repeat center center; position: absolute; right: 16px; font-size: 1.1em; top: 9px; width: 12px; height: 12px; opacity: .5; transition: opacity 0.5s ease;}
a.button:hover:after {opacity: 1;}


.downarrow:after {transform: rotate(90deg);}
.close:after {content:''; background: url(../images/delete.svg) no-repeat center center!important; position: absolute; right: 25px; top: 13px; width: 11px; height: 11px; opacity: .5; transition: opacity 0.5s ease;}
.close:hover:after {opacity: 1;}



.widget {padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 40px; margin-left: -50px; padding-left: 50px;}

.widget:last-child {border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0;}

.widget ul:last-child {padding-bottom: 0px;}


.widget ul, .widget p {padding-bottom: 20px;}
.widget ul li {padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1);}
.widget ul li:last-child {border-bottom: 0 none;}

.widget ul li a, .widget p a {color: rgba(112, 112, 112, 1);}

.title {color: rgba(24, 60, 114, 1);}
.excerpt {line-height: 150%;}
.content {padding-right: 65px;}
.content p {padding-top: 20px;}
.content ul {padding-left: 40px; padding-top: 10px;}
.content li {list-style-type: none; position: relative;}
.content li:before {content: '\2022'; position: absolute; left: -1em; font-size: 1.1em; top: 1px;}


/*portofolio*/
section.portofolio {background: rgba(67,127,151,1); padding: 60px 0 40px; margin-top: 30px;}
section.portofolio h1 {position: absolute; top:-4px;}
section.portofolio .button {position: absolute; left: 240px; top: 10px;}

section.portofolio nav {font-family: Montserrat, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.045em;}
section.portofolio nav.content-menu {float: right; }
section.portofolio nav.social {float: right; margin-top: 50px;}
section.portofolio nav.social ul li, section.portofolio nav.content-menu ul li{display: inline;}

section.portofolio nav ul li {padding: 0 20px 0 0; display: inline;}
section.portofolio nav.social ul li {padding: 0 10px 0 0;}
section.portofolio nav ul li:last-child {padding: 0;}
section.portofolio aside.sidebar {border: 0 none; position: relative; padding: 0;}

.photo-gallery {padding-top: 15px;}
.photo-gallery .gallery-tabs {padding-bottom: 5px; display: inline-block; }
.photo-gallery .gallery-tabs ul {cursor: pointer;}
.photo-gallery .thumbs {margin: 0;}
.photo-gallery ul {display: flex;  -webkit-flex-flow: row wrap;  justify-content: space-around; justify-content: flex-start;}
.photo-gallery .thumbs ul li {flex: 1 0 15%; flex-grow: 1; flex: 1 0 15%; max-width: 182px;}
.photo-gallery ul li img {padding: 15px 20px 10px 0;}


/*map*/
section.map {background: rgba(250,244,240,1);}
img.map-svg {margin: 0 auto; z-index: 1; display: block; position: absolute; left: -70px; right: 0; }
.interactive-map {position: relative; margin-top: 40px}
.country-names, .cities, .legend {position: relative; z-index: 2;}
#austria {position: absolute; top: 138px; left: 195px;}
#ungaria {position: absolute; top: 197px; left: 435px;}
#romania {position: absolute; top: 279px; left: 715px;}
#slovacia {position: absolute; top: 47px; left: 470px;}
.cities {font-size: 12px; font-weight: 600;}
.cities a {color: rgba(0, 0, 0, .7);}
.cities div.office {font-size: 18px;}

#graz {position: absolute; top: 190px; left: 245px;}
#graz a:before {content: '\2022'; position: absolute; top: -19px; left: 11px; font-size: 40px; color: rgba(204, 51, 0, 1);}
#bratislava {position: absolute; top: 76px; left: 335px;}
#bratislava a:before {content: '\2022'; position: absolute; top: 17px; left: 20px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#trencin {position: absolute; top: 43px; left: 415px;}
#trencin a:before {content: '\2022'; position: absolute; top: 1px; left: -17px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#zilina {position: absolute; top: 19px; left: 445px;}
#zilina a:before {content: '\2022'; position: absolute; top: 1px; left: -17px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#bystrica {position: absolute; top: 76px; left: 455px;}
#bystrica a:before {content: '\2022'; position: absolute; top: -15px; left: -4px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#nitra {position: absolute; top: 92px; left: 420px;}
#nitra a:before {content: '\2022'; position: absolute; top: 1px; left: -17px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#sala {position: absolute; top: 113px; left: 396px;}
#sala a:before {content: '\2022'; position: absolute; top: -9px; left: -12px; font-size: 40px; color: rgba(204, 51, 0, 1);}
#kosice {position: absolute; top: 36px; left: 540px;}
#kosice a:before {content: '\2022'; position: absolute; top: 15px; left: 10px; font-size: 40px; color: rgba(67, 127, 151, 1);}
#budapesta {position: absolute; top: 166px; left: 421px;}
#budapesta a:before {content: '\2022'; position: absolute; top: -19px; left: 31px; font-size: 40px; color: rgba(204, 51, 0, 1);}
#timisoara {position: absolute; top: 277px; left: 591px;}
#timisoara a:before {content: '\2022'; position: absolute; top: 2px; left: -23px; font-size: 40px; color: rgba(204, 51, 0, 1);}


.legend ul {position: absolute; right: 0px; top: 140px;}
.legend ul li:nth-child(1):before {content: '\2022'; position: absolute; top: 3px; left: -32px; font-size: 80px; color: rgba(204, 51, 0, 1);}
.legend ul li:nth-child(2):before {content: '\2022'; position: absolute; top: 31px; left: -32px; font-size: 80px; color: rgba(24, 60, 114, 1);}
.legend ul li:nth-child(3):before {content: '\2022'; position: absolute; top: 58px; left: -32px; font-size: 80px; color: rgba(67, 127, 151, 1);}

.interactive-map .logo {position: absolute; top: 30px; left: 0px;}
aside.contact-info {}
aside .city-contact {padding-top: 400px; display: flex;}
aside .city-contact div {flex: 1 0 33%; flex-grow: 1; margin-bottom: 20px; border-left: 1px solid rgba(0,0,0,.1); padding-left: 50px;}
aside .city-contact div:first-child {border: 0 none;}


/*breadcrumbs*/
.breadcrumbs ul li {display: inline; font-size: 14px; position: relative; padding-right: 22px;}
.breadcrumbs ul li a {color: rgba(112, 112, 112, 1);}
.breadcrumbs ul li:after {content: '\002F'; position: absolute; top: -5px; right: 6px; font-size: 18px; color: rgba(0, 0, 0, .15);}
.breadcrumbs ul li:last-child:after {content: '';}


/*products listing */
main.products {margin-top: -30px; }
aside.filters {float: left; width: 24.47%; padding-right: 30px; border-right: 1px solid rgba(0, 0, 0, .1); margin-bottom: 35px;}
section.product-list {float: right; width: 75.53%; padding-left: 30px; }


.filters .cat, .filters .type {border: 0 none;}
.filters .cat {background: rgba(250, 244, 240, 1);}
.filters .type {background: rgba(67, 127, 151, .1);}


.filter-widget {padding: 12px 30px; border: 1px solid rgba(0, 0, 0, .1); margin-bottom: 20px;}
.filters .cat {padding: 12px 0px; border: 1px solid rgba(0, 0, 0, .1); margin-bottom: 20px;}
.filter-widget:last-child {margin-bottom: 0px;}
.filter-widget p {font-size: 14px; margin-top: 10px;}


.filter-widget h4 {display: block; position: relative; border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 -30px; padding: 0 30px 10px 30px;}
.filter-widget h4:after {content:''; background: url(../images/down.svg) no-repeat center center; position: absolute; right: 25px; top: 10px; width: 11px; height: 7px; opacity: .5; transition: opacity 0.5s ease; }


.filter-widget ul {font-size: 14px; padding-top: 12px; line-height: 140%;}
.filter-widget ul li {padding-bottom: 15px}
.filters .cat ul li {padding-bottom: 15px;padding-left:30px;padding-right: 30px;}
.filter-widget ul li:first-child {padding-top: 5px;}
.filter-widget ul li:last-child {padding-bottom: 10px;}
.filter-widget ul li a {color: rgba(112, 112, 112, 1);}
.filter-widget ul li a.active {font-weight: 600;}


ul.long-att-list {height: 230px; overflow-y: scroll;}
ul.long-att-list li {padding-left: 1px;}
.long-list {padding: 12px 0px 12px 30px; }
.long-list h4 {margin: 0 0px 0 -30px;}


/*nice checkboxes*/

.filter-widget ul li input[type="checkbox"] {opacity: 0;}
.filter-widget ul li label {position: relative; display: inline-block; cursor: pointer;}
.filter-widget ul li label:before{content: "";display: inline-block; height: 10px;  width: 10px; border-radius: 10px; border: 1px solid rgba(112, 112, 112, .5);}
.filter-widget ul li label:after {content: ""; display: inline-block; height: 10px;  width: 10px; border-radius: 10px; background: rgba(112, 112, 112, .5); border: 1px solid rgba(112, 112, 112, 1);}


.filter-widget ul li label:before,
.filter-widget ul li label:after {position: absolute;}
.filter-widget ul li label:before {top: 3px; left: -20px;}
.filter-widget ul li label:after {top: 3px; left: -20px;}

/*Hide the checkmark by default*/
.filter-widget ul li input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide the checkmark on the checked state*/
.filter-widget ul li input[type="checkbox"]:checked + label::after {
    content: "";
}


a.erase {display: block; background: rgba(204, 51, 0, 1); color: #fff; font-weight: 500; font-size: 14px; margin-bottom: 20px; padding: 5px 30px; position: relative;}
a.erase:after {content:''; background: url(../images/delete.svg) no-repeat center center; position: absolute; right: 25px; top: 13px; width: 11px; height: 11px; opacity: .5; transition: opacity 0.5s ease;}
a.erase:hover:after {opacity: 1;}


.product-list .info {border: 1px solid rgba(0, 0, 0, .1); padding: 10px 30px 20px; margin-bottom: 30px;}
.product-list .info-bar {border-bottom: 1px solid rgba(0,0,0, .1); margin: 0 -30px 20px; padding: 0 30px;}

/*dropdown*/

.title-count {float: left; width: 40%; margin-top: -5px}
.title-count h2,.title-count .count, .options .show,.options .sort, .show label {display: inline-block;}

.show {margin-left: 10px;}
.options {float:right; margin-top: 2px;}
.sort {width: 180px;}
.count {margin-left: 20px;}


span.orno_icon { background: rgba(204,51,0,1); color: white; padding: 5px 7px; font-size: 11px;  line-height: 100%; font-weight: 600; border-radius: 70px;    position: absolute; top: 35px; left: 11px;}
span.orno_icon_product { background: rgba(204,51,0,1); color: white; padding: 5px 7px; font-size: 11px;  line-height: 100%; font-weight: 600; border-radius: 70px; position: absolute; top: 35px; left: 340px; z-index:1001; }


/*product from product-listing*/
.product {border: 1px solid rgba(0, 0, 0, .1); padding: 10px 30px 25px; margin-bottom: 30px; font-size: 14px; transition: background 0.5s ease;}
.product:hover {background: rgba(0,0,0,.03);}

.product h2 {font-weight: 400; border-bottom: 1px solid rgba(0,0,0, .1); margin: 0 -30px 20px; padding: 5px 30px 15px;}
.product .thumbnail {float: left; width: 23%; position: relative; }
.product .thumbnail img {width: 130px;}
.product .thumbnail a span.orno_icon {right: 20px; left: auto; top: 0px;}
.product .code {float: left; width: 25%; background: rgba(250, 244, 240, 1); padding: 10px 20px; line-height: 180%;}
.product .code a, .product h2 a {color: rgba(112, 112, 112, 1);  }
.product .code a {font-size: 12px; }
.product .code ul.dtncode {line-height: 160%; border-bottom: 1px solid rgba(0,0,0, .1); margin: 0 -20px; padding: 0 20px 10px 20px;}

.product .code ul {line-height: 160%; margin-bottom: 5px;}



.product .specs {float: right; width: 52%; padding-left: 35px;}
.product .specs ul {margin-bottom: 10px;}
.product .specs ul li {padding: 2px 0; border-bottom: 1px solid rgba(0,0,0, .1);}

.product .specs ul li span {float: right;}

.product .specs ul li:last-child {padding: 0; border-bottom: 0 none;}




/*pagination*/
.pagination {margin-top: 0px; font-size: 14px;}
.pagination a {color: rgba(112, 112, 112, 1); display: inline-block; padding: 0px 10px;}
.pagination a.active {border: 1px solid rgba(0,0,0, .1); border-radius: 15px;}


/*colors*/
.red {color: rgba(204, 51, 0, 1);}
.white {color: rgba(255,255,255,1);}
.filter-widget ul li a.red {color: rgba(204, 51, 0, 1);}
.filter-widget ul li a.light-blue {color: rgba(67, 127, 151, 1);}
.redbk {background: rgba(204, 51, 0, 1);}
.greybk {background: rgba(112, 112, 112, 1);}
.ivorybk {background: rgba(250, 244, 240, 1);}

.blue {color: rgba(24, 60, 114, 1);}

.light-blue {color: rgba(67, 127, 151, 1)}
.light-bluebk {background: rgba(67, 127, 151, 1);}


/*blog*/

.bk-image {height: 352px;}
article.featured {margin-top: 20px;}
article.featured .featured-content {padding: 25px 140px 80px 40px; background-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */}
article.featured .featured-content h2 {line-height: 140%; font-weight: 400;}




article.featured a {color: rgba(255,255,255,1);}
article.featured a.title {    color: rgba(24, 60, 114, 1);     font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 400;
  padding-bottom: 25px;
  line-height: 120%;}
article.featured a.button {
  margin-top:20px;
}
article.featured ul {font-size: 14px; padding: 0;}
article.featured ul li {display: inline; position: relative; padding-right: 18px;}
article.featured ul li:before {content: none;}
article.featured ul li:after {content: '\002F'; position: absolute; top: -6px; right: 3px; font-size: 18px; color: rgba(255, 255, 255, .3);}
article.featured ul li:last-child:after {content: '';}

article.list-default {padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1); margin-right: -65px; padding-right: 65px;}
section.content article.list-default:first-child {margin-top: 40px;}


article.list-default img.thumbnail {float: left; display: block; width: 28%; }
article.list-default .excerpt {float: right; display: block; width: 72%; padding-left: 30px; box-sizing: border-box;}
article.list-default .excerpt p {margin-bottom: 15px; padding-top: 10px;}
article.list-default h2 {line-height: 140%;}


article.list-default h2 {padding-bottom: 5px; font-weight: 400;}
article.list-default h2 a {color: rgba(112, 112, 112, 1);}

ul.meta {margin-bottom: 20px; font-size: 14px; padding: 0;}
ul.meta li {display: inline; position: relative; padding-right: 18px;}
ul.meta li:before {content: none;}
ul.meta li:after {content: '\002F'; position: absolute; top: -6px; right: 3px; font-size: 18px; color: rgba(0, 0, 0, .15);}
ul.meta li:last-child:after {content: '';}
ul.meta li a {color: rgba(112, 112, 112, 1);}
.featured-content ul.meta a {color: rgba(255,255,255,.9);}




/*inputs forms*/
body.cat-page .products form {margin-top: 0px;}
form {margin-top: 35px; padding: 0;}
.no-labels label {  display: none; }


input, textarea {padding: 10px 15px; border: 1px solid rgba(0,0,0,.1); font-size: 14px; resize: none; box-sizing: border-box;}
.ileft {float: left; width: 50%; padding: 10px 15px 10px 0px;}
.iright {float: right; width: 50%; padding: 10px 15px 10px 0px;}

.ileft input, .iright input {width: 100%;}


textarea {width: 100%; padding: 10px 15px;}
input[type=button], input[type=submit] {position: relative; width: auto; color: rgba(255,255,255,1); padding: 5px 35px 5px 15px; font-weight: 500; cursor: pointer;}

.textarea {padding: 10px 15px 10px 0px;}
.submit {position: relative; display: inline-block; }
.submit:after {content: "";background: url(../images/next.svg) no-repeat center center; position: absolute;right: 16px;font-size: 1.1em;top: 9px; width: 12px;height: 12px;opacity: .5;transition: opacity 0.5s ease;}


.register-form {}

.row {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 7px 0;}

.column {display: flex; flex-direction: column; flex-basis: 100%; flex: 1; padding: 0 14px 0 0;}
.column:last-child {padding: 0;}



/*echipa*/
section.team {background: rgba(67,127,151,1); padding: 40px 0 20px; margin-top: 30px;}
section.team .team-members {margin: 30px 0; display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start;  width: 100%; }
section.team .member {flex-direction: column; }
section.team .member p {color: rgba(255,255,255,1); font-size: 14px; font-weight: 300;}
section.team .member span {color: rgba(255,255,255,1); display: block; font-weight: 500; margin: 15px 0 5px;}

section.team .team-members a {color: rgba(255,255,255,.8);}

section.team nav ul li {padding: 0 20px 0 0; display: inline;}
section.team nav ul li:last-child {padding: 0;}
section.team aside.sidebar {border: 0 none; position: relative; padding: 0;}
section.team nav {font-family: Montserrat, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.045em;}

.middle {position: relative; margin-bottom: 40px;}
section.team h1 {position: absolute; top: -4px;}
section.team .button {position: absolute; left: 180px; top: 10px;}


/*single-product*/

.singular-product, .article-content {margin-top: -40px;}
.accordion-header {cursor: pointer;}
.accordion-content {display: none;}
.active {}


.singular-content {margin-bottom: 50px;}

.product-gallery {float: left; width: 43%; padding-right: 60px; position: relative; }
.product-gallery .owl-dots {margin-top: 15px!important; margin-bottom: 20px;}
.product-content {float: right;  width: 57%}

.product-content ul li em {font-style: italic;}

.singular-product .qr {float: left; width: 20%; padding-right: 20px; line-height: 120%;}
.singular-product .qr img {width: 60px;}
.singular-product .details-offer {float: right; width: 80%;}

.singular-product .code {font-size: 12px; line-height: 180%; padding: 20px 30px 15px; display: flex;}
.dtncolumn ul, .gencolumn ul {margin-bottom: 5px;}

.gencolumn {border-left: 1px solid rgba(0,0,0,.1); padding-left: 20px; margin-left: 20px;}
.singular-product .code h4 {margin-bottom: 10px;}

.singular-product .code a {color: rgba(112, 112, 112, 1);}
.singular-product .details-offer .action {margin-top: 15px;}


.footnotes {font-size: 11px; border-top: 1px solid rgba(0,0,0,.1); margin-top: 25px; padding-top:10px; line-height: 160%;}
.footnotes p {margin: 0; padding: 10px 0 0 0; }



figure {margin: 20px 0;}
figcaption {font-size: 12px; line-height: 160%;}


span.report {font-size: 14px; display: block; margin-left: -10px; text-align: right; margin-top: 25px; padding-top: 20px; position: relative;}
span.report a {color: rgba(112, 112, 112, 1);}

span.report a:before {position: absolute; content:""; background: url(../images/question.svg) no-repeat center center;     right: 0; top: 0px; width: 17px; height: 17px; opacity: .5; transition: opacity 0.5s ease;}

span.report a:hover:before {opacity: 1;}


.singular-product .details {border-bottom: 1px solid rgba(0,0,0,.1); font-size: 14px;}
.accordion-header {border-top: 1px solid rgba(0,0,0,.1); }

.accordion-header, .accordion-content {margin: 0px; padding: 10px 160px; }
.accordion-content {padding-bottom: 15px; padding-top: 0px; overflow-x: auto;}

.offer {text-align: center; padding-bottom: 10px;}






/*specs*/
.singular-product .specs {}
.singular-product .specs ul {margin-bottom: 10px; }
.singular-product .specs ul li {padding: 2px 0; border-bottom: 1px solid rgba(0,0,0, .1); display: flex; justify-content: space-between;}

.singular-product .specs ul li span {text-align: right;}
.singular-product .specs ul li ul {text-align: right;}
.singular-product .specs ul li ul li {justify-content: flex-end;}
.singular-product .specs ul li:last-child {padding: 0; border-bottom: 0 none;}
.singular-product .specs ul li.uiue {padding-top: 25px; border-bottom: 1px solid rgba(0,0,0, .4); font-weight: 700;}


/*table*/

table.table {text-align: left; border-collapse: collapse; line-height: 160%; margin-bottom: 15px; width: 100%; overflow-x: scroll}
table.table, table.table th, table.table td {border: 1px solid rgba(0,0,0,.1);}
table.table td, table.table th {padding: 6px 15px;}
table.table .first-row-col {background: rgba(67, 127, 151, 1); color: rgba(255,255,255,1); min-width: 165px;}
table a {color: rgba(255,255,255,1);}
table.table .large-col120 {min-width: 120px;}

table.table thead th, table td.main-prod {background: rgba(250, 244, 240, 1); }

table.table th.th-2dm-attr, table.table td.td-2dm-attr {background: rgba(0,0,0,.1)}
table.table tr.uiue td{}

table.table tr.uiue {background: rgba(0,0,0,.07)}
table.table td.attr-name-col {width: 280px;}

table tr td ul {padding-left: 20px!important; padding-top: 0px!important;}


/*specs buttons*/

.details ul.download li {margin-bottom: 8px;}


/*accesorii*/

.accesories {display: flex; flex-direction: row; justify-content: space-evenly;  width: calc(100% + 100px); margin-left: calc(-50px); margin-right: calc(-50px);}
.accesories .product-list {flex-basis: 25%; margin: auto;  /* Magic! */; line-height: 160%; }
.accesories .product-list a {color: rgba(112, 112, 112, 1); }
.accesories .product-list img.thumb {width: 180px; border: 1px solid rgba(0,0,0,.1);}


/*blog-singular*/
.related-posts {margin-top: 30px; border-top: 1px solid rgba(0,0,0,.1); padding: 30px 0 0 0;}


/*ask-price*/
.rapid-input-wrapper {position: relative; width: 100%;}
.rapid-input-wrapper .searchbox {padding-right: 70px;}
.border1px {border: 1px solid rgba(0,0,0,.1);}
.width100 {width: 100%;}


/**table*/

.table-list-price {font-size: 14px;}
.table-list-price p {margin: 0; padding: 2px 0;}
.table-list-price a {color: rgba(0, 0, 0, .7);}
.table-thumb {width: 80px; float: left; display: block; padding-right: 25px; box-sizing: border-box;}
.product-line {}
.table-list-price .product-name {width: 50%; height: auto;}
.table-list-price .observation {width: 30%; height: auto;}
.table-list-price .quantity {width: 20%; height: auto;}

.pull-right { float:right; }
.text-right { text-align:right; }




/* Notification */


.notification .wrapper {padding: 1px 0; }
.notification {background: rgba(67,127,151,1); color: rgba(255,255,255,.7); font-size: 14px;}



/* Pages */

section.content h3, article.content h3 {margin-top: 40px; padding-bottom: 10px;}


/*form alerts*/


/*alerts*/

.alert {border-radius:3px; padding:5px 15px; margin-bottom:5px;}
.alert h4 {font-weight:600;}
.alert .icon {margin-right:10px;}
.alert .close {color:#000;opacity:0.2;filter:alpha(opacity=20);}
.alert .close:hover {opacity:0.5;filter:alpha(opacity=50);}
.alert a {color:#fff;text-decoration:underline;}
.alert-success {border-color:#008d4c;}
.alert-danger,.alert-error {border-color:#d73925;}
.alert-warning {border-color:#e08e0b;}
.alert-info {border-color:#00acd6;}
.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info {color:#fff !important;}
.alert-danger,.alert-error,.label-danger {background-color:#dd4b39 !important;}
.alert-warning {background-color:#f39c12 !important;}
.alert-info {background-color:#00c0ef !important;}
.alert-success {background-color:#00a65a !important;}
.hidden { display:none!important; }
.grecaptcha-badge {display: none;}

body.search-page .info {display: none;}
button.button {display: inline-block;
    padding: 6px 38px 8px 18px;
    color: white;
    font-size: 14px;
    position: relative;
    margin-right: 10px; border: 0 none; cursor: pointer; }


button.button:after {content: "";
    background: url(../images/next.svg) no-repeat center center;
    position: absolute;
    right: 16px;
    font-size: 1.1em;
    top: 9px;
    width: 12px;
    height: 12px;
    opacity: .5;
    transition: opacity 0.5s ease;}


button.button:hover:after {
    opacity: 1;
}

#ct-ultimate-gdpr-cookie-open {bottom: -60px!important; color: rgba(0,0,0,.2)!important;}
.ct-ultimate-gdpr-cookie-modal-content {margin: 50px auto 0 auto!important;}



/*promotion*/

.promotion-bk {display:none; background: rgba(0,0,0,.8); position: fixed; width: 100%; height: 100%; z-index: 999999;}
.pro-wrapper {background: rgba(255,255,255,1); border-radius: 20px; width: 50vw; height: 80vh; overflow: scroll; margin: 2% auto; padding: 30px 50px; position: relative}

span.promo-close {position: absolute; top: 40px; right: 40px; }
.promo-close-btn { font-size:2rem; }

.promoh2 {font-weight: 600; color: rgba(24, 60, 114, 1);}

#owl-promo { position:relative; }
#owl-promo .owl-nav { position:absolute; top:40%; width:100%; text-align:center;}
#owl-promo .owl-nav  .owl-prev { position:absolute; left:-30px; /*float:left;*/ font-size:2rem; opacity:0.6; }
#owl-promo .owl-nav  .owl-next { position:absolute; right:-30px; /*float:right;*/ font-size:2rem; opacity:0.6; }
#owl-promo .owl-nav [class*="owl-"]:hover { background:none; color: #AAA; }

/*-----------RESPONSIVE------------*/


@media (max-width: 575.98px) {

/*hide notification - website in progress - on mobile*/
.notification {display: none;}

header .topbar .wrapper {padding: 0 30px;}


section.map {display: none;}
header .logo {padding: 10px; float: none; text-align: center;}
header nav {float: none;}
.wrapper, .notification .wrapper {padding: 30px;}



/*typo*/

h1 {font-size: 36px;}
h2 {font-size: 22px;}

header {height: auto;}


header .search-form {position: relative; top: 0px; right: 0; width: 100%; padding-left: 0;}

header nav {padding: 0;}
header nav.mainnav {display: none; }
header nav.mainnav ul li {display: block; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0;}
header nav.mainnav ul li a {padding-top: 0;}
header nav.mainnav ul li a.active {width: 100%; display: block; border-bottom: 1px solid rgba(204,51,0,1); border-top: 0 none; padding-top: 0px;  padding-bottom: 11px; margin-bottom: -11px;}




button.hamburger {display: block;}

header nav.tools {float: none; position: relative; padding: 0; text-align: center; margin-top: 10px;}
header nav.tools ul li img {width: 20px;}
header nav.tools ul li {padding: 0 8px;}
.slider {display: none;}


section.categories .one-third, section.categories .two-thirds, section.categories .two-thirds nav>ul, section.categories .two-thirds ul:last-child {float: none; width: 100%; padding: 0;}

section.categories ul li:last-child {border-bottom: 1px solid rgba(0,0,0,.1);}
section.categories h4 a {margin-top: 20px; display: inline-block; margin-bottom: 30px;}



.home-icons {display: block;}
.home-icons .feature {padding: 30px;}





.content {padding-right: 0px; width: 100%; float: none; padding-bottom: 10px;}
.content ul {padding-left: 20px;}


aside.sidebar {width: 100%; float: none; padding-left: 0; border-left: 0 none; padding-top: 30px; border-top: 1px solid rgba(0,0,0,.1); margin-top: 30px;}
.widget {margin-left: 0; padding-left: 0; padding-bottom: 30px;}

section.portofolio {padding: 30px 0; margin-top: 10px;}
section.portofolio .button {position: relative; top: 60px; left: 0;}


section.portofolio nav.content-menu, section.portofolio nav.social {float: none;}
section.portofolio p {margin-top: 70px;}
section.portofolio nav.social {margin-top: 20px;}
.photo-gallery .thumbs ul li {flex: 1 0 50%;}


.not-so-narrow {padding: 40px 20px;}

section.team .team-members {margin: 30px 0; display: block;  width: 100%; }
section.team .member {margin-top: 30px; }


/*cat*/

aside.filters {float: none; width: 100%; padding-right: 0px; border-right: 0 none;}
section.product-list, .product .specs  {float: none; width: 100%; padding-left: 0;}

.product .thumbnail, .product .code{float: none; width: 100%; }

.product .code {margin-bottom: 20px;}

.product .thumbnail img {width: 100%; }

.title-count, .options {float: none; }
.title-count {width: 100%;}
.options {margin-bottom: 20px;}

/*forms*/

.row {padding: 14px 0px 0;}

.column {padding: 0 0 14px 0px;}
.column:last-child {padding: 0;}


/*single*/
.product-gallery {float: none; width: 100%; padding-right: 0px;}
.accordion-header, .accordion-content {padding: 10px 0;}
.singular-content {margin-bottom: 30px;}
.input-wrapper, .searchbox {width: 100%;}
.singular-product .qr {display: none;}
.singular-product .details-offer {float: none; width: 100%; margin-bottom: 20px;}


footer .links {display: block; padding-top: 30px;}
footer .links div {padding: 20px 0;}
footer .links .main-menu nav ul li {padding-left: 0px;}
footer .footer-bar nav.social {margin: 15px 0 40px;}
footer .footer-bar nav.social ul li {display: inline-block;}

footer nav.legal, footer .footer-bar div {float: none;}
footer .footer-bar {margin: 15px 0 0; padding: 0;}
footer .footer-bar div nav, footer .footer-bar ul li {display: block;}

section.team .button {left: 0; top: 50px;}
.middle {margin-bottom: 80px;}

section.team aside.sidebar {display: none;}
section.team {padding: 60px 0 0px}
}

/* Landscape phones */
@media (min-width: 576px) and (max-width: 991.98px ) {


.notification {display: none;}
section.map {display: none;}
header .logo {padding: 10px; float: none; text-align: center;}
header nav {float: none;}
.wrapper, .notification .wrapper {padding: 30px 40px;}

section.slider>div>div>div {padding: 20px;}

nav.mainnav {padding: 20px 0;}
header nav ul {text-align: center;}

header nav ul li {margin: 0 10px;}
header nav ul li:first-child {display: none;}
header nav ul li a.active {border-bottom: 3px solid rgba(204,51,0,1); border-top: 0 none; padding-bottom: 7px;}
header nav ul li a {font-size: 16px;}


header nav.tools {position: absolute; top: 45px; right: 40px;}

.content, aside.sidebar {width: 100%; float: none;}
.content {padding-right: 0px; padding-bottom: 40px;}
aside.sidebar {padding-left: 0px;  border-top: 1px solid rgba(0,0,0,.1); border-left: 0 none; padding-top: 40px; margin-bottom: 0;}
.widget {margin-left: 0; padding-left: 0; padding-bottom: 0;}


.home-icons {flex-wrap: wrap;}
.home-icons .feature {  flex: 1 0 40%; margin: 5px;}

.not-so-narrow {padding: 30px 20px;}
section.portofolio nav.content-menu, section.portofolio nav.social {float: none;}
section.portofolio nav.social {margin-top: 20px;}

.photo-gallery .thumbs ul li {flex: 1 0 33%;}

aside.filters {float: none; width: 100%; padding-right: 0px; border-right: 0 none;}
section.product-list {float: none; width: 100%; padding-left: 0;}



/*singular*/


.product-gallery {float: none; width: 100%; padding-right: 0px; padding-bottom: 30px;}
.singular-product .qr {}



.product .code {display: none;}
.product .specs {width: 77%;}

footer .links {flex-wrap: wrap;}
footer .links div {flex: 1 0 40%; margin: 5px;}
footer .links .main-menu, nav.legal {text-align: left;}
footer .links .main-menu nav ul li, nav.legal ul li {display: block; padding: 3px 0px;}
footer .footer-bar {margin: 0px 0 20px 0;}
footer nav.legal {float: none; margin: 20px 0; text-align: center;}
footer nav.legal ul li {display: inline-block;}

footer .footer-bar div {float: none; text-align: center;}




}


/* UI MOD*/
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
/* UI MOD*/

/* Some tablets */


@media (min-width: 991.99px) and (max-width: 1199.97px ) {

/*singular*/



}

@media (max-width: 1199.98px) {

/*singular*/


}


/* subcategories menu */
.dropdown {
	position: relative;
	/*display: inline-block;*/
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: rgb(237,248,252);
	width: 900px;
	height:600px;
	padding:25px 10px;
	overflow:scroll;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  height: auto;
  width:855px;
  min-height: 500px;
}

h4 > .dropdown-content {
	left:200px;
	top:-12px;
}

li > .dropdown-content {
  left: 233px;
  top: -23px;
  overflow: hidden;
}

h5.menu-section-title {
	font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 30px 10px 0px;
    color: rgba(204, 51, 0, 1);
    }

.menu-sections-envelope{
	margin-bottom:15px;
	border-bottom:1px dotted rgb(193,231,245);
}

.menu-dropdown-widget {
	display: inline-block;
	width: 33%;
	margin-bottom: 20px;
	padding: 0 30px;
	vertical-align: top;
}

.dropdown-content a {
	font-family: Roboto, sans-serif;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight:normal;
    color: rgba(112,112,112,1);
    line-height: 175%;
	text-transform: none;
    letter-spacing: 0rem;
	border-bottom:none;
	padding-bottom:0px;
}

.dropdown-content a:hover {
	color:#444444;
}

.dropdown:hover .dropdown-content {
	display: block;
}
/* subcategories menu */

@media(max-width: 991px) {
  h4 > .dropdown-content {
    top: 38px;
    left: 0;
    width: 100%;
  }
  li > .dropdown-content {
    top: 25px;
    left: 0;
    width: 100%;
  }

  .menu-dropdown-widget {
    width: 100%;
  }
}

#topnav li.dropdown {
  position: static;
}
#topnav div.dropdown-menu {
  position:absolute;
  z-index:999;
  left:0;
  right: 0;
  margin-top:30px;
  width: 100vw;
  display: none;
  background: rgb(237,248,252);
  padding:40px 10%;
  max-width:100%;
  flex-wrap: wrap;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#topnav div.dropdown-menu-short {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.submenu-link-child, .submenu-link-parent, .dropdown-content a.submenu-link-child, .dropdown-content a.submenu-link-parent {
  padding-top:0;
  display: block;
  width: 100%;
  text-align: left !important;
}
.submenu-link-parent, .dropdown-content a.submenu-link-parent {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 0 30px 10px 0px;
  color: rgba(204, 51, 0, 1);
  line-height: 1.6;
}
.submenu-link-child, .dropdown-content a.submenu-link-child {
  font-family: Roboto, sans-serif;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: rgba(112,112,112,1);
  line-height: 175%;
  text-transform: none;
  letter-spacing: 0rem;
  border-bottom: none;
  padding-bottom: 0px;
}

#topnav div.dropdown-menu .dropdown-menu-item>*, .dropdown-content .dropdown-menu-item>*  {
  flex: 1 1 160px;
}
#topnav div.dropdown-menu .dropdown-menu-item,  .dropdown-content .dropdown-menu-item{
  width: 20%;
  display: inline-flex;
  flex-flow: wrap;
  padding:0 20px;
  align-self: flex-start;
  padding-bottom:20px;
  float: none;
}

.dropdown-content .dropdown-menu-container {
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  display: flex;
  padding:0 2.5%;
}

.dropdown-content .dropdown-menu-item{
  width:33.3333%;
}

@media(max-width: 1200px) {
  #topnav div.dropdown-menu .dropdown-menu-item {
    width: 25%;

  }
  #topnav div.dropdown-menu {
    padding: 40px;
  }
}
@media(max-width: 992px) {
  #topnav div.dropdown-menu .dropdown-menu-item, .dropdown-content .dropdown-menu-item {
    width: 33%;
  }
}
@media(max-width: 767px) {
  #topnav div.dropdown-menu .dropdown-menu-item, .dropdown-content .dropdown-menu-item {
    width: 50%;
  }
}

@media(max-width: 575px) {
  #topnav div.dropdown-menu .dropdown-menu-item, .dropdown-content .dropdown-menu-item{
    width: 100%;
    padding:0;
    padding-bottom: 20px;

    display: block !important;
  }


  #topnav div.dropdown-menu {
    position: static;
    background: none;
    padding: 0;
    margin-top:15px;
    box-shadow: none;
  }
}
.category-description {
  white-space: pre-line;
}
.category-description #more {
  display:none;
}

.category-description #moreBtn {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  color: rgba(67, 127, 151, 1);
  margin: 10px 0 0 0;
  display: block;
}

h1.category-title {
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  padding: 15px 0px;
  line-height: 120%;
}
div.count.subtitle.products {
  margin-left:0;
  display: inline-block;
  padding-bottom: 15px;
}


.submenu-link-child {line-height: 210%}

.socializer {
  padding-top:25px;
}

.socializer-text {
  color: rgba(24, 60, 114, 1);
  font-family: Montserrat, sans-serif;
  margin-right: 15px;
  padding-top: 2px;
  font-size: 18px;
}

section.content p a {    color: rgba(24, 60, 114, 1);
  font-weight: 600; }
aside.sidebar a {font-weight: 500;}
section.content p a:hover {color: rgba(204, 51, 0, 1)}
.socializer {    padding-bottom: 40px;}
section .product-content a { color: rgba(24, 60, 114, 1); font-weight: 600;}
section .product-content a:hover {color: rgba(204, 51, 0, 1)}
.footer-nav .links .logo img {
  width:128px
}

@media (min-width: 576px) and (max-width: 1024px) {
  .bk-cover{ height: 150px; }
  section.slider h4 a {padding-top: 85px; }
}

@media(min-width: 1200px) {
  .filter-widget ul li label {
    max-width:153px;
  }
}


/* Accessories and similar products carousel in in product page */
.owl-product-accessories {
    margin: 0;
    padding: 0;
}



.product-item {
    padding: 10px;
    box-sizing: border-box;
}

.product-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Fixed dimensions */
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.product-card a {
    text-decoration: none;
    color: inherit;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-image {
    position: relative;
    width: 100%;
    height: 220px; /* Fixed height for image area */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-info {
    padding: 15px;
    height: 100px; /* Fixed height for text area */
    overflow-y: visible;
    overflow-x: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
}

.product-name {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    font-weight: 500;
    text-align: center;
    width: 100%;
    /* Prevent word breaking */
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
}

/* Custom scrollbar for text area */
.product-info::-webkit-scrollbar {
    width: 4px;
}

.product-info::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.product-info::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.product-info::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Responsive adjustments - maintaining same proportions */
@media (max-width: 768px) {
    .product-card {
        height: 280px;
    }

    .product-image {
        height: 180px;
        padding: 8px;
    }

    .product-info {
        height: 100px;
        padding: 12px;
    }

    .product-name {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .product-card {
        height: 250px;
    }

    .product-image {
        height: 160px;
        padding: 5px;
    }

    .product-info {
        height: 90px;
        padding: 10px;
    }

    .product-name {
        font-size: 11px;
    }
}