/* RESET CSS */
/* RESET CSS */
/* RESET CSS */
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;
}
.img-responsive {
	max-width: 100%; 
	/* display:block; */
	height: auto;
}
/* END RESET CSS */
/* END RESET CSS */
/* END RESET CSS */

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.alert > p,.alert > ul{margin-bottom:0;}
.alert > p + p{margin-top:5px;}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}

/* DEFAULT */
/* DEFAULT */
/* DEFAULT */
.hidden {position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; width:0px; height:0px;}
.none {display:none;}

.clear {clear:both;}

strong, .strong {font-weight:bold;}

body, html {width:100%; height:100%; margin:0; padding:0;}
/* END DEFAULT */
/* END DEFAULT */
/* END DEFAULT */

body {height:100%; font-family: 'Lato', sans-serif; font-size:17px; line-height:24px; color:#262626; text-align:left; background:#ffffff;}
html {height:100%;}

a {color:#262626; text-decoration:none;}

.cc-message {font-size:13px !important; line-height:16px !important;}
.cc-btn {min-width:80px !important; padding: 0px 16px !important;}

iframe {display:block;}
big {font-size:16px; color:#100f0d; font-weight:600;}

p {margin-top:0; font-size:15px; line-height:20px;}
p+p {margin-top:16px;}

.transition, a {-webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}

input[type="text"], select, input[type="password"], input[type="search"], textarea, input[type="email"] {width:100%; box-sizing:border-box; padding:10px 18px; border:1px solid #c4c4c4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:3px; margin-bottom:8px; font-family: 'Lato', sans-serif; font-size:15px;}

.container-fluid {padding-right: 2rem; padding-left: 2rem;}
.container, .container-fluid {margin-right: auto; margin-left: auto;}
.wrap {box-sizing: border-box; max-width: 1200px; /* max-width:1068px; */ margin: 0 auto;}

.intro-img {margin:30px 0;}
.intro-img a {width:49%; display:block; padding-bottom:40%; position:relative; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.intro-img a.im1 {float:right;}
.intro-container p, .intro-container {color:#464a4b; font-size:15px; line-height:18px;}
.intro-container p {margin:14px 0 10px 0;}
.intro-container {padding-top:100px;}

.header {
position:relative; background:rgba(255,255,255,0.6); padding:20px 0; z-index: 100; 
/*box-shadow: 0px 0px 10px 0px #aaa;*/
-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 6px 0px rgba(0,0,0,.2);
}



h1 {font-size:32px; line-height:34px; font-weight:normal; color:#464a4b;}
h2 {font-size:36px; line-height:40px; /* font-weight:bold; */ color:#464a4b; text-transform:uppercase;}
h3 {font-size:22px; line-height:26px; font-weight:normal; color:#464a4b; border-bottom: 1px solid #051fc3; padding-bottom: 6px; margin-bottom: 16px;}
h3.bg {color:#575757; padding:14px 18px; background:#c6c6c6; border-radius:5px;}
h4 {font-size:20px; line-height:24px; /*font-weight:900;*/ color:#171796;}
h5 {font-size:22px; line-height:26px; font-weight:900; color:#464a4b;}
h6 {font-size:15px; font-weight:bold;}

h1 small {display:block; font-size:18px;}

/*
.bg-slider {width:100%; height:630px; margin-top: -100px; z-index:5;}
.bg-slider .slick-slide {background-size:cover; width:100%; height:630px; background-repeat:no-repeat; background-position:center center;}
*/
.bg-slider {width:100%; height:830px; margin-top:0; z-index:5;}
.bg-slider .slick-slide {background-size:cover; width:100%; height:830px; background-repeat:no-repeat; background-position:center center;}

.slick-dots {text-align:center; margin-top:30px; position: relative; z-index: 20;}
.slick-dots li {display:inline-block; margin:0 6px; position:relative; width:10px; height:10px; border:2px solid #eeeeee; border-radius:6px; background:transparent; cursor:pointer;}
.slick-dots li.slick-active {background:#eeeeee;}
.slick-dots li button {text-indent:-9999px; font-size:0; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden;}



.content-carousel {max-width:1200px; height:330px; margin:0 auto; margin-top:-410px; margin-bottom:80px; z-index:10;}
.content-carousel .slick-slide {}
.content-carousel .slick-slide a {background:rgba(255,255,255,0.9); margin:20px; padding:20px; box-sizing:border-box; display:block;}
.content-carousel .slick-slide .cc-img {background-repeat:no-repeat; background-position:center center; background-size:cover; height:150px; display:block;}
.cc-slide h3 {text-transform:uppercase; margin-top:14px;}
.cc-slide p {font-size:14px; line-height:18px; margin-top:6px;}

.title-wrapper {margin:30px 0 10px 0;}
.content-wrapper {padding:30px 0;}

.gallery-wrapper img {margin-bottom:10px;}


.cat-bg {width:100%; /*height:430px;*/ height:330px; margin-top:0; z-index:5; background-repeat:no-repeat; background-position:center center; background-size:cover;}


.footer {background:#2d2d2d; padding:20px 0; color:#ffffff;}
.footer * {color:#ffffff;}
.footer .logo-footer img, .footer .logo-footer {max-width:150px; display:inline-block;}

.contact {background:#f3f3f3; padding:40px 0;}
.contact h2, .contact h3 {padding-bottom:10px;}


.navbar-main {position:relative; text-align:right; margin-top: 4px; z-index:3;}
.navbar-main li {display:inline-block;  position:relative;}
.navbar-main li a {display:block; font-size:13px; height:36px; line-height:36px; padding:0 10px; text-transform:uppercase; margin-left:0px; font-weight:bold; color:#001626; background-position:right bottom;}
/*.navbar-main li a:hover, .navbar-main li.active a {color:#000000; background-image:url(img/hr.png); background-repeat:no-repeat; background-position:10px bottom;}*/
.navbar-main li a:hover, .navbar-main li.active a {color:#171796; border-bottom: 1px solid #051fc3;}
.navbar-main li:last-child a {background-image:url(img/gradient.png); background-repeat:no-repeat; background-position:center center; background-size:cover; color:#ffffff; border-radius:6px;}

.navbar-main ul {display:none;}



/* TABLES */
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover > tbody > tr:hover {background-color:#f5f5f5;}
table col[class*="col-"]{position:static;display:table-column;float:none}
table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}

.table-responsive{min-height:.01%;overflow-x:auto}
table tr.current, table tr.current td {background:#cecece !important; font-weight:bold !important;}
.table-striped > tbody > tr:hover{background-color:#f5f5f5}






.btn, input[type="submit"] {padding:7px 16px; color:#464a4b; text-transform:uppercase; font-weight:bold; font-size:14px; margin:10px 0; display:inline-block; border:2px solid #464a4b; background:transparent;}
.btn2 {background:#004c66; padding:8px 14px; font-size:13px; font-weight:bold; color:#f6f9fa;}
.btn:hover {background:#464a4b; color:#ffffff;}
.btn2:hover {background:#008c74;}







#map-container {width:100%; height:650px; position:relative;}
#map-container .container-fluid {position:relative;}
.map-label {position:absolute; left:0; top:0; bottom:0; padding:30px 40px; background-color:rgba(0,0,0,0.8); z-index:40; text-align:left; color:#ffffff; box-sizing:border-box; height:650px; max-width:400px;}
.map-label p {font-size:20px; line-height:30px;}
.map-label .big {font-size:24px; display:inline-block;}
#map {width:100%; height:100%;}

em.small {font-size:12px; line-height:18px; display:block; margin-top:20px;}





#footer {background:#0c0603; padding:25px 0 15px 0; color:#ffffff;}
.copyright a {color:#ffffff;}
.navbar-footer ul {display:none;}
.navbar-footer li {display:inline-block; margin-right:20px;}
.navbar-footer li a {font-size:14px; color:#ffffff;}

.copyright {background:#0c0603; font-size:12px; padding:0px 0 20px 0; color:#ffffff;}


.date{ float:right; margin-right:20px; color:#ccc; font-size:12px; padding-top: 2px;}

/*.news_carousel .img-responsive {-webkit-filter: grayscale(0.7); filter: grayscale(0.7);}*/


/* md - 100em */
@media only screen and (max-width: 100em) {
	.bg-slider {height:630px;}
	.bg-slider .slick-slide {height:630px;}
}

/* md - 75em */
@media only screen and (max-width: 75em) {
	
	.menu {position:relative;}
	
	.navbar-main {position: absolute; width: 100%; left: 0; right: 0; top: 100%;}
	.nav-toggle {position: absolute; right: 0; top: 0;}
	.navbar-main a, .navbar-main li, .navbar-main a:hover, .navbar-main li:hover, .navbar-main li:last-child a, .navbar-main li.active a, .navbar-main li.active a:hover, .navbar-main li.active:hover a, .navbar-main li a:hover, .navbar-main li.active a {float: none; display: block; text-align: center; font-size: 18px; border:0; margin:0; height:auto; border:0; background:none; color:#ffffff !important;}
	.navbar-main li:last-child a:after {display:none;}
	
	.navbar-main {max-height: 0; height:auto; overflow: hidden; transition: all 0.5s ease; text-align:center; padding:0;}
	.navbar-main.responsive {max-height:1000px; background:#606880; z-index: 1000; padding: 20px 0;}
	
    .nav-toggle {
        position: absolute;
        float: right;
        z-index: 1000;
        display: inline-block;
        width: 40px;
        height: 30px;
        cursor: pointer;
        top: 18px;
        right: 20px;
    }

    .line1, .line2, .line3 {
        background: #000;
        width: 40px;
        height: 4px;
        position: absolute;
        transition: all 0.5s ease;
    }

    .line1 {top: 0;left: 0;transform: rotate(0);}
    .line2 {top: 8px;left: 0;transform: rotate(0);opacity: 1;}
    .line3 {top: 16px;left: 0;transform: rotate(0);}
	
    .nav-toggle.responsive .line1 {transform:rotate(45deg); top: 10px;}
    .nav-toggle.responsive .line2 {opacity: 0;}
    .nav-toggle.responsive .line3 {transform:rotate(-45deg);top: 10px;}
	
	.bg-slider {height:530px;}
	.bg-slider .slick-slide {height:530px;}
	.cat-bg {height:330px;}
	
}

@media only screen and (max-width: 64em) {
	.magic-img div {position:relative !important; min-height:200px !important; background-position:center center;}
}
/* sm - 62em */
@media only screen and (max-width: 64em) {
	
	.logo img {max-width:220px !important;}
	
	.bg-slider {height:430px;}
	.bg-slider .slick-slide {height:430px;}
	.cat-bg {height:230px;}

}


.panel-button { height:0px; overflow:hidden; padding:14px; font-weight:bold; display:none;}
.panel-button img{ width: 32px; float:right; margin-top: -4px;}

/* xs - 48em */
@media only screen and (max-width: 48em) {
	
	/* .product-list-wrapper{position:relative;} */
	.logo img {max-width:160px !important;}
	
	.prod-menu.hide {position:relative; width:100%; left:0; right:0; top:0; height:0px; overflow:hidden; margin-bottom:10px; padding-left: 20px; box-sizing: border-box;}
	.panel-button {display:block; height:50px; margin-bottom:10px; background-color:#e4e4e4; /*background-image:url(img/cat-menu.png); background-repeat:no-repeat; background-position:left top;*/ box-sizing: border-box;}
	/* .prod-menu:before{content: "\00BB \00a0";} */
	
	.bg-slider {height:330px;}
	.bg-slider .slick-slide {height:330px;}
	
	.nav-toggle {top: 12px; right: 16px;}
	.cat-bg {height:180px;}
}




.nav.breadcrumbs {opacity:0.7; padding-bottom:10px; font-size:13px; /* float:left; */}
.nav.breadcrumbs li {display:inline-block; font-size:13px;}
.breadcrumbs-wrapper {padding-top: 20px; /* margin-bottom: -20px; */}

.title-wrapper.title0 {margin-top:0;}

.list-prod-cat .img-container {box-shadow: 2px 2px 4px #888;}
.prod-top i {display:block; float:left;}
.prod-top img {max-width:18%;}
.prod-top img.img-big {max-width:30%;}
.prod-top .col-xs-12 {white-space: nowrap;}

.prod-menu {font-size:13px; line-height:16px;}
.prod-menu li {padding:5px 0;}
.prod-menu li:hover a, .prod-menu li.active a {text-decoration:underline;}
.prod-menu .prod-menu-level1 {margin-top:8px;}
.prod-menu .prod-menu-level1:before{content: "\00BB \00a0";}
.prod-menu .prod-menu-level2 {padding-left:14px;}
.prod-menu .prod-menu-level2:before{content: "- \00a0";}
.prod-menu .prod-menu-level1 a {font-weight:bold; font-size:14px; text-transform:uppercase;}

.prod-menu .prod-menu-level3 {padding-left:26px;}
.prod-menu .prod-menu-level3:before{content: "- \00a0";}
.prod-menu .prod-menu-level3 a {font-size:13px;}


.slx-pagination {font-size:13px;}
.slx-pagination .float-left {float:left;}
.pagination li {display:inline-block; padding:0 6px;}
.pagination li.disabled {opacity:0.5;}
.pagination li.active, .pagination li:not(.disabled):hover {background:#171796; color:#ffffff; border-radius:3px;}
.pagination li:not(.disabled):hover a {color:#ffffff;}

.slx-pagination .float-right {float:right;}


.img-container {height:240px; display: block; margin-bottom:10px; background-color:#f0f0f0; background-image:url(img/no-image.png); background-size:20% 20%; background-repeat:no-repeat; background-position:center center; transition: all .2s ease-in-out;}
.img-container img {width: 100%; height: 100%; object-fit:contain; /* object-position: center top; */ display: block; margin-top: 0px; transition: all .2s ease-in-out;}


.list-prod .img-container:hover img {transform: scale(1.8); transition: all .2s ease-in-out;}


.list-prod1 {padding:4px; margin-right:10px; margin-bottom:10px;}
.img-container{box-shadow: 1px 1px 3px #eee; background:none; padding:6px; height: 180px;}



.list-prod-cat {margin-bottom:40px;}
.list-prod-cat h6 {text-align:center;}

.list-prod {padding-bottom:30px;}

.product-wrapper .prod-index{color:#000; font-size:14px; font-weight:bold;}
.product-wrapper .prod-attr{color:#000; font-size:14px;}
.product-wrapper .prod-pdf {color:#000; font-size:14px;}
.product-wrapper .prod-attr label {color:#aaa; margin-right:5px;}
.product-wrapper .prod-pdf label {color:#aaa; margin-right:5px;}
.product-wrapper .prod-pdf a {color:#f00;}

.list-prod .prod-index{color:#888; font-size:12px; line-height: normal;}
.list-prod .prod-index b{color:#000; font-weight: bolder;}
.list-prod .prod-attr{color:#aaa; font-size:12px;display:inline-block;margin-right:10px; line-height: normal;}



.btn.small {padding: 3px 10px; font-weight:normal; font-size: 12px; margin: 20px 0; text-transform:none;}


.row-no-gutter {
   margin-left: 0;
   margin-right: 0;
}

.col-no-gutter {
   padding-left: 0;
   padding-right: 0;
}