@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,latin-ext);

html,html {min-height: 100%;}
body {font-family: Arial, sans-serif;  font-size: 13px; background: #2e2b2c url(../img/footer-background.jpg) left bottom no-repeat; }
a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}
a {color: #ee1c25;}
a:hover {color: #333;}

.site-wrapper {background-color: #fff; padding-bottom: 30px;}
.page-title {font-size: 32px; letter-spacing: -1px; font-weight: bold; margin: 0 0 10px 0; padding: 0; font-family: 'Roboto Condensed';}
.second-title {font-size: 22px; letter-spacing: -1px; margin: 0 0 10px 0; padding: 0; font-family: 'Roboto Condensed'; color: #ee1c25;}
.product-table td {padding: 3.4px;}

#main {margin-top: 30px; min-height:300px;}
#main .btn {border-radius: 2px;}
#main .btn-danger {background-color: #ee1c25;}
#main .btn-warning {background-color: #ff6600; border-color: #f46200;}
#main .bg-danger {background-color: #ee1c25; padding: 15px; color: #fff; border-radius: 2px;}
#main .list-group {}
#main .list-group .list-group-item.active {background-color: #2e2b2c; border-color: #2e2b2c}
#main .list-group .list-group-item:first-child, #main .list-group .list-group-item:last-child {border-radius: 2px;}


#banner {height: 400px; font-family: 'Open Sans', sans-serif;}
#banner .ls-l.text {width: 550px; text-align: center; /*box-shadow: inset 0 0 8px black;*/ /*border: 2px solid rgba(0,0,0,0.45);*/}
#banner .ls-l span {background-color: /*rgba(0,0,0,0.15)*/ transparent; padding: 23px 10px; display: inline-block; height: auto; font-weight: 700; color: #fff; line-height: 40px; font-size: 30px; letter-spacing: -1px;}
#banner .ls-l strong {font-size: 40px;}
#banner .ls-l.text span i {font-style: normal! important; font-weight: bold; color: #ee1c25}


#header {min-height: 120px;}
#header .top {position: relative; min-height: 110px;}
#header .top .logo {position: absolute; left: 1px; top: 30px; width: 283px; height: 83px;}
#header .top .slogan {position: absolute; left: 265px; top: 60px; width: 160px; height: 39px; background: url(../img/slogan.png) no-repeat;}

@media (max-width: 767px) {
    #header .top .logo {position: static; margin: 15px auto 0 auto; width: 283px; text-align: center;}
    #header .top .slogan {display: none;}
    #header .top .logo a {display: inline-block;}
}
#header .top .logo a {display: block; width: 100%; height: 100%; background: url(../img/logo.png) no-repeat;}
#header .top .topmenu {float: right; height: 100px;}
#header .top .topmenu ul {list-style: none; margin: 60px 0 0 0; padding: 0;}
#header .top .topmenu ul li {float: left; font-size: 16px; font-family: 'Roboto Condensed'; margin-left: 25px;}
#header .top .topmenu ul li a {color: #777;}
#header .top .topmenu ul li a:hover {color: #ee1c25;}
#header .top .languages {text-align: right; padding: 0px 0px 0;}
#header .top .top-right {text-align: right;}

#header .top .top-right .contact-us {}
#header .top .top-right .contact-us a {color: #000; display: block; overflow: hidden;}
#header .top .top-right .contact-us .icon {float: right; font-size: 18px; padding: 0 0 0 10px; color: #000; line-height: 100%; margin-top: 5px;}
#header .top .top-right .contact-us .text {float: right; font-size: 18px; font-weight: bold; letter-spacing: -1px; font-family: 'Roboto Condensed'; padding-top: 5px;}

#header .bar {background-color: #ED1C24; height: 35px; color: #fff; padding: 2px 0;}

#header .search input.form-control {border: 0; border-radius: 1px; width: 150px; background-color: #333; color: #fff;}
#header .search button.btn {border: 0; border-radius: 1px; background-color: #ddd;}
#header .slogan {margin: 0 0 -45px 17px; position: relative; z-index: 101;}
#header .menu {background-color: #231f20; min-height: 35px; font-size: 16px; position: relative; z-index: 10; font-family: 'Roboto Condensed'; font-weight: bold; line-height: 33px;}
#header .menu span {font-size: 11px; margin-left: 5px;}
#header .menu span.red {font-size: 16px; color: #ED1C24;}
#header .menu ul {list-style: none; margin: 0; padding: 0;}
#header .menu ul a {color: #fff;}
#header .menu .container > ul {float: right; list-style: none;}
#header .menu .container > ul > li {float: left; margin-left: 30px; position: relative;}
#header .menu .container > ul > li > a {color: #fff;}
#header .menu .container > ul > li > ul {visibility: hidden; position: absolute; padding-top: 2px; margin-left: -20px; border-bottom: 10px solid #231f20; font-size: 14px; font-family: Arial, sans-serif;}
#header .menu .container > ul > li > ul > li { display: block; background-color: /*#ee1c25*/#737171; padding: 5px 20px; margin: 0; white-space: nowrap; line-height: 150%}
#header .menu .container > ul > li:hover > ul {visibility: visible;}
#header .mobile-menu {background-color: #ee1c25; padding: 18px 0; position: relative; z-index: 100; font-family: 'Roboto Condensed'; color: #fff; font-size: 16px; letter-spacing: -1px;}
#header .mobile-menu button {font-size: 20px;}
#header .mobile-menu ul {list-style: none; margin: 0; padding: 0;}
#header .mobile-menu ul a {color: #fff;}
#header .mobile-menu .container > ul {margin-top: 15px; display: none;}
#header .mobile-menu .container > ul > li {padding-bottom: 15px;}
#header .mobile-menu .container > ul > li > a {color: #fff;}
#header .mobile-menu .container > ul > li > ul {padding-left: 20px;}
#header .mobile-menu .container > ul > li > ul > li {padding: 5px 0; margin: 0;}



#news {background-color: #231f20; color: #fff; height: 35px; font-family: 'Roboto Condensed'; padding: 10px 0; position: relative;}
@media (max-width: 1023px) {
    #news {margin-top: 50px;}
}
#news ul {margin: 0; padding: 0;}
#news a {color: #fff;}
#news .news-no {float: left; margin-right: 20px; font-size: 26px; font-weight: bold; line-height: 50px;}
#news .news-summary {font-size: 17px; height: 49px; overflow: hidden;}
#news .bx-wrapper {position: relative;}
#news .bx-wrapper .bx-controls {position: absolute; left: 0; top: -60px;}
#news .bx-wrapper .bx-controls a {display: inline-block; transition: background-color 0.2s linear; width: 60px; height: 50px; position: relative; background-color: rgba(0,0,0,0.8); text-indent: -9999px; margin-right: 2px;}
#news .bx-wrapper .bx-controls a:hover {background-color: rgba(237,27,36, 0.8);}
#news .bx-wrapper .bx-controls a:before {content: ''; position: absolute; display: block; width: 12px; height: 24px; left: 50%; top: 50%; margin: -12px 0 0 -6px; background: url(../img/white-arrow.png) no-repeat;}
#news .bx-wrapper .bx-controls a.bx-prev:before {background-position: 0 0;}
#news .bx-wrapper .bx-controls a.bx-next:before {background-position: -12px 0;}


#product-categories {margin-top: 20px;}
#product-categories .container {padding: 0 50px;}
@media (max-width: 767px) {
    #product-categories .container {padding: 0 15px;}
}
#product-categories ul {margin: 0; padding: 0; list-style: none;}
#product-categories .item {overflow: hidden; margin-bottom: 20px;}
#product-categories .item img {display: block; width: 100%;}
#product-categories .slider .item img {display: block; width: auto;}

#product-categories .item a {display: block; position: relative; border-left: 20px solid #ee1c25; color: #231f20;}
#product-categories .item a span {position: absolute; display: block; width: 100%; padding: 10px; left: 0; bottom: 0; font-family: 'Roboto Condensed'; font-size: 24px; font-weight: bold; background-color: rgba(255,255,255,0.8);}
@media (max-width: 1023px) {
    #product-categories .item a span {font-size: 20px;}
}
#product-categories .bx-wrapper {position: relative;}
#product-categories .bx-wrapper .bx-controls a {display: block; transition: background-color 0.2s linear; width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; background-color: #ee1c25; text-indent: -9999px;}
#product-categories .bx-wrapper .bx-controls a:hover {background-color: #231f20;}
#product-categories .bx-wrapper .bx-controls a:before {content: ''; position: absolute; display: block; width: 12px; height: 24px; left: 50%; top: 50%; margin: -12px 0 0 -6px; background: url(../img/white-arrow.png) no-repeat;}
#product-categories .bx-wrapper .bx-controls a.bx-prev {left: -50px;}
#product-categories .bx-wrapper .bx-controls a.bx-prev:before {background-position: 0 0;}
#product-categories .bx-wrapper .bx-controls a.bx-next {right: -50px;}
#product-categories .bx-wrapper .bx-controls a.bx-next:before {background-position: -12px 0;}


#slogan {position: relative; color: #000; font-family: 'Roboto Condensed'; font-size: 22px; margin-top: 50px; letter-spacing: -1px; font-weight: bold; text-align: center;}
#slogan .wrapper {display: inline-block; background-color: #fff; position: relative; z-index: 1; width: 80%; line-height: 28px;}
#slogan h3 {font-size: 32px; font-weight: bold; margin: 0;}
#slogan span {color: #ee1c25;}
#slogan:after {position: absolute; height: 10px; width: 100%; top: 45%; content: ''; display: block; background-color: #555; z-index: 0;}



#spots {margin-top: 30px; }
#spots .container {background: url(../img/shadow.png) center top no-repeat; background-size: 100%; padding-top: 30px;}
#spots .spot {font-family: 'Roboto Condensed'; margin-bottom: 30px;}
#spots .spot h3 {font-size: 32px; letter-spacing: -1px; font-weight: bold; margin: 0; padding: 0;}
#spots .spot h3 i {width: 48px; height: 48px; display: inline-block; vertical-align: middle; background: url(../img/red-icons.png) no-repeat;}
#spots .spot h3 a {color: #333;}
#spots .spot h3 span {color: #ee1c25;}
#spots .spot .text {padding-left: 55px; margin-bottom: 15px; font-size: 17px; color: #000; height: 129px; overflow: hidden; text-align: justify;}
#spots .spot .text .alert {font-size: 13px; padding: 5px; border-radius: 2px; margin-bottom: 10px;}
#spots .spot .more {border-top: 5px solid #ddd; margin-left: 55px; text-align: right; font-size: 16px; letter-spacing: -1px;}
#spots .spot:nth-child(2) h3 i {background-position: -48px 0;}
#spots .spot:nth-child(3) h3 i {background-position: -96px 0;}
#spots .spot .form input {background-color: #e7e7e7; border-radius: 2px;}
#spots .spot .form button {background-color: #ee1c25; border-radius: 2px;}



#footer {padding: 30px 0; color: #fff;}
#footer .masonry {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;}
@media (max-width: 767px) {
    #footer .masonry {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; text-align: center;}
}
#footer .item {display: inline-block; margin: 0 0 20px 0; width: 100%;}
#footer .item a {color: #fff;}
#footer .item a:hover {border-bottom: 1px dotted #ee1c25; color: #ccc;}
#footer .item h3 {margin: 0 0 8px 0; font-weight: bold; padding: 0; font-family: 'Roboto Condensed'; font-size: 16px;}
#footer .item ul {margin: 0; padding: 0; list-style: none; font-size: 12px;}
#footer .item ul li {padding-bottom: 5px;}
#footer .footer-right {text-align: center;}
@media (max-width: 1023px) {
    #footer .footer-right {text-align: center;}
}
#footer .copyright {font-family: 'Roboto Condensed'; font-size: 18px; letter-spacing: -1px;}
#footer .copyright span {color: #ee1c25;}
#footer .socials a {display: inline-block; width: 24px; height: 24px; background: url(../img/social-icons.png) no-repeat;}
#footer .socials a.facebook {background-position: 0 0;}
#footer .socials a.twitter {background-position: -24px 0;}
#footer .socials a.google {background-position: -48px 0;}



.newscast .news {margin-bottom: 30px;}
.newscast .news img {border-left: 10px solid #ee1c25; border-radius: 2px;}
.newscast .news .title {font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.newscast .news .summary {max-height: 74px; overflow: hidden;}
.newscast .news .date {font-size: 11px; color: #999;}

.galleries .gallery {margin-bottom: 30px;}
.galleries .gallery img {border-left: 10px solid #ee1c25; border-radius: 2px;}
.galleries .gallery .title {font-family: 'Roboto Condensed'; font-size: 22px; letter-spacing: -1px;}
.galleries .gallery .images {padding-left: 0;}
.galleries .gallery .images img {margin-bottom: 13px;}


.videos .video {margin-bottom: 30px;}
.videos .video img {border-left: 10px solid #ee1c25; border-radius: 2px;}
.videos .video .title {font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.videos .video .summary {max-height: 56px; overflow: hidden;}
.videos .video .play {margin-top: 10px;}
.videos .video .play a {padding: 1px 5px;}

.faqs .faq .question {border-left: 8px solid #ee1c25; padding-left: 10px; font-weight: bold; font-size: 14px; margin-bottom: 15px; cursor: pointer;}
.faqs .faq .answer {display: none;}
.faqs .faq .answer figure {padding: 0 0 15px 18px;}


.product-categories .category {margin-bottom: 30px; border-left: 10px solid #ee1c25; border-radius: 2px; position: relative;}
.product-categories.small-margin .category {margin-bottom: 10px;}
.product-categories .category img {border-radius: 0 2px 2px 0;}
.product-categories .category .title {font-weight: bold; position: absolute; width: 100%; left: 0; bottom: 0; font-size: 14px;  background-color: rgba(0,0,0, 0.8); padding: 10px; border-radius: 0 0  2px 0;}
.product-categories .category .title a {color: #fff;}

.products .product {margin-bottom: 30px;}
.products.small-margin .product {margin-bottom: 10px;}
.products .product img {border-bottom: 10px solid #ee1c25; border-radius: 2px 2px 0 0;}
.products .product .title {height: 70px; overflow: hidden; background-color: #231f20; padding: 5px 10px; border-radius: 0 0 2px 2px;}
.products .product .title a {color: #fff;}

.product-details .summary {font-size: 16px; font-weight: bold;}
.product-details .properties {font-size: 13px;}
.product-details .properties .group {border-bottom: 1px dotted #ddd; padding: 5px 0;}
.product-details .properties span.name {display: inline-block; width: 40%; font-weight: bold;}
.product-details .properties strong {display: inline-block; width: 3%; font-weight: bold;}
.certificates .certificate {margin: 30px 0; text-align: center; height: 170px; line-height: 150px;}
.certificates .certificate img {margin-bottom: 10px; display: inline-block;}

.certificate-files {margin-top: 30px;}
.certificate-files .file {margin-bottom: 20px;}
.certificate-files .file img {border-left: 10px solid #ee1c25; border-radius: 2px;}


.googlemap {margin: 30px 0 -30px 0; border-top: 10px solid #2e2b2c;}

.buttons:before, .buttons:after {content: ''; display: table;}
.buttons {text-align: right; margin: 20px 0;}

.share-box:before, .share-box:after {content: ''; display: table;}
.share-box {border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 20px; margin-bottom: 20px;}
.share-box p {margin-bottom: 5px;}
.share-box > a {text-indent: -9999px; display: inline-block; margin-right: 5px;}
.share-box > a.facebook {background: url(../img/share-facebook.png) no-repeat; width: 88px; height: 25px;}
.share-box > a.twitter {background: url(../img/share-twitter.png) no-repeat; width: 79px; height: 25px;}
.share-box > a.google {background: url(../img/share-google.png) no-repeat; width: 67px; height: 25px;}



.klebth-tab {background-color: #f5f5f5; font-weight: bold;}
.klebth-tab li a {background-color: #f0f0f0; border-color: transparent transparent #ddd transparent;}
.klebth-tab li a:hover {background-color: #747474; border-color: transparent transparent #ddd transparent; color: white;}
.klebth-tab li.active a,
.klebth-tab li.active a:focus {background-color: #ED1C24; border-color: transparent; color: #fff;}

.klebth-tab li.active:last-child a,
.klebth-tab li.active:last-child a:focus {background-color: rgb(116, 116, 116); border-color: transparent; color: #fff;}

.klebth-tab li:last-child a {background-color: rgb(116, 116, 116); border-color: transparent; color: #fff;}
.klebth-tab li:last-child a:hover {background-color: #f0f0f0; border-color: transparent; color: #747474;}