@font-face {
	font-family: 'Averta-Bold';
  src: url('../fonts/341E49_2_0.eot');
  src: url('../fonts/341E49_2_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_2_0.woff2') format('woff2'),
       url('../fonts/341E49_2_0.woff') format('woff'),
       url('../fonts/341E49_2_0.ttf') format('truetype');
	font-weight:600;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-BoldItalic';
  src: url('../fonts/341E49_0_0.eot');
  src: url('../fonts/341E49_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_0_0.woff2') format('woff2'),
       url('../fonts/341E49_0_0.woff') format('woff'),
       url('../fonts/341E49_0_0.ttf') format('truetype');
	font-weight:600;
	font-style: italic;
}
@font-face {
	font-family: 'Averta-Semibold';
  src: url('../fonts/341E49_C_0.eot');
  src: url('../fonts/341E49_C_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_C_0.woff2') format('woff2'),
       url('../fonts/341E49_C_0.woff') format('woff'),
       url('../fonts/341E49_C_0.ttf') format('truetype');
	font-weight:500;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-Regular';
  src: url('../fonts/341E49_A_0.eot');
  src: url('../fonts/341E49_A_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_A_0.woff2') format('woff2'),
       url('../fonts/341E49_A_0.woff') format('woff'),
       url('../fonts/341E49_A_0.ttf') format('truetype');
	font-weight:400;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-RegularItalic';
  src: url('../fonts/341E49_B_0.eot');
  src: url('../fonts/341E49_B_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_B_0.woff2') format('woff2'),
       url('../fonts/341E49_B_0.woff') format('woff'),
       url('../fonts/341E49_B_0.ttf') format('truetype');
	font-weight:400;
	font-style: italic;
}
@font-face {
	font-family: 'Averta-Light';
  src: url('../fonts/341E49_8_0.eot');
  src: url('../fonts/341E49_8_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_8_0.woff2') format('woff2'),
       url('../fonts/341E49_8_0.woff') format('woff'),
       url('../fonts/341E49_8_0.ttf') format('truetype');
	font-weight:300;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-RegularItalic';
  src: url('../fonts/341E49_B_0.eot');
  src: url('../fonts/341E49_B_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/341E49_B_0.woff2') format('woff2'),
       url('../fonts/341E49_B_0.woff') format('woff'),
       url('../fonts/341E49_B_0.ttf') format('truetype');
	font-weight:400;
	font-style: italic;
}
@font-face {
	font-family: 'Averta-Black';
	src: url('../fonts/341E49_3_0.eot');
	src: url('../fonts/341E49_3_0.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/341E49_3_0.woff2') format('woff2'),
	     url('../fonts/341E49_3_0.woff') format('woff'),
	     url('../fonts/341E49_3_0.ttf') format('truetype');
	font-weight:900;
	font-style: normal;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
*, ul{
    margin: 0;
    padding: 0;  
    box-sizing: border-box;   
}
::selection{background-color:#0D1840; color:#fff !important;}
::-moz-selection{background-color:#0D1840; color:#fff !important;}

body{
  width: 100%;
  font-family: 'Averta-Regular';
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
  color: #0D1840;
}
.field--name-field-boxtxt,
.prodteas2 .prtitle,
.netxt > .prtitle,
.field--name-field-catprod a,
header a,
.foomenus > nav a{
  font-size: 18px;
}
.prtitle,
footer h2,
.foomenus > nav > .menu > li > a{
  font-size: 25px;
}
.netxt .field--name-body,
.seemore{
  font-size: 15px;
}
.atitle, h1, h2, span.big, .field--name-field-other > .field__label{
  font-size: 30px;
  line-height: 1.1;
}
.introtxt .atitle{
  font-size: 50px;
  line-height: 1;
}
.introtxt .field--name-body{
  font-size: 60px;
  line-height: 1;
}
span.xl,
.ttitle{
  font-size: 120px;
  line-height: 1;
}
.ttitle span.big{
  display: inline-block;
}
strong, h1, h2, h3, h4, .ttitle, .field--name-field-btitle,
.field--name-field-other > .field__items, .seemore, header a,
.field--name-field-files a, .field--name-field-links a, details > summary{
  font-family: 'Averta-Bold';
	font-weight: 600;
	font-style: normal;
}
.black,
.introtxt .field--name-body{
  font-family: 'Averta-Black';
	font-weight:900;
	font-style: normal;
}
em{
  font-family: 'Averta-RegularItalic';
	font-weight: 400;
	font-style: italic;
}
span.lightxt,
.protxt > .atitle,
.view-preprods > .view-header > .atitle{
	font-family: 'Averta-Light';
	font-weight:300;
	font-style: normal;
}
.protxt > .atitle{
  margin-bottom: 0;
}
.field--name-field-btitle{
  margin-bottom: 15px;
}
.protxt .field--name-field-atitle,
.field--name-field-other > .field__label,
.procat .prtitle{
  display: inline-block;
  padding-bottom: 30px;
  margin-bottom: 25px;
  position: relative;
}
.protxt .field--name-field-atitle::after, 
.field--name-field-other > .field__label::after,
.procat .prtitle::after{
  content: " ";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #0D1840;
}
.field--name-field-other > .field__label::after,
.procat .prtitle::after{
  background-color: #8098C4;
}
.forlay .protxt .field--name-field-atitle::after, 
.forlay .field--name-field-other > .field__label::after,
.forlay .procat .prtitle::after{
  background-color: #009DDF;
}
span.sbold,
.prodteas2 .prtitle,
.induteas .prtitle,
.foomenus > nav > .menu > li > a,
footer h2{
	font-family: 'Averta-Semibold';
	font-weight: 500;
	font-style: normal;
}
.induteas .prtitle{
  margin-bottom: 15px;
}
header a,
span.blue,
.atitle,
.prodteas2 .prtitle,
.field--name-field-catprod a:hover{
  color: #0D1840;
}
span.lblue,
.field--name-field-boxtxt,
.prodteas .prtitle,
.induteas .prtitle,
.seemore,
.field--name-field-files a, .field--name-field-links a,
.field--name-field-catprod a,
.description a,
main .form-item label{
  color: #8098C4;
}
span.fblue,
.forlay span.lblue,
.forlay .prodteas .prtitle,
.forlay .induteas .prtitle,
.forlay .seemore,
.forlay .field--name-field-files a, .forlay .field--name-field-links a,
.forlay .field--name-field-catprod a,
.forlay .description a{
  color: #009DDF;
}
.ttitle,
.lay-5 .bwrap2,
.flay-5 .bwrap2,
.lay-6 .bwrap2,
.lay-8 .lay8b2,
.lay10c,
.flay-10,
.induteas .prtxtwrap,
.introtxt .atitle,
.flay-10 .atitle,
.lay-13 .atitle,
.flay-13 .atitle,
.forlay .field--name-field-boxtxt{
  color: #fff;
}
.netxt{
  color: #666;
}
h1, h2, h3, h4{
  margin: 0 0 20px;
}
h3, h4{
  margin-bottom: 15px;
}
h3{
  font-size: 26px;
}
h4{
  font-size: 24px;
}
.layout-container{
  overflow: hidden;
  position: relative;
}
img{
  max-width: 100%;
  height: auto;
}
.field--type-image img{
  display: block;
  width: 100%;
}
.field--name-body img{
  width: auto;
}
.text-formatted .media{
  display: inline-block;
}
.region-content ul,
.region-content ol{
  margin: 20px 20px 25px;
  list-style-position: outside;
}
.region-content .search-results{
  margin-left: 0;
}
.text-formatted ul:first-child,
.text-formatted ol:first-child{
  margin-top: 0;
}
.region-content li{
  margin: 10px 0;
}
.region-content .menu,
.region-content .menu li{
  margin: 0;
}
main p,
footer p,
.text-formatted > *{
  margin-bottom: 20px;
}
main p:last-child,
.text-formatted > :last-child,
footer p:last-of-type{
  margin-bottom: 0;
}
form input,
input[type="search"],
form textarea{
  width: 100%;
  background-color: transparent;
  border: 1px solid #8098C4;
  line-height: 1;
  padding: 10px 15px;
  transition: all 300ms ease-out;
  box-sizing: border-box;
}
form{
    max-width: 650px;
}
form > div{
  margin-bottom: 20px;
}
form .field--type-language{
  display: none;
}
main .form-item{
    margin-top: 10px;
}
details{
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
details > summary{
    padding: 0;
    margin-bottom: 10px;
}
details > .details-wrapper{
    padding: 0;
}
.details-description{
    margin-bottom: 10px;
}
.handle{
  box-sizing: content-box;
}
.form-actions{
  width: auto;
  margin-bottom: 0;
}
.form-submit{
  width: 50px;
  height: 47px;
  overflow: hidden;
  color: transparent !important;
  background-color: #8098C4;
  background-image: url(../imgs/submit.svg);
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.9;
}
.forlay .form-submit{
  background-color: #009DDF;
}
.layout-container main .search-form .form-submit{
  background-image: url(../imgs/search-white.svg);
}
.contact-message-subscribe-form .form-actions,
main .search-form .form-submit{
  position: absolute;
  right: 0;
  bottom: 0;
}
.contact-message-subscribe-form .form-item-mail,
main .search-form .form-item-keys{
  margin-right: 50px;
}
.contact-message-subscribe-form .form-item-mail label{
  display: none;
}
.contact-message-subscribe-form .form-item-mail input{
  border: none;
  background-color: #fff;
}
.contact-message-subscribe-form{
  position: relative;
  margin-top: 20px;
  max-width: 350px;
}

.contact-message-feedback-form,
.contact-message-quote-form{
    display: none;
}
.bwrap2 .contact-message-feedback-form,
.bwrap2 .contact-message-quote-form{
    display: block;
    margin-top: 20px;
}

main .search-form .form-wrapper{
  position: relative;
  max-width: 500px;
}
main .search-form{
  margin-bottom: 30px;
}
.search-results > li{
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid #ccc;
}

/* search header block */
.form-submit:hover,
.search-block-form > h2:hover{
  opacity: 1;
}
.search-block-form{
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.opensearch .search-block-form{
  z-index: 10;
}
.search-block-form input,
.search-block-form .form-type-search{
  margin: 0;
}
.search-block-form > form > div{
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 500ms ease-out;
}
.search-block-form .form-type-search{
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
}
.search-block-form .form-actions{
  position: absolute;
  right: 0;
  top: 0;
}
.opensearch .search-block-form .form-type-search{
  opacity: 1;
  z-index: 10;
}
.search-block-form .form-search{
  font-size: 15px;
  padding: 5px;
  line-height: 1;
  margin-right: 5px;
  pointer-events: none;
  border: 3px solid #0D1840;
  width: 120px;
  background-color: #fff;
}
.opensearch .search-block-form .form-search{
  pointer-events: inherit;
}
header .form-submit,
header .search-block-form > h2{
  padding: 0;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../imgs/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  color: transparent !important;
  border: none;
  background-color: transparent;
}
.forlay header .form-submit,
.forlay header .search-block-form > h2{
  background-image: url(../imgs/search2.svg);
}
.opensearch2 .form-actions{
  opacity: 1;
  z-index: 10;
}
header .search-block-form > h2{
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition: all 500ms ease-out;
  opacity: 0.9;
}
header .search-block-form > h2:hover,
.opensearch .search-block-form > h2{
  opacity: 1;
}
header.opensearch2 .search-block-form > h2{
  opacity: 0;
  z-index: 1;
}

.layout-container .messages{
  position: fixed;
  left: 15px;
  top: unset;
  bottom: 15px;
  font-size: 12px;
  z-index: 1000;
}
a{
  text-decoration: none;
  color: #0D1840;
  outline: none;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.text-formatted a,
.bwrap2 a,
.description a{
  text-decoration: underline;
  opacity: 0.9;
}
.text-formatted a:hover,
.bwrap2 a:hover,
.description a:hover{
  opacity: 1;
}

.menu a{
  display: block;
  line-height: 1.1;
}
.menu li{
  list-style: none;
}
ul.tabs{
  padding: 0;
  margin: 0 0 20px;
  z-index: 30;
  display: flex;
  justify-content: center;
  text-shadow: none;
}
ul.tabs li{
  margin: 0;
}
ul.tabs a{
  background-color: #eee;
  color: #000;
}
ul.tabs a:hover{
  background-color: #ddd;
}
ul.tabs a.is-active{
  background-color: #ccc;
}
.tabledrag-toggle-weight-wrapper{
  display: none;
}
.tablewrap{
  overflow-x: auto;
}
.text-formatted table{
  border: none;
  width: 100%;
}
.text-formatted table th,
.text-formatted table td{
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #969696;
  white-space: nowrap;
  line-height: 1.2;
}
.text-formatted table td{
  vertical-align: top;
}
.text-formatted table th,
.text-formatted table td{
  text-align: right;
}
.text-formatted table th:first-child,
.text-formatted table td:first-child{
  text-align: left;
}
.views-form{
  text-align: center;
}
.views-form > form{
  display: inline-block;
}
.views-form > form .form-actions{
  margin-top: 20px;
}
.user-login-form{
  max-width: 500px;
  padding: 20px;
  margin: 0 auto;
}
.draggable td{
  padding: 5px 15px;
  font-size: 13px;
}
hr{
  border: none;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0;
}
.layout-container .field--name-field-pp{
  width: 100%;
}
.layout-container .field--name-field-pp label{
  display: inline-block;
}
.layout-container .field--name-field-pp input{
  width: auto;
}
video{
  width: 100%;
  height: auto;
  display: block;
}
iframe{
  max-width: 100%;
}
.field--name-field-media-oembed-video{
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.field--name-field-media-oembed-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.topmap iframe{
  width: 100%;
}
.field--name-field-files a, .field--name-field-links a{
  text-decoration: none;
}
.seemore,
.field--name-field-files, .field--name-field-links{
  margin-top: 20px;
}
.field--name-field-files a, .field--name-field-links a{
  margin-top: 10px;
}
.seemore,
.field--name-field-files a, .field--name-field-links a,
.txtlink > .blink{
  position: relative;
  line-height: 1;
  padding: 5px 45px 5px 0;
  display: inline-block;
  transition: all 500ms ease-out;
}
.blink:hover .seemore,
.txtlink > .blink:hover{
  color: #fff;
}
header .txtlink > .blink{
  color: #8098C4;
}
.forlay header .txtlink > .blink{
  color: #009DDF;
}
.layout-container header .txtlink > .blink:hover,
.layout-container .field--name-field-files a:hover, 
.layout-container .field--name-field-links a:hover{
  color: #0D1840;
}
.seemore::after,
.field--name-field-files a::after, .field--name-field-links a::after,
.txtlink > .blink::after{
  content: " ";
  display: block;
  width: 20px;
  height: 16px;
  clip-path:polygon(27% 12%, 100% 50%, 27% 88%, 0% 70%, 0% 30%);
  background-color: #8098C4;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 500ms ease-out;
}
.forlay .seemore::after,
.forlay .field--name-field-files a::after, 
.forlay .field--name-field-links a::after,
.forlay .txtlink > .blink::after{
  background-color: #009DDF;
}
.field--name-field-files a::after{
  clip-path: polygon(20% 44%,23% 40%,47% 64%,47% 10%,53% 10%,53% 64%,77% 40%,80% 44%,50% 74%,20% 44%,15% 88%,85% 88%,85% 93%,15% 93%,15% 88%);
  width: 26px;
  height: 26px;
}
.field--name-field-files a:hover::after{
  clip-path: polygon(20% 54%,23% 50%,47% 74%,47% 20%,53% 20%,53% 74%,77% 50%,80% 54%,50% 84%,20% 54%,15% 88%,85% 88%,85% 93%,15% 93%,15% 88%);
}
.layout-container .blink:hover .seemore::after,
.layout-container .field--name-field-links a:hover::after,
.layout-container .txtlink > .blink:hover::after{
  right: 0;
  background-color: #fff;
}
.layout-container header .txtlink > .blink:hover::after,
.layout-container .field--name-field-links a:hover::after,
.layout-container .field--name-field-files a:hover::after{
  background-color: #0D1840;
}

.nowrap{
  white-space: nowrap;
  display: inline-block;
}

/* width */
::-webkit-scrollbar{
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track{
  background: #8098C4;
}
.forlay ::-webkit-scrollbar-track{
  background: #009DDF;
}
/* Handle */
::-webkit-scrollbar-thumb{
  background: #0D1840;
  transition: all 300ms ease-out;
  cursor: pointer;
  opacity: 0.9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
  opacity: 1;
}


/* header */
header{
  transition: all 500ms ease-out;
  z-index: 20;
  padding: 0 50px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
}
.region-header{
  transition: all 500ms ease-out;
  height: 90px;
}
.mobwrap{
  display: none;
}
main{
  margin-top: 90px;
}
.user-logged-in header{
  position: relative;
}
.user-logged-in main{
  margin-top: 0;
}
.under header{
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.under .region-header{
  height: 60px;
}
.region-header{
  font-size: 18px;
  width: 100%;
}
.region-header,
.headwrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.headwrap{
  justify-content: center;
}
.hlogos,
.hlogos img{
  transition: all 500ms ease-out;
  width: 160px;
}
.under .hlogos img{
  width: 100px;
}
.hlogos > div,
.gotos > div{
  display: none;
}
.gellay .hlogos > div:nth-child(1),
.gellay .gotos > div:nth-child(2),
.forlay .hlogos > div:nth-child(2),
.forlay .gotos > div:nth-child(1){
  display: block;
}
header ul{
  list-style: none;
}
.menu--forlong,
.menu--main{
  display: none;
}
.forlay .menu--forlong,
.gellay .menu--main{
  display: block;
}
.headmenus > nav > .menu{
  display: flex;
  align-items: center;
  justify-content: center;
}
.headmenus > nav > .menu a{
  padding: 20px;
  position: relative;
}
.headmenus > nav > .menu a::after{
  content: " ";
  display: block;
  width: 0;
  height: 3px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 300ms ease-out;
  background-color: #8098C4;
}
.region-header .menu--forlong > .menu a::after{
  background-color: #009DDF;
}
.layout-container .menu--main a:hover,
.layout-container .menu--main li:hover > a,
.layout-container .menu--main a.is-active,
.layout-container .menu--main .menu-item--active-trail > a,
.block-language .links a:hover,
.block-language .links a.is-active{
  color: #8098C4;
}
.layout-container .menu--forlong a:hover,
.layout-container .menu--forlong li:hover > a,
.layout-container .menu--forlong a.is-active,
.layout-container .menu--forlong .menu-item--active-trail > a,
.forlay .block-language .links a:hover,
.forlay .block-language .links a.is-active{
  color: #009DDF;
}
.headmenus > nav a:hover::after,
.headmenus > nav li:hover > a::after,
.headmenus > nav a.is-active::after,
.headmenus > nav .menu-item--active-trail > a::after{
  width: calc(100% - 40px);
}
.block-language .links{
  display: flex;
}
.block-language .links > li{
  border-left: 3px solid #0D1840;
  padding: 2px 5px;
}
.block-language .links > li:first-child{
  border-left: none;
  padding-left: 0;
}
.block-language a{
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 28px;
  height: 20px;
  display: block;
  overflow: hidden;
  line-height: 1;
}

.navicon{
  display: none;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  transition: all 500ms linear;
  opacity: 0.8;
  width: 80px;
  height: 50px; 
  overflow: hidden;
  cursor: pointer;
  z-index: 110;
}
.navicon::before,
.navicon::after{
  content: " ";
}
.navicon::before,
.navicon::after,
.navicon span{
  position: absolute;
  display: block;
  left: 20%;
  background-color: #0D1840;
  width: 60%;
  height: 4%;
  transition: all 300ms ease-out;
}
.navicon::before{
  top: 22%;
}
.navicon span{
  top: 45%;
}
.navicon::after{
  top: 68%;
}
.openmenu .navicon::after,
.openmenu .navicon::before{
  top: 25%;
  left: 47%;
  width: 4%;
  height: 50%;
  transform: rotate(45deg);
  transform-origin: center center;
}
.openmenu .navicon::after{
  transform: rotate(-45deg);
}
.openmenu .navicon::before{
  transform: rotate(45deg);
}
.openmenu .navicon span{
  width: 0;
}
.navicon:hover{
  opacity: 1;
}

header .menu--social{
  position: relative;
  z-index: 2;
}
.menu--social .menu{
  position: relative;
  left: -4px;
  display: flex;
}
.menu--social .menu a{
  width: 40px;
  height: 40px;
  color: transparent !important;
  overflow: hidden;
  background-image: url(../imgs/socials.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  opacity: 0.9;
}
.forlay .menu--social .menu a{
  background-image: url(../imgs/socials2.svg);
}
.menu--social .menu a:hover{
  opacity: 1;
}
.menu--social .menu a[href*="facebook"]{
  background-position: left center;
}
.menu--social .menu a[href*="linked"]{
  background-position: -40px center;
}
.menu--social .menu a[href*="youtube"]{
  background-position: -80px center;
}
.menu--social .menu a[href*="instagram"]{
  background-position: -120px center;
}
.menu--social .menu a[href*="twitter"]{
  background-position: -160px center;
}
.menu--social .menu a[href^="mailto:"]{
  background-position: -200px center;
}
.menu--social .menu a[href^="tel:"]{
  background-position: -240px center;
}
.menu--social .menu a[href*="maps"]{
  background-position: right center;
}

/* home intro blocks */
.path-frontpage header,
.path-frontpage footer{
  display: none;
}
.path-frontpage main{
  margin-top: 0;
}
.view-intro > .view-content{
  display: flex;
  flex-wrap: wrap;
}
.view-intro > .view-content > .views-row{
  width: 50%;
  position: relative;
}
.hintro{
  height: 100vh; 
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.hintro > .blink{
  display: block;
  height: 100%;
  width: 100%;
  border: 30px solid #fff;
  transition: all 500ms ease-out;
  background-color: rgba(0,0,0,0.8);
  position: relative;
}
.hintro > .blink:hover{
  border: 30px solid #0D1840;
  background-color: rgba(0,0,0,0.25);
}
.views-row:nth-child(2n+2) .hintro > .blink:hover{
  border: 30px solid #008ED0;
}
.views-row:nth-child(2n+2) .introtxt .field--name-field-atitle::after{
  background-color: #008ED0;
}
.view-intro > .view-content > .views-row:nth-child(2n+1) .blink{
  border-right: none;
}
.view-intro > .view-content > .views-row:nth-child(2n+2) .blink{
  border-left: none;
}
.introwrap,
.introtxt{
    height: 100%;
    width: 100%;
}
.introtxt > .atitle{
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
  transition: all 500ms ease-out;
}

.introtxt .field--name-body{
  padding: 50px;
  color: rgba(255,255,255,0.5);
  opacity: 0;
  transition: all 500ms ease-out 500ms;
  position: absolute;
}
.intro1 .introtxt .field--name-body{
  opacity: 1;
}
.views-row:nth-child(2n+1) .introtxt .field--name-body{
    bottom: 0;
    right: 0;
    text-align: right;
}
.views-row:nth-child(2n+2) .introtxt .field--name-body{
    top: 0;
    left: 0;
    text-align: left;
}

/* content */
/* top banner */
.yetimg .twrap{
  position: relative;
  transition: all 500ms ease-out;
  filter: grayscale(100%);
}
.intro1 .yetimg .twrap{
  filter: grayscale(0%);
}
.ttitlewrap{
  text-align: center;
}
.yetimg .ttitlewrap{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.yetimg.indu .twrap::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
@media only screen and (min-width: 900px) {
  .yetimg .twrap{
    background-position: center 60px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    margin-top: -30px;
  }
  .under .yetimg .twrap{
    margin-top: 0;
  }
  .yetimg .field--name-field-timg img{
    opacity: 0;
  }
}
.notimg .twrap{
  background-color: #0D1840;
  padding: 100px 0;
}
.ttitle{
  position: relative;
  padding: 25px 20px 50px;
  display: inline-block;
  margin: 0;
  filter: blur(20px);
  opacity: 0;
  transition: all 500ms ease-out;
}
.introtxt .field--name-field-atitle{
  padding-bottom: 30px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  filter: blur(20px);
  opacity: 0;
  transition: all 500ms ease-out;
}
.intro1 .ttitle,
.introtxt .field--name-field-atitle{
  opacity: 1;
  filter: blur(0);
}
.yetimg .ttitle{
  text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.ttitle::after,
.introtxt .field--name-field-atitle::after{
  content: "";
  display: block;
  overflow: hidden;
  width: 0%;
  height: 13px;
  background-color: #0D1840;
  transition: all 1s ease-out 500ms;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.taxid-2 .ttitle::after,
.forlay .ttitle::after{
  background-color: #009DDF;
}
.introtxt .field--name-field-atitle::after{
  height: 10px;
  transition: all 1s ease-out;
}
.hintro > .blink:hover .field--name-field-atitle::after{
  width: 100%;
}
.intro1 .ttitle::after{
  width: 50%;
}
.notimg .ttitle::after{
  background-color: #fff;
}

/* blocks */
/* gellert layouts */
.blo{
  position: relative;
}
article.profile,
.views-form, /* draggable views */
.lay-1 .bwrap1,
.flay-1 .bwrap1,
.lay-2 .bwrap1,
.lay-8 .bwrap1,
.lay-14 .bwrap1,
.flay-14 .bwrap1,
.path-search .region-content{
  margin: 0 auto;
  padding: 100px 20px;
}
.lay-8 .bwrap1{
  margin: 0 0 0 55%;
}
.lay-1 .bwrap1,
.flay-1 .bwrap1,
.lay-14 .bwrap1,
.flay-14 .bwrap1{
  max-width: 920px;
}

article.profile,
.lay-2 .bwrap1,
.path-search .region-content{
  max-width: 840px;
}
.lay-8 .bwrap1{
  max-width: 500px;
  min-height: 850px;
  z-index: 1;
}
.lay-1 .bwrap2,
.lay-2 .bwrap2,
.lay-8 .bwrap2{
  position: relative;
}
.lay-1 .bwrap2{
  padding-left: 60px;
}
.lay-2 .bwrap2,
.lay-8 .bwrap2{
  padding-top: 60px;
}
.lay-1 .bwrap2::after,
.lay-2 .bwrap2::after,
.lay-8 .bwrap2::after{
  content: "";
  display: block;
  background-color: #0D1840;
  transition: all 500ms ease-out;
  position: absolute;
  left: 0;
  top: 0;
}
.lay-1 .bwrap2::after{
  width: 20px;
  height: 150px;
}
.lay-2 .bwrap2::after,
.lay-8 .bwrap2::after{
  width: 150px;
  height: 20px;
}

.lay-3,
.lay-4,
.lay-13,
.flay-3,
.flay-4,
.flay-13{
  display: flex;
  align-items: center;
}
.lay-4,
.flay-4{
  flex-direction: row-reverse;
}
.lay-3 > div,
.lay-4 > div,
.lay-13 > div,
.flay-3 > div,
.flay-4 > div,
.flay-13 > div{
  width: 50%;
}
.lay-3 .bwrap2,
.lay-4 .bwrap2,
.lay-13 .bwrap2,
.flay-3 .bwrap2,
.flay-4 .bwrap2,
.flay-13 .bwrap2{
  margin: 0 auto;
  padding: 50px 20px;
  max-width: 650px;
}
.lay-13,
.flay-13{
  background-color: #081B33;
  color: #fff;
}

.lay-5-wrap,
.flay-5-wrap{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.lay-5 .bwrap1,
.flay-5 .bwrap1{
  padding: 0 150px 150px 20px;
  text-align: right;
}
.lay-5 .bwrap2,
.flay-5 .bwrap2{
  background-color: #000;
  padding: 50px;
  max-width: 600px;
  text-align: left;
  display: inline-block;
}
.lay-5 .field--name-field-mtxts > .field__item,
.flay-5 .field--name-field-mtxts > .field__item{
  position: relative;
  padding-bottom: 55px;
  margin-bottom: 50px;
}
.lay-5 .field--name-field-mtxts > .field__item::after,
.flay-5 .field--name-field-mtxts > .field__item::after{
  content: " ";
  display: block;
  height: 5px;
  width: 70%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #8098C4;
}
.flay-5 .field--name-field-mtxts > .field__item::after{
  background-color: #009DDF;
}
.lay-5 .field--name-field-mtxts > .field__item:last-child,
.flay-5 .field--name-field-mtxts > .field__item:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
}
.lay-5 .field--name-field-mtxts > .field__item:last-child::after,
.flay-5 .field--name-field-mtxts > .field__item:last-child::after{
  content: unset;
}

.lay-6 .bwrap1,
.lay-8 .lay8b{
  position: relative;
  width: 620px;
  height: 723px;
  margin: 0 auto;
  background-color: #0D1840;
  padding: 50px;
  clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* hexagon */
  text-align: center;
}
.lay-6 .bwrap2,
.lay-8 .lay8b2{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.lay-6,
.flay-6{
  background-attachment: fixed;
}
.wrap6{
  position: relative;
  max-width: 1800px;
  height: 1000px;
  margin: 0 auto;
  padding-top: 140px;
}
.lay-6,
.flay-6,
.lay-6 .lay6a,
.lay6hexa{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lay6a{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-attachment: fixed;
  clip-path:polygon(0% 0%, 100% 0%, 100% 48%, 50% 100%, 0% 48%);  /* big hexagor bottom */
  overflow: hidden;
}
.lay6hexa{
  display: block;
  height: 100%;
  width: 100%;
  background-image: url(../imgs/lay-6-hexagons.svg);
}

.lay-7{
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 20px;
}
.wrap7{
  display: flex;
  align-items: center;
}
.wrap7:nth-child(2n+2){
  flex-direction: row-reverse;
}
.lay-7 .lay7a{
  padding-right: 26%;
}
.lay-7 .lay7b{
  padding-left: 26%;
}
.lay-7 .img7{
  width: 43%;
  height: 508px;
  clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* hexagon */
  position: relative;
  overflow: hidden;
}
.lay-7 .img7 > .media img{
  height: 102%;
  width: auto;
  position: absolute;
  top: -1%;
  left: 50%;
  transform: translateX(-50%);
}
.lay-7 .txt7{
  width: 57%;
}
.lay-7 .lay7a .txt7{
  padding-right: 30px;
  text-align: right;
}
.lay-7 .lay7b .txt7{
  padding-left: 30px;
}

.wrap8{
  position: relative;
  max-width: 1800px;
  margin: 0 auto;
}
.lay-8,
.lay-8 .lay8a,
.lay8hexa{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lay8a{
  position: absolute;
  left: 0;
  top: 0;
  height: 1500px;
  width: 100%;
  background-attachment: fixed;
}
.lay8hexa{
  display: block;
  height: 102%;
  width: 100%;
  position: relative;
  background-image: url(../imgs/lay-8-hexagons.svg);
}
.lay-8 .bwrap1,
.lay-8 .lay8b{
  position: relative;
}

.lay-9 .bwrap2,
.flay-9 .bwrap2{
  text-align: center;
  padding: 100px 20px 50px;
}
.lay9a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 100px;
  justify-content: center;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1300px;
  margin: 0 auto;
}
.lay-9 .lay9a{
  padding-bottom: 300px;
  background-image: url(../imgs/lay-9-hexagons.svg);
}
.flay-9 .lay9a{
  justify-content: space-evenly;
  background-image: url(../imgs/lay-9-cyrcles.jpg);
}
.lay9b{
  width: 30%;
  height: 413px;
  text-align: center;
  display: flex;
  align-items: center;
}
.lay-9 .lay9b:nth-child(1),
.lay-9 .lay9b:nth-child(3){
  position: relative;
  top: 180px;
}
.lay9c{
  width: 100%;
  padding: 20px;
}
.lay9c .media img{
  width: auto;
  display: inline-block;
}

.lay-10{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.lay-10 .bwrap1{
  width: 100%;
  background-color: #fff;
  clip-path:polygon(0% 0%, 100% 0%, 100% 48%, 50% 100%, 0% 48%);  /* big hexagor bottom */
  overflow: hidden;
}
.lay-10 .bwrap2{
  text-align: center;
  padding:  100px 20px;
}
.lay10a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 200px;
}
.lay10b{
  width: 400px;
  height: 460px;
  background-color: rgba(0,0,0,0.8);
  margin: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* hexagon */
}
.lay10b:nth-child(2){
  position: relative;
  top: 100px;
}
.lay10c{
  width: 100%;
  padding: 20px;
}
.lay10c > p{
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 0;
}
.lay10c > p::after{
  content: " ";
  display: block;
  width: 180px;
  height: 30px;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  clip-path:polygon(100% 30%, 100% 40%, 57% 40%, 50% 69%, 43% 40%, 0% 40%, 0% 30%);
  background-color: #fff;
}
.lay10c > p:last-child{
  padding-bottom: 0;
}
.lay10c > p:last-child::after{
  content: none;
}

.lay-12,
.flay-12{
  text-align: center;
  max-width: 800px;
  margin: 100px auto;
}
.lay-12 .media img,
.flay-12 .media img{
  display: inline-block;
  width: auto;
}
.lay-13 .atitle,
.flay-13 .atitle,
.lay-14 .atitle,
.flay-14 .atitle{
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 30px;
}
.lay-13 .atitle::after,
.flay-13 .atitle::after,
.lay-14 .atitle::after,
.flay-14 .atitle::after{
  content: " ";
  display: block;
  width: 50%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.lay-14 .atitle::after,
.flay-14 .atitle::after{
    left: 50%;
    transform: translateX(-50%);
}
.lay-14 .atitle::after{
    background-color: #8098C4;
}
.flay-13 .atitle::after,
.flay-14 .atitle::after{
  background-color: #009DDF;
}

.lay-14 .bwrap1,
.flay-14 .bwrap1{
    text-align: center;
}
.lay-14 .field--name-field-simgs img,
.flay-14 .field--name-field-simgs img{
    display: inline-block;
    width: auto;
    margin-top: 30px;
}

/* forlong layouts */
.flay-1 .atitle{
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
  display: inline-block;
  transform: translateX(-50%);
  max-width: calc(100vw / 2);
}
.flay-1 .atitle::after{
  content: " ";
  display: block;
  width: 50%;
  height: 6px;
  background-color: #009DDF;
  position: absolute;
  right: 0;
  bottom: 0;
}

.flay-2,
.flay-8{
  padding: 50px 20px 100px;
}
.flay-2,
.flay-8,
.fwrap10{
  max-width: 1500px;
  margin: 0 auto;
}
.wrap2,
.fwrap8{
  display: flex;
}
.wrap2 > div{
  width: 50%;
}
.flay2a{
  padding-top: 50px;
  position: relative;
  z-index: 2;
}
.flay2b > .media{
  position: relative;
  left: -50px;
}
.txt2{
  margin: 50px;
  padding: 50px;
  border: 1px solid #009DDF;
  display: inline-block;
}

.flay-6{
  padding: 150px 20px;
}

.flay-7{
  max-width: 1100px;
  padding: 100px 20px;
  margin: 0 auto;
}
.flay-7 .wrap7 > div{
  width: 50%;
}
.flay-7 .txt7{
  padding: 50px;
}

.flay8a{
  width: 60%;
}
.flay8b{
  width: 40%;
}
.flay8a > .media:nth-child(2){
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: -50px;
}
.txt8{
  padding: 0 0 50px 50px;
}
.flay8b > .media{
  width: 120%;
  position: relative;
  left: -20%;
}

.flay-10{
  background-color: #000;
  text-align: center;
  padding: 100px 0;
}
.flay-10 .field--name-field-mtxts{
  display: flex;
  justify-content: space-between;
}
.flay-10 .field--name-field-mtxts > .field__item{
  padding: 0 20px 50px;
  text-align: left;
}

/* simple page */
.yesimg .spwrap{
  display: flex;
  align-items: center;
}
.yesimg .spwrap > div{
  width: 50%;
  max-width: unset;
}
.yesimg .spwrap > .bwrap1{
  padding-left: 50px;
}
.yesimg .bwrap2{
  max-width: 800px;
}
.field--name-field-sbimgs{
  display: flex;
  align-items: center;
}
.field--name-field-sbimgs > div{
  width: 50%;
}

/* products */
.prowrap{
  padding-top: 150px;
  padding-bottom: 150px;
  background-image: url(../imgs/bkg-hexagons-2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.prowrap2{
  display: flex;
  align-items: flex-start;
  max-width: 2000px;
  margin: 0 auto;
}
.proimgs{
  width: 40%;
  margin-left: 3%;
}
.protxt{
  width: 57%;
  padding-left: 20px;
}
.protxt3 .field--name-body{
  max-width: 650px;
}
.nosl .prowrap2{
  display: block;
  max-width: 1250px;
}
.withbox .protxt2{
  display: flex;
  align-items: flex-start;
}
.withbox .protxt3{
  width: 65%;
}
.field--name-field-boxtxt{
  width: 30%;
  margin-left: 5%;
  background-color: #0D1840;
  padding: 20px;
}
.forlay .field--name-field-boxtxt{
  background-color: #009DDF;
}

.field--name-field-primgs{
  width: 79%;
  margin-left: 21%;
}
.prosl .proimgs{
  display: flex;
}
.prosl .field--name-field-primgs{
  margin-left: 1%;
}
.prothumbs{
  width: 20%;
}
.prothumbs > .field{
  cursor: pointer;
  padding: 10px;
  transition: all 300ms ease-out;
  opacity: 0.7;
}
.prothumbs > .field:hover,
.prothumbs > .field.act-pager{
  opacity: 1;
}

.prosl .field--name-field-primgs > .field__item{
  opacity: 0;
  z-index: -3;
  visibility: hidden;
  transition: opacity 500ms ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.prosl .field--name-field-primgs > .field__item.actsli{
  opacity: 1;
  z-index: 3;
  position: relative;
  visibility: visible;
}

.field--name-field-other{
  max-width: 1250px;
  margin: 100px auto;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.field--name-field-other > .field__items{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.field--name-field-other > .field__items > .field__item{
  width: 45%;
  margin: 50px 0;
}
.field--name-field-other .field--name-field-prrimg{
  background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.05) 100%);
}
.blink{
  display: block;
}
.prtitle{
  transition: all 300ms ease-out;
}
.prodteas .prtitle{
  padding: 30px 20px 0;
}
.prodteas .field--name-field-prrimg,
.induteas .field--name-field-thumb{
  overflow: hidden;
}
.field--name-field-prrimg img,
.field--name-field-thumb img{
  transition: all 1s ease-out;
  transform: scale(1);
}
.blink:hover .field--name-field-prrimg img,
.induteas:hover .field--name-field-thumb img{
  transform: scale(1.02);
}
.prodteas .blink:hover .prtitle{
  color: #0D1840;
}
.induteas .blink:hover .prtitle{
  color: #fff;
}
.prodteas .field--type-image{
  text-align: center;
}
.prodteas .field--type-image > img{
  max-width: 550px;
  max-height: 550px;
  width: auto;
  height: auto;
  display: inline-block;
}

.view-preprods{
  max-width: 1100px;
  margin: 0 auto;
}
.view-preprods > .view-content{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 150px;
}
.prodteas2{
  text-align: center;
}
.block-views-blockpreprods-block-1{
  padding: 150px 20px;
}
.prodteas2 .media{
  transform-origin: center bottom;
}
.view-preprods > .view-content > .views-row:hover{
  z-index: 10 !important;
}

/* Industries preview */
.view-indu > .view-content{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #141414;
}
.path-industries-sort .view-indu > .view-content{
  background-color: transparent;
}
.view-indu > .view-content > .views-row{
  width: 33.33%;
}
.induteas{
  position: relative;
}
.induteas > .blink{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  padding: 50px;
  transition: all 500ms ease-out;
}
.induteas > .blink:hover{
  background-color: rgba(0,0,0,0.1);
}
.induteas .prtxtwrap{
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  padding: 20px;
  transition: all 500ms ease-out;
}
.blink:hover .prtxtwrap{
  background-color: rgba(0,0,0,0.8);
}

/* Network links */
.block-views-blocknetlinks-block-1,
.block-views-blocknetlinks-block-2{
  background-color: #C2C4C5;
  background: linear-gradient(42deg, rgba(194,196,197,1) 0%, rgba(226,227,227,1) 100%);
  padding: 100px 20px;
}
.view-netlinks{
  max-width: 1300px;
  margin: 0 auto;
}
.view-netlinks > .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.view-netlinks > .view-content > .views-row{
  width: 46%;
  margin-bottom: 30px;
}
.view-netlinks > .view-content > .views-row:nth-child(2n+1){
  margin-right: 8%;
}
.netlink{
  background-color: #C2C4C5;
  background: linear-gradient(42deg, rgba(255,255,255,1) 0%, rgba(226,227,227,1) 100%);
  box-shadow: -5px 5px 5px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
}
.netlink > .blink,
.netlink > .netwrap{
  width: 100%;
}
.withlogo .netwrap{
  display: flex;
  align-items: center;
}
.field--name-field-logo{
  width: 150px;
}
.netxt{
  padding: 20px;
}
.netxt > .prtitle{
  margin-bottom: 10px;
}
.withlogo .netxt{
  width: calc(100% - 150px);
}
.withlogo,
.withlogo > .blink{
  height: 100%;
}
.withlink{
  transition: all 500ms ease-out;
  transform: scale(1);
}
.withlink:hover{
  transform: scale(1.01);
  box-shadow: -8px 8px 8px rgba(0,0,0,0.1);
}

/* products categories */
.block-views-blockprocats-block-1,
.block-views-blockprocats-block-2{
  margin-top: -115px;
  padding-bottom: 100px;
}
.view-procats{
  max-width: 1300px;
  margin: 0 auto;
}
.view-procats > .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.view-procats > .view-content > .views-row{
  width: 30%;
  margin: 1%;
}
.procat{
  height: 100%;
  padding: 20px 30px 160px;
  background-color: #C2C4C5;
  background: linear-gradient(42deg, rgba(255,255,255,1) 0%, rgba(226,227,227,1) 100%);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  position: relative;
}
.field--name-field-catprod{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 30px;
}
.field--name-field-catprod::after{
  content: " ";
  display: block;
  width: calc(100% - 60px);
  height: 4px;
  position: absolute;
  left: 30px;
  top: 0;
  background-color: #8098C4;
}
.forlay .field--name-field-catprod::after{
  background-color: #009DDF;
}
.field--name-field-catprod > .field__item{
  display: inline-block;
}
.field--name-field-catprod a{
  display: block;
  padding: 5px 10px 5px 0;
}

/* scroll effects */
.field--name-field-blo > .field__item{
  transition: all 1500ms linear;
  opacity: 0;
}
.field--name-field-blo > .field__item.actelem{
  opacity: 1;
}

/* domino effect */
.domino, .domino2{
  transition: all 500ms ease-out;
  opacity: 0;
  filter: blur(20px);
}
.domino.actelem, 
.domino2.actelem{
  filter: blur(0px);
  opacity: 1;
}

/* footer */
footer{
  background-color: #141414;
  color: #fff;
  padding: 50px;
}
footer input{
  color: #0D1840;
}
.region-footer a{
  color: #8098C4;
  text-decoration: none;
}
.forlay .region-footer a{
  color: #009DDF;
}
.layout-container .region-footer a:hover{
  color: #fff;
}
.region-footer > div{
  display: flex;
}
.footop{
  align-items: center;
  justify-content: space-between;
}
.flogos{
  display: flex;
  align-items: center;
}
.flogos > div:nth-child(2){
  margin-top: 20px;
}
.flogos > div:nth-child(2) .blink{
  padding: 15px 30px;
  border-left: 1px solid #555;
  margin-left: 25px;
}
.foomenus > nav > .menu{
  display: flex;
  flex-wrap: wrap;
}
.foomenus > nav > .menu > li{
  width: 33.3%;
}
.foobot{
  flex-direction: row-reverse;
}
.fooconne > div,
.foomenus{
  padding: 0 50px;
  margin: 50px 0;
  border-right: 1px solid #555;
}
.fooconne{
  display: flex;
  width: 50%;
}
.fooconne > div{
  width: 50%;
}
.fooconne > div:nth-child(1){
  padding-left: 0;
}
.foomenus{
  padding-right: 0;
  width: 50%;
  border-right: none;
}
.layout-container .foomenus a{
  color: #fff;
  padding: 4px 10px 4px 0;
}
.foomenus > nav > .menu > li > a{
  padding-top: 0;
  padding-bottom: 10px;
}
.foomenus > nav > .menu > li{
  margin-bottom: 20px;
}
.txtlink > .blink{
  text-decoration: none;
}
footer .menu--social{
  margin-top: 40px;
}

footer > .block-views{ /* product menu items */
  display: none;
}

#block-totop{
  position: fixed;
  z-index: 10;
  width: 60px;
  height: 30px;
  right: 20px;
  bottom: -60px;
  transition: all 300ms ease-out;
  background-image: url(../imgs/arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.8;
  cursor: pointer;
}
#block-totop:hover{
  opacity: 1;
}
.under #block-totop{
  bottom: 20px;
}
.forlay #block-totop{
  width: 50px;
  background-image: url(../imgs/arrow2.svg);
}

/* edit links */
.edit-node a,
.views-field-edit-node a,
.views-field-edit-taxonomy-term a{
  display: none;
  position: absolute;
  right: unset;
  left: 0;
  top: 0;
  font-size: 8px;
  color: rgba(0,0,0,0) !important;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-image: url("../imgs/pencil.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #ccc;
}
.views-row:hover .edit-node a,
.views-row:hover .views-field-edit-node a,
.views-row:hover .views-field-edit-taxonomy-term a{
  display: block;
}
#edit-preview,
.view > .contextual,
.block > .contextual,
.media > .contextual,
.fly > .contextual,
.node--type-bcon > .contextual{
  display: none !important;
}
.views-field-operations li{
  margin: 0;
}
.views-field-operations .dropbutton-wrapper{
  display: inline-block;
  font-size: 15px;
}
.hintro > .contextual{
    top: 100px;
}

@media only screen and (max-width: 1700px) {
  header,
  .induteas > .blink,
  .txt2,
  .lay-5 .bwrap2,
  .flay-5 .bwrap2,
  .lay-6 .bwrap1,
  .lay-8 .lay8b,
  .flay-7 .txt7,
  .lay-5 .bwrap1, .flay-5 .bwrap1,
  .yesimg .spwrap > .bwrap1,
  .field--name-field-catprod,
  .procat,
  footer,
  .fooconne > div, .foomenus{
    padding-left: 20px;
    padding-right: 20px;
  }
  .introtxt .field--name-body{
      padding: 20px;
  }
  .txt8{
    padding-left: 20px;
  }
  .txt2{
    margin-left: 20px;
    margin-right: 20px;
  }
  .headmenus > nav > .menu a{
    padding-left: 10px;
    padding-right: 10px;
  }
  .field--name-field-catprod::after{
    left: 20px;
  }
}
@media only screen and (max-width: 1500px) {
  .navicon{
    display: block;
  }
  .gotos{
    margin-right: 70px;
  }
  .mobwrap{
    display: block;
    position: absolute;
    right: -320px;
    top: 100%;
    width: 300px;
    padding: 20px 20px 40px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    transition: all 500ms ease-out;
  }
  .headmenus, 
  .region-header .block-language,
  .headwrap{
    display: none;
  }
  .mobwrap .headmenus, 
  .mobwrap .region-header .block-language{
    display: block;
  }
  .mobwrap .headwrap{
    display: flex;
  }
  .mobwrap > div{
    margin-bottom: 30px;
  }
  header.openmenu .mobwrap{
    right: 0;
  }
  .headmenus > nav > .menu{
    display: block;
  }
  .headmenus > nav > .menu a{
    display: inline-block;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .headwrap{
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .headmenus > nav a:hover::after, 
  .headmenus > nav li:hover > a::after, 
  .headmenus > nav a.is-active::after, 
  .headmenus > nav .menu-item--active-trail > a::after{
    width: 100%;
  }
  .region-footer > .foobot{
    display: block;
  }
  .foomenus, 
  .fooconne{
    width: auto;
  }
  .fooconne > div:nth-child(2){
    border: none;
    padding-right: 0;
  }
  .foomenus{
    padding-left: 0;
    padding-right: 0;
  }
  .lay10b{
    width: 300px;
    height: 340px;
  }
  .flay-1 .atitle{
    transform: none;
    max-width: unset;
  }
  .flay-1 .atitle::after{
    right: unset;
    left: 0;
  }
  .lay-7 .lay7a{
    padding-right: 0;
    margin-bottom: 30px;
  }
  .lay-7 .lay7b{
    padding-left: 0;
  }
  .introtxt .field--name-body{
     font-size: 30px;
     line-height: 1.2;
  }
}

@media only screen and (max-width: 1150px) {
  body{
    font-size: 16px;
  }
  .form-submit{
    height: 41px;
  }
  .field--name-field-boxtxt,
  .prodteas2 .prtitle,
  .netxt > .prtitle,
  .field--name-field-catprod a,
  header a,
  .foomenus > nav a{
    font-size: 18px;
  }
  .prtitle,
  footer h2,
  .foomenus > nav > .menu > li > a{
    font-size: 18px;
  }
  .netxt .field--name-body,
  .seemore{
    font-size: 15px;
  }
  .atitle, h1, h2, span.big, .field--name-field-other > .field__label{
    font-size: 20px;
  }
  .introtxt .atitle{
    font-size: 30px;
  }
  .introtxt .field--name-body{
      font-size: 25px;
  }
  span.xl,
  .ttitle{
    font-size: 60px;
  }
  .lay-1 .bwrap1, .flay-1 .bwrap1{
    max-width: 650px;
  }
  article.profile, .views-form, .lay-1 .bwrap1, .flay-1 .bwrap1, .lay-2 .bwrap1, .lay-8 .bwrap1, .path-search .region-content,
  .lay-10 .bwrap2, .block-views-blockpreprods-block-1, .block-views-blocknetlinks-block-1, .block-views-blocknetlinks-block-2, .prowrap,
  .flay-2, .flay-8, .flay-10, .flay-7, .flay-6, .notimg .twrap{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lay10a,
  .lay-9 .lay9a,
  .block-views-blockprocats-block-1, .block-views-blockprocats-block-2{
    padding-bottom: 50px;
  }
  .lay-12, .flay-12{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .lay10b:nth-child(2){
    top: 0;
  }
  .lay10b:nth-child(3){
    margin-top: -75px;
  }
  .lay8a{
    position: static;
    height: calc(100vw / 2);
  }
  .lay8hexa{
    background-image: url(../imgs/lay-8-hexagons-mob.svg);
  }
  .lay-8 .bwrap1{
    min-height: unset;
  }
  .lay-8 .bwrap1{
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .lay-6 .bwrap1, .lay-8 .lay8b{
    width: 320px;
    height: 380px;
  }
  .lay-10 .bwrap1{
    clip-path: none;
  }
  .lay6a{
    display: none;
  }
  .wrap6{
    height: auto;
    padding-top: 50px;
  }
  .lay-9 .lay9a{
    background-image: url(../imgs/lay-9-hexagons-mob.svg);
  }
  .flay-9 .lay9a{
    background-image: url(../imgs/lay-9-cyrcles-mob.jpg);
  }
  .lay9a{
    width: 400px;
    margin: 0 auto;
    display: block;
  }
  .layout-container .lay9a .lay9b{
    width: auto;
    top: 0;
    height: 390px;
  }
  .layout-container .flay-9 .lay9a .lay9b{
    height: 375px;
  }
  .lay-9 .bwrap2, .flay-9 .bwrap2{
    padding-top: 50px;
    padding-bottom: 0;
  }
  .lay-3, .lay-4, .lay-13, .flay-3, .flay-4, .flay-13, .yesimg .spwrap, .prowrap2, .withbox .protxt2, .field--name-field-other > .field__items,
  .fwrap8, .flay-10 .field--name-field-mtxts, .view-indu > .view-content{
    display: block;
  }
  .lay-3 > div, .lay-4 > div, .lay-13 > div, .flay-3 > div, .flay-4 > div, .flay-13 > div,
  .yesimg .spwrap > div, .protxt, .withbox .protxt3, .field--name-field-boxtxt, 
  .field--name-field-other > .field__items > .field__item, .flay8a, .flay8b, .view-indu > .view-content > .views-row{
    width: auto;
  }
  .lay-1 .bwrap2::after{
    width: 10px;
    height: 50%;
  }
  .lay-1 .bwrap2{
    padding-left: 30px;
  }
  .lay-2 .bwrap2::after, .lay-8 .bwrap2::after{
    height: 10px;
  }
  .lay-2 .bwrap2, .lay-8 .bwrap2{
    padding-top: 30px;
  }
  .view-netlinks > .view-content > .views-row{
    width: 49%;
  }
  .view-netlinks > .view-content > .views-row:nth-child(2n+1){
    margin-right: 2%;
  }
  .withlogo .netwrap{
    display: block;
  }
  .withlogo .netxt{
    width: auto;
  }
  .proimgs{
    width: auto;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .field--name-field-primgs{
    width: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .prosl .field--name-field-primgs{
    width: 79%;
  }
  .field--name-field-primgs img{
    width: auto;
    display: inline-block;
  }
  .protxt{
    padding-right: 20px;
  }
  .field--name-field-boxtxt{
    margin-left: 0;
    margin-top: 30px;
  }
  .field--name-field-other{
    margin: 0;
  }
  .prodteas .field--type-image > img{
    max-width: 100%;
    max-height: unset;
  }
  .field--name-field-other > .field__items > .field__item:first-child{
    margin-top: 0;
  }
  .txt8{
    padding-left: 0;
  }
  .flay8b > .media{
    width: 100%;
    left: unset;
  }
  .flay-10 .field--name-field-mtxts > .field__item{
    text-align: center;
    padding-bottom: 20px;
  }
  .fwrap10 > .atitle .media{
    display: none;
  }
  .lay-7 .img7{
    width: 230px;
    height: 270px;
  }
  .lay-7 .txt7{
    width: calc(100% - 230px);
  }
  .lay-5-wrap, .flay-5-wrap,
  .lay-6, .flay-6, .lay6a,
  .lay8a, .lay-10{
    background-attachment: scroll;
  }
  .prowrap{
    background-image: none;
  }
}

@media only screen and (max-width: 850px) {
  .wrap7,
  .foomenus > nav > .menu,
  .fooconne,
  .view-procats > .view-content,
  .view-netlinks > .view-content,
  .wrap2{
    display: block;
  }
  .flay-7 .wrap7 > div,
  .foomenus > nav > .menu > li,
  .fooconne > div,
  .view-procats > .view-content > .views-row,
  .view-netlinks > .view-content > .views-row,
  .wrap2 > div{
    width: auto;
  }
  .view-procats > .view-content > .views-row,
  .view-netlinks > .view-content > .views-row{
    margin-bottom: 30px;
  }
  .view-procats > .view-content > .views-row{
    margin-left: 20px;
    margin-right: 20px;
  }
  .layout-container .view-netlinks > .view-content > .views-row,
  .txt2{
    margin-left: 0;
    margin-right: 0;
  }
  .view-procats > .view-content > .views-row:last-child,
  .view-netlinks > .view-content > .views-row:last-child,
  .txt2{
    margin-bottom: 0;
  }
  .flay2a{
    padding-top: 0;
  }
  .view-preprods > .view-content{
    flex-wrap: wrap;
  }
  .view-preprods > .view-content > .views-row{
    margin-left: auto;
    margin-right: auto;
    transform: none !important;
  }
  .view-preprods > .view-header > .atitle{
    text-align: center;
  }
  .field--name-field-catprod{
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
  }
  .field--name-field-catprod::after{
    left: 0;
  }
  .procat{
    padding-bottom: 0;
  }
  .flay-7{
    padding-top: 0;
  }
  .flay-7 .txt7{
    padding-left: 0;
    padding-right: 0;
  }
  footer .footop, .flogos{
    display: block;
  }
  .flogos{
    max-width: 200px;
  }
  .flogos > div:nth-child(2) .blink{
    padding: 30px 0 0;
    margin: 30px 0 50px;
    border-left: none;
    border-top: 1px solid #555;
  }
  .foomenus{
    border-top: 1px solid #555;
    margin-bottom: 0;
    padding-top: 50px;
  }
  .layout-container .fooconne > div{
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    border-right: 0;
    border-top: 1px solid #555;
  }
  .mobwrap{
    width: 100%;
    right: -100%;
    height: calc(100vh - 90px);
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .under .mobwrap{
    height: calc(100vh - 60px);
  }
  .lay10a{
    display: block;
  }
  .lay10b:nth-child(3){
    margin-top: 25px;
  }
  .lay10b{
    width: 260px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .lay-7 .txt7{
    width: auto;
  }
  .lay-7 .lay7a .txt7,
  .lay-7 .lay7b .txt7{
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .lay-7 .img7{
    margin-left: auto;
    margin-right: auto;
  }
  .block-views-blockprocats-block-1, .block-views-blockprocats-block-2{
    margin-top: -50px;
  }
  .view-preprods > .view-content{
    padding-top: 10px;
  }
  .lay-5 .bwrap1, .flay-5 .bwrap1{
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 600px) {
  body{
    font-size: 15px;
  }
  .text-formatted table{
    font-size: 14px;
  }
  .form-submit{
    height: 38px;
  }
  .field--name-field-boxtxt,
  .prodteas2 .prtitle,
  .netxt > .prtitle,
  .field--name-field-catprod a,
  header a,
  .foomenus > nav a,
  .prtitle,
  footer h2,
  .foomenus > nav > .menu > li > a,
  .atitle, h1, h2, span.big, .field--name-field-other > .field__label{
    font-size: 17px;
  }
  .introtxt .atitle{
    font-size: 20px;
  }
  .introtxt .field--name-body{
     font-size: 16px;
  }
  span.xl,
  .ttitle{
    font-size: 28px;
  }
  .ttitle{
    padding: 20px;
  }
  .ttitle::after, .introtxt .field--name-field-atitle::after{
    height: 10px;
  }
}

@media only screen and (max-width: 450px) {
  .lay9a{
    width: 280px;
  }
  .lay9a span{
    font-size: 0.9rem;
  }
  .layout-container .lay9a .lay9b{
    height: 273px;
  }
  .layout-container .flay-9 .lay9a .lay9b{
    height: 255px;
  }
  .lay-6 .bwrap1, .lay-8 .lay8b{
    width: 280px;
    height: 340px;
  }
  .induteas .field--name-field-prtxt{
    font-size: 14px;
  }
  .induteas .field--name-field-prtxt br{
    display: none;
  }
  .induteas .seemore{
    margin-top: 10px;
  }
}

@media only screen and (orientation: portrait) {
  .view-intro > .view-content{
    display: block;
  }
  .view-intro > .view-content > .views-row{
    width: 100%;
    height: 50vh;
  }
  .hintro{
    height: 50vh;
  }
  .layout-container .view-intro > .view-content > .views-row .blink{
    border: 10px solid #fff;
  }
  .intro1 .view-intro > .view-content > .views-row:nth-child(2n+1) .blink{
    border: 10px solid #0D1840;
  }
  .intro1 .view-intro > .view-content > .views-row:nth-child(2n+2) .blink{
    border: 10px solid #008ED0;
  }
  .layout-container .view-intro > .view-content > .views-row:nth-child(2n+1) .blink{
    border-bottom: none;
  }
  .layout-container .view-intro > .view-content > .views-row:nth-child(2n+2) .blink{
    border-top: none;
  }
}



/* privacy-cookies opt-in block */
.ppblock{
  position: fixed;
  z-index: 1000;
  padding: 15px;
  font-size: 15px;
  width: 350px;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.96);
  color: #fff;
  bottom: 10px;
  right: -450px;
  transition: all 500ms ease-out 500ms;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.no-pp .ppblock{
  display: none;
}
.ppblock p{
  margin-bottom: 15px;
}
.showppblock.ppblock{
  right: 10px;
}
.ppbutton{
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  line-height: 1;
  margin-right: 5px;
  color: #333;
  transition: all 500ms ease-out;
}
.ppbutton:hover{
  color: #000;
}
.moreppblock{
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
}
.moreppblock:hover{
  color: rgba(255,255,255,1);
}
.ppblock > div{
  display: none;
}
html[lang="el"] .ppblock-el{
  display: block;
}
html[lang="en"] .ppblock-en{
  display: block;
}

@media screen and (max-width: 400px) {
  .ppblock{
    width: 96%;
    font-size: 14px;
  }
  .showppblock.ppblock{
    right: 2%;
  }
}
/* end privacy-cookies opt-in block */