@charset "utf-8";
/* CSS Document */
:root{
	--color-main:#555;
	--color-hover:#DD1930;
	--color-red:#DD1930;
}
body{
	font:300 14px/28px 'Open Sans', sans-serif;	color:#555;
	overflow-x:hidden; padding-top:80px;
	background-color:rgb(221, 221, 221); background-repeat:no-repeat;
	background-position: center top; background-size:100% auto;
	background-attachment:fixed;
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
body.page-home{
	padding-top:0;
}
.container{
}
.f-verlag, .f-title{

}
.position{
	position:relative;
}
.text-upp{
	text-transform:uppercase;
}
.img-full{
	display:block; width:100%;
}
.transition{
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hzoom{
	display:block; width:100%;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img-hzoom:hover{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.tooltip {
	text-transform:capitalize
}
.bold{
	font-weight:bold;
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;
}
@keyframes myanimation {
  0% {
	  color: #FF0;
  }
  50%{
	  color: #000;
  }
  100% {
	  color: #FFF;
  }
}
/***********/
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(232, 37, 44, 0.85);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
@-webkit-keyframes hover{0%{-webkit-transform:translateY(-16px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes hover{0%{-moz-transform:translateY(-16px)}100%{-moz-transform:translateY(0)}}@-ms-keyframes hover{0%{-ms-transform:translateY(-16px)}100%{-ms-transform:translateY(0)}}@keyframes hover{0%{transform:translateY(-16px)}100%{transform:translateY(0)}}

/************/
.btn_mobile{
	position:absolute; right:3px; top:0; bottom:0;
	border:none; background:none; color:#e8252c;
	padding:0; display:none;
	height:35px; line-height:25px; width:50px; text-align:center;
}
.btn_mobile .fa{
	font-size:19px; line-height:35px;
}
/************/
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
	color:#FFF;
}
#pagination *{
	margin:0; padding:0 15px;
	position:relative;
}
#pagination *::after{
	position:absolute; right:0; bottom:2px;
	content:""; display:block; float:left;
	width:1px; height:12px;
	background:#fff;
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color:#e8252c;
}
#pagination a:hover{
	color:#000;
}
/*************/
#button-share{
	font-size:11px;
}
#button-share a{
	color:#111; display:inline-block; text-decoration:none;
	font-size:13px;
}
#button-share .title{
	display:block; position:relative; padding-top:20px;
	color:#3c3734;
	font-size:17px; font-weight:bold;
}
#button-share .title::before{
	position:absolute; left:0; top:10px;
	width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #3c3734;
}
#button-share a:hover{
	color:#e8252c;
}
/********/
.breadgroup {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 1px solid #eee;    margin-bottom:0px;
	font-size:13px;
}
.breadgroup .breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;    margin: 0;    padding:7px 0;
    text-transform: capitalize;
}
.breadgroup .breadcrumb li:last-child{
	color:#777;
}
.breadgroup .breadcrumb a{
    color:#000;
}
.breadgroup .breadcrumb a:hover{
    color:#f7505a;
}
/*********/
/*********
************
**********/
#header,
#footer .footer-info{
	padding:0px 35px;
}
#header{
	position:fixed; left:0; top:0; width:100%;	z-index:1000;
	background:#FFF; height:48px;
	font-size:12px; vertical-align:text-top;
}
/************/
#header .logo{
	display:inline-block; float:left;
	position:relative; top:3px;
}
/************/
#header .navigation{
	margin:0 0 0 10px; padding:0; list-style-type:none;
	display:inline-block;
	text-transform:capitalize;
	background:url(../img/h1.trenner.png) no-repeat left top;
	background-size:1px 100%;
}
#header .navigation li{
	float:left;
	margin:0px; padding:0; list-style-type:none;
	display:inline-block;	position:relative;
	background:url(../img/h1.trenner.png) no-repeat right top;
	background-size:1px 100%;
}
#header .navigation li:last-child,
#header .box-search li:last-child{
}
#header .navigation li span,
#header .navigation li a{
	float:left;	display:block; padding:0 35px;
	font-size:15px; line-height:48px; font-weight:300;
	color:var( --color-main); text-decoration:none;
	cursor: pointer;
}
#header .navigation li:hover span,
#header .navigation li span:hover,
#header .navigation li a:hover{
	color:var( --color-red);
}
#header .navigation li.selected > span,
#header .navigation li.selected > a{
	color:var( --color-red); border-bottom-color:#e8252c;
}
/***************/
#header .navigation li ul.navsub{
	display:none;
	position:absolute; left:0; top:100%;
	padding:0;
	width:260px;
}
#header .navigation li:hover ul.navsub{
	display:block;
}
#header .navigation li ul.navsub li{
	margin:0; display:block; clear:both; float:left;
	width:100%; position:relative;
	background:#F7F5F4;
	border-bottom:1px solid #E6E5E4;
}
#header .navigation li ul.navsub li:last-child{
	border-bottom:none;
	border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;
}
#header .navigation li ul.navsub li a,
#header .navigation li ul.navsub li span{
	width:100%; float:left; position:relative;
	display:block;	padding:10px 25px 10px 15px;
	font-size:13px; font-weight:normal; line-height:18px;
}
#header .navigation li ul.navsub li:hover{
	background:#eee;
}
/*
#header .navigation li ul.navsub li span::after,
#header .navigation li ul.navsub li a::after{
	position:absolute; right:0px; top:12px;
	width:15px; height:15px;
	content: "\f105"; color:#999;
	display: inline-block;
	font:bold 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/
/*******/
#header .navigation ul.navsub li ul.navsub_ctl{
	display:none;
	position:absolute; left:100%; top:-1px;
	padding:10px 0 0;
	width:100%; padding-top:0;
}
#header .navigation ul.navsub li:hover ul.navsub_ctl{
	display:block;
}
#header .navigation ul.navsub .navsub_ctl li{
	background:#FFF;
	margin:0; display:block; clear:both;
	width:100%; position:relative;
	border:none;
}
#header .navigation ul.navsub .navsub_ctl li:last-child{
	border-bottom:none; overflow:hidden;
	border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;
	padding-bottom:10px;
}
#header .navigation ul.navsub .navsub_ctl li a{
	line-height:18px; font-size:12px; display:block;
	padding:4px 15px 4px;
}
#header .navigation ul.navsub .navsub_ctl li a::after{
	display:none;
}
#header .navigation ul.navsub .navsub_ctl li a:hover{
	color:#e8252c;
}
/************/
#header .nav-min{
	margin:0 0 0 10px; padding:0; list-style-type:none;
	display:inline-block;
	text-transform:uppercase;
	line-height:1; font-size:10px; font-weight:400;
}
#header .nav-min button{
	padding:0; padding:0;
	background:none; border:none;
	text-transform:uppercase;
}
#header .nav-min li .fa{
	margin-right:3px;
}
#header .nav-min li{
	display:inline-block; margin-left:25px;
}
#header .nav-min li a{
	color:var( --color-main); text-decoration:none;
}
#header .nav-min li a:hover,
#header .nav-min li.focus a{
	color:var( --color-red);
}
/**************/
#header .social{
	position:absolute; right:0; top:48px;
	background:rgba(255, 255, 255, 0.55);
	padding:3px 12px 6px 12px;
	border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
}
#header .social a{
	display:inline-block; float:left;
	color:#000; font-size:23px; outline:none;
	margin-right:12px; line-height:1;
}
#header .social a:last-child{
	margin-right:0;
}
#header .social .fa-facebook-square{
	color:#3b5998;
}
#header .social .fa-twitter-square{
	color:#1da1f2;
}
#header .social .fa-youtube-square{
	color:#F00;
}
/********
*******
********/
.page-home #footer{
	position:absolute; left:0; bottom:0; z-index:9;
	width:100%;
}
#footer .footer-info{
	padding-top:8px; padding-bottom:6px; margin:0;
	font-size:12px; line-height:16px;
	background:url(../img/footer.hg.png) repeat-x left top;
	background-size:auto 100%;
	position:relative;
	color:#FFF;
}
#footer .links{
	float:left; display:inline-block;
	margin:0; padding:0; list-style-type:none;
}
#footer .links li{
	display:inline-block; margin-right:25px;
}
#footer .links li:last-child{
	margin-right:0;
}
#footer .links li a{
	color:#FFF;
}
#footer .links li a:hover{
	color:var( --color-hover); text-decoration:none;
}
#footer .author{
	display:inline-block; float:right;
	padding-top:3px; line-height:1;
	font-weight:400;
}
#footer .author img{
	margin-left:3px;
	display:inline-block; height:18px;
	vertical-align:middle;
}
/***********/
#footer .fbanner{
	display: -ms-flexbox;display: flex;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	margin-right: -5px;margin-left: -5px;
}
#footer .fbanner .item{
	-ms-flex-preferred-size: 0;flex-basis: 0;
	-ms-flex-positive: 1;flex-grow: 1;
	max-width: 100%;
	position:relative; padding-left:5px; padding-right:5px;
	font-size:12px; line-height:17px;
}
#footer .fbanner .item a{
	height:100%; float:left;
	display:block;	width:100%; padding:10px 10px;
	background:rgba(255, 255, 255, 0.9); color:var( --color-main);
	border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0;
}
#footer .fbanner .item .img{
	float:left; width:80px;
}
#footer .fbanner .item .des{
	float:left; padding-left:15px;
	width:calc( 100% - 80px);
}
#footer .fbanner .item .fa{
	background:var( --color-hover);
	display:inline-block;
	color:#FFF; text-align:center; font-weight:bold;
	width:14px; height:14px; line-height:14px;
	border-radius:2px;
}
#footer .fbanner .item a:hover{
	background:#FFF;
}
/********
*******
********/
#owl_homeslide{
	position:relative; width:100%; height:100vh;
}
#owl_homeslide .bg{
	display:block; width:100%; height:100vh;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
}
#owl_homeslide .owl-nav{
	margin:0;
}
#owl_homeslide .owl-nav .owl-prev,
#owl_homeslide .owl-nav .owl-next{
	position:absolute; top:45%; background:none; color:#FFF;
	font-size:31px; font-weight:normal; background:rgba(255, 255, 255, 0.2);
	width:25px; height:55px; line-height:55px; text-align:center;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
#owl_homeslide .owl-nav .owl-prev:hover,
#owl_homeslide .owl-nav .owl-next:hover{
	background:var( --color-hover); color:#FFF;
}
#owl_homeslide .owl-nav .owl-prev{
	left:10px;
}
#owl_homeslide .owl-nav .owl-next{
	right:10px;
}
/***************/
/************/
#pbrand-group{
	background:url(../img/bg-introduction-history.png) no-repeat center top;
	background-size:cover; background-attachment:fixed;
	border-bottom:1px solid rgba(218, 218, 218, 0.7);
	padding:50px 5% 100px;
}
#pbrand-group .title{
	margin:0 0 15px; padding:0px 0 25px;
	font-size:42px; line-height:44px;
	font-weight:bold; color:#FFF;
	position:relative;
}
#pbrand-group .title::after{
	position:absolute; left:0; bottom:0;
	content:""; display:block; float:left;
	width:100px; height:5px;
	background:#e8252c;
}
/*************/
#owl_pctl_list{
	padding:0px 30px; margin-top:5px;
}
#owl_pctl_list .owl-item{
	background:none;
}
#owl_pctl_list .owl-nav{
	margin:0; padding:0;
}
#owl_pctl_list .owl-nav [class*="owl-"]{
	position:absolute; top:50%; margin:-25px 0 0; padding:0;
	background:url(../img/produkt.filter.buttons.png) no-repeat;
	width:19px; height:30px; line-height:30px; text-align:center;
	overflow:hidden; color:#FFF;
	display:block; float:left; cursor:pointer;
}
#owl_pctl_list .owl-nav .owl-prev{
	background-position:0 0;
	left:0px;
}
#owl_pctl_list .owl-nav .owl-next{
	background-position:right 0;
	right:0px;
}
#owl_pctl_list .owl-nav .owl-prev:hover{
	background-position:0 -30px;
}
#owl_pctl_list .owl-nav .owl-next:hover{
	background-position:right -30px;
}
/***/
#owl_pctl_list .item a{
	color:#FFF; text-decoration:none;
	display:block; position:relative;
}
#owl_pctl_list .item .img{
	display:block; padding:25px 25px 10px;
}
#owl_pctl_list .item .des{
	text-align:center; color:#FFF;	/*color:#3c3734;*/
	background:none; position: relative;
	transition:opacity 0.15s linear 0s; -moz-transition:opacity 0.15s linear 0s; -webkit-transition:opacity 0.15s linear 0s;
	vertical-align:middle; padding:7px 10px 9px;
	display:block; width:100%; overflow:hidden;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

	transform: translateZ(0);	-webkit-transform: translateZ(0);
	backface-visibility: hidden;	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition-property: color;	-webkit-transition-property: color;
	transition-duration: 0.3s;	-webkit-transition-duration: 0.3s;
}
#owl_pctl_list .item .des:before{
	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	z-index: -1;
	background:#e8252c;
	content: "";
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	transform: scaleY(0);	-webkit-transform: scaleY(0);
	transform-origin: 50%;	-webkit-transform-origin: 50%;
	transition-property: transform;	-webkit-transition-property: transform;
	transition-duration: 0.3s;	-webkit-transition-duration: 0.3s;
	transition-timing-function: ease-out;	-webkit-transition-timing-function: ease-out;
}
#owl_pctl_list h3{
	margin:0; padding:0;
	font-size:13px; text-transform:capitalize; line-height:20px;
	text-align:center; font-weight:normal;
}
#owl_pctl_list .item:hover .des{
	color:#FFF;
}
#owl_pctl_list .item:hover .des:before{
	transform: scaleY(1);-webkit-transform: scaleY(1);
}
#owl_pctl_list .item.focus .des{
	background:rgba(255, 255, 255, 0.3); color:#FFF;
}
/***********/
.page-products-detail #header{
	position:static;
}
.pdetail-tab-container > .tab-content{
	background:url(../img/produkt.detail.schatten.png) no-repeat top left #474D53;
	background-size:cover;
	padding:50px 50px; color:#fff;
	display:block; clear:both; float:left; width:100%;
}
#product-detail-info{
}
.product-detail-video{
	text-align:center;
}
#product-detail-info #button-share{
	margin-top:30px;
}
#product-detail-info #button-share .title{
    color: #fff;
    margin: 0 0 15px;
    padding: 0;
    text-transform: uppercase;
    background: #3c3734 none repeat scroll 0 0;
    display: inline-block;
}
.prodetail-tab span,
#product-detail-info #button-share .title{
    padding: 10px 30px;
	font-size:13px; font-weight:bold; line-height:24px;

}
/****************/
.pdetail-tab-container .navtab-main{
	background:#FFF;
	border:none;
}
.pdetail-tab-container .navtab-main li{
	position:relative;
	margin:0; font-size:14px; cursor:pointer;
	text-transform:uppercase;
}
.pdetail-tab-container .navtab-main li::after{
	position:absolute; right:0%; top:25%;
	content:""; display:block;
	width:1px; height:50%;
	background:#bfbfbf;
}
.pdetail-tab-container .navtab-main li:last-child::after{
	display:none;
}
.pdetail-tab-container .navtab-main li.active a::before{
	position:absolute; left:0; top:100%;
	content:""; display:block;
	width:100%; height:5px;
	background:url(../img/tab.aktiv.png) no-repeat top center;
}
.pdetail-tab-container .navtab-main a,
.pdetail-tab-container .navtab-main .active a{
	border:none; margin:0; cursor:pointer; color:#555;
	padding-left:20px; padding-right:20px;
	outline:none;
}
.pdetail-tab-container .navtab-main li:hover a{
	border:none; cursor:pointer;
	background:none; color:var( --color-red);
}
.pdetail-tab-container .navtab-main .active a,
.pdetail-tab-container .navtab-main .active a:hover{
	color:var( --color-red) !important;
	font-weight:400;
}
.pdetail-tab-container .navtab-main > li.active > a,
.pdetail-tab-container .navtab-main > li.active > a:focus,
.pdetail-tab-container .navtab-main > li.active > a:hover{
	border:none;
}
/************/
.prodetail-container-main{
	background:rgba(255, 255, 255, 0.9);
	border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px;
	overflow:hidden;
}
.prodetail-martop{
	margin-top:0px; margin-bottom:0px;
}
.prodetail-title{
	margin:0px 0 15px; padding:0; color:#FFF;
	font-size:29px; line-height:34px;
	text-transform:uppercase;
}
/***********/
.title-page{
	margin:0 0 30px; padding:0;
	font-size:27px; line-height:34px; color:#FFF;
}
.title-page-sub{
	margin:0 0 10px; padding:0;
	font-size:18px; line-height:24px;
	font-weight:bold;
}
.quote-page{
	margin:0 0 20px; padding:0;
	font-size:18px; line-height:30px; color:#FFF;
}
.bg-main{
	min-height:calc( 100vh - 253px);
	margin-bottom:70px;
}
.page-container{
	background:url(../img/hg-info.png);
	padding:20px 30px 30px; color:#fff;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.dcontent{
	font-size:13px; line-height:22px;
}
.dcontent a{
	color:inherit; text-decoration:underline;
}
.dcontent p:last-child{
	margin-bottom:0;
}
.dcontent img{
	display:inline-block; max-width:100%; max-height:100% !important;
}
.dcontent *{
	max-width:100%;
}
.dcontent p{
	margin-bottom:5px;
}
.dcontent img{
	display:inline-block; height:auto !important; max-width:100%;
}
.dcontent table{
	width:100%; max-width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}
.dcontent table th, .dcontent table td{
	padding:5px 8px;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent h1{
	font-size:150%;
}
.dcontent h2{
	font-size:130%;
}
.dcontent h3{
	font-size:120%;
}
.dcontent h4{
	font-size:110%;
}
.dcontent h5{
	font-size:19px;
}
.dcontent h6{
	font-size:90%;
}
/****************
*****************
**************/
/*************/
.about-item{
	display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap;	flex-wrap: wrap;
	margin:0 0 30px;
}
.about-item .text,
.about-item .img{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.about-item .img{
	padding-left:50px; margin-top:30px;
	-ms-flex: 0 0 300px;	flex: 0 0 300px;
	max-width:300px;
}
/***********************/
.aboutctl-page{
	background:rgba(255, 255, 255, 0.9);
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.aboutctl-page > .row{
	position:relative;
}
.aboutctl-page .about-tabnav{
	position:absolute; left:0; bottom:0;
	width:100%; height:auto; min-height:0;
	margin:0; padding:0; list-style-type:none;
	border:none; background:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
.aboutctl-page .tabnav{
	width:100%; background:none;
	margin:0; padding:0; list-style-type:none;
}
.aboutctl-page .tabnav li{
	float:left; margin-right:4px;
	background:rgba(0, 0, 0, 0.75);
	border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0;
	overflow:hidden;
	font-size:13px;
}
.aboutctl-page .tabnav li:hover{
	background:rgba(255, 255, 255, 0.5);
}
.aboutctl-page .tabnav .active{
	background:rgba(255, 255, 255, 0.9);
}
.aboutctl-page .tabnav .active a{
	color:var( --color-red);
}
.aboutctl-page .tabnav a{
	color:#FFF; display:block;
	padding:8px 12px;
}
.aboutctl-page .tabnav a:hover{
	text-decoration:none;
}
.aboutctl-page .tabnav li:last-child{
	margin-right:0;
}
.aboutctl-page .dropdown-tabnav button{
	display:block; width:100%; text-align:left;
}
/*********************/
.aboutctl-content{
	padding:15px; min-height:120px;
}
.aboutctl-content .nav{
	float:left; width:230px;
}
.aboutctl-content .nav li{
	display:block; clear:both; display:block; width:100%;
	padding:0;
	border-top:1px solid #CCC;
}
.aboutctl-content .nav li a{
	display:block; position:relative;
	padding:15px 20px 14px 0; margin:0;
	outline:none;
	font-size:13px; font-weight: bold;
	color: #000
}
.aboutctl-content .nav li.active a{
	background:none; color:var( --color-red);
	border:none;
}
.aboutctl-content .nav li.active a::after{
	position:absolute; right:0; top:10px;
	width:10px; height:10px; display:block;
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.aboutctl-content .tab-content{
	float:left; width:calc( 100% - 230px);
	padding-left:30px;
}
.aboutctl-content .tab-content .title-page{
	color:#000;
	font-size:17px; font-weight:600;
	line-height:26px; margin-bottom:10px; padding:0;
	display:none;
}
.aboutctl-content .tab-content .content{
	display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap;	flex-wrap: wrap;
}
.aboutctl-content .tab-content .content .img,
.aboutctl-content .tab-content .content .des{
	-ms-flex-preferred-size: 0;	flex-basis: 0;
	-ms-flex-positive: 1;	flex-grow: 1;
	max-width: 100%;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.aboutctl-content .tab-content .content .img{
	order:2; -o-order:2;
}
.aboutctl-content .tab-content .content .des{
	order:1; -o-order:1;
	background:#FFF; padding:10px 20px;
	font-size:13px; line-height:24px;
}
.content img{
	display: inline-block;
	max-width: 100%; height: auto !important;
}
/*********************/
#news-group .item{
	clear:both; display:block; width:100%;
	float:left;
	margin-bottom:30px; padding-bottom:20px;
	border-bottom:1px solid rgb(131, 115, 105);
}
#news-group .item .title{
	margin:0 0 20px; padding:0;
	font-size:23px; line-height:28px;
	font-weight:normal;
}
#news-group .item .img{
	float:left; width:45%;
	display:inline-block; margin-right:50px;
}
#news-group .item .fa{
	background:var( --color-hover);
	display:inline-block;
	color:#FFF; text-align:center; font-weight:bold;
	width:14px; height:14px; line-height:14px;
	border-radius:2px;
}
#news-group .item a{
	color:inherit; text-decoration:none;
}
#news-group .item a:hover{
	color:var( --color-red);
}
/********************/
.blog-detail-container{
	padding-top:30px;
}
.blog-detail-container .title-page{
	margin-bottom:20px;
}
.blog-detail-container .item{
	clear:both; display:block;
}
.blog-detail-container .img{
	float:right;
	width:50%; padding-left:40px; padding-right:0;
	margin-bottom:15px;
}
.blog-detail-container .des{
	float:left;
	width:50%;
}
.blog-detail-container .img.first{
	float:left; padding-right:40px; padding-left:0;
}
.blog-detail-container hr,
.docbox hr{
	width:50%; float:left;
	border-top: 1px solid rgb(80, 64, 54);
	border-bottom: 1px solid rgb(131, 115, 105);
	margin:15px 0;
}
/*********************/
.contact-form{
	padding:0px;
}
.contact-form label{
	font-weight:400;
}
.contact-form .form-control{
	font-size:13px;
}
.contact-form button{
	background:var( --color-red);
	font-size:13px; font-weight:bold; text-transform:uppercase;
	padding:11px 30px;
}
.contact-form button:hover{
	background:#000; color:#FFF;
}
/**************
***************
******************/
#prodetail-ctl{
	padding:15px 15px 30px; display:block; text-align:center;
	background:rgba(0, 0, 0, 0.4);
	border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0;
	overflow:hidden;
}
#prodetail-ctl .ctl-nav{
	margin:0; padding:0; list-style-type:none;
	display:block; 	font-size:0;
}
#prodetail-ctl .ctl-nav li:first-child{
	border-radius:20px 0 0 20px;
}
#prodetail-ctl .ctl-nav li:last-child{
	border-radius:0 20px 20px 0;
}
#prodetail-ctl .ctl-nav li{
	margin:0 1px 0 0; padding:0; list-style-type:none;
	display:inline-block;
	overflow:hidden;
}
#prodetail-ctl .ctl-nav li a{
	color:#FFF; display:block;
	background:#3c3734; padding:5px 17px 6px;
	font-size:12px; line-height:20px; font-weight:400;
	text-decoration:none; outline:none;
}
#prodetail-ctl .ctl-nav li a:hover{
	color:#e8252c;
}
#prodetail-ctl .ctl-nav li.focus a{
	background-color:#e8252c;
}
#prodetail-ctl .ctl-nav li.focus:hover a{
	color:#FFF;
}
/*********************/
#detail-img.no-img{

}
#detail-img.no-img img{
	display:block; width:100%;
}
/*********/
#detail-img{
	position:relative; overflow:hidden;
}
.pdimg-nav{
	margin:30px -10px 0; padding:0; list-style-type:none;
	text-align:center;
	display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap;	flex-wrap: wrap;
	-ms-flex-pack: center;	justify-content: center;
}
.pdimg-nav li{
	position: relative;	width: 100%;
	-ms-flex: 0 0 25%;	flex: 0 0 25%;	max-width: 25%;

	margin:0 0px; padding:0 10px; list-style-type:none;
	cursor:pointer;
}
.pdimg-nav li img{
	display:inline-block;
	width:100%;	margin-bottom:6px;
}
.pdimg-nav li b{
	clear:both; display:block;
	font-size:12px; font-weight:400; line-height:1.1em;
	text-transform:capitalize;
}
/*********************/
.prodeail-extension{
	background:#FFF; padding:20px 15px 20px;
	border-top:1px solid #DDD;
	font-size:12px; line-height:18px;
}
.prodeail-extension ul{
	margin:0; padding:7px 0; list-style-type:none;
	display:inline-block;
	width:calc( 100% - 260px); float:right;
	border:1px solid #DDD;
	background:#f5f5f5;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.prodeail-extension ul li{
	margin:0; list-style-type:none;
	padding:4px 15px;
	float:left; width:33.3333%;
}
.prodeail-extension ul li:nth-child( 3n + 1){
	clear:both;
}
.prodeail-extension ul li a{
	position:relative; padding-left:22px;
	color:#000;
}
.prodeail-extension ul li a:hover{
	color:var( --color-red); text-decoration:none;
}
.prodeail-extension ul li a::before{
	position:absolute; left:0; top:1px;
	content:""; display:block;
	width:20px; height:15px;
	background-size:auto 15px;
	background-repeat:no-repeat;
	background-position:left top;
}
.prodeail-extension ul li a.icon-manual::before,
.prodeail-extension ul li a.icon-guarantee::before{
	background-image:url(../img/produkt.links.icon.pdf.png);
}
.prodeail-extension ul li a.icon-service::before{
	background-image:url(../img/produkt.links.icon.service.png);
}
.prodeail-extension ul li a.icon-consumers::before,
.prodeail-extension ul li a.icon-faq::before{
	background-image:url(../img/produkt.links.icon.info.png);
}
.prodeail-extension ul li a.icon-comparision::before{
	background-image:url(../img/produkt.links.icon.vergleich.png);
}
/***************
***************/
.services-page-container{
	overflow:hidden;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.services-nav-header{
	background:url(../img/hg-service10.png);
	border:none; padding-top:35px; padding-bottom:35px;
	margin-bottom:0; text-align:center;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
}
.services-nav-header,
.services-nav-header .navbar-brand{
	min-height:0;
	text-transform:capitalize;
}
.services-nav-header .navbar-nav,
.services-nav-header .navbar-nav li{
	float:none; display:inline-block;
}
.services-nav-header .navbar-brand,
.services-nav-header .navbar-nav li a{
	position:relative;
	min-height:0; height:auto;
	display:inline-block; padding:10px 15px 10px 45px;
	font-size:13px; line-height:18px; font-weight:400;
	border:1px solid #fff;
	color:#FFF;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.services-nav-header .navbar-nav li a:focus,
.services-nav-header .navbar-nav li a{
	margin-right:15px; color:#FFF;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.services-nav-header .navbar-nav li:last-child a{
	margin-right:0;
}
.services-nav-header .navbar-nav .active a,
.services-nav-header .navbar-nav .active a:hover{
	background:#FFF; color:var( --color-red);
	border-color:#FFF;
}
.services-nav-header .active [class*=icon-]::before,
.services-nav-header .navbar-brand::before{
	background:var( --color-red) !important;
}
.services-nav-header .navbar-brand{
	background:#FFF; color:var( --color-red);
}
.services-nav-header .navbar-nav a:hover{
	color:#FFF !important;	border-color:var( --color-red);
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.services-nav-header [class*=icon-]::before{
	position:absolute; left:8px; top:7px;
	width:30px; height:24px; display:block;
	line-height:24px; text-align:center;
	background:rgba(255, 255, 255, 0.5); color:#FFF;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.services-nav-header .icon-document::before{
	content:"PDF"; text-align:center;
	font-size:10px; font-weight:bold;
}
.services-nav-header .icon-faq::before{
	content:"?"; font-weight:bold;
	font-size:16px;
}
.services-nav-header .icon-address::before{
	font: normal normal normal 14px/24px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0ad";
}
.services-nav-header .icon-consumers::before{
	font: normal normal normal 14px/24px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f129";
}
.services-nav-header .navbar-brand{
	text-align:left; display:none;
}
/************/
.services-des{
	background:url(../img/hg-promo.png);
	padding:15px 30px; color:#FFF;
}
.services-page-container .page-container{
	min-height:220px;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
.docbox .title{
	margin:0; padding:0;
	font-size:15px; font-weight:normal; line-height:22px;
}
.docobx-list{
	clear:both; max-width:none;
	margin:0 -15px; padding:0; list-style:none;
	font-size:12px; font-weight:400; line-height:18px;
}
.docobx-list li{
	padding:0 15px; list-style:none; margin:0 0 8px;
	width:50%; float:left; position:relative;
}
.docobx-list.full li{
	width:100%;
}
.docobx-list li a{
	display:block; position:relative;
	padding:3px 0 3px 60px;
	text-decoration:none;
}
.docobx-list li a::before{
	position:absolute; left:8px; top:5px;
	width:45px; height:20px; display:block;
	line-height:20px; text-align:left;
	padding-left:6px;
	background:var( --color-red); color:#FFF;
	content:"PDF"; font-size:10px; font-weight:400;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.docobx-list li a::after{
	position:absolute; left:38px; top:3px;
	font: normal normal normal 11px/24px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f13a";
}
.docobx-list li a:hover{
	text-decoration:underline;
}
.docobx-list li a:hover::before{
	background:#FFF;
}
.docobx-list li a:hover::before,
.docobx-list li a:hover::after{
	color:var( --color-red);
}
/****************/
.page-faq .services-page-container .page-container{
	padding-top:0;
}
.services-des-select{
	clear:both;
}
.services-des-select > .dropdown{
	position:relative; max-width:42%; min-width:35%;
	display:inline-block; float:left;
	margin-left:23px; padding-left:30px;
}
.services-des-select > .dropdown::before{
	position:absolute; left:0; top:1px;
	width:30px; height:20px; display:block;
	content: "\f101";
	display: inline-block;
	font: normal normal normal 23px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.services-des-select > .dropdown:first-child{
	margin-left:0; padding-left:0;
}
.services-des-select > .dropdown:first-child::before{
	display:none;
}
.services-des-select > .dropdown button{
	position:relative; padding-right:30px;
	background:#FFF; border:1px solid #DDD;
	color:#222; height:26px; overflow:hidden;
	width:100%; text-align:left;
	font-size:13px; line-height:22px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.services-des-select > .dropdown button .caret{
	position:absolute; right:8px; top:10px;
}
.services-des-select .dropdown-menu{
	left:30px; font-size:12px; line-height:16px;
	width:calc( 100% - 30px); max-height:380px; overflow:auto;
}
.services-des-select > .dropdown:first-child  .dropdown-menu{
	left:0; width:100%;
}
.services-des-select .dropdown-menu li a{
	padding:3px 10px;
	text-decoration:none;
}
.services-des-select .dropdown-menu li a:hover{
	color:var( --color-red);
}
#faq-accordion{
	margin-left:-30px; margin-right:-30px;
	max-width:none;
}
#faq-accordion .panel-default{
	position:relative; margin:0;
	padding-left:30px; padding-right:30px;
}
#faq-accordion .panel-default,
#faq-accordion .panel-heading{
	border:none; background:none;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
#faq-accordion .panel-default::before{
	position:absolute; left:0; top:0;
	width:100%; height:1px; display:block;
	content:"";
	border-top: 1px solid rgb(80, 64, 54);
	border-bottom: 1px solid rgb(131, 115, 105);
}
#faq-accordion .panel-heading{
	padding:0;
}
#faq-accordion .panel-title{
	margin:0; padding:0;
}
#faq-accordion .panel-title a{
	position:relative; outline:none;
	display:block; padding:12px 105px 12px 0;
	color:#FFF; font-size:16px; line-height:24px;
	text-decoration:none;
	font-weight:500;
}
#faq-accordion .panel-title span{
	position:absolute; right:0; top:18px;
	width:85px; height:26px; display:inline-block;
	background:var( --color-red);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#faq-accordion .panel-title span::before{
	position:absolute; left:0; top:0;
	width:100%; height:100%;
	font-size:10px; padding-left:10px;
	font-weight:400; line-height:26px;
	text-transform:uppercase;
	content:"xem thêm";
}
#faq-accordion .panel-title span::after{
	position:absolute; right:10px; top:6px;
	width:5px; height:5px; display:block;
	content: "\f107";
	display: inline-block;
	font: normal normal normal 13px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#faq-accordion .focus .panel-title span{
	background:#FFF; color:var( --color-red);
}
#faq-accordion .focus .panel-title span::before{
	content:"thu nhỏ";
}
#faq-accordion .focus .panel-title span::after{
	content: "\f106";
}
#faq-accordion .panel-body{
	border:none; padding:0; margin-bottom:15px;
}
/**************
***************
******************/
body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:76%; top:0; display:none;
	padding:0 20px; height:40px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#ec1e25;
}
#btn_menu_close:hover .fa,
#btn_menu_close:focus .fa,
#btn_menu_close:active .fa{
	color:#FFF;
}
/******/
#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background:rgba(0, 0, 0, 0.9); color:#000;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh; padding-bottom:150px;
	float:left; background:#EEE;
	position:relative;
	line-height:22px; font-size:14px;
}
#menu_accordion{
	margin-bottom:0; padding-bottom:150px;
}
/**********/
#menu_accordion > .panel.logo .coll-main-title{
	background:#FFF; color:#000; padding-right:15px; padding-top:0px;
	height:40px;
	z-index:1;
}
#menu_accordion > .panel.logo img{
	height:55px; display:inline-block;
}
#menu_accordion > .panel.lang .coll-main-title{
	background:#DDD;
}
#menu_accordion > .panel.lang a{
	line-height:26px;
}
#menu_accordion > .panel.lang img{
	height:20px; margin-right:5px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#menu_accordion > .panel.lang a{
	color:#000; font-weight:bold; text-transform:uppercase;
	font-size:13px;
}
#menu_accordion > .panel.lang a:first-child{
	border-right:none;
}
/**********/
#menu_accordion > .panel{
	background:none; border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion > .panel + .panel{
	margin-top:0;
}
#menu_accordion .panel-body{
	padding:5px 10px 5px;
}
#menu_accordion .coll-main-title{
	margin:0; padding:9px 30px 9px 10px; position:relative;
	font-size:14px; line-height:26px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion .panel-title a{
	display:block;
}
#menu_accordion .coll-main-title,
#menu_accordion .coll-main-title a{
	color:#000;
}
#menu_accordion .coll-main-title a:hover{
	color:var( --color-red); text-decoration:none;
}
#menu_accordion > .panel > .panel-heading{
	margin:0; padding:0;
}
#menu_accordion .menu-nav{
	padding-left:15px; color:#000; margin-bottom:0;
}
#menu_accordion .menu-nav li{
	margin-bottom:5px;
}
#menu_accordion .menu-nav li a{
	color:#000;
}
#menu_accordion .menu-nav li a:hover{
	color:#e72c3f;
}
/********/
#menu_accordion #menu_pro_group,
#menu_accordion #menu_pro_main,
#menu_accordion #menu_pro_ctl{
	margin-bottom:0;
}
#menu_accordion #menu_pro_group > .panel,
#menu_accordion #menu_pro_main > .panel,
#menu_accordion #menu_pro_ctl > .panel{
	border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_group > .panel + .panel,
#menu_accordion #menu_pro_main > .panel + .panel,
#menu_accordion #menu_pro_ctl > .panel + .panel{
	margin-top:3px;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading,
#menu_accordion #menu_pro_main > .panel > .panel-heading,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	padding:7px 15px 7px 30px; position:relative;
	background-color:#f9f9f9;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_main > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion #menu_pro_group .panel-body,
#menu_accordion #menu_pro_main .panel-body,
#menu_accordion #menu_pro_ctl .panel-body{

}
#menu_accordion #menu_pro_main .panel-body{
	background:#f7f7f7
}
#menu_accordion #menu_pro_ctl .panel-body{
	background:#FFF
}
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	background:#FFF;
}
#menu_accordion #menu_pro_ctl .menu-nav.navone{
	background:none;
}
/********/
#menu_accordion #menu_pro_nav{
	margin-bottom:5px;
}
#menu_accordion #menu_pro_nav > .panel{
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_nav > .panel + .panel{
	margin-top:0px;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading{
	background:none; padding:5px 15px 5px 20px;
	position:relative;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading::before{
	position:absolute; left:0; top:5px;
	width:25px; height:100%;

	content: "\f0da"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 13px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#menu_accordion #menu_pro_nav > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion #menu_pro_nav .panel-body{
	padding-left:20px; padding-top:5px; padding-right:20px;
	border:none;
}
/************/
#menu_accordion .menu-nav{
	padding:0px; margin:0; list-style-type:none;
	background-color:#EEE;
}
#menu_accordion .menu-nav li{
	position:relative; margin-bottom:0;
	padding:6px 15px 6px 20px;
}
#menu_accordion .menu-nav li::before{
	position:absolute; left:0px; top:5px;
	width:15px; height:100%;

	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
/**********/
#menu_accordion .menu-nav.navone{
	padding:5px 0 5px 10px; margin:0; list-style-type:none;
	background-color:#FFF;
	line-height:20px;
}
#menu_accordion .menu-nav.navone li{
	position:relative; margin-bottom:0;
	padding:5px 0 5px 20px;
	border-bottom:none;
}
#menu_accordion .menu-nav.navone li::before{
	position:absolute; left:0px; top:5px;
	width:15px; height:100%;

	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav.navone li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.panel-sub{
	margin-bottom:3px;
}
.panel-sub .panel{
	border:none; background:none;
}
#menu_accordion .panel-sub .panel-body{
	padding:0;
}
.panel-sub .panel-title{
	font-size:14px; line-height:20px;
	font-weight:400;
}

/*********/
#menu_accordion .panel-heading{
	position:relative;
}
#menu_accordion .coll-main .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after,
#menu_accordion #accordion_brand > .panel > .panel-heading::after{
	position:absolute; right:0; top:8px;
	width:30px; height:100%;

	content: "\f196"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 15px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .coll-main > .panel-heading.focus .coll-main-title::after,
#menu_accordion #menu_pro_group > .panel > .panel-heading.focus::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading.focus::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading.focus::after,
#menu_accordion #accordion_brand > .panel > .panel-heading.focus::after{
	content: "\f147";
}

#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after{
	top:7px; left:0; right:auto;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before{
	content: "\f0d7";
}
/****************/
#menu_mobile .form_search{
	margin-top:10px; padding-top:5px; padding-bottom:5px;
}
#menu_mobile .form_search > div{
	position:relative;
	border:1px solid #CCC;
}
#menu_mobile .form_search > div input{
	border:none; background:#FFF;
	width:100%; height:38px; line-height:38px;
	padding:5px 95px 5px 10px; color:#000;
	font-size:13px;
}
#menu_mobile .form_search > div button{
	position:absolute; right:0; top:0; bottom:0;
	height:100%; width:80px; text-align:center;
	background:var( --color-red); border:1px solid #FFF;
	color:#FFF;
	text-transform:uppercase; font-size:21px;
}
#menu_mobile .form_search > div button:hover{
	background-color:#ec1f24
}
/*******************************/
#map_container{
	display: block; margin-top: 30px;
	width: 100%; height: 310px;
	border-radius: 12px;
	box-shadow: 0 1rem 3rem rgba( 0,0,0,.15)
}

/*************/
#address-group{
	display:block; margin-bottom:25px;
	position:relative;
	margin-top: 30px;
}
/*************/
#address-group .address-item address,
#address-group .address-item p{
	margin-bottom:15px;
	font-size:14px; line-height:23px;
}
#address-group .title{
	margin:0px 0 15px; padding:0 0 15px;
	font-size:27px; line-height:38px; text-transform:capitalize;
	font-weight:bold;	color:#FFF;
	position:relative;
}
#address-group .title::before{
	position:absolute; left:0; bottom:0;
	content:""; display:block;
	width:120px; height:1px;
	background:#FFF;
}
#address-group .address-item p[class^=icon-]{
	position:relative; padding-top:3px;
	padding-left:45px;
	clear:both; display:block;
}
#address-group .address-item p[class^=icon-]::before{
	position:absolute; left:0; top:0;
	width:32px; height:32px; overflow:hidden;
	background:#fff; text-align:center; color: var( --color-red);
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;

	display:block; content:"";
	font: normal normal normal 17px/32px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#address-group .address-item p.icon-hotline::before{
	content: "\f10b"; font-size:23px;
}
#address-group .address-item p.icon-tel::before{
	content: "\f095"; line-height:34px;
}
#address-group .address-item p.icon-fax::before{
	content: "\f1ac"; font-size:15px;
}
#address-group .address-item p.icon-email::before{
	content: "\f0e0"; font-size:15px;
}
#address-group .address-item p.icon-map::before{
	content: "\f041"; font-size:19px;
}
#address-group .address-item a{
	color:inherit;
}
#address-group .address-item a:hover{
	color:#e8252c;
}
#address-group .contact_view_map{
	border:none; background:none; padding:0; margin:0;
	cursor:pointer;
}
#address-group .contact_view_map:hover{
	color:#e8252c;
}
#address-group .address-item p.icon-map{
	display:none;
}
/******/
#address-group .address-item .social{
	margin-top:30px;
}
.contact-form .f-title,
#address-group b.f-title{
	text-transform:uppercase; display:block;
	font-size:19px; line-height:32px;
	font-weight: bold;
}
#address-group .address-item .social p{
	text-decoration:underline;
}
#address-group .address-item .social a:hover{
	color:#e8252c;
}