/*
IMPORTANT :
PLEASE DON'T WRITE IN ONE LINE CODE
IF YOU WRITE ANOTHER STYLE PLEASE MAKE SURE YOU UPDATE THE TABLE OF CONTENTS
==========================================================

TABLE OF CONTENTS

1.General
2.Breadcrumb
3.Titles
4.Buttons
5.Footer
	5.1 Top
	5.2 Social
	5.3 Newsletter
	5.4 Bottom
6.Header
	6.1 Top (social - language)
	6.2 Middle (logo - main-menu)
	6.3.Category menu (usage - category - alphabetically)
	6.4 Input search field
7.Homepage
	7.1 Slideshow
	7.2 Research section
	7.3 News list nodequeues
		7.3.1 Title above image
		7.3.2 Video
		7.3.3 Title inside image
	7.4 Product slider
	7.5 News list (major category)
	7.6 Google map (International Presence)
8.Certifications
9.Basic Page
10.Contact Page
11.Article Page
	11.1 comment in style (if change to ds-col2)
	11.2 Bxslider
	11.3 Related Articles
12.Article List
	12.2 Exposed filters
	12.3 comment in style (if change to ds-col2)
	12.3 Pagination
13.Scroller navigation
14.Products Page (term view)
15.Product SIngle Page
	15.1 Details (Bxslider - Tabs Mobile)
16.Products list or releated

*/

.infobox-wrapper {
  display: none;
}

#infobox {
  border: 2px solid black;
  margin-top: 8px;
  background: #333;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: .5em 1em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 -1px #000000;
  -webkit-box-shadow: 0 0 8px #000;
  box-shadow: 0 0 8px #000;
}


/* ====== 1.General ====== */

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  background-color: #f1f1f1;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #1d1d1d;
  background-color: #fff;
}

a, a:active, a:hover {
  color: #1d1d1d;
  outline: 0;
  text-decoration: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

b, strong {
  font-weight: bold;
}

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

hr {
  height: 0;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

.row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after {
  clear: both;
}

.row {
  zoom: 1;
}

.row {
  margin: 0 auto;
  width: 100%;
  display: block;
}

.centered, .centered-960 {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.centered-960 {
  max-width: 960px;
}

.outer {
  padding: 0 15px;
}

.float-right {
  float: right;
}

.background-dot {
  background-image: url(../images/dot.png);
}

.embed-responsive {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.embed-responsive iframe, .embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.element-invisible {
  display: none;
}

.hidden-desktop, ul.main-menu li.hidden-desktop {
  display: none;
}


/* ====== 2.Breadcrumb ====== */

.breadcrumb {
  text-align: center;
  font-size: 11px;
  color: #fff;
}

.breadcrumb .item-list {
  display: inline-block;
}

.breadcrumb ul li {
  margin: 0;
}

.breadcrumb a {
  color: #fff;
}

.breadcrumb ul>li {
  display: inline-block;
  padding-right: 5px;
}

.breadcrumb ul>li:before {
  content: '/';
  padding-right: 5px;
}

.breadcrumb ul>li.first:before {
  display: none;
}


/* ====== 3.Titles ====== */

.headers-titles {
  background-color: #2a2a2a;
  padding: 30px 0;
}

h1.title {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  /*font-style: italic;*/
  margin: 0;
}

h1.title:after {
  content: '';
  border-bottom: 1px solid #fff;
  display: block;
  width: 100px;
  height: 1px;
  margin: 15px auto;
}


/* ====== 4.Buttons ====== */

.btn {
  font-size: 11px;
  font-weight: 600;
  color: #9e0b0f;
  padding: 10px;
  text-align: center;
  background-color: transparent;
  border-style: solid;
  border-color: #9e0b0f;
  border-width: 1px;
  margin: auto;
  display: block;
  max-width: 190px;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.btn:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(../images/sprite.png) no-repeat -20px -51px;
  width: 10px;
  height: 15px;
  margin-left: 15px;
}

.btn:hover {
  color: #fff;
  background-color: #9e0b0f;
}

.btn:hover:after {
  background: url(../images/sprite.png) no-repeat -20px -36px;
}

.btn.btn-second:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(../images/sprite.png) no-repeat -20px -37px;
  width: 10px;
  height: 15px;
  margin-left: 15px;
}

.btn-second {
  color: #fff;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
  max-width: 180px;
  margin-top: 50px;
}

.btn.btn-second:hover {
  color: #1d1d1d;
  background-color: #fff;
}

.btn.btn-second:hover:after {
  background: url(../images/sprite.png) no-repeat -21px -52px;
}

.download {
  display: inline-block;
  margin-left: 20px;
}

.btn img, .btn-second img {
  padding-left: 5px;
}

.download img {
  display: inline-block !important;
  margin: auto !important;
  padding: 0 !important;
  padding-left: 5px !important;
  border-top: none !important;
  background: none !important;
  background-size: auto !important;
  float: none !important;
}

.menu-burger {
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  padding: 12px 0;
  background-color: transparent;
  border: none;
  outline: 0;
}

.menu-burger p {
  display: none;
}

.menu-burger span {
  position: relative;
  display: block;
  width: 30px;
  height: 4px;
  background: #222;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.menu-burger span:before, .menu-burger span:after {
  position: absolute;
  left: 0;
  background: #222;
  content: '';
  width: 30px;
  height: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.menu-burger span:before {
  top: -8px;
}

.menu-burger span:after {
  top: 8px;
}

.menu-burger.active span {
  background: transparent;
}

.menu-burger.active span:before {
  -webkit-transform: rotate(45deg) translate(5px, 6px);
  transform: rotate(45deg) translate(5px, 6px);
}

.menu-burger.active span:after {
  -webkit-transform: rotate(-45deg) translate(5px, -6px);
  transform: rotate(-45deg) translate(5px, -6px);
}

.search-burger {
  position: absolute;
  z-index: 1;
  right: 25px;
  top: 50%;
  margin-top: -11px;
  background: transparent url(../images/sprite.png) no-repeat -41px -44px;
  border: none;
  outline: 0;
  width: 25px;
  height: 22px;
  display: none;
}


/* ====== 5.Footer ====== */

.footer {
  background-color: #f1f1f1;
  border-top: 2px solid #d1d1d1;
  padding-top: 30px;
}

.footer .logo img {
  width: 165px;
  margin-bottom: 20px;
}


/* ====== 5.1 Top ====== */

.footer .top .box {
  position: relative;
  width: 21%;
  float: left;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
}

.footer .top .box:after {
  content: '';
  border-right: 1px solid #e3e3e3;
  width: 2px;
  min-height: 170px;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  right: 25px;
  top: 0;
}

.footer .top .box.last {
  padding-right: 0;
}

.footer .top .box.last:after {
  border: none;
}

.footer .top h3, .footer .top p {
  margin: 0 0 5px;
  color: #1d1d1d;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.footer .top p {
  color: #a2a2a2;
}

.footer .top a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.footer .top a:hover, .footer .top a.active {
  color: #9e0b0f;
}


/* ====== 5.2 Social ====== */

.footer ul.social>li a {
  background: none;
  text-indent: inherit;
}

.footer ul.social>li {
  padding-bottom: 5px;
}

.footer ul.social>li img {
  display: none;
}

.footer .social a {
  color: #999;
  font-weight: normal;
}

.footer .social a.twitter:hover {
  color: #00aced;
}

.footer .social a.vimeo:hover {
  color: #aad450;
}

.footer .social a.facebook:hover {
  color: #3b5998;
}

.footer .social a.linkedin:hover {
  color: #007bb5;
}

ul.menu-footer-menu>li {
  padding-bottom: 5px;
}


/* ====== 5.3 Newsletter ====== */

#webform-ajax-wrapper-420 {
  position: relative;
}

#webform-ajax-wrapper-420 .container-inline div {
  display: inline-block;
  float: left;
  margin: 0;
}

#webform-ajax-wrapper-420 .form-type-textfield, #webform-ajax-wrapper-420 .form-email {
  float: left;
  width: 100%;
}

#webform-ajax-wrapper-420 .form-actions {
  float: left;
  width: 30px;
  margin-top: 36px;
}

#webform-ajax-wrapper-420 .webform-component-textfield, #webform-ajax-wrapper-420 .webform-component-email {
  float: left;
  width: 75%;
}

#webform-ajax-wrapper-420 .webform-component-email label {
  margin-bottom: 10px;
}

#webform-ajax-wrapper-420 input[type="text"], #webform-ajax-wrapper-420 input[type="email"] {
  border: none;
  height: 30px;
  padding: 10px;
  background-color: #fff;
  line-height: 1;
  font-size: 11px;
  outline: 0;
}

#webform-ajax-wrapper-420 input[type="submit"] {
  height: 30px;
  width: 30px;
  border: none;
  background: #fff url(../images/sprite.png) no-repeat -11px -43px;
  text-indent: -999em;
  outline: 0;
}

#wnewsletter-subscribe .ajax-progress {
  display: none;
}

#webform-ajax-wrapper-420 .messages {}

#webform-ajax-wrapper-420 input.error {
  border: 1px solid #9e0b0f;
}


/* ====== 5.4 Bottom ====== */

.footer .bottom {
  display: block;
  width: 100%;
}

.footer .bottom p {
  width: 50%;
  float: left;
}

.footer .bottom p, .footer .bottom a {
  color: rgba(29, 29, 29, 0.45);
  font-size: 11px;
}

.footer .bottom p.last {
  text-align: right;
}


/* ====== 6.Header ====== */


/* ====== 6.1 Top (social - language) ====== */

.header-top {
  background-color: #1d1d1d;
  border-bottom: 2px solid #a78b2d;
  padding: 10px 0;
}

.header-top .box {
  padding-left: 22px;
  display: inline-block;
  vertical-align: middle;
}

.header-top .box a, ul.language-switcher-locale-url li .locale-untranslated {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}

.header-top ul.social>li {
  float: left;
  padding-right: 5px;
  line-height: 0;
}

.header-top ul.social>li a, .main-menu .social li a {
  display: block;
  background-image: url(../images/social-sprite.svg);
  background-repeat: no-repeat;
  background-size: 100px;
  text-indent: -999em;
  width: 20px;
  height: 20px;
}

li.twitter a {
  background-position: -8px 4px
}

li.youtube a {
  background-position: -65px 3px
}

li.facebook a {
  background-position: 7px 2px !important;
  background-size: 130px !important;
}

li.linkedin a {
  background-position: -84px 2px;
}

li.google_plus a {
  background-position: -54px 3px !important;
  width: 22px !important;
}
.footer li.twitter a {
  background-position: -7px -12px !important;
}

.footer li.youtube a {
  background-position: -66px -12px !important;
}

.footer li.facebook a {
  background-position: 7px -20px !important;
}

.footer li.linkedin a {
  background-position: -84px -15px !important;
}

.footer li.google_plus a {
  background-position: -54px 3px !important;
}

ul.language-switcher-locale-url li {
  display: block;
}

ul.language-switcher-locale-url li.active {
  display: none;
}


/* ====== 6.2 Middle (logo - main-menu) ====== */

.header .middle {
  padding-top: 20px;
  padding-bottom: 20px;
}

#logo, ul.main-menu {
  display: inline-block;
}

ul.main-menu {
  float: right;
  padding-top: 20px;
}

ul.main-menu>li {
  display: block;
  float: left;
  padding: 0 20px;
  border-left: 1px solid;
}

ul.main-menu li:last-child {
  padding-right: 0;
}

ul.main-menu>li a {
  color: #313131;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

ul.main-menu li a.active, ul.main-menu>li a:hover {
  color: #9e0b0f;
}

ul.main-menu li.menu-1 {
  border-left: none;
}


/* ====== 6.3.Category menu (usage - category - alphabetically) ====== */

.category-menu {
  background-color: #9e0b0f;
}

.category-menu ul {
  float: left;
}

.search-product {
  display: none;
}

#nav ul {
  display: none;
}

#nav ul.ul-open {
  display: block;
}

#nav li.navigation {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  vertical-align: middle;
  padding: 15px;
  position: relative;
}

#nav li.navigation:after {
  content: '';
  background: url(../images/sprite.png) no-repeat 0px -50px;
  display: inline-block;
  width: 13px;
  height: 10px;
  margin-left: 10px;
}

#nav li.navigation:before {
  display: none;
}

ul.nav-big {
  width: 100%;
  padding: 10px;
}

ul.nav-small {
  background: #1d1d1d;
  width: 320px;
  padding: 10px;
}

.menu-bg {
  background: #1d1d1d;
  width: 1100px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#nav li a {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 5px 20px;
  text-align: left;
  display: inline-block;
  position: relative;
}

#nav li a:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #ffdd00;
  position: absolute;
  top: 10px;
  left: 5px;
}

#nav li li li a:before {
  display: none;
}

#nav li a:after {
  content: '';
  width: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #ffdd00;
  display: block;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#nav li a.active:after {
  width: 100%;
}

#nav li a:hover:after {
  width: 100%;
}

#nav li ul {
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
}

#nav li ul:after {
  content: '';
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height: calc( 100% - 20px);
  position: absolute;
  top: 7px;
  right: -2px;
}

#nav li ul ul:after {
  top: -3px;
}

#nav li ul ul ul ul ul ul:after {
  display: none;
}

#nav li ul.nav-small:after {
  display: none;
}

#nav .relative {
  position: relative;
}

#nav li li {
  display: block;
  background-image: url(../images/arrow-white.png);
  background-repeat: no-repeat;
  background-position: 95% 10px;
}

#nav li.remove-arrow {
  background: none;
}

#nav ul.nav-small li, #nav ul.nav-small li.li-open {
  background: none;
}

#nav li ul ul {
  width: 100%;
  top: 0;
  left: 100%;
  height: 100%;
}

#nav li li li {
  width: 100%;
}

#nav li li li:before {
  display: none;
}


/* ====== 6.4 Input search field ====== */

#wsearch-mainform {
  display: inline;
  float: left;
  margin: 0;
}

#wsearch-mainform {
  float: right;
  margin-top: 10px;
}

#wsearch-mainform .container-inline div {
  display: inline-block;
  float: left;
  margin: 0;
  padding-top: 10px;
}

#edit-searchtext, #wsearch-mainform input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
}

#wsearch-mainform .form-item {
  margin: 0;
}

#wsearch-mainform input[type="text"] {
  border: none;
  height: 30px;
  width: 255px;
  padding: 10px;
  background-color: #fff;
  line-height: 1;
  font-size: 11px;
  outline: 0;
}

#wsearch-mainform input[type="submit"] {
  width: 30px;
  height: 30px;
  border: none;
  background: #fff url(../images/sprite.png) no-repeat -35px -15px;
  text-indent: -999em;
  outline: 0;
}


/* ====== 7.Homepage ====== */

.front h2,
.homepage h2, .contact-info h2 {
  color: #9e0b0f;
  font-size: 40px;
  font-weight: 300;
  text-align: center;
}

.homepage p {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}


/* ====== 7.1 Slideshow ====== */

.slideshow {
  position: relative;
}

.slideshow h2 {
  color: #fff;
  font-size: 55px;
  line-height: 1.2;
  font-weight: 600;
  margin: -20px 0 10px;
}

.slideshow hr {
  width: 90px;
  margin-top: 0;
  margin-bottom: 0;
}

.slideshow p {
  color: #fff;
  line-height: 1.6;
  font-size: 14px;
  padding: 0 50px;
}

.bx-controls-direction {
  z-index: 9999;
}

.slideshow .bx-controls-direction {
  position: absolute;
  max-width: 1024px;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  margin-top: -15px;
  z-index: 11;
}

.slideshow .bx-prev, .slideshow .bx-next {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  width: 35px;
  height: 50px;
}

.slideshow .bx-prev {
  left: 0;
  background: url(../images/sprite.png) no-repeat -80px -20px;
}

.slideshow .bx-next {
  right: 0;
  background: url(../images/sprite.png) no-repeat -115px -20px;
}

ul.homeslider>li {
  display: none;
  z-index: 0 !important;
}

ul.homeslider li.active-slide {
  display: block;
  z-index: 1 !important;
}

.table-background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  overflow: hidden;
  min-height: 445px;
  height: 100%;
  width: 100%;
  position: relative;
}

.table-background:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.table-cell {
  vertical-align: middle;
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

@-moz-document url-prefix() {
  .table-background {
    display: inline-block;
  }
  .table-cell {
    display: inline;
  }
  .slideshow h2 {
    margin-top: 100px;
  }
}

ul.homeslider li.active-slide .table-cell, ul.homeslider li.active-slide .table-background:before {
  opacity: 1;
  visibility: visible;
}


/* ====== 7.2 Research section ====== */

.research {
  position: relative;
}

.research h2 {
  margin: 15px auto;
}

.research h3 {
  color: #000;
  font-size: 34px;
  font-weight: 600;
  font-style: italic;
  margin: 0;
}

.research h3, .research p {
  text-align: left;
}

.research .first-image {
  border-top: 4px solid #9E0B0F;
  line-height: 0;
  height: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
}

.research .first-image:after {
  content: '';
  position: absolute;
  bottom: 65px;
  left: 0;
  width: 100%;
  border: 0 solid transparent;
  border-right-width: 1280px;
  border-left-width: 0px;
  border-bottom: 300px solid #fff;
}

.research .info {
  max-width: 450px;
  width: 100%;
  position: absolute;
  z-index: 1;
  line-height: 1.3;
  bottom: 30px;
  left: 40px;
}

.research .btn {
  margin: 0;
}

.research .btn:after {
  background: url(../images/sprite.png) no-repeat -20px -21px;
}

.research .btn:hover:after {
  background: url(../images/sprite.png) no-repeat -20px -37px;
}

.research .dots {
  position: absolute;
  bottom: -40px;
  width: 100%;
  height: 100px;
  background: #fcfcfc url(../images/dot.png);
  display: block;
}

ul.thumbnails {
  position: relative;
  float: right;
  z-index: 1;
  margin-top: -80px;
  margin-right: 20px;
}

ul.thumbnails:after {
  content: '';
  position: absolute;
  bottom: -4px;
  right: 0;
  display: block;
  max-width: 600px;
  width: 0;
  z-index: -1;
  border-bottom: 15px solid rgba(158, 11, 15, 0.78);
}

ul.thumbnails>li {
  display: inline-block;
  padding: 0 10px;
  width: 33.3%;
}

ul.thumbnails li.image-1, ul.thumbnails li.image-2, ul.thumbnails li.image-3 {
  opacity: 0;
}

ul.thumbnails li.image-1.open {
  opacity: 1;
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
}

ul.thumbnails li.image-2.open {
  opacity: 1;
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

ul.thumbnails li.image-3.open {
  opacity: 1;
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s;
}

ul.thumbnails.open:after {
  width: 100%;
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s;
}


/* ====== 7.3 News list nodequeues ====== */

.news {
  padding-top: 40px;
  position: relative;
}

.news .col {
  width: 25%;
  float: left;
  display: block;
  padding: 0 10px;
}

.news .col .box {
  margin-bottom: 30px;
  position: relative;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.3);
}

.news .col .box:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -4px;
  display: block;
  border-left: 5px solid #9e0b0f;
  height: calc( 100% - 45px);
}

.news .col .video.box:before {
  display: none;
}

.news .col .image {
  line-height: 0;
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.news .col .box:hover .image {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  filter: none;
  -webkit-filter: grayscale(0%);
}

.news .col .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 20px;
}

.news .col .video.title {
  padding: 5px 20px;
}

.news .col .big .title:after, .news .col .small .title:after, .news .col .video .title:after {
  content: '';
  display: block;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -20px -21px;
  width: 10px;
  height: 10px;
  margin-top: 15px;
}

.news .col .small .title:after {
  background-position: -20px -38px;
}

.news .col .video .title:after {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-left: 15px;
}

.news .col .small .title {
  position: absolute;
  bottom: 0;
  left: 0;
}

.news .col .small a {
  color: #fff;
}

.news .col .video .image a, .news .col .small .image a, .news .col .big .image a {
  position: relative;
  display: block;
}

.news .col .big .image a:before, .news .col .video .image a:before, .news .col .small .image a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: rgba(29, 29, 29, 0.2) url(../images/play.png) no-repeat center;
  background-size: 30px;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.news .col .small .image a:before, .news .col .big .image a:before {
  background: rgba(29, 29, 29, 0.2);
}

.news .col .small:hover .image a:before, .news .col .video:hover .image a:before, .news .col .big:hover .image a:before {
  opacity: 0;
  visibility: visible;
}

.stores {
  margin-top: 50px;
  margin-bottom: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.stores li {
  display: block;
  float: left;
  width: 24%;
  background-color: #f5f5f5;
  border-top: 4px solid #9e0b0f;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 28px;
  text-align: center;
}

.stores .views-field-title {
  font-size: 18px;
  margin-bottom: 20px;
}

.stores .views-field-field-sub-titile {
  color: #4c4c4c;
  font-size: 14px;
  display: inline-block;
  border-bottom: 1px solid #9e0b0f;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.stores .views-field-field-location-address, .stores .views-field-field-telephone, .stores .views-field-field-email {
  color: #888888;
  font-size: 12px;
  line-height: 16px;
}

.stores .views-field-field-location-address {
  margin-bottom: 15px;
}

.stores .views-field.views-field-field-external-url a {
  margin-top: 30px;
  text-indent: -999em;
  width: 10px;
  height: 10px;
  display: block;
  margin: 30px auto 0;
  background: url(../images/arrow-red.png) no-repeat center;
}


/* ====== 7.3.1 Title above image ====== */

.news ul>li.big .title:after {
  background: url(../images/arrow-red.png) no-repeat center;
}

.news ul>li.big .title {
  background-color: #fff;
  padding: 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top: none;
}

.news ul>li.big a {
  color: #000;
}


/* ====== 7.3.2 Video ====== */

.news ul>li.video .title {
  background-color: #fff;
  padding: 10px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  max-height: 53px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.news ul>li.video .title:after {
  display: block;
  background: url(../images/arrow-red.png) no-repeat center;
  position: absolute;
  bottom: 8px;
  right: 5px;
}

.news ul>li.video a {
  color: #000;
  display: inline-block;
}


/* ====== 7.3.3 Title inside image ====== */

.news ul>li.small {
  height: 196px;
}

.news ul>li.big {
  height: 290px;
}

.news ul>li.video {
  height: 230px;
}


/* ====== 7.4 Product slider ====== */

.products h2 {
  background: #fcfcfc url(../images/dot.png);
  padding: 20px 0;
  margin-bottom: 0;
}

.products p {
  color: #ccc;
  max-width: 800px;
  width: 100%;
  margin: auto;
  padding-top: 40px;
}

.products .background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 245px;
}

.homepage .view-products {
  margin-top: -10%;
}

.homepage .view-products .bx-controls-direction {
  z-index: 51;
  position: absolute;
  top: 30%;
  width: 100%;
  left: 0;
}

.homepage .view-products .bx-controls.bx-has-controls-direction a.bx-prev, .homepage .view-products .bx-controls.bx-has-controls-direction a.bx-next {
  position: absolute;
  width: 30px;
  height: 50px;
  display: block;
  text-indent: -9999em;
  background-size: 19px;
  background-position: center;
  background-repeat: no-repeat;
}

.homepage .view-products .bx-controls.bx-has-controls-direction a.bx-prev {
  left: 0;
  background: url(../images/sprite.png) no-repeat -82px -80px;
  z-index: 9999;
}

.homepage .view-products .bx-controls.bx-has-controls-direction a.bx-next {
  background: url(../images/sprite.png) no-repeat -115px -80px;
  right: 0;
  z-index: 9999;
}


/*.homepage .view-products .views-field-field-product-category,*/

.homepage .view-products .views-field-title .field-content {
  padding-top: 20px;
}


/*.homepage .view-products .views-field-field-product-category .field-content,*/

.homepage .view-products .views-field-title .field-content a {
  border-bottom: 1px solid #9e0b0f;
  margin-bottom: 10px;
  display: inline-block;
  padding-bottom: 5px;
  font-size: 15px;
  line-height: 1.5;
}

.homepage .view-products .bx-controls.bx-has-controls-direction a.bx-prev.disabled, .homepage .view-products .bx-controls.bx-has-controls-direction a.bx-next.disabled {
  display: none;
}


/* ====== 7.5 News list (major category) ====== */

.projects .view-articles {
  margin: 0;
  margin-bottom: 30px;
  margin-top: 30px;
}

ul.homepage-list>li {
  float: left;
  width: 25%;
  display: block;
  padding: 0 25px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

ul.homepage-list>li a {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

ul.homepage-list>li:hover a {
  color: #1d1d1d;
}

ul.homepage-list>li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

ul.homepage-list>li:hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  -webkit-filter: grayscale(0%);
}

ul.homepage-list>li .views-field-title {
  position: absolute;
  left: 14px;
  bottom: 10px;
  display: inline-block;
  padding: 0 20px;
  padding-right: 58px;
  /*max-height: 38px;*/
  overflow: hidden;
}

ul.homepage-list>li .views-field-field-coverimage a {
  position: relative;
  display: block;
  line-height: 0;
  overflow: hidden;
  max-width: 225px;
  width: 100%;
}

ul.homepage-list>li .views-field-field-coverimage a:after {
  content: '';
  background-image: url(../images/recr-red.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -85px;
  left: 0;
}

ul.homepage-list>li:hover .views-field-field-coverimage a:after {
  background-image: url(../images/recr-gray.png);
}


/* ====== 7.6 Google map (International Presence) ====== */

.gm-style .gm-style-iw {
  top: 40px !important;
  left: 21px !important;
  width: 300px !important;
}

.gm-style .gm-style-iw .info {
  margin: 11px 10px;
  background-color: #fff;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
#map {
  min-height: 550px;
  height: 100%;
  display: block;
}

path {
  stroke: white !important;
  fill: #9D0A0E !important;
  fill-opacity: 1 !important;
  stroke-width: 1 !important;
}

.leaflet-control-attribution  {
  display: none !important;
}

.info .title {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 30px;
}

.info .address {
  margin: 14px 0;
}

.info p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #191919;
  line-height: 20px;
}

.info a {
  color: #9D0A0E;
}

.international h2 {
  background-color: #f7f7f7;
  padding: 20px 0;
  margin-bottom: 0;
}

.international {
  position: relative;
}

#side_bar {
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: 25px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999;
}

#side_bar ul>li {
  float: left;
  width: 20%;
  padding-bottom: 7px;
  position: relative;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.i18n-el #side_bar ul>li {
  width: 25%;
}
#side_bar ul>li:after {
  content: '';
  display: block;
  border-left: 2px solid #fff;
  position: absolute;
  left: -10px;
  top: 0;
  height: 30px;
}

#side_bar ul>li a {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  display: block;
}

#side_bar p{color:#fff; margin-top:20px;}

/* ====== 8.Certifications ====== */

ul.certifications {
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

ul.certifications>li {
  float: left;
  width: 20%;
  padding: 0 20px;
}

ul.certifications>li .views-field-title span {
  border-bottom: 2px solid #9e0b0f;
  /*padding-bottom: 5px;*/
  line-height: 1.8;
}

h3 {
  color: #9e0b0f;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
}

.view-certifications {
  position: relative;
  margin: 0 0 50px;
}

.view-certifications .btn {
  margin-top: 30px;
}

.view-certifications:after, .view-certifications:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(../images/dot.png);
}

.view-certifications:after {
  left: 100%;
}

.view-certifications:before {
  right: 100%;
}

.view-certifications .view-header {
  color: #9e0b0f;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  margin: 20px 0;
}

.view-certifications .bx-controls-direction {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 51;
}

.view-certifications .bx-prev, .view-certifications .bx-next {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  width: 35px;
  height: 55px;
  margin-top: -27px;
}

.view-certifications .bx-prev {
  top: 20px;
  left: -40px;
  background: url(../images/sprite.png) no-repeat -80px -78px;
}

.view-certifications .bx-next {
  top: 20px;
  right: -40px;
  background: url(../images/sprite.png) no-repeat -115px -78px;
}


/* certification page */

.view-certifications .views-row {
  width: 18%;
  display: block;
  float: left;
  margin: 10px;
  text-align: center;
  position: relative;
  min-height: 115px;
  overflow: hidden;
}

.view-certifications .file-icon, .view-certifications .file-size {
  display: none;
}

.view-certifications .views-field-field-pdf a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  text-indent: -9999em;
  width: 100%;
  height: 100%;
}


/* ====== 9.Basic Page ====== */

.node-page {
  text-align: center;
  padding: 30px 0;
}

.node-page h2 {
  font-size: 40px;
  font-weight: 300;
  color: #9e0b0f;
}

.node-page p {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}


/* timeline */

.timeline-desktop-tablet {
  display: block;
}

.timeline-mobile {
  display: none;
}

.timeline {
  padding: 20px 0;
  background-color: #fafafa;
  position: relative;
  z-index: 1;
}

.timeline:before {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  width: 1000%;
  height: 100%;
  display: block;
  background-color: #fafafa;
  z-index: -1;
}


/* item left aligned default */

.tl-item {
  position: relative;
  display: block;
  width: 50%;
  float: left;
  border-right: 1px solid #9e0b0f;
  clear: left;
}

.tl-item .tl-content {
  text-align: left;
}

.tl-content {
  position: relative;
  margin-right: 10px;
  margin-top: 45px;
}

.tl-right .tl-content {
  margin-right: 0;
  margin-left: 10px;
}

.tl-right {
  float: right;
  border-right: 0;
  border-left: 1px solid #9e0b0f;
  left: -1px;
}

.tl-right .tl-icon {
  float: left;
  margin-left: -30px;
}

.tl-item.dark {
  color: #fff;
}

.tl-item.dark .tl-content {
  background-color: #9e0b0f;
  display: inline-block;
  overflow: hidden;
}

.tl-item.dark .tl-time {
  font-size: 40px;
  font-weight: 800;
  text-align: right;
  margin: 0 0 25px;
  position: relative;
}

.tl-item.tl-right.dark .tl-time {
  text-align: left;
}

.tl-item.dark .tl-time:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 35px;
  border-bottom: 2px solid #fff;
}

.tl-item.tl-right.dark .tl-time:after {
  right: auto;
  left: 0;
}

.tl-item.dark .body {
  text-align: right;
  width: 60%;
  float: right;
  font-size: 14px;
  line-height: 20px;
}

.tl-item.tl-right.dark .body {
  text-align: left;
  float: left;
}

.tl-item .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 51%;
  display: block;
  height: 100%;
  overflow: hidden;
  min-height: 160px;
}

.tl-item.dark .image-wrapper {
  min-height: 220px;
}

.tl-item.tl-right .image-wrapper {
  left: auto;
  right: 0;
}

.tl-item .image-wrapper {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tl-item:hover .image-wrapper {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  filter: none;
  -webkit-filter: grayscale(0%);
}

.tl-item .body-wrapper {
  display: block;
  position: relative;
  padding: 20px;
  float: right;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 35% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 35% 100%);
}

.tl-item.dark .body-wrapper {
  background-color: #9e0b0f;
}

.tl-item.light .body-wrapper {
  background-color: #ececec;
}

.tl-item.tl-right .body-wrapper {
  float: left;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
}

.tl-item.light .tl-content {
  margin-top: 30px;
  padding-top: 30px;
  text-align: right;
}

.tl-item.light .tl-time {
  position: absolute;
  top: 35px;
  right: 20px;
  z-index: 1;
  font-size: 40px;
  color: #9e0b0f;
  font-weight: 300;
}

.tl-item.tl-right.light .tl-time {
  right: auto;
  left: 20px;
}

.tl-item.light .image-wrapper {
  top: 30px;
}

.tl-item.tl-right.light .tl-content {
  text-align: left;
}

.tl-item.light .body-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.tl-item.light .body {
  text-align: right;
  width: 70%;
  float: right;
  font-size: 14px;
  line-height: 20px;
}

.tl-item.tl-right.light .body {
  text-align: left;
  float: left;
}

.tl-item {
  position: relative;
}

.tl-item.light:before {
  content: '';
  position: absolute;
  top: 60px;
  right: 0;
  height: calc(100% - 90px);
  display: block;
  border-left: 2px solid #9e0b0f;
  z-index: 1;
}

.tl-item.tl-right.light:before {
  right: auto;
  left: 0;
}

.tl-item.light:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 20px;
  width: calc(100% - 210px);
  display: block;
  border-bottom: 3px solid #9e0b0f;
  z-index: 1;
}

.tl-item.tl-right.light:after {
  right: auto;
  left: 20px;
}


/* ====== 10.Contact Page ====== */

.background-white-light {
  background-color: #fafafa;
}

.webform-client-form-10 {
  max-width: 740px;
  margin: 0 auto;
  display: block;
  margin-bottom: 110px;
}

.webform-client-form-10 .form-required {
  display: none;
}

.webform-client-form-10 .webform-component--pedia, .webform-client-form-10 .webform-component--help-text {
  color: #575757;
  font-size: 11px;
  border: none;
  border-bottom: 2px solid #e7e7e7;
  padding: 0 0 35px;
  margin-bottom: 35px;
}

.webform-client-form-10 label {
  display: block;
  font-weight: normal;
  font-size: 14px;
  padding-bottom: 5px;
}

.webform-client-form-10 textarea {
  resize: vertical;
  max-height: 100%;
  height: 200px;
  padding: 10px;
  color: #262626 !important;
}

.webform-client-form-10 input.email {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  color: #262626;
}

.webform-client-form-10 input.form-text {
  padding: 10px;
  font-size: 14px;
  color: #262626;
}

.webform-client-form-10 select {
  padding: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../images/arrow-down.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.webform-component-select, .webform-component-textfield, .webform-component--dieythynsi-email {
  width: 50%;
  float: left;
}

.webform-component--sholio {
  float: left;
  width: 100%;
}

.webform-component-select select, .webform-component-textfield input {
  width: 100%;
}

.webform-component--katastimata, .webform-component--hora, .webform-component--onoma, .webform-component--stores, .webform-component--country, .webform-component--first-name, .webform-component--activity, .webform-component--idiotita, .webform-component--dieythynsi-email {
  padding-right: 30px;
}

.webform-component select, .webform-component input, .webform-component textarea {
  border: 2px solid #E8E8E8;
}

.webform-component-email {
  clear: both;
}

.webform-component-email span {
  font-size: 11px;
  color: #e01c1c;
  font-weight: bold;
}

.webform-client-form-10 .webform-submit {
  width: 100%;
  display: block;
  border: none;
  padding: 10px 0;
  background-color: #a72226;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  outline: 0;
}

.webform-client-form-10 .form-item input.error, .webform-client-form-10 .form-item textarea.error, .webform-client-form-10 .form-item select.error {
  border: 1px solid #ed2424;
  outline: 0;
}

input.error::-webkit-input-placeholder {
  color: #ed2424;
}

input.error:-moz-placeholder {
  color: #ed2424;
}

input.error::-moz-placeholder {
  color: #ed2424;
}

input.error:-ms-input-placeholder {
  color: #ed2424;
}

.webform-client-form-10 div.error, .webform-client-form-10 .error {
  color: #ed2424;
}

.webform-client-form-10 .error option {
  color: #262626;
}

.webform-client-form-10 .messages.error {
  display: none;
}

.webform-client-form-1 fieldset,
.webform-client-form-10 fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.webform-client-form-1 .fieldset-description,
.webform-client-form-10 .fieldset-description, .webform-client-form-1 legend, .webform-client-form-10 legend {
  display: none;
}


/* ====== 11.Article Page ====== */

.node-article {
  padding: 30px 0 0 0;
}

.node-article .margin-bottom {
  margin-bottom: 140px;
}

.node-article p a, .node-article .tab_content ul li a {
  color: #9e0b0f;
}

.node-article p a:hover, .tab_content ul li a:hover {
  text-decoration: underline;
}

.node-article .group-left {
  width: calc( 100% - 455px);
  display: inline-block;
  padding-right: 25px;
  vertical-align: top;
  margin: 0;
}

.node-article .field-name-render-media-gallery {
  float: right;
  display: block;
  position: relative;
  max-width: 423px;
  width: 100%;
  right: 0;
}

.node-article .bx-viewport:before {
  content: '';
  border-left: 5px solid #9e0b0f;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 51;
  display: block;
  height: calc( 100% - 40px);
  overflow: hidden;
}

.node-article .field-name-related-articles .bx-viewport:before {
  display: none;
}

.node-article ul.articleslider .image {
  margin-left: 5px;
}

.node-article .field-name-post-date, .node-article .field-name-field-category {
  display: inline-block;
  padding-right: 16px;
}

.node-article .field-name-title, .node-article .field-name-body {
  width: calc(100% - 423px);
  padding-right: 30px;
}

.node-article .field-name-title h2 {
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}

.node-article .field-name-body, .node-article .field-name-body p {
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 34px;
}

.node-article .field-name-post-date, .node-article .field-name-field-category {
  display: inline-block;
  padding-right: 16px;
  display: inline-block;
  font-size: 12px;
}

.node-article .field-name-field-category .field-item {
  display: inline-block;
  padding: 0 5px;
}

.node-article .field-name-field-category a {
  color: #9e0b0f;
  font-weight: 600;
  text-transform: uppercase;
}

.node-article .field-name-field-tags .field-item {
  float: left;
  display: block;
  padding-right: 10px;
}

.node-article .field-name-field-tags {
  color: #9e0b0f;
  font-size: 10px;
  padding-bottom: 50px;
  display: block;
}

.node-article .field-name-field-tags .field-item a {
  color: #9e0b0f;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.node-article .field-name-field-tags .field-item:before {
  content: '#';
}


/* ====== 11.2 Bxslider ====== */

.articlepager {
  margin-top: 45px;
}

.articlepager a {
  padding-right: 5px;
  display: inline-block;
  line-height: 0;
  width: 25%;
  vertical-align: middle;
}

.articlepager a.video {
  position: relative;
}

.articlepager .video:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/play.png) no-repeat center;
  background-size: 28px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}

.articlepager a:last-child {
  padding-right: 0;
}


/*.node-article .view-articles:before {
	    content: '';
	    background-color: #f7f7f7;
	    display: block;
	    width: 10000%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: -100%;
	    right: auto;
	    margin: auto;
	    z-index: 0;
	}*/

.field-name-related-articles {
  background-color: #f7f7f7;
}

.node-article .field-name-related-articles h3 {
  z-index: 2;
  position: relative;
}

.node-article .field-name-related-articles .bx-wrapper {
  max-width: 250px !important;
}

.node-article .field-name-related-articles .bx-viewport {
  overflow: visible !important;
}

.node-article .field-name-body ul {
  margin-left: 30px;
  list-style: circle;
}

.node-article .field-name-body strong, .node-article .field-name-body b {
  font-weight: bold;
}

.node-article .field-name-body i, .node-article .field-name-body em {
  font-style: italic;
}


/* ====== 11.3 Related Articles ====== */

ul.related-list>li {
  width: 33.3%;
  float: left;
  padding: 0 30px;
  position: relative;
}

ul.related-list>li:before {
  content: '';
  border-left: 7px solid #9e0b0f;
  height: calc( 100% - 45px);
  overflow: hidden;
  position: absolute;
  left: 23px;
  top: 5px;
}

ul.related-list>li .views-field-field-coverimage {
  display: block;
  line-height: 0;
}

ul.related-list>li .views-field-field-coverimage a {
  display: inline-block;
  line-height: 0;
}

ul.related-list>li .views-field-field-coverimage a img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

ul.related-list>li:hover .views-field-field-coverimage a img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  filter: none;
  -webkit-filter: grayscale(0%);
}

ul.related-list>li .views-field-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  display: block;
  background-color: #fff;
  padding: 20px;
  min-height: 135px;
  position: relative;
  border: 2px solid #dadada;
  border-top: none;
}

ul.related-list>li .views-field-title:after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: url(../images/arrow.png) no-repeat center;
  width: 10px;
  height: 10px;
}

ul.related-list>li .views-field-title .field-content {
  max-height: 67px;
  height: 100%;
  overflow: hidden;
  display: block;
}


/* ====== 12.Article List ====== */

.taxonomy-news {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.view-articles {
  margin: 30px 0 100px 0;
}

.news-list>li {
  margin-bottom: 30px;
  position: relative;
}

.node-teaser .group-left, .node-teaser .group-right {
  width: 450px;
  float: left;
  display: block;
}

.node-teaser .group-right {
  width: calc( 100% - 450px);
}

.node-teaser .field-name-field-coverimage a {
  display: block;
  line-height: 0;
  position: relative;
}

.node-teaser .field-name-field-coverimage a:before {
  content: '';
  border-left: 7px solid #9e0b0f;
  height: calc(100% - 20px);
  overflow: hidden;
  position: absolute;
  left: -7px;
  top: 10px;
}

.node-teaser .field-name-field-coverimage a img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

li:hover .node-teaser .field-name-field-coverimage a img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  filter: none;
  -webkit-filter: grayscale(0%);
}

.node-teaser .field-name-post-date, .node-teaser .field-name-field-category {
  display: inline-block;
  padding-right: 20px;
  font-size: 12px;
  line-height: 22px;
  color: #8b8b8b;
}

.node-teaser .field-name-field-category {
  color: #9e0b0f;
  font-weight: 600;
}

.node-teaser .field-name-title {
  margin: 15px 0;
  font-size: 30px;
  font-style: italic;
  max-height: 75px;
  overflow: hidden;
  width: auto;
  padding-right: 0;
}

.node-teaser .field-name-title h2 {
  margin: 0;
}

.node-teaser .field-name-body {
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  max-height: 100px;
  overflow: hidden;
  padding-right: 0;
  width: auto;
  margin: 0;
}

.node-teaser .field-name-node-link a {
  color: #9e0b0f;
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
  position: absolute;
  bottom: 5px;
}

.node-teaser .field-name-node-link a:after {
  content: '';
  background: url(../images/arrow.png) no-repeat center;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
}


/* ====== 12.1 Exposed filters ====== */

.views-exposed-form .form-item {
  display: inline-block;
  padding: 0 10px;
}

.views-exposed-form .views-exposed-widget {
  padding: 0 0 20px;
  text-align: center;
  display: block;
  float: none;
}

.views-exposed-form input[type="radio"]+label {
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #9e0b0f;
  color: #9e0b0f;
  font-size: 11px;
  font-weight: 600;
}

.views-exposed-form input[type="radio"]:checked+label {
  color: #fff;
  background-color: #9e0b0f;
}

.views-exposed-form input[type="radio"]+label:hover {
  background-color: #9e0b0f;
  border-color: #9e0b0f;
  color: #fff;
}

.views-exposed-form .description, .views-exposed-form input[type="radio"], .views-exposed-form .views-submit-button {
  display: none;
}

ul.exposed-filter {
  text-align: center;
  margin: 30px 0 10px;
}

ul.exposed-filter li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

ul.exposed-filter li a {
  color: #9e0b0f;
  background-color: transparent;
  padding: 5px 10px;
  border: 1px solid #9e0b0f;
  font-size: 11px;
  font-weight: 600;
}

ul.exposed-filter li a:hover {
  color: #fff;
  background-color: #9e0b0f;
}


/* ====== 12.3 Pagination ====== */

.view-articles .pager li {
  padding: 0;
  margin: 0 5px;
  font-size: 13px;
  color: #b2b2b2;
}

.view-articles .pager li a {
  font-weight: 600;
  line-height: 22px;
  color: #b2b2b2;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.view-articles .pager li a:hover {
  color: #fff;
}

.view-articles .pager-previous a, .view-articles .pager-next a {
  font-size: 1.3em;
  line-height: 0;
}

.view-articles .pager-current {
  color: #9e0b0f !important;
}


/* ====== 13.Scroller navigation ====== */

.scroll-navigation {
  background-color: #f7f7f7;
  padding: 20px 0;
  text-align: center;
}

.scroll-navigation.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f7f7f7;
  z-index: 53;
}

.scroll-navigation ul>li {
  padding: 0 20px;
  display: inline-block;
}

.scroll-navigation ul>li hr {
  border: 1px solid #9e0b0f;
  width: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin-top: 5px;
  margin-bottom: -5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.scroll-navigation ul>li:hover hr {
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.scroll-navigation ul>li.active hr {
  opacity: 1;
  width: 100%;
}

.scroll-navigation .hidden-desktop {
  display: none;
}


/* ====== 14.Products Page (term view) ====== */


/*to change the product-category(general class) go to the Term View page_1*/

.product-category h2 {
  color: #9e0b0f;
  font-weight: 300;
  text-align: center;
  font-size: 40px;
  max-width: 480px;
  margin: auto;
}

.product-category p {
  text-align: center;
}

.term-description {
  padding: 30px;
}

.term-gallery {
  background-color: #e5e5e5;
  padding: 20px 0;
}

.term-gallery h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

ul.term-gallery-image img {
  display: block;
  margin: auto;
}

.term-gallery .bx-controls-direction {
  position: absolute;
  max-width: 1024px;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  z-index: 51;
}

.term-gallery .bx-prev, .term-gallery .bx-next {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  width: 35px;
  height: 55px;
  margin-top: -27px;
}

.term-gallery .bx-prev {
  left: -0;
  background: url(../images/sprite.png) no-repeat -80px -78px;
}

.term-gallery .bx-next {
  right: 0;
  background: url(../images/sprite.png) no-repeat -115px -78px;
}

.term-product {
  padding: 20px 0;
}

.term-gallery .bx-pager.bx-default-pager {
  text-align: center;
  display: block;
}

.term-gallery .bx-pager.bx-default-pager>div {
  display: inline-block;
  padding: 0 5px;
  line-height: 0;
}

.term-gallery .bx-pager.bx-default-pager>div a {
  text-indent: -999em;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #cbcbcb;
  border-radius: 50%;
}

.term-gallery .bx-pager.bx-default-pager>div a.active {
  background-color: #a4a4a4;
}


/* ====== 15.Product SIngle Page ====== */

.node-products .field-name-product-quote {
  padding: 30px 0;
  text-align: center;
  background-color: #f7f7f7;
}

.node-products .field-name-product-quote p {
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
}

.node-products .field-name-product-quote p.name, .node-products .field-name-product-quote p.position {
  margin: 0;
  font-size: 14px;
  color: #4c4c4c;
  font-style: inherit;
  font-weight: normal;
}

.node-products .field-name-product-quote p.name {
  font-weight: bold;
}

.node-products h2 {
  color: #9e0b0f;
  font-weight: 300;
  text-align: center;
  font-size: 40px;
  max-width: 480px;
  margin: auto;
}

.node-products p a, .tab_content ul li a {
  color: #9e0b0f;
}

.node-products p a:hover, .tab_content ul li a:hover {
  text-decoration: underline;
}

.node-products .left {
  float: left;
  display: block;
  width: 70%;
  padding-right: 30px;
}

.node-products .right {
  display: block;
  float: left;
  width: 30%;
}

.node-products .field-name-product-description img {
  display: block;
  margin: auto;
  padding: 20px;
  border-top: 4px solid #9e0b0f;
  background: url(../images/product-list-bg-image.png) no-repeat top left;
  background-size: cover;
  float: right;
}

.node-products .field-name-product-description {
  padding: 50px 0;
}

.node-products .field-name-product-description h2 {
  text-align: left;
  width: 70%;
  display: block;
  float: left;
  margin: 0 0 10px;
  color: #1d1d1d;
  font-size: 38px;
  font-weight: 600;
  max-width: 100%;
}

.node-products .field-name-product-description p {
  font-size: 14px;
  color: #424242;
  float: left;
  width: 70%;
  font-weight: 600;
  padding: 5px 0;
  line-height: 1.5;
  margin: 0 0 10px;
}

.node-products .field-name-product-description ul {
  float: left;
}

.node-products .details {
  padding: 30px 0;
}

.product-gallery .bx-prev {
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 2;
  background-image: url(../images/slide-arrow-left-gray.png);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  width: 27px;
  height: 53px;
  margin-top: -27px;
}

.product-gallery .bx-next {
  position: absolute;
  top: 50%;
  right: 50px;
  z-index: 2;
  background-image: url(../images/slide-arrow-right-gray.png);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  width: 27px;
  height: 53px;
  margin-top: -27px;
}


/* ====== 15.1 Details (Bxslider - Tabs Mobile) ====== */

.details .hidden-desktop {
  display: none;
}

.details h1, .details h2, .details h3, .details h4 {
  color: #9e0b0f;
  font-weight: 300;
  font-size: 40px;
}

.details .flex li ol, .details .flex li ul, .details .tabs li ol, .details .tabs li ul {
  padding: 0 20px;
  list-style: circle;
}

.details .tabs input[type="radio"] {
  display: none;
}

.details .tabs label, .details .tabs [id^="tab"]:checked+label {
  text-align: center;
  color: #9e0b0f;
  font-size: 19px;
  font-style: italic;
  background-image: url(../images/accordion-down.png);
  background-position: right 95%;
  background-repeat: no-repeat;
}

.details .tabs [id^="tab"]:checked+label {
  background-image: url(../images/accordion-up.png);
}

.details .tabs .tab-content {
  display: none;
  font-size: 14px;
  color: #424242;
}

.details .tabs [id^="tab"]:checked~[id^="tab-content"] {
  display: block;
}

.details .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 35px 0;
}

.details .bx-wrapper {
  padding: 0 50px;
}

.details .left {
  float: left;
  display: block;
  width: 30%;
  padding-right: 0;
  border-right: 1px solid #9e0b0f;
}

.details .right {
  float: left;
  display: block;
  width: 70%;
}

.detailslider .tab_content {
  display: none;
}

.detailslider .tab_content.active {
  display: block;
}

.detailpager {
  width: 100%;
  display: block;
  padding: 50px 0;
}

.detailpager li {
  display: block;
  font-size: 23px;
  font-style: italic;
  padding: 10px 0;
  color: rgba(158, 11, 15, 0.4);
  position: relative;
}

.detailpager li span {
  cursor: pointer;
}

.detailpager .active-tab:after {
  content: '';
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: url(../images/triangle.jpg) no-repeat center;
}

.detailpager .active-tab span {
  color: #9e0b0f;
  position: relative;
  display: inline-block;
}

.detailpager .active-tab span:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid rgba(158, 11, 15, 0.4);
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
}


/*
	.detailpager {
		width:100%;
	    display: block;
	    padding: 50px 0;
	}
	.detailpager a {
	    display: block;
	    font-size: 23px;
	    font-style:italic;
	    padding:10px 0;
	    color: rgba(158,11,15,0.4);
	}
	.detailpager a.active span {
	    position: relative;
	    display: inline-block;
	}
	.detailpager a span {
    	display: inline-block;
	}
	.detailpager a hr{
		display: none;
	}
	.detailpager a:hover hr{
		display:block;
	    border: 4px solid #ccc;
	    height: 0;
	    margin: 0;
	    margin-top: -10px;
	}
	.detailpager a.active{
		color: #9e0b0f;
		position: relative;
		margin-top: -1px;
	}
	.detailpager a.active:after {
	    content: '';
	    position: absolute;
    	right: -3px;
    	top: 50%;
    	margin-top: -5px;
	    width:10px;
	    height:10px;
	    background: url(../images/triangle.jpg) no-repeat center;
	}
	.detailpager a.active hr {
		display:block;
		width: 100%;
	    border: 3px solid #ccc;
	    height: 0;
	    margin: 0;
	    margin-top: -10px;
	}*/

.detailslider .tab_content {
  color: #424242;
  padding: 25px;
}

.detailslider .tab_content h1, .detailslider .tab_content h2, .detailslider .tab_content h3, .detailslider .tab_content h4 {
  color: #424242;
  font-size: 40px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2;
  text-align: left;
  max-width: 100%;
}

.detailslider .tab_content li {
  margin-left: 15px;
  list-style-type: circle;
}

ul.attached-files {
  text-align: center;
  padding: 20px 0;
}

.attached-files h2 {
  color: #9e0b0f;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  margin: 20px auto;
}

ul.attached-files li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 0 15px;
}

ul.attached-files .inner {
  position: relative;
  padding: 10px;
}

ul.attached-files li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999em;
}

ul.attached-files .icon {
  background: url(../images/pdf.png) no-repeat center;
  background-size: cover;
  width: 115px;
  height: 115px;
  display: block;
  margin: 0 auto 20px;
}

ul.attached-files .title {
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  margin: 0;
}

ul.attached-files .small {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
}


/* ====== 16.Products list or releated ====== */

.field-name-related-product {
  padding: 30px 0;
}

.view-products {
  padding: 25px 0;
}

ul.product-list, ul.products-slider {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.product-list>li, ul.products-slider>li {
  float: left;
  position: relative;
  width: 25%;
  display: block;
  text-align: center;
  padding: 10px;
}

ul.product-list>li .views-field-field-product-image.with-img {
  padding: 20px;
}

ul.product-list>li .views-field-field-product-image, ul.products-slider>li .views-field-field-product-image {
  border-top: 3px solid #9e0b0f;
  position: relative;
  z-index: 1;
}

.views-field-field-product-image.with-img .field-content {
  min-height: 260px;
}


/*.views-field-field-product-image .hide { display: none; }*/

ul.product-list>li .views-field-field-product-image:before, ul.products-slider>li .views-field-field-product-image:before {
  content: '';
  background: url(../images/product-list-bg-image.png) no-repeat center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}

ul.product-list>li .views-field-title, ul.products-slider>li .views-field-title {
  font-size: 18px;
  margin-top: 15px;
  max-height: 50px;
  height: 100%;
  overflow: hidden;
}

ul.product-list>li .views-field-field-product-usage a:after, ul.products-slider>li .views-field-field-product-usage a:after {
  content: '';
  border-bottom: 2px solid #a4191d;
  display: block;
  width: 50px;
  margin: 15px auto;
}

ul.product-list>li .views-field-field-product-usage a, ul.products-slider>li .views-field-field-product-usage a {
  color: #666;
  font-size: 14px;
}

ul.product-list>li .views-field-field-product-usage, ul.products-slider>li .views-field-field-product-usage {
  margin-top: 10px;
}

ul.product-list>li .views-field-body, ul.products-slider>li .views-field-body {
  font-size: 12px;
  color: #888888;
  margin: 0 0 25px;
  max-height: 50px;
  height: 100%;
  overflow: hidden;
}

.product-list .views-field-field-usage {
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  color: #4c4c4c;
  border-bottom: 1px solid;
  display: inline-block;
  margin-bottom: 10px;
}

.vocabulary-product-category .views-field-field-usage, .node-products .views-field-field-usage {
  display: none;
}

.search img {
  display: block;
  margin: auto;
}

.field-name-body ul {
  list-style: initial;
  list-style-position: inside;
}