@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-Italic.eot');
  src: local('Cera Pro Italic'), local('CeraPro-Italic'),
       url('../font/CeraPro-Italic.eot?#iefix') format('embedded-opentype'),
       url('../font/CeraPro-Italic.woff') format('woff'),
       url('../font/CeraPro-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-Regular.eot');
  src: local('Cera Pro Regular'), local('CeraPro-Regular'),
       url('../font/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/CeraPro-Regular.woff') format('woff'),
       url('../font/CeraPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-BlackItalic.eot');
  src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
       url('../font/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
       url('../font/CeraPro-BlackItalic.woff') format('woff'),
       url('../font/CeraPro-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-BoldItalic.eot');
  src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
       url('../font/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../font/CeraPro-BoldItalic.woff') format('woff'),
       url('../font/CeraPro-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-Black.eot');
  src: local('Cera Pro Black'), local('CeraPro-Black'),
       url('../font/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
       url('../font/CeraPro-Black.woff') format('woff'),
       url('../font/CeraPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-Bold.eot');
  src: local('Cera Pro Bold'), local('CeraPro-Bold'),
      url('../font/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/CeraPro-Bold.woff') format('woff'),
      url('../font/CeraPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../font/CeraPro-Medium.eot');
  src: local('Cera Pro Medium'), local('CeraPro-Medium'),
      url('../font/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('../font/CeraPro-Medium.woff') format('woff'),
      url('../font/CeraPro-Medium.ttf') format('truetype');
  font-weight: 500;
  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:#004a97; color:#ffffff !important;}
::-moz-selection{background-color:#004a97; color:#ffffff !important;}

body{
  width: 100%;
  font-size: 19px;
  line-height: 1.4;
  color: #4D4D4D;
  font-family: 'Cera Pro';
}
.view-downloads th,
.view-downloads td,
table caption{
  font-size: 19px;
}
.stitle,
.block-views-blockcol2teas-block-1 > h2,
.block-views-blockctalk-block-2 > h2,
.path-success-stories .page-title,
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li > a,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
span.xl{
  font-size: 36px;
  line-height: 1;
}
.field--name-field-subtitle,
span.bigger,
.testim .field--name-body{
  font-size: 26px;
  line-height: 1.1;
}
.teaser.taxonomy-term .field--name-field-subtitle,
.view-col2teas .stitle,
.region-content .menu--main > .menu a,
span.big{
  font-size: 22px;
  line-height: 1.2;
}
th.views-field-title,
.view-downloads th,
.field--name-field-tname,
.foor h2,
.boxwrap .field--name-field-subtitle{
  font-size: 20px;
}
.field--name-field-beftitle,
.beftitle,
.field--name-field-tpos{
  font-size: 15px;
}
.titlelink,
.views-display-link{
  color: #4D4D4D;
}
.view-testim,
.view-testim a,
.withbkg,
.withbkg a,
.boxtitle,
.boxtitle a,
.boxwrap .field--name-field-subtitle,
table th,
table th a,
table th a:hover,
.tablelike > .field > .field__label,
.withbkg a:hover,
.boxtitle a:hover,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2{
  color: #fff;
}
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
.boxtitle,
.withbkg > .txtwrap2{
  background-color: rgba(0,0,0,0.3);
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu a{
  color: #1a1a1a;
}
span.lblue,
.field--name-field-subtitle,
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu a:hover,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a:hover{
  color: #007e9e;
}
span.blue,
header a,
header,
.foor > .stitle,
.menu--social > h2{
  color: #004a97;
}
span.green{
  color: #008573;
}
span[class$="bkg"]{
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
}
span.lbbkg{
  background-color: #007e9e;
}
span.bbkg{
  background-color: #004a97;
}
span.gbkg{
  background-color: #008573;
}
span.leftline{
  display: inline-block;
  padding-left: 20px;
  border-left: 3px solid #008573;
}
.stitle,
.field--name-field-subtitle,
.field--name-field-beftitle,
.beftitle,
.views-display-link,
.region-content .menu--main > .menu a{
  font-weight: bold;
}
.region-header,
.testim .field--name-body{
  font-weight: 500;
  font-style: normal;
}
.views-display-link{
  letter-spacing: 4px;
}
.stitle,
.field--name-field-subtitle,
.testim .field--name-body{
  margin-bottom: 25px;
}
.tablerow > caption{
  margin-bottom: 10px;
}
.menu--social > h2,
.field--name-field-beftitle,
.beftitle,
.field--name-field-tname,
.foor h2{
  margin-bottom: 5px;
}
.boxwrap .field--name-field-subtitle{
  margin-bottom: 0;
  font-weight: 400;
}
h1, h2, h3, h4{
  margin: 0 0 20px;
}
h3, h4{
  margin-bottom: 15px;
}
h3{
  font-size: 17px;
}
h4{
  font-size: 16px;
}
.layout-container{
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
img{
  max-width: 100%;
  height: auto;
}
.field--type-image img{
  width: 100%;
  display: block;
}
.field--name-body img{
  width: auto;
}
.region-content ul,
.region-content ol{
  margin: 20px 0 20px 25px;
}
.region-content .search-results{
  margin-left: 0;
}
.text-formatted ul:first-child,
.text-formatted ol:first-child{
  margin-top: 0;
}
.region-content li{
  list-style-position: outside;
  margin: 10px 0;
}
.field--type-text-long li{
  list-style-image: url(../imgs/listarrow.svg);
}
.region-content .menu,
.region-content .menu li{
  margin: 0;
}
main p,
footer p,
.text-formatted .media{
  margin-bottom: 15px;
}
.text-formatted p + .media{
  margin-top: 15px;
}
main p:last-of-type,
footer p:last-of-type,
.text-formatted .media:last-child{
  margin-bottom: 0;
}
form input,
form textarea,
form select{
  max-width: 100%;
  border: 1px solid #000;
  line-height: 1;
  padding: 10px 20px;
  transition: all 300ms ease-out;
}
form input:focus{
  border-bottom: 1px solid #007e9e;
}
header .form-actions input{
  display: block;
  width: 100%;
  height: 100%;
  color: #000000 !important;
  font-size: 0 !important;
}
.form-submit{
  margin: 10px 0;
  background-color: #007e9e;
  color: #fff;
  cursor: pointer;
  border: none;
  font-size: 15px;
  padding-right: 65px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.view-filters .views-exposed-form .form-item{
  max-width: 400px;
}
main .form-submit{
  background-image: url(../imgs/wh-arrow2.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.region-content .form-submit:hover{
  background-color: #222;
  color: #fff;
}
.contact-form form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.field--name-field-fname,
.field--name-field-lname,
.field--name-field-email,
.field--name-field-phone{
  width: 48%;
}
.contact-message-feedback-form{
  max-width: 540px;
  display: none;
}
.user-form{
  max-width: 700px;
}
.blockk .contact-message-feedback-form{
  display: block;
}
.layout-container .contact-message-feedback-form label{
  display: none;
}
.contact-message-feedback-form input,
.contact-message-feedback-form textarea{
  border: 1px solid #008573;
  width: 100%;
}
.contact-message-feedback-form .form-submit{
  background-color: #008573;
  border: none;
}

.rmore,
.goback,
.godown{
  transition: all 300ms ease-out;
  opacity: 0.9;
  cursor: pointer;
}
.goback,
.godown{
  padding-left: 60px;
  font-size: 12px;
  letter-spacing: 4px;
  white-space: nowrap;
}
.goback{
  position: absolute;
  left: 0;
  top: 40px;
}
.artfull .goback{
  left: 0;
}
.godown{
  position: fixed;
  bottom: 70px;
  left: 15px;
  transform-origin: left top;
  transform: rotate(-90deg); 
  opacity: 1;
  transition: all 600ms ease-out;
  display: none;
}
.showscroll .godown{
  display: block;
}
.under .godown{
  opacity: 0;
  bottom: -200px;
}
.rmore{
  position: relative;
  display: inline-block;
  /*color: transparent !important;*/
  width: 50px;
  height: 30px;
  margin-top: 30px;
}
.arroww{
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 30px;
  opacity: 0.9;
  transition: all 600ms ease-out;
}
.godown .arroww,
.goback .arroww{
  transform: rotate(180deg);
  width: 50px;
  left: 0;
  height: 19px;
  top: -1px;
}
.godown:hover .arroww,
.goback:hover .arroww{
  width: 60px;
  left: -10px;
}
.godown .arroww{
  transition: all 1s ease-out;
  animation: godown 1.5s infinite;
}
@keyframes godown{
  to {
    width: 60px;
    left: -10px;
  }
}
.rmore:hover,
a:hover span.rmore{
  width: 60px;
}
.rmore:hover,
a:hover span.rmore,
.godown:hover,
.goback:hover{
  opacity: 1;
}
.arroww::before,
.arroww::after{
  content: " ";
  display: block;
  position: absolute;
  background-color: #000;
  transition: all 600ms ease-out;
}
.arroww::before{
  height: 1px;
  width: 100%;
  left: 0;
  top: 15px;
}
.godown .arroww::before,
.goback .arroww::before{
  top: 9px;
}
.arroww::after{
  width: 28px;
  height: 31px;
  clip-path:polygon(38% 23%, 40% 20%, 100% 50%, 40% 80%, 38% 77%, 93% 50%);
  top: 0;
  right: 0;
}
.godown .arroww::after,
.goback .arroww::after{
  width: 18px;
  height: 19px;
}
.boxwrap .arroww::before,
.boxwrap .arroww::after,
.withbkg .arroww::before,
.withbkg .arroww::after{
  background-color: #fff;
}


.layout-container .messages{
  position: fixed;
  left: 15px;
  top: unset;
  bottom: 15px;
  font-size: 12px;
  z-index: 1000;
}
a{
  text-decoration: none;
  color: #007e9e;
  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;
}
.node--type-block[data-lay="3"],
.node--type-block[data-lay="3"] a{
  color: #007e9e;
}
a:hover,
.node--type-block[data-lay="3"] a:hover{
  color:#000;
}


.menu a{
  display: block;
  line-height: 1.1;
}
.menu li{
  list-style: none;
}
/* Container for the tabs (the ul element) */
.block-local-tasks-block > .tabs > ul {
  list-style: none;
  display: flex; 
  justify-content: center;
  overflow-x: auto; 
  border-radius: 8px; 
  padding-top: 5px;
}
.path-user .block-local-tasks-block > .tabs > ul{
  justify-content: flex-start;
  margin-bottom: 20px;
}
.block-local-tasks-block > .tabs > ul li a {
  display: block; 
  padding: 10px 20px; 
  margin: 0 2px;
  text-decoration: none; 
  color: #666; 
  background-color: #eee; 
  border: none; 
  border-radius: 5px 5px 0 0;
  white-space: nowrap; 
  position: relative; 
  font-size: 13px;
  font-weight: 500;
}
.block-local-tasks-block > .tabs > ul li a:hover {
  color: #004a97; 
  background-color: #e9e9e9; 
  border-radius: 5px;
}
.block-local-tasks-block > .tabs > ul li a.is-active,
.block-local-tasks-block > .tabs > ul li a[aria-current="page"] {
  color: #004a97; 
  background-color: #ffffff;
  font-weight: 600; 
  box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
  z-index: 1;
}
.block-local-tasks-block > .tabs > ul li a.is-active::after,
.block-local-tasks-block > .tabs > ul li a[aria-current="page"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px; 
  background-color: #004a97; 
  border-radius: 2px 2px 0 0;
}
.block-local-tasks-block > .tabs > ul li a.is-active {
  padding-bottom: 13px
}
.tabledrag-toggle-weight-wrapper{
  display: none;
}
table{
  border: none;
  width: auto;
  font-size: 14px;
  max-width: 100%;
}
.field--name-body table{
  width: auto !important;
  min-width: 500px;
}
.field--name-field-table table{
  width: 100% !important;
}
table th,
table td,
.tablelike > .field > div{
  padding: 10px 15px;
  text-align: center;
  font-size: 15px;
  border: none;
}
table th,
.tablelike > .field > .field__label{
  background-color: #004A97;
  border-left: 1px solid #fff;
}
tbody > tr:nth-child(2n){
  background-color: rgba(0, 74, 151, 0.1);
}
th.views-field-title,
th.views-field-field-file,
th.views-field-nothing{
  background-color: #fff;
  border-top: 1px solid #004A97;
  border-bottom: 1px solid #004A97;
}
th.views-field-title{
  border-left: 1px solid #004A97;
}
table .views-field-title,
table .views-field-title a{
  color: #004A97;
  font-weight: bold;
}
table .views-field-title a:hover{
  color: #004A97;
}
table .views-field-field-file{
  padding-right: 0;
}
td.views-field-field-file a,
td.views-field-nothing a{
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent;
  margin: 0;
}
td.views-field-field-file a{
  background-image: url(../imgs/file.svg);
}
td.views-field-nothing a{
  background-image: url(../imgs/mail.svg);
}
th.views-field-nothing,
td.views-field-nothing{
  display: none;
}

td.is-active{
  background-color: transparent;
  /* border-bottom: 1px solid #7da33f; */
}
/* spaecial th */
th[class*="field-atten"],
th[class*="field-smpte"]{
    max-width: 130px;
}

.handle{
  box-sizing: content-box;
}
.draggable td{
  padding: 5px 15px;
  font-size: 13px;
}

hr{
  border: none;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0;
}
.form-item label{
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.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;
}
.form-item{
  margin-bottom: 25px;
}
.form-item .description{
  font-size: 14px;
  margin-top: 5px;
}
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;
}
.field--name-field-files,
.field--name-field-links{
  margin-top: 10px;
}
.field--name-field-files a,
.field--name-field-links a{
  display: block;
  padding: 5px 0;
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.field--name-field-links a{
  padding-left: 30px;
}
.field--name-field-links a::after{
  content: " ";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../imgs/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 300ms ease-out;
}
.field--name-field-links a:hover::after{
  left: 5px;
  filter: grayscale(100%);
}
.view-filters{
  margin-bottom: 20px;
}
.view-filters .form-submit{
  margin: 0;
}
.simgs,
.txtwrap{
  position: relative;
}
.txtwrap{
  z-index: 10;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #222;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #007e9e;
  transition: all 300ms ease-out;
  cursor: pointer;
  opacity: 0.9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

/* general layout */
main{
  margin-top: 98px;
}
.region-header,
.foocols,
.view-fam > .view-content,
.view-col2teas > .view-content,
.view-taxonomy-term > .view-content,
.view-apps > .view-content,
.view-downloads > .view-content,
.view-downloads > .view-filters,
.view-downloads > .view-empty,
.path-contact .layout-content,
.path-user .layout-content,
.path-search .layout-content,
.path-node .simpl,
.page-node-type-page .simpl, /* 404-403 pages */
.menu--main[aria-labelledby="block-prodnav-menu"],
.path-news .page-title,
.view-prosort{
  max-width: 1700px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
}
.field--name-description,
.field--name-body,
.view-vblo.view-display-id-block_1 .views-field-body{
  max-width: 750px;
}
.lay-2 .field--name-body,
.artxt2{
  max-width: 800px;
}
.view-taxonomy-term > .view-content,
.view-downloads > .view-filters{
  margin-top: 100px;
}
.taxonomy-term,
article[class*="lay-"],
.field--name-field-taxboxs,
.view-prefam > .view-content,
.boxes > .view-content,
.slidewrap,
.view-col2teas > .view-content,
.field--name-field-2cols,
.col2teas,
.path-node .simpl[class*="scol"],
.calign,
.lay-3 > .txtwrap:nth-child(3),
.withother > .artwrap,
.block-views-blockctalk-block-2,
.path-success-stories .region-content,
.menu--main[aria-labelledby="block-cabletypes-menu"],
.taxalso{
  display: flex;
}
.field--name-field-taxboxs,
.view-prefam > .view-content,
.boxes > .view-content,
.view-col2teas > .view-content{
  flex-wrap: wrap;
}
.calign,
.taxonomy-term.full,
.block-views-blockctalk-block-2,
.path-success-stories .region-content,
.menu--main[aria-labelledby="block-cabletypes-menu"]{
  align-items: center;
}
.lay-3 > .txtwrap:nth-child(3){
  align-items: flex-end;
}
.region-content .menu--main > .menu{
  justify-content: space-between;
  flex-wrap: wrap;
}
.calign > .txtwrap2{
  width: 100%;
}
.profam .tablerow:nth-child(2n) .teaser.taxonomy-term{
  flex-direction: row-reverse;
}
.tablerow caption{
  display: block;
  width: 100%;
  text-align: left;
}
.lay-2,
.lay-4{
  flex-direction: row-reverse;
}
.teaser.taxonomy-term{
  margin-top: 50px;
  margin-bottom: 30px;
}
.view-fam .teaser.taxonomy-term{
  margin-top: 100px;
}
.taxonomy-term > div,
article[class*="lay-"] > div,
.field--name-field-2cols > .field__item,
.col2teas > div,
.path-node .simpl[class*="scol"] > div,
.view-col2teas > .view-content > .views-row,
.slidewrap > .views-row{
  width: 50%;
}
.region-content .menu--main > .menu > li{
  width: 47%;
}
.lay-1 > .txtwrap,
.lay-2 > .simgs,
.lay-3 > div,
.field--name-field-taxboxs > div,
.view-prefam > .view-content > .views-row,
.boxes > .view-content > .views-row,
.field--name-field-other,
.block-views-blockctalk-block-2 > h2,
.path-success-stories .block-page-title-block,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
.taxalso > .taxalsotype,
.fool{
  width: 33.3%;
}
.lay-1 > .simgs,
.lay-2 > .txtwrap,
.withother .artxt,
.block-views-blockctalk-block-2 > div,
.path-success-stories .block-system-main-block,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu,
.taxalso > .taxalsofam,
.foor{
  width: 66.7%;
}
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu,
.fool{
  padding-right: 50px;
}
.lay-6 > .txtwrap{
  margin-left: 50%;
}
.field--name-field-2cols > .field__item:nth-child(1),
.view-col2teas > .view-content > .views-row:nth-child(2n+1){
  padding-right: 10px;
}
.field--name-field-2cols > .field__item:nth-child(2),
.view-col2teas > .view-content > .views-row:nth-child(2n+2){
  padding-left: 10px;
}
.view-col2teas > .view-content > .views-row,
.view-downloads > .view-content,
.simlmedia > div:nth-child(2),
.field--name-field-svideo > .field__item{
  margin-top: 30px;
}
.field--name-field-svideo > .field__item:first-child{
  margin-top: 0;
}
.block-views-blockcol2teas-block-1,
.mtxt1{
  margin-top: 50px;
}
.teaswrap2{
  padding-left: 25px;
}
.txtwrap2,
.artxt2{
  padding: 50px 20px 50px 50px;
  position: relative;
}
.artfull .artxt,
.view-taxonomy-term .view-header .txtwrap{
  padding-left: calc((100% - 1600px)/2);
}
.artfull .artxt2,
.view-taxonomy-term .view-header .txtwrap2{
  padding-left: 0;
}
.path-node .simltext{
  padding: 100px 0 50px 0;
  position: relative;
  max-width: 750px;
}
.path-node .simpl[class*="scol"] .simltext{
  padding-right: 25px;
  max-width: unset;
}
.artxt2,
.taxalso,
.lay-1 .txtwrap2,
.lay-8 .txtwrap2,
.full .txtwrap2{
  padding-top: 100px;
}
.lay-8 .field--name-body{
  margin-bottom: 30px;
}
.withbkg .txtwrap2,
.region-content .menu--main,
.view-testim .views-row,
.view-prosort{
  padding-top: 100px;
  padding-bottom: 100px;
}
.path-user .layout-content,
.path-search .layout-content,
.page-node-type-page .simpl{
  padding-top: 50px;
  padding-bottom: 100px;
}
.teaser .txtwrap2{
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 25px;
}
.profam .tablerow:nth-child(2n) .teaser .field--name-field-psimg img{
  transform: rotate(180deg);
}
.profam .tablerow:nth-child(2n+1) .teaser .field--name-field-psimg{
  text-align: right;
}

/* only for Καλώδια Ηχείων https://www.accordia.gr/el/Loudspeaker-Cables-app-types */
.profam.view-display-id-page_11 .tablerow:nth-child(2n+1) .teaser.taxonomy-term{
  flex-direction: row-reverse;
}
.profam.view-display-id-page_11 .tablerow:nth-child(2n) .teaser.taxonomy-term{
  flex-direction: unset;
}
.profam.view-display-id-page_11 .tablerow:nth-child(2n+1) .teaser .field--name-field-psimg img{
  transform: rotate(180deg);
}
.profam.view-display-id-page_11 .tablerow:nth-child(2n) .teaser .field--name-field-psimg img{
  transform: unset;
}
.profam.view-display-id-page_11 .tablerow:nth-child(2n) .teaser .field--name-field-psimg{
  text-align: right;
}
.profam.view-display-id-page_11 .tablerow:nth-child(2n+1) .teaser .field--name-field-psimg{
  text-align: left;
}
/* end only for */

.teaser.taxonomy-term .field--name-field-psimg img{
  max-width: 600px;
  display: inline-block;
}
.profam .tablerow{
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}
.field--name-field-txt2{
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 20px;
}
.txt2full, .txt2teas{
  display: none;
}

.view-content > .txt2full,
.tablewrap > .txt2teas{
  display: block;
}

.views-table{
  width: 100%;
}
table caption{
  text-align: left;
}
.stitle p{
  margin: 0;
}
.full .stitle p,
.lay-1 .stitle p,
.lay-8 .stitle p{
  display: inline-block;
  background-color: #007e9e;
  padding: 5px 20px;
  margin-bottom: 5px;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  font-size: 50px;
}
.full .stitle .field--name-field-stitle,
.lay-1 .stitle .field--name-field-stitle,
.lay-8 .stitle .field--name-field-stitle{
  white-space: pre-line;
  line-height: 0.05;
}
.boxtitle{
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  padding: 20px;
  transform: translateY(-50%);
  z-index: 10;
}
.boxwrap,
.boxwrap .simgs{
  height: 100%;
}
.lay-3 > .simgs:nth-child(2) > .field--name-field-bimgs::after,
.lay-1 .field--name-field-bimgs::after,
.lay-1 .field--name-field-thumb::after,
.boxwrap .field--name-field-thumb::after,
.full .field--name-field-simgs::after,
.field--name-field-prbkg::after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.lay-3 > .simgs:nth-child(2) > .field--name-field-bimgs::after{
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
.lay-1 .field--name-field-bimgs::after,
.lay-1 .field--name-field-thumb::after,
.boxwrap .field--name-field-thumb::after,
.full .field--name-field-simgs::after,
.field--name-field-prbkg::after{
  background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
.lay-1 .field--name-field-bimgs::before,
.lay-1 .field--name-field-thumb::before{
  content: " ";
  display: block;
  width: 100%;
  height: 120px;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 20px;
  background-image: url(../imgs/cables-icon.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.lay-6,
.lay-7{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.lay-6{
  background-position: right center;
}
.lay-6 .field--name-field-fimgs,
.lay-7 .field--name-field-fimgs{
  display: none;
}
.beftitle{
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.view-col2teas .view-footer,
.view-ctalk .view-footer,
.block-views-blockcol2teas-block-1 > h2{
  text-align: center;
  padding: 20px;
}
.block-views-blockctalk-block-2 > h2,
.path-success-stories .page-title,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
.block-views-blockcol2teas-block-1 > h2{
  margin: 0;
}
.block-views-blockctalk-block-2 > h2,
.path-success-stories .page-title,
.menu--main[aria-labelledby="block-cabletypes-menu"] > h2{
  padding: 50px;
}

.imglink{
  display: block;
  overflow: hidden;
}
.imglink img{
  transition: all 1s ease-out;
  transform: scale(1);
}
.imglink:hover img{
  transform: scale(1.02);
}
.views-row{
  position: relative;
}



/* cable page (extra) */
.tablelike,
.cabcats .field__items{
  display: flex;
}
.tablelike > .field > .field__item{
  border-bottom: 1px solid rgba(0, 74, 151, 0.1);
}
.cabcats .field__item > a{
  position: relative;
  display: inline-block;
  padding-right: 2px;
  margin-right: 3px;
}
.cabcats > .field{
  margin-top: 30px;
}
.cabcats .field__item > a::after{
  content: ", ";
}
.cabcats .field__item:last-child > a::after{
  content: none;
}

.addtoany_list{
  margin-top: 25px;
  display: block;
}
.addtoany_list > a:first-child{
  padding-left: 0;
}

/* home slider */
.lay-1 .simgs{
  overflow: hidden;
}
.lay-1 .simgs,
.lay-1 .simgs .field__item,
.lay-1 .simgs .media--view-mode-bimgs{
  height: 100vh;
  height: calc(100vh - 98px); /* 98px header height */
}
.lay-1 .simgs .field__item,
.lay-1 .simgs .media--view-mode-bimgs{
  width: 100%;
}
.lay-1 .simgs .media--view-mode-bimgs{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.lay-1 .simgs img{
  display: none;
}
.path-frontpage .field--name-field-blo > .field__item{
  position: relative;
}
.hbignum{
  position: absolute;
  display: block;
  left: -80px;
  bottom: 0;
  font-size: 550px;
  line-height: 1;
  font-weight: 900;
  color: rgba(0,0,0,0.04);
  opacity: 0;
  transition: all 500ms ease-out 1s;
}
.field__item[aria-hidden="false"] .hbignum{
  opacity: 1;
}


/* downloads section */
.views-exposed-form > .form--inline{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.views-exposed-form .form-item{
  margin-bottom: 0;
}
.views-exposed-form .form-submit{
  height: 48px;
  background-color: #dc001b;
}
.view-downloads .views-table th,
.view-downloads .views-table td{
  background-color: transparent;
  text-align: left;
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
}
.view-downloads .views-table th a,
.view-downloads .views-table th a:hover{
  color: #000;
}
.view-downloads .views-table td:last-child{
  text-align: right;
  padding-right: 0;
}
.view-downloads .views-table td:first-child{
  padding-left: 0;
  width: 40px;
}
.view-downloads .views-table tr{
  background-color: transparent;
}
.flink[data-login="True"] > a,
.filextension a{
  display: none;
}
.user-logged-in .flink > a{
  display: inline-block;
}
.filextension > span{
  width: 25px;
  height: 25px;
  background-image: url(../imgs/file-icon.svg);
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.filextension > span > span{
  background-color: #000;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 8px;
  color: #fff;
  display: inline-block;
  padding: 1px 3px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 2px;
  white-space: nowrap;
}
.tologin[data-login="True"] > a,
.flink a{
  display: inline-block;
  color: #fff;
  background-color: #dc001b;
  line-height: 1;
  padding: 10px 20px;
  font-size: 15px;
  position: relative;
}
.flink a:hover{
  background-color: #222;
}
.tologin[data-login="True"] > a::after,
.flink > a::after{
  content: " ";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
}
.tologin[data-login="True"] > a::after{
  background-image: url(../imgs/login.svg);
  left: -30px;
}
.flink > a{
  padding-right: 45px;
}
.flink > a::after{
  background-image: url(../imgs/file-white.svg);
  right: 15px;
}


/* .region-content .menu--main */
.menu--main .menu .menu{
  display: block;
}
.region-content .menu--main > .menu a{
  border-bottom: 1px solid #1a1a1a;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a{
  border-bottom: 1px solid #fff;
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li > a{
  border-bottom: 5px solid #1a1a1a;
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu .menu .menu a{
  padding-left: 40px;
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu .menu a,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a{
  padding-right: 60px;
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu .menu a::after,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a::after{
  content: "";
  display: block;
  width: 40px;
  height: 15px;
  background-image: url(../imgs/arrow2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 500ms ease-out;
}
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a::after{
  background-image: url(../imgs/wh-arrow2.svg);
}
.menu--main[aria-labelledby="block-prodnav-menu"] > .menu .menu a:hover::after,
.menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a:hover::after{
  right: 10px;
}
.menu--main[aria-labelledby="block-cabletypes-menu"]{
  background-image: url(../imgs/menu-bkg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* testimonials */
.view-testim{
  text-align: center;
  background-image: url(../imgs/testim-bkg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.view-testim .field--name-body{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1000px;
}
.view-testim .field--name-body::before{
  content: "";
  display: block;
  width: 100px;
  height: 90px;
  background-image: url(../imgs/quote.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -10px;
  top: -30px;
}
.block-views-blocktestim-block-1 > h2{
  display: none;
}
/* contact page */
#id-67 .sidetxt iframe{
  width: 100%;
  filter: hue-rotate(316deg);
}

/* .region-header */
header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 300;
  box-sizing: border-box;
  transition: all 500ms ease-out;
}
.toolbar-horizontal.toolbar-fixed header{
  top: 65px;
}
.toolbar-horizontal.toolbar-fixed main{
  margin-top: 115px;
}
.under header{
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.region-header{
  transition: all 500ms ease-out;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 18px;
}
.headwrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .block-system-branding-block{
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  text-align: right;
}
.block-system-branding-block{
  width: 180px;
  height: auto;
  transition: all 500ms ease-out;
}
.block-system-branding-block img{
  display: block;
}
.under header .block-system-branding-block{
  width: 160px;
}
.site-slogan{
  font-size: 10px;
  color: #007e9e;
  margin-top: 5px;
  line-height: 1;
}
.menu{
  display: flex;
}
header .menu{
  justify-content: flex-end;
}
header .menu a{
  line-height: 1;
  position: relative;
}
header .menu--main a{
  padding: 40px 20px;
}
header .menu--main a[data-drupal-link-system-path="<front>"]{
  display: none;
}
.under header .menu--main a{
  padding-top: 20px;
  padding-bottom: 20px;
}
header .menu--main a::after{
  content: "";
  display: block;
  width: 0;
  overflow: hidden;
  height: 8px;
  background-color: #004a97;
  transition: all 500ms ease-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
header .menu--main a:hover{
  color: #004a97;
}
header .menu .menu-item--active-trail > a::after,
header .menu--main > .menu > li:hover > a::after,
header .menu a.is-active::after,
header .menu a:hover::after{
  width: calc(100% - 40px);
}

.block-language .links li a{
  line-height: 1;
}
.block-language .links{
  display: flex;
  align-items: center;
}
.block-language .links li{
  list-style: none;
  position: relative;
}
.block-language .links li a{
  display: block;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 27px;
  margin-right: 10px;
  height: 18px;
  overflow: hidden;
  display: block;
  position: relative;
}
.block-language .links li:first-of-type::before{
  content: " ";
  width: 1px;
  height: 12px;
  background-color: #84827F;
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.block-language .links li:last-child a{
  margin-right: 0;
}
.block-language .links a.is-active,
.block-language .links a:hover{
  color: #007e9e;
}
.block-language .links a.is-active{
  pointer-events: none;
}

.search-block-form{
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px solid #004A97;
  position: relative;
}
.search-block-form input,
.search-block-form .form-item{
  margin: 0;
}
.search-block-form > form{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.search-block-form > form{
  position: relative;
  z-index: 5;
  opacity: 0;
  transition: all 500ms ease-out;
}
.opensearch .search-block-form > form{
  opacity: 1;
}
.search-block-form .form-search{
  padding: 5px;
  font-size: 15px;
  line-height: 1;
  margin-right: 10px;
  pointer-events: none;
  width: 100px;
  box-sizing: border-box;
}
.opensearch .search-block-form .form-search{
  pointer-events: inherit;
}
header .form-submit,
header .sopen{
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(../imgs/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent !important;
}
header .sopen{
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition: all 500ms ease-out;
}
header.opensearch .sopen{
  opacity: 0;
  z-index: 1;
}

.navicon{
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5px;
  transition: all 500ms linear;
  opacity: 0.8;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  z-index: 100;
}
.navicon::before,
.navicon::after{
  content: " ";
}
.navicon::before,
.navicon::after,
.navicon span{
  position: absolute;
  display: block;
  left: 20%;
  background-color: #004A97;
  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;
  background-color: #4D4D4D;
}
.openmenu .navicon::after{
  transform: rotate(-45deg);
}
.openmenu .navicon::before{
  transform: rotate(45deg);
}
.openmenu .navicon span{
  width: 0;
  background-color: #4D4D4D;
}
.navicon:hover{
  opacity: 1;
}



/* search page */
.search-results{
  max-width: 750px;
}
.search-results > li{
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9dadb;
}
.path-search .region-content .search-form{
  margin-bottom: 20px;
}
.path-search .pager > .pager__items{
  margin: 0;
  text-align: left;
}

/* bx-wrapper */
.bx-wrapper{
  margin: 0;
}
.bx-wrapper .bx-pager{
  padding-top: 0;
  right: 50px;
  bottom: 50px;
  z-index: 100;
  width: auto;
}
.view-hslider .bx-wrapper .bx-pager{
  right: unset;
  left: 5px;
  bottom: unset;
  top: 50px;
  text-align: center;
  font-weight: 400;
}
.bx-wrapper .bx-pager-item{
  display: block;
  margin-bottom: 5px;
}
.view-hslider .bx-wrapper .bx-pager-item{
  margin-bottom: 0;
  font-size: 18px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  width: 13px;
  height: 13px;
  border: 2px solid #008573;
  margin: 0 5px;
  opacity: 0.9;
  background-color: #fff;
  border-radius: unset;
  box-sizing: content-box;
}
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a{
  display: block;
  transition: all 500ms ease-out;
  color: #636363;
  padding: 7px 0;
  border: none;
  border-bottom: 1px solid #636363;
  line-height: 1;
  width: 30px;
  margin: 0;
  height: auto;
  text-indent: unset;
  background-color: transparent;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus{
  background-color: #008573;
  border: 2px solid #008573;
  opacity: 1;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,  
.bx-wrapper .bx-pager.bx-default-pager a:hover{
  background-color: #008573;
}
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a:focus,
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a.active,  
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a:hover{
  border: none;
  border-bottom: 1px solid #636363;
  background-color: transparent;
}
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a.active{
  font-size: 24px;
  font-weight: 500;
}
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.view-hslider .bx-wrapper .bx-pager.bx-default-pager a.active{
  color: #4D4D4D;
}
#block-hslider .view-hslider .bx-wrapper .bx-pager-item:last-child a{
  border-bottom: none;
}

.layout-container .bx-wrapper .bx-controls-direction{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 25px;
  width: 100px;
}
.layout-container .bx-wrapper .bx-controls-direction a{
  position: static;
  outline: 0;
  width: 40px;
  height: 15px;
  padding: 5px;
  text-indent: -9999px;
  z-index: 20;
  background-image: url(../imgs/wh-arrow2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.7;
  transition: all 500ms ease-out;
}
.layout-container .bx-wrapper .bx-controls-direction a:hover,
.layout-container .bx-wrapper .bx-controls-direction a:focus{
  background-position: center center;
}
.bx-wrapper .bx-prev{
  transform: rotate(180deg);
  left: 10px;
}
.bx-wrapper .bx-next{
  right: 10px;
}
.layout-container .layout-content .bx-wrapper .bx-controls-direction a:hover{
  opacity: 1;
}


/* footer */
footer,
.foocols{
  padding-top: 30px;
  padding-bottom: 30px;
}
footer{
  padding-bottom: 100px;
}
footer svg{
  width: 100%;
  display: block;
  height: auto;
}
.foocols,
.foorwrap,
.menu--main[aria-labelledby="block-fooprod-menu"] > .menu{
  display: flex;
}
.foor .menu{
  display: block;
}
footer .menu--main a{
  color: #333333;
}
.foor{
  background-color: #efefef;
  padding: 25px;
}
.foorwrap{
  font-size: 16px;
}
footer .menu--main .menu a{
  padding: 4px 0;
}
footer .menu--main .menu .menu .menu a{
  padding-left: 20px;
  position: relative;
}
footer .menu--main .menu .menu .menu a::before{
  content: " ";
  display: block;
  width: 5px;
  height: 1px;
  background-color: #333333;
  position: absolute;
  left: 10px;
  top: 50%;
}
footer .menu--main .menu-item--active-trail > a,
footer .menu--main--main > .menu > li:hover > a,
footer .menu--main a.is-active,
footer .menu--main a:hover{
  color: #004a97;
}
.foora nav{
  margin-bottom: 30px;
}
.foora,
.menu--main[aria-labelledby="block-fooabout-menu"]{
  margin-right: 50px;
}
.menu--main[aria-labelledby="block-fooprod-menu"] > .menu > li{
  margin-right: 30px;
}
.menu--main[aria-labelledby="block-fooprod-menu"] > .menu > li:last-child{
  margin-right: 0;
}
.menu--main[aria-labelledby="block-fooprod-menu"] > .menu > li > a{
  font-weight: bold;
}

.block-views-blockvblo-block-2{
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-size: 12px;
}
.menu--social{
  margin-top: 50px;
}
.menu--social .menu{
  position: relative;
  left: -4px;
}
.menu--social .menu a{
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-image: url(../imgs/socials.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  opacity: 0.9;
  /* Hide the text visually */
  text-indent: 100%;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
}
.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: -30px center;
}
.menu--social .menu a[href*="youtube"]{
  background-position: -60px center;
}
.menu--social .menu a[href*="instagram"]{
  background-position: -90px center;
}
.menu--social .menu a[href*="twitter"]{
  background-position: -120px center;
}
.menu--social .menu a[href^="mailto:"]{
  background-position: -150px center;
}
.menu--social .menu a[href^="tel:"]{
  background-position: -180px center;
}
.menu--social .menu a[href*="maps"]{
  background-position: right center;
}

.view-vblo.view-display-id-block_1 p:last-child{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.showformlink.view-vblo.view-display-id-block_1 p:last-child{
  visibility: visible;
  opacity: 1;
}
#pp-checkbox{
  margin-right: 5px;
}

#block-totop{
  position: fixed;
  bottom: -50px;
  right: 0;
  cursor: pointer;
  transition: all 500ms ease-out;
  border-radius: 50%;
  width: 40px;
  height: 15px;
  background-image: url(../imgs/arrow2.svg);
  z-index: 290;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(-90deg);
}
.under #block-totop{
  bottom: 20px;
}
#block-totop:hover{
  opacity: 1;
}


/* scroll effect */

.blockk,
.view-taxonomy-term .views-table{
  transform: translateY(100px);
  opacity: 0;
  transition: all 1s ease-out;
  z-index: 1;
  position: relative;
}
.blockk.actelem,
.view-taxonomy-term .views-table.actelem,
.view-hslider .blockk{
  transform: translateY(0);
  opacity: 1;
}
.field--name-field-timg{
  overflow: hidden;
}
.field--name-field-timg img{
  position: relative;
  top: 0;
  transition: top 600ms linear;
  z-index: -1;
}
.boxes > .view-content > .views-row,
.view-col2teas > .view-content > .views-row{
  opacity: 0;
  transition: all 500ms ease-out;
  transform: translateY(50px);
}
.boxes > .view-content > .views-row.actelem,
.view-col2teas > .view-content > .views-row.actelem{
  transform: translateY(0);
  opacity: 1;
}

.artfull > .field--name-field-fimgs{
  overflow: hidden;
}
.artfull > .field--name-field-fimgs img {
  position: relative;
  top: 0;
  transition: top 600ms linear;
  z-index: -1;
}

/* simple meta module */
#simplemeta-form .form-close{
  box-sizing: content-box;
}
#simplemeta-form #edit-delete{
  color: transparent;
}

/* espa banner */
#block-espa{
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  max-width: 100%;
  z-index: 300;
  white-space: nowrap;
}
#block-espa p{
  display: flex;
}

/* 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,
.bcontainer > .contextual{
  display: none !important;
}
.views-field-operations li{
  margin: 0;
}
.views-field-operations .dropbutton-wrapper{
  display: inline-block;
  font-size: 15px;
}
.view-empty{
  padding: 50px;
}

@media only screen and (max-width: 1750px) {
  .artfull .artxt,
  .view-taxonomy-term .view-header .txtwrap{
    padding-left: 50px;
  }
}

@media only screen and (max-width: 1300px) {
  body,
  .view-downloads th,
  .view-downloads td,
  table caption{
    font-size: 17px;
  }
  .full .stitle p, .lay-1 .stitle p, .lay-8 .stitle p{
    font-size: 32px;
  }
  .stitle,
  .block-views-blockcol2teas-block-1 > h2,
  .block-views-blockctalk-block-2 > h2,
  .path-success-stories .page-title,
  .menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li > a,
  .menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
  span.xl{
    font-size: 26px;
  }
  .field--name-field-subtitle,
  span.bigger,
  .testim .field--name-body{
    font-size: 22px;
  }
  .teaser.taxonomy-term .field--name-field-subtitle,
  .view-col2teas .stitle,
  .region-content .menu--main > .menu a,
  span.big{
    font-size: 20px;
  }
  th.views-field-title,
  .view-downloads th,
  .field--name-field-tname,
  .foor h2,
  .boxwrap .field--name-field-subtitle{
    font-size: 18px;
  }
  .navicon{
    display: block;
    right: 45px;
  }
  .region-header{
    padding-top: 40px;
    padding-right: 120px;
    padding-bottom: 40px;
  }
  .under .region-header{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  header .headwrap{
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    transition: all 500ms ease-out;
    position: absolute;
    width: 350px;
    padding: 20px;
    right: -350px;
    top: 100%;
    display: block;
  }
  header .menu--main a{
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  header .menu--main{
    font-size: 17px;
  }
  header.openmenu .headwrap{
    right: 0;
  }
  .headwrap .menu{
    display: block;
  }
  .search-block-form{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .search-block-form > form{
    opacity: 1;
  }
  header .sopen{
    display: none;
  }
  .search-block-form .form-search{
    pointer-events: inherit;
    width: 100%;
  }
  .search-block-form .form-item{
    width: 100%;
    margin-right: 20px;
  }
  .search-block-form .form-actions{
    display: inline-block;
  }
  .foocols{
    display: block;
  }
  .fool, .foor{
    width: auto;
  }
  .foor,
  .view-taxonomy-term > .view-content, .view-downloads > .view-filters{
    margin-top: 50px;
  }
  .withbkg .txtwrap2, .region-content .menu--main, .view-prosort{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .artxt2, .taxalso, .lay-1 .txtwrap2, .lay-8 .txtwrap2, .full .txtwrap2{
    padding-top: 50px;
  }
  .goback{
    top: 15px;
  }
  .col2teas{
    display: block;
  }
  .col2teas > div{
    width: auto;
  }
  .teaswrap2{
    padding-left: 0;
    padding-top: 25px;
  }
  .lay-1 > .txtwrap,
  .lay-2 > .txtwrap,
  .lay-1 .simgs,
  .lay-2 .simgs{
    width: 50%;
  }
}

@media only screen and (max-width: 1000px) {
  .taxonomy-term, article[class*="lay-"], .field--name-field-taxboxs, .view-prefam > .view-content, 
  .boxes > .view-content, .slidewrap, .view-col2teas > .view-content, .field--name-field-2cols, .col2teas, 
  .path-node .simpl[class*="scol"], .calign, .lay-3 > .txtwrap:nth-child(3), 
  .withother > .artwrap, .block-views-blockctalk-block-2, 
  .path-success-stories .region-content, .menu--main[aria-labelledby="block-cabletypes-menu"], 
  .taxalso, .foorwrap,
  .menu--main[aria-labelledby="block-fooprod-menu"] > .menu{
    display: block;
  }
  .layout-container article[class*="lay-"] > div,
  .field--name-field-taxboxs > div, .view-prefam > .view-content > .views-row, .boxes > .view-content > .views-row, .field--name-field-other, .block-views-blockctalk-block-2 > h2, 
  .path-success-stories .block-page-title-block, .menu--main[aria-labelledby="block-cabletypes-menu"] > h2, .taxalso > .taxalsotype,
  .taxonomy-term > div, .field--name-field-2cols > .field__item, .path-node .simpl[class*="scol"] > div, .view-col2teas > .view-content > .views-row, .slidewrap > .views-row,
  .withother .artxt, .block-views-blockctalk-block-2 > div, 
  .path-success-stories .block-system-main-block, .menu--main[aria-labelledby="block-cabletypes-menu"] > .menu, .taxalso > .taxalsofam{
    width: auto;
  }
  .lay-1 .simgs, .lay-1 .simgs .field__item, .lay-1 .simgs .media--view-mode-bimgs{
    height: 300px;
  }
  .menu--main[aria-labelledby="block-cabletypes-menu"] > .menu{
    padding-left: 50px;
  }
  .field--name-field-2cols > .field__item:nth-child(2), .view-col2teas > .view-content > .views-row:nth-child(2n+2){
    padding-left: 0;
  }
  .field--name-field-2cols > .field__item:nth-child(1),
  .view-col2teas > .view-content > .views-row:nth-child(2n+1){
    padding-right: 0;
  }
  .menu--main[aria-labelledby="block-fooprod-menu"]{
    margin-top: 30px;
  }
  .menu--main[aria-labelledby="block-fooprod-menu"] > .menu > li{
    margin-right: 0;
    margin-bottom: 20px;
  }
  .foora, .menu--main[aria-labelledby="block-fooabout-menu"]{
    margin-right: 0;
  }
  .godown{
    position: absolute;
  }
  .layout-container .region-content .views-table{
    transform: unset;
    margin-bottom: 20px;
  }
  .tablewrap{
    overflow-x: auto;
  }
  /* width */
  .tablewrap::-webkit-scrollbar{
    height: 5px;
  }
  /* Track */
  .tablewrap::-webkit-scrollbar-track{
    background: #aaa;
  }
  /* Handle */
  .tablewrap::-webkit-scrollbar-thumb{
    background: #004A97;
  }
  .views-exposed-form > .form--inline{
    display: block;
  }
  .view-filters .views-exposed-form .form-item{
    max-width: unset;
    width: 100%;
    margin-bottom: 15px;
  }
  .hbignum{
    bottom: unset;
    left: 0;
    top: 50px;
  }
  .lay-6 > .txtwrap{
      margin-left: 0;
  }
}
@media only screen and (max-width: 700px) {
  .full .stitle p, .lay-1 .stitle p, .lay-8 .stitle p{
    font-size: 24px;
  }
  .region-content .menu--main > .menu{
    display: block;
  }
  .region-content .menu--main > .menu > li{
    width: auto;
  }
  .menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li{
    margin-bottom: 30px;
  }
  .menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li:last-child{
    margin-bottom: 0;
  }

}
@media only screen and (max-width: 550px) {
  .hbignum{
    font-size: 300px;
  }
  .full .stitle p, .lay-1 .stitle p, .lay-8 .stitle p{
    font-size: 23px;
    white-space: normal;
    padding-left: 10px;
    padding-right: 10px;
  }
  .stitle,
  .block-views-blockcol2teas-block-1 > h2,
  .block-views-blockctalk-block-2 > h2,
  .path-success-stories .page-title,
  .menu--main[aria-labelledby="block-prodnav-menu"] > .menu > li > a,
  .menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
  span.xl{
    font-size: 21px;
  }
  .field--name-field-subtitle,
  span.bigger,
  .testim .field--name-body{
    font-size: 20px;
  }
  .teaser.taxonomy-term .field--name-field-subtitle,
  .view-col2teas .stitle,
  .region-content .menu--main > .menu a,
  span.big{
    font-size: 18px;
  }
  .region-header, .foocols, .view-fam > .view-content, .view-col2teas > .view-content, .view-taxonomy-term > .view-content, 
  .view-apps > .view-content, .view-downloads > .view-content, .view-downloads > .view-filters, .view-downloads > .view-empty, .path-contact .layout-content, 
  .path-user .layout-content, .path-search .layout-content, .path-node .simpl, .page-node-type-page .simpl, 
  .menu--main[aria-labelledby="block-prodnav-menu"], .path-news .page-title, .view-prosort, .boxtitle,
  .block-views-blockctalk-block-2 > h2, .path-success-stories .page-title, .menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
  .menu--main[aria-labelledby="block-cabletypes-menu"] > .menu, .view-empty{
    padding-left: 20px;
    padding-right: 20px;
  }
  header .headwrap{
    padding-left: 0;
  }
  .bx-wrapper .bx-pager{
    right: 20px;
    bottom: 20px;
  }
  .region-header{
    padding-right: 55px;
  }
  .navicon{
    right: 5px;
  }
  header .block-system-branding-block{
    left: 20px;
  }
  .artfull .artxt, .view-taxonomy-term .view-header .txtwrap,
  .txtwrap2, .artxt2{
    padding-left: 20px;
  }
  .layout-container .godown{
    display: none;
  }
  .view-hslider .bx-wrapper .bx-pager{
    right: unset;
    top: -15px;
    left: 15px;
    display: flex;
    align-items: center;
  }
  .layout-container .view-hslider .bx-wrapper .bx-pager.bx-default-pager a{
    border: none;
    padding-left: 5px;
    padding-right: 5px;
  }
  .view-hslider{
    padding-top: 30px;
  }
  header .headwrap{
    width: 100%;
    right: -100%;
  }
  .menu--main[aria-labelledby="block-prodnav-menu"] > .menu .menu .menu a{
    padding-left: 15px;
  }
}

@media only screen and (max-width: 350px) {
  body,
  .boxwrap .field--name-field-subtitle,
  .view-downloads th,
  .view-downloads td,
  table caption{
    font-size: 16px;
  }
  .full .stitle p, .lay-1 .stitle p, .lay-8 .stitle p{
    font-size: 20px;
  }
  .layout-container header .block-system-branding-block{
    width: 135px;
  }
}



/* Accessibility Block */

#block-accessibilityblock{
  position: fixed;
  top: 50%;
  width: 230px;
  padding-left: 58px;
  right: -230px;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
  z-index: 150;
  box-sizing: content-box;
  font-size: 15px;
}
#block-accessibilityblock.abopen{
  right: 0;
}
#block-accessibilityblock .field--name-body{
  padding: 20px;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  background-color: #eee;
}
#block-accessibilityblock .field--name-field-img{
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #fff;
  transition: all 300ms ease-out;
  box-sizing: content-box;
}
#block-accessibilityblock .field--name-field-img:hover,
#block-accessibilityblock.abopen .field--name-field-img{
  background-color: #eee;
}
#block-accessibilityblock .field--name-field-img img{
  display: block;
  width: 100%;
}
.ab-botton{
  cursor: pointer;
  transition: all 300ms ease-out;
  display: inline-block;
  padding: 3px 5px;
  line-height: 1.1;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #000;
  background-color: #fff;
}
.ab-active,
.ab-botton:hover{
  background-color: #000;
  color: #fff;
}
.ab-sizeup{
  zoom:1.2; 
  transform: scale(1.2);
}
.ab-sizeup .protop > .field--name-field-ttxt{
  padding-right: 50px;
}
.ab-sizeup .protop > .field--name-field-label{
  right: 50px;
}
.ab-underline a,
.ab-underline a *{
  text-decoration: underline;
}
.ab-contrast,
.ab-contrast .view-hslider .bx-wrapper .bx-pager.bx-default-pager a{
  color: #000;
}
.ab-contrast .foor{
  background-color: #fff;
}
.ab-contrast .menu--main[aria-labelledby="block-cabletypes-menu"] > .menu a,
.ab-contrast .menu--main[aria-labelledby="block-cabletypes-menu"] > h2,
.ab-contrast .boxtitle{
    background-color: #000;
}

@media screen and (max-width: 450px) {
  #block-accessibilityblock{
    padding-left: 48px;
    top: unset;
    transform: none;
    bottom: 10px;
  }
  #block-accessibilityblock .field--name-field-img{
    padding: 5px;
  }
}
/* end Accessibility Block */

/* privacy-cookies opt-in block */
.ppblock{
  position: fixed;
  z-index: 1000;
  padding: 15px;
  font-size: 15px;
  width: 360px;
  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);
}
.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: 420px) {
  .ppblock{
    width: 96%;
    font-size: 14px;
  }
  .showppblock.ppblock{
    right: 2%;
  }
}
/* end privacy-cookies opt-in block */