/* FOR LOCALISATION */
img {
  display: block;
}
input, select, textarea{
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  font-size: 14px;
  font-family: 'Montserrat';
}
select{
	position: relative;
	padding: 3px 20px 3px 8px;
	background: #fff url(../layout/selarr.svg) calc(100% - 7px) 50% no-repeat;
	background-size: 10px auto;
  border-radius: 0;
}

.graybg {
  background: #F2F2F2;
}

.padded {
  padding: 20px;
}
.padded-lg {
  padding: 30px 50px;
}

.ftabs {
	 position: relative;
   margin: 20px 0;
}
.ftabshead {
	display: flex;
	flex-wrap: wrap;
  background: #EE0000;
  padding: 1px 1px 0 1px;
}
.ftabshead a{
	display: inline-block;
	padding: 20px 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
	text-decoration: none;
	margin: 0 0px 0 0;
}
.ftabshead a:hover{
	background: #C40000;
}
.ftabshead a.active{
	background: #fff;
  color: #2E444A;
  margin-bottom: -1px;
}
.ftabscontent {
	border: 1px solid #ccc;
}
.ftabscontent > .fcol {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.ftabscontent > .fcol:nth-child(n+2) {
	display: none;
}

.logo {
  margin-right: 0;
  flex-grow: 0;
}
.motto {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  font-style: italic;
  color: #ACACAC;
  margin-left: 20px;
  margin-right: auto;
}

.partnerlogin {
  background: url(../layout/i_partners.svg) 0% 50% no-repeat;
  padding: 5px 0 5px 25px;
  font-size: 14px;
  color: #A2A2A2;
  text-decoration: none;
  margin-right: 20px;
}
.loggedin {
  display: flex;
}
.loggedin a {
  margin-right: 10px;
}
.logoutbut {
  background: none;
  border: none;
  color: #ACACAC;
}

.langs {
  padding: 5px 15px;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
}

.topsocials {
  display: flex;
  margin-left: 15px;
  align-items: center;
}

.topsocials a {
  display: flex;
  align-items: center;
  margin: 5px;
  max-height: 16px;
  max-width: 22px;
}



.footer {
  padding: 40px 0;
}

.fsocials {
  display: flex;
  align-items: center;
}
.fsocials a {
  margin: 5px;
  max-width: 25px;
}
.linkrow {
  display: flex;
}
.boldlink {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  text-decoration: none;
  padding: 20px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: -.6px;
  box-sizing: border-box;
}
.boldlink.darkgray {
  background: #DDDDDD url(../layout/arrow_red.svg) calc(100% - 20px) 50% no-repeat;
  color: #344D54;
}
.boldlink.darkgray:hover {
  background-color: #CCCCCC;
  color: #344D54;
}

.boldlink.lightgray {
  background: #F2F2F2 url(../layout/arrow_red.svg) calc(100% - 20px) 50% no-repeat;
  color: #2E444A;
}
.boldlink.lightgray:hover {
  background-color: #E9E9E9;
  color: #2E444A;
}

.boldlink.red {
  background: #E80000 url(../layout/arrow_white.svg) calc(100% - 20px) 50% no-repeat;
  color: #fff;
}
.boldlink.red:hover {
  background-color: #C40000;
  color: #fff;
}
.boldlink.darkred {
  background: #C40000 url(../layout/arrow_white.svg) calc(100% - 20px) 50% no-repeat;
  color: #fff;
}
.boldlink.darkred:hover {
  background-color: #A70202;
  color: #fff;
}

.hpbanner {
  height: 600px;
  display: flex;
  align-items: center;
}
.hpbanner .fcontent{
  padding-left: 160px;
}
.hpbanner .suphl {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 100;
  color: #fff;
}
.hpbanner h1{
  font-size: 66px;
  line-height: 66px;
  margin-bottom: 10px;
  color: #fff;
}
.hpbanner p{
  font-weight: 700;
  color: #fff;
}
.hpban_dura {
  background: url(../layout/ph_hp.jpg) 0% 0% no-repeat;
}
.hpban_dura1 { background: url(../layout/ph_dura1.jpg) 100% 0% no-repeat; }
.hpban_dura2 { background: url(../layout/ph_dura2.jpg) 100% 0% no-repeat; }
.hpban_dura3 { background: url(../layout/ph_dura3.jpg) 100% 0% no-repeat; }
.hpban_dura4 { background: url(../layout/ph_dura4.jpg) 100% 0% no-repeat; }
.hpban_dura5 { background: url(../layout/ph_dura5.jpg) 100% 0% no-repeat; }
.hpban_dura6 { background: url(../layout/ph_dura6.jpg) 100% 0% no-repeat; }
.hpban_dura7 { background: url(../layout/ph_dura7.jpg) 100% 0% no-repeat; }

.hp_banners {
  margin-top: -106px;
  display: flex;
  margin-left: 25%;
}

@media(min-width: 992px) {
  .hp_slider .slick-next {
    bottom: 0;
    top: auto;
    right: 75%;
  }
  .hp_slider .slick-prev {
    bottom: 0;
    top: auto;
    left: auto;
    right: calc(75% + 107px);
  }
}

.textbanner {
  display: flex;
  padding: 30px;
  flex-flow: column;
  text-decoration: none;
  font-family: 'Montserrat';
}
.textbanner span{
  display: block;
  text-transform: uppercase;
}
.textbanner .suphl {
  font-size: 22px;
  font-weight: 400;
}
.textbanner .hl {
  font-size: 33px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 20px;
  margin-top: 5px;
}
.textbanner .subhl {
  padding-left: 27px;
  font-size: 18px;
  font-weight: 600;
  margin-top: auto;
  background: url(../layout/arrow_l_white.svg) 0% 50% no-repeat;
}

.textbanner.red {
  color: #fff;
  background: #E80000;
}
.textbanner.red:hover {
  background: #C40000;
}
.textbanner.white {
  background: #fff;
  color: #293C41;
}
.textbanner.white:hover {
  color: #293C41;
}
.textbanner.white .subhl {
  color: #ED0000;
  background: url(../layout/arrow_l_red.svg) 0% 50% no-repeat;
}

.textbanner.wide {
  width: 60%;
}
.textbanner.small {
  width: 40%;
}

.hp_router {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.router {
  width: calc(25% - 10px);
  margin: 20px 5px;
  background: #fff;
}
.router .hl {
  display: flex;
  width: 100%;
  height: 215px;
  align-items: flex-end;

  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Montserrat';
  font-size: 22px;
  border-bottom: 6px solid #ED0000;
}
.router .hl span {
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.router:hover .hl {
  border-bottom-color: #C40000;
}
.router1 .hl{  background: url(../layout/rilu1.jpg) 0% 0% no-repeat;}
.router2 .hl{  background: url(../layout/rilu2.jpg) 0% 0% no-repeat;}
.router3 .hl{  background: url(../layout/rilu3.jpg) 0% 0% no-repeat;}
.router4 .hl{  background: url(../layout/rilu4.jpg) 0% 0% no-repeat;}

.router1_1 .hl{  background: url(../layout/r_gv_1.jpg) 0% 0% no-repeat;}
.router1_2 .hl{  background: url(../layout/r_gv_2.jpg) 0% 0% no-repeat;}
.router1_3 .hl{  background: url(../layout/r_gv_3.jpg) 0% 0% no-repeat;}
.router1_4 .hl{  background: url(../layout/r_gv_4.jpg) 0% 0% no-repeat;}

.router2_1 .hl{  background: url(../layout/r_2_1.jpg) 0% 0% no-repeat;}
.router2_2 .hl{  background: url(../layout/r_2_2.jpg) 0% 0% no-repeat;}
.router2_3 .hl{  background: url(../layout/r_2_3.jpg) 0% 0% no-repeat;}

.router3_1 .hl{  background: url(../layout/r_3_1.jpg) 0% 0% no-repeat;}
.router3_2 .hl{  background: url(../layout/r_3_2.jpg) 0% 0% no-repeat;}
.router3_3 .hl{  background: url(../layout/r_3_3.jpg) 0% 0% no-repeat;}

.router4_1 .hl{  background: url(../layout/r_4_1.jpg) 0% 0% no-repeat;}
.router4_2 .hl{  background: url(../layout/r_4_2.jpg) 0% 0% no-repeat;}
.router4_3 .hl{  background: url(../layout/r_4_3.jpg) 0% 0% no-repeat;}
.router4_4 .hl{  background: url(../layout/r_4_4.jpg) 0% 0% no-repeat;}

.router5_1 .hl{  background: url(../layout/r_5_1.jpg) 0% 0% no-repeat;}
.router5_2 .hl{  background: url(../layout/r_5_2.jpg) 0% 0% no-repeat;}

.router6_1 .hl{  background: url(../layout/r_6_1.jpg) 0% 0% no-repeat;}
.router6_2 .hl{  background: url(../layout/r_6_2.jpg) 0% 0% no-repeat;}

.router7_1 .hl { background: url(../layout/r_7_1.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_2 .hl { background: url(../layout/r_7_2.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_3 .hl { background: url(../layout/r_7_3.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_4 .hl { background: url(../layout/r_7_4.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_5 .hl { background: url(../layout/r_7_5.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_6 .hl { background: url(../layout/r_7_6.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_7 .hl { background: url(../layout/r_7_7.jpg) 0% 0% no-repeat; background-size: 100% auto;}
.router7_8 .hl { background: url(../layout/r_7_8.jpg) 0% 0% no-repeat; background-size: 100% auto;}

.router1_1 .hl,
.router1_2 .hl,
.router1_3 .hl,
.router1_4 .hl {
  height: 300px;
  background-size: cover;
}
.routers {
  display: flex;
  padding: 15px;
}

.router .sub {
  padding: 20px 20px;
}
.router .sub ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #2E444A;
}
.router .sub ul li{
  padding: 3px 0;
}
.router .sub a {
  color: #2E444A;
  text-decoration: none;
}
.router .sub a:hover {
  color: #E80000;
  text-decoration: underline;
}

.hp_pictos {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
}
.dp_pictos {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 30px 50px -30px;
}
.hp_pictos > div,
.dp_pictos > div {
  width: calc(50% - 30px);
  margin-left: 30px;
}

.hp_texts {
  margin: 0 0 50px 0;
}
.hp_texts > .frow {
  align-items: stretch;
}
.hp_texts .extrapadded {
  padding: 30px 50px;
}
.hp_quote {
  box-sizing: border-box;
  padding: 100px 50px;
  color: #293C41;
  background: url(../layout/quote.svg) 25px 100px  no-repeat;
}
.hp_quote p {
  font-style: italic;
  font-weight: 100;
  font-size: 28px;
  margin-bottom: 20px;
}
.hp_quote p::after {
  content: url(../layout/quote.svg);
  position: absolute;
  margin: 0 0 0 10px;
}
.hp_quote em {
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.rborder {
  border-right: 1px solid #fff;
}
.ilu_remote {
  position: relative;
}
.ilu_remote::after {
  display: block;
  content: '';
  background: url(../layout/ovladac.png) 0% 0% no-repeat;
  width: 340px;
  height: 302px;
  position: absolute;
  bottom: -180px;
  left: -302px;
  z-index: 2;
}

.footer {
  padding: 50px 30px;
  box-sizing: border-box;
  color: #2E444A;
  font-size: 90%;
}
.footer .hl {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  color: #2E444A;
  font-family: 'Montserrat';
}
.footer a {
  color: #2E444A;
  text-decoration: none;
}
.footer a:hover {
  color: #E80000;
  font-weight: 700;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer li {
  padding: 3px 0;
}

.fclogo {
  width: 150px;
}
.fflav {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  line-height: 120%;
  display: block;
  padding: 30px 0;
}
.footer .eu {
  background: url(../layout/eu.svg) 0% 0% no-repeat;
  padding: 0 0 0 70px;
  transition: 0s;
  display: block;
}
.footer a.eu:hover {
  font-weight: 400;
  color: #2E444A;
}

.roundupfooter {
  margin-top: 40px;
}


/* Breadcrumbs  */
.breadcrumbs{
	padding: 6px 30px 14px 30px;
  box-sizing: border-box;
	color: #2E444A;
  text-transform: uppercase;
  border-bottom: 1px solid #E80000;
  font-size: 13px;
}
.breadcrumbs a{
	text-decoration: none;
	color: #2E444A;
  font-weight: 700;
}
.breadcrumbs a::after {
  content: ' //';
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: #2E444A;
}
.breadcrumbs span{
	color: #2E444A;
	padding: 0 5px;
}

/* Pagehead  */
.pageheader{
  position: relative;
  width: 100%;
  margin-bottom: 60px;
  margin-top: -1px;
}
.pageheader .philu{
  min-height: 290px;
}
.pageheader .fgrid{
  min-height: 290px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.pageheader .philu1{
  background: url(../layout/ph_def.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu2{
  min-height: 600px;
  background: url(../layout/ph_duraprint.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu2 .fgrid{
  min-height: 600px;
}
.pageheader .philu3{
  background: url(../layout/ph_2.jpg) 50% 100% no-repeat;
  background-size: cover;
}

.pageheader .philu4{
  background: url(../layout/ph_4.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu5{
  background: url(../layout/ph_5.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu6{
  background: url(../layout/ph_6.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu7{
  background: url(../layout/ph_7.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu8{
  background: url(../layout/ph_8.jpg) 50% 100% no-repeat;
  background-size: cover;
}
.pageheader .philu9{
  background: url(../layout/ph_9.jpg) 50% 100% no-repeat;
  background-size: cover;
}

.pageheader .fcontent {
  color: #fff;
  background: #E80000;
  margin-left: 20px;
  padding: 30px;
  max-width: 500px;
  margin-bottom: -40px;
}
.pageheader h1{
  color: #fff;
  text-align: left;
  line-height: 130%;
  margin: auto;
  padding-bottom: 0px;
}
.pageheader .subhl {
  font-size: 22px;
  font-weight: 100;
  display: block;
}
.pageheader p {
  margin-top: 20px;
}

/* PRODUCT */
.proddesc {
  padding: 40px 30px 0 40px;
  box-sizing: border-box;
}
.maingallery {
  box-sizing: border-box;
  margin: -10px -10px 20px;
}
.maingallery .galimg {
  padding: 10px;
  box-sizing: border-box;
  margin: 0;
}
.maingallery .galimg img {
  display: block;
}
.maingallery .slick-arrow,
.gal_slider .slick-arrow {
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
}
.prodrouter ul {
  list-style: none;
  padding: 5px 0;
}
.prodrouter ul li {
  padding: 0 0 0 23px;
  margin: 10px 0;
  box-sizing: border-box;
  text-decoration: none;
  color: #293C41;
  background: url(../layout/arrow_red.svg) 0% 3px no-repeat;
  background-size: 15px auto;
}
.prodrouter ul li a {
  text-decoration: none;
  color: #293C41;
}
.prodrouter ul li a:hover {
  text-decoration: underline;
}

.techlists {
  display: flex;
  flex-wrap: wrap;
}
.linkedfile {
  width: calc(100% / 5 - 20px);
  margin: 20px;
  padding: 0 0 0 23px;
  box-sizing: border-box;
  text-decoration: none;
  color: #293C41;
  background: url(../layout/arrow_red.svg) 0% 3px no-repeat;
  background-size: 15px auto;
  display: inline-block;
}
.linkedfile strong {
  text-transform: uppercase;
  display: block;
}
.linkedfile span {
  display: block;
  font-size: 13px;
}

.products {
  display: flex;
  flex-wrap: wrap;
}
.products .product {
  width: calc(100% / 5 - 20px);
  margin: 10px;
}
.product .img {
  display: block;
  margin-bottom: 15px;
}
.product .hl {
  text-transform: uppercase;
}
.product p {
  font-size: 13px;
}


.refgal {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.refgal .galimg {
  width: calc(100% / 5 - 20px);
  margin: 10px;
}

.galblock {
  margin: 20px 0;
}

.galsel {
  padding: 20px;
  background: #F5F5F5;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.galsel label {
  font-size: 20px;
  color: #293C41;
  font-weight: 700;
  text-transform: uppercase;
}
.galsel select {
  padding: 10px 30px 10px 10px;
  border: 1px solid #FF7777;
  border-radius: 2px;
  min-width: 300px;
  margin-left: 40px;
}

.decorgal {
  flex-wrap: wrap;
  margin: 0 -10px;
  display: flex;
}
.decorgal.hidden {
  display: none;
}

.decorgal .galimg {
  width: calc(100% / 5 - 20px);
  margin: 10px;
  text-decoration: none;
  box-sizing: border-box;
}
.decorgal .galimg img {
    border: 1px solid #eee;
    box-sizing: border-box;
}
.plholded::before {
  content: '';
  display: block;
  float: left;
  padding-top: 57.5%;
  width: 0px;
}
.plholded::after {
  content: '';
  clear: both;
  display: block;
}
.galimg .hl{
  display: inline-block;
  margin-top: 8px;
  color: #293C41;
}

.gal_slider_bg {
  width: 100%;
  background: url(../layout/duraprintSliderBg.jpg) 0% 0% no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 7.8% 16% 13% 10.6%;
}
.gal_slider_bg::before {
  padding-top: 68%;
  content: '';
  float: left;
  width: 0;
}
.gal_slider_bg::after {
  clear: both;
  content: '';
}
.gal_slider {
  width: 100%;
  height: 100%;
}

/* Articles  */
.hp_news{
  display: flex;
  clear: both;
  padding: 10px 0;
}

.hp_news_det{
  background: #fff;
  text-decoration: none;
  color: #111d32;
  margin: 10px;
  position: relative;
}
.hp_news_det .img{
  display: block;
  padding: 15px;
}
.hp_news_det .img img{
  min-width: 100%;
  display: block;
}
.hp_news_det .hl{
  font-size: 120%;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 0 15px 0;
}
.hp_news_det .p{
  font-size: 90%;
  display: block;
  position: relative;
  padding-bottom: 15px;
}

.cont_news{
  display: flex;
  margin: 0 -10px;
  flex-flow: wrap;
}
.cont_news .hp_news_det{
  width: calc(100% / 4 - 20px);
  border: 1px solid #DBDBDB;
  box-sizing: border-box;
}

.cont_news .texts {
  border-top: 1px solid #DBDBDB;
  padding: 15px;
  display: block;
}
.hp_news_det .ctabut {
  margin-bottom: 10px;
  font-weight: 400;
}

.archivelink{
  padding-left: 20px;
  color: #fff;
  text-decoration: none;
  float: right;
  margin-right: 5px;
}
.archivelink:hover{
  color: #fff;
  text-decoration: underline;
}

.backbut {
  display: block;
  margin-top: 40px;
  color: #aaa;
}

.twocols {
  column-count: 2;
  column-gap: 40px;
}
.arrows ul {
  list-style: none;
  padding: 0;
}
.arrows ul li {
  background: url(../layout/arrow_red.svg) 0% 10px no-repeat;
  background-size: 15px auto;
  padding: 7px 0 7px 25px;
}
.arrows a {
  font-weight: 700;
  text-decoration: none;
  color: #293C41;
}
.list2 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 10px;
}
.list2 ul li {
  background: url(../layout/li2.svg) 0% 8px no-repeat;

  padding: 5px 0 5px 15px;
}

.fullh {
  align-self: stretch;
}

.about_jobs {
  display: block;
  height: 100%;
  background-color: #E80000;
  background-image: url(../layout/about_job_bg2.jpg),
  url(../layout/about_job_ico.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 0% 0%, calc(100% - 30px) calc(100% - 30px);
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 20px 30px;
}
.about_jobs .hl {
  font-size: 35px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.about_jobs .cta {
  background: url(../layout/arrow_white.svg) 0% 50% no-repeat;
  background-size: 15px auto;
  padding: 7px 0 7px 25px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
}
.about_jobs:hover {
  color: #fff;
}

.dpbg {
  background: url(../layout/duraprint1.jpg) 0% 0% no-repeat;
  padding: 80px 30px 30px 55%;
  box-sizing: border-box;
  min-height: 588px;
}
.ctabut + .ctabut {
  margin-left: 15px;
}
.dpcompare {
  width: 100%;
  margin: 40px 0;
  border-collapse: collapse;
}
.dpcompare th,
.dpcompare td {
  padding: 30px;
  border: 1px solid #DBDBDB;
}
.dpcompare th {
  font-size: 20px;
}
.dpcompare .dp {
  background: #F10000;
  color: #fff;
}

.dpcompare tr:nth-child(2n+1) td{
  background-color: #F7F7F7;
}
.dpcompare .price strong {
  font-size: 23px;
}
.dpcompare .price:nth-child(1) {
  color: #F10000;
}
.dpcompare .pro {
  font-weight: 700;
}
.dpcompare .pro::before {
  content: '';
  background: url(../layout/dppro.svg) 0% 0% no-repeat;
  display: inline-block;
  width: 25px;
  height: 1em;
  background-size: auto 1em;
}
.dpcompare .con::before {
  content: '';
  background: url(../layout/dpcon.svg) 0% 0% no-repeat;
  display: inline-block;
  width: 25px;
  height: 1em;
  background-size: auto 1em;
}
.map {
  height: 400px;
}

.partners .ftabshead {
	display: flex;
	flex-wrap: wrap;
  background: #F2F2F2;
  padding: 2px 2px 0 2px;
}

.partners .ftabshead a{
  color: #2E444A;
  text-transform: none;
  font-weight: 400;
  transition: 0s;
  min-width: 120px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 55px auto;
  background-position: 50% 15px;
  padding-top: 80px;
  filter: saturate(0);
  opacity: .5;
}
.partners .ftabshead a.tcc-1 {background-image: url(../layout/p_cz.svg); }
.partners .ftabshead a.tcc-2 {background-image: url(../layout/p_sk.svg); }
.partners .ftabshead a.tcc-3 {background-image: url(../layout/p_uk.svg); }
.partners .ftabshead a.tcc-4 {background-image: url(../layout/p_bu.svg); }
.partners .ftabshead a.tcc-5 {background-image: url(../layout/p_no.svg); }
.partners .ftabshead a.tcc-6 {background-image: url(../layout/p_at.svg); }
.partners .ftabshead a.tcc-7 {background-image: url(../layout/p_ch.svg); }
.partners .ftabshead a.tcc-8 {background-image: url(../layout/p_de.svg); }
.partners .ftabshead a.tcc-9 {background-image: url(../layout/p_hu.svg); }

.partners .ftabshead a:hover{
	background-color: #F2F2F2;
  filter: saturate(1);
  opacity: 1;
}
.partners .ftabshead a.active{
	background-color: #fff;
  color: #2E444A;
  font-weight: 700;
  margin-bottom: -1px;
  filter: saturate(1);
  opacity: 1;
}
.partners .ftabscontent {
	border: none;
}
.partners .ftabscontent > .fcol {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}

.regionblock {
  margin: 20px -5px;
  display: flex;
  flex-wrap: wrap;
}
.regionblock.hidden {
  display: none;
}
.branch {
  margin: 5px;
  border: 1px solid #DBDBDB;
  width: calc(100% / 4 - 10px);
  box-sizing: border-box;
}
.branch .bhead {
  border-bottom: 1px solid #DBDBDB;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
}
.branch .texts{
  padding: 10px;
  box-sizing: border-box;
  font-size: 90%;
}
.branch .texts p {
  margin: 10px 0 0;
}
.branch p a {
  text-decoration: none;
  color: #293C41;
}
.branch p a:hover {
  text-decoration: underline;
}
.branch .url {
  font-weight: 700;
  color: #ED0000;
}

.cbranches {
  display: flex;
  margin: 15px -10px;
}
.cbranches .branch {
  width: 50%;
  margin: 10px;
}
.cbranches .branch .texts p {
  column-count: 2;
}

.people {
  display: flex;
  flex-wrap: wrap;
}
.person {
  border: 1px solid #DBDBDB;
  display: block;
  box-sizing: border-box;
  padding: 25px 30px 25px 110px;
  margin: 0 -1px -1px 0;
  position: relative;
  font-size: 90%;
  width: calc(100% / 3);
  background: url(../layout/person.svg) 20px 20px no-repeat;
}
.person p {
  padding: 10px 0;
}

.lmenu {

}
.lmenu .hl a {
  text-decoration: none;
  color: #344D54;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 5px;
}
.lmenu ul {
  padding: 0;
  margin: 0;
}
.lmenu ul li {
  list-style: none;
}
.lmenu ul li a {
  text-decoration: none;
  padding: 5px 0;
  display: inline-block;
  color: #344D54;
}
.lmenu ul li a:hover {
  text-decoration: underline;
}
.lmenu ul li a.active {
  font-weight: 700;
}
.lmenu ul li ul li {
  padding-left: 18px;
  font-size: 90%;
  background: url(../layout/arrow_l_red.svg) 0% 11px no-repeat;
  background-size: 10px auto;
}
.faqs {
  padding: 10px 0 30px;
}
.faq{
  margin: 0 auto 10px;
  transition: 0s;
  max-width: 800px;
}
.faqhl{
  display: block;
  background: #F7F7F7;
  padding: 10px 20px;
  font-weight: 700;
  color: #1e1f1f;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid #F7F7F7;
  position: relative;
  box-sizing: border-box;
}
.faqhl:hover{
  background-color: #eee;
  border: 1px solid #eee;
}

.faqcontent{
  padding: 30px 20px;
  border: 1px solid #eee;
  display: none;
  transition: none;
}

.decorimg figcaption {
  display: none;
}

.hidden {
  display: none;
}

.designs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}
.designs .design {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 10px;
  width: 125px;
}
.disclaimer {
  font-size: 80%;
}
.printablehl {
  display: block;
  text-align: center;
  margin: 10px 0 5px;
}

.dpmodalView.fancybox-content {
  text-align: center;
}
.dbmmodalGallery {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  align-items: stretch;

}
.dpmodalMainImage {
  display: inline-block;
  height: 310px;
  margin-right: 10px;
}
.dpmodalMainImage img {
  height: 100%;
}
.dpModalNextImages {
  display: flex;
  flex-flow: column;
}
.nextImage img{
  height: 150px;
}
.nextImage + .nextImage {
  margin-top: 10px;
}

.fk_table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}
.fk_table th {
  border-bottom: 1px solid #ccc;
}
.fk_table .ra {
  text-align: right;
}

.fk_disclaimer {
  font-size: 12px;
  line-height: 130%;
}

@media(max-width: 1400px) {
  .dpbg {
    background-size: 800px auto;
    background-position: 0% 50%;
  }
}

@media(max-width: 1200px) {
  .dpbg {
    background-size: 60% auto;
    background-position: 0% 50%;
  }
  .dpbg .ctabut {
    margin: 10px 10px 0 0;
  }
  .dpbg .ctabut + .ctabut {
    margin-bottom: 20px;
  }
}


@media(max-width: 1024px){
  .topmenu ul li a {
    padding: 20px 3px;
    font-size: 14px;
    text-align: center;
  }
  .topmenu ul {

  }
  .topmenu ul li {
    flex-grow: 1;
  }
  .topmenu ul li ul {
    top: 58px;
    width: 620px;
  }
  .topmenu ul li ul li {
    width: calc(100% /3);
  }
  .topmenu ul li ul li a {
    text-align: left;
  }
  .motto {
    font-size: 12px;
    line-height: 15px;
  }
  .footer {
    flex-wrap: wrap;
    padding: 30px;
  }
  .footer .fcol {
    width: 50%;
  }
  .fclogo {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
    order: 4;
    margin-top: 10px;
  }
  .fclogo img {
    margin: auto;
  }
  .footer .hl {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .motto {
    display: none;
  }
  .logo {
    margin-right: auto;
    width: 200px;
    flex-grow: 1;
  }
  .langs {
    flex-grow: 0;
    padding: 5px 10px;
  }
  .topsocials {
    margin: 0 10px;
  }
  .partnerlogin {
    margin-right: 15px;
    height: 20px;
  }
  .person {
    width: calc(100% /2);
  }
  .about_jobs {
    background: #E80000;
  }

}

@media(max-width: 768px){
  .hp_banners {
    margin-top: 0;
    margin-left: 0;
  }

  .partnerlogin span {
    display: none;
  }
  .linkrow {
    flex-flow: column;
  }
  .creditinfo {
    order: 2;
    font-size: 80%;
  }
  .creditinfo .hiplogo {
    margin-left: 10px;
  }
  .fsocials a {
    max-width: 70px;
  }
  .fsocials {
    margin-bottom: 20px;
  }

  .footer .fcol {
    width: 100%;
    text-align: center;
  }
  .footer .fclogo {
    order: 0;
  }


  .footer .eu {
    padding: 60px 0 0 0;
    background-position: 50% 0%;
  }

  .router {
    width: calc(100% / 2 - 10px);
  }
  .hp_texts img {
    width: 100%;
  }
  .topmenu {
    transition: 0s;
    top: -10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
  }
  .topmenu ul{
    flex-direction: column;
  }

  .topmenu ul li{
    border-bottom: 1px solid #ccc;
  }
  .topmenu ul li a{
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: left;
    padding: 8px 5px;
    color: #A2A2A2;
  }
  .topmenu ul li a.active{
    border: none;
    background: none;
  }
  .topmenu ul li:hover ul {
    display: none;
  }
  .topmenu ul li:last-child {
    border-bottom: 0;
  }
  .router .hl {
    background-size: cover;
  }
  .hp_slider .slick-next {
    bottom: 0;
    top: auto;
    left: 51px;
    width: 50px;
    height: 50px;
  }
  .hp_slider .slick-prev {
    bottom: 0;
    top: auto;
    left: 0;
    width: 50px;
    height: 50px;
  }
  .hpbanner .fcontent {
    padding-left: 0;
    text-align: center;
  }
  .hpbanner h1 {
    font-size: 44px;
    line-height: 44px;
  }
  .hpbanner {
    background-size: auto 400px;
    height: 400px;
  }
  .cbranches {
    flex-wrap: wrap;
    margin: 10px 0;
  }
  .cbranches .branch {
    width: 100%;
    margin: 10px 0;
  }
  .cgroup {
    width: 100%;
  }
  .cgroup + .cgroup {
    margin-left: 0;
  }
  .mandatory {
    text-align: center;
  }
  .pageheader .fcontent {
    margin-left: 0;
  }
  .linkedfile {
    width: calc(100% / 3 - 20px);
    box-sizing: border-box;
    margin: 10px;
  }
  .cont_news .hp_news_det {
    width: calc(100% / 2 - 20px);
  }
  .partners .ftabshead a {
    width: calc(100% / 4 - 30px);
    min-width: auto;
  }
  .branch {
    width: calc(100% / 2 - 20px);
  }
  .routers {
    flex-wrap: wrap;
  }
  .refgal .galimg,
  .decorgal .galimg,
  .products .product {
    width: calc(100% / 2 - 20px)
  }
  .galsel {
    flex-wrap: wrap;
  }
  .galsel select {
    margin: 5px 0;
    max-width: 100%;
    min-width: 100%;
  }
  .dpbg {
    padding: 320px 20px 0;
    background-size: 500px auto;
    background-position: calc(50% + 50px) 0%;
  }
  .padded-lg {
    padding: 20px;
  }
  .dp_pictos {
    margin-left: 0;
  }

  .dbmmodalGallery {
    flex-flow: column;
  }
  .dpmodalMainImage {
    margin-left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .dpmodalMainImage img {
    height: auto;
  }
  .dpModalNextImages {
    flex-flow: row;
  }
  .nextImage {
    width: calc(50% - 5px);
  }
  .nextImage img {
    height: auto;
  }
  .nextImage + .nextImage {
    margin-left: 10px;
    margin-top: 0;
  }
}

@media(max-width: 576px){
  .hp_banners {
    flex-flow: column;
  }
  .textbanner.wide,
  .textbanner.small {
    width: 100%;
    box-sizing: border-box;
  }
  .router {
    width: 100%;
  }
  .hp_pictos > div, .dp_pictos > div {
    width: 100%;
    margin: 10px 15px;
  }
  .partnerlogin {
    margin-right: 5px;
    margin-left: 5px;
  }
  .topsocials {
    display: none;
  }
  .langs {
    position: absolute;
    top:  -8px;
    right: 0;
    border: 0;
  }
  .person {
    width: 100%;
  }
  .ftabshead a {
    width: 100%;
  }
  .linkedfile {
    width: 100%;
  }
  .cont_news .hp_news_det {
    width: 100%;
  }
  .partners .ftabshead a {
    width: calc(100% / 2 - 30px);
  }
  .branch {
    width: 100%;
  }
  .products .product {
    width: 100%;
  }
}
