html {font-size: 100%;background: #f2f2f2;color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
video{background-color: transparent!important;}
#cVideo {max-width: 1314px;margin: 0 auto;display: block;}
body {padding: 0;margin:0;}
body.itemid-269 #cyberVideo {background: #fff;}
body.el-gr #TopHeader .languages div.login-button {margin-right: -80px;}
body.itemid-268 #MainContent  {background: #fff;text-align:center}
body.itemid-268 #MainContent .item-page {max-width: 900px;margin: 0 auto;font-size: 19px;}
body.itemid-268 #MainContent strong {color: #e50986}
body.itemid-268 .content-bottom {background: rgb(217, 217, 217);}
body.itemid-268 .stars-container {display: none;}
.topHeader .custom-header {min-height: 360px;background-repeat: no-repeat;position:relative;background-position: center;}
.topHeader .custom-header .mobile-header {display: none;}
.topHeader .custom-header a.btn {position:absolute;bottom: 75px;background: #404040;color: #fff;padding: 11px 23px;font-size: 18px;-webkit-transition: background 0.5s;transition: background 0.5s;}
.topHeader .custom-header a.btn:hover {background: #000;-webkit-transition: background 0.5s;transition: background 0.5s;}
.topHeader .custom.bg-white {background: #fff;box-shadow: inset 0px 10px 23px -10px;padding-bottom: 25px;}
.topHeader .custom.danger h3 {color: #e50986;font-size: 25px;margin-bottom: 0;}
.topHeader .custom.danger .danger-right img {padding-top:45px;}
a {color: #404040;text-decoration: none;-webkit-transition: color 0.5s;transition: color 0.5s;}
a:hover, #TopHeader .languages .mod-languages li.lang-active a {color:#E6148C;-webkit-transition: color 0.5s;transition: color 0.5s;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {color: #404040;}
.ico {background: url(../images/future-sprite.png) no-repeat;}
.clear {clear:both}
fieldset {border: none;}
canvas{display:block;vertical-align:bottom;}
.custom.eisodos {position: absolute;z-index: 9999;margin-top: -30px;border: thin solid #fff;display: inline-block;right: 0;bottom: 28px;text-align: center;}
.telephones {max-width: 430px;margin: 0 auto;}
.telephones strong {float:left}
.telephones a {float:right}
.telname {display: inline-block;font-weight:600;}
.custom.eisodos a {color: #fff;}
.custom.eisodos p {margin:0px;line-height: 17px;padding: 5px 10px;}
.cyber-issues {text-align:center;}
.cyber-issues .cyb-headlines {}
.cyber-issues .empty {}
.cyber-issues  .solution,
.cyber-issues  .issue {width: 48%;background: #fafafa;padding: 20px;display: inline-block;margin: 2px 0;font-weight:400;}
.cyber-issues .solution {}
.cyber-issues .issue {}
.cyber-issues .cyb-headlines .headline-left,
.cyber-issues .cyb-headlines .headline-right {background: #e50986;color: #fff;width: 49.5%;display: inline-block;padding: 25px;font-size: 18px;font-weight: 600;}
a.call-help {background: #e50986;color: #fff;font-size: 16px;font-weight: 500;padding: 5px 9px;margin: 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
a.call-help:hover {background: #404040;-webkit-transition: all 0.5s;transition: all 0.5s;}
input:focus {outline: none !important;border-color: transparent;box-shadow: none;}
#AllContent {position:relative;right:0px;-webkit-transition: right 0.5s;transition: right 0.5s;overflow-x: hidden;}
#AllContent.active {right:250px;-webkit-transition: right 0.5s;transition: right 0.5s;}
#TopHeader {background: #fafafa;position: relative;}
#TopHeader .top-info {margin: 25px 0;}
#TopHeader .top-info a, .footer-info a {padding-left: 25px;}
#TopHeader .top-info a:first-child {padding-right: 5px;border-right: thin solid #E6148C;}
#TopHeader .top-info a.future-mail{background-position: 0px -20px;margin-left: 6px;}
#TopHeader .logo {margin-bottom: 20px;}
#TopHeader .languages a.ico.future-fb {width: 26px;height: 20px;display: inline-block;float: left;margin-right: 5px;border-right: thin solid #E6148C;background-position: 3px -41px;}
#TopHeader .languages div.login-button {cursor: pointer;border: thin solid #FAFAFA;display: inline-block;padding: 2px 10px;margin-top: -12px;position: relative;color: #fff;z-index: 10;margin-right: -57px;text-transform: uppercase;}
#TopHeader .languages .ico.ft-toggler {display: inline-block;width: 20px;height: 20px;background-position: 0px -64px;float: left;margin-right: 20px;position: relative;cursor: pointer;z-index: 10;}
#TopHeader .languages:after {content: "";width: 100%;height: 100%;background-color: #E50986;position: absolute;transform: translateX(-60px) skewX(-25deg);top: 0;right: -93%;}
#TopHeader .languages .mod-languages {display: inline-block;float: left;margin-right: 2em;margin-top: -2px;}
#TopHeader .languages .mod-languages a {font-weight: 500;font-size: 14px;padding: 1px 3px 1px 0;}
#TopHeader .languages .mod-languages li:first-child a {border-right: thin solid #E6148C;}
#TopHeader .main-menu ul.nav.menu {list-style: none;padding: 0; margin-top: 5px;}
#TopHeader .main-menu ul.nav.menu li {display: inline-block;position:relative;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child {position: absolute;top: 100%;left: 0;width: 240px;visibility: hidden;opacity: 0;margin: 0;padding: 10px 0 0;z-index: 999999;-webkit-transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;transition: all 0.17s ease-in-out;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li ul.nav-child {position: absolute;top: -10px;left: 240px;width: 315px;visibility: hidden;opacity: 0;margin: 0;padding: 10px 0 0;z-index: 999999;-webkit-transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;transition: all 0.17s ease-in-out;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);}
#TopHeader .row {position:relative}
#TopHeader .main-menu ul.nav.menu li:hover ul.nav-child{visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li:hover {background: #E50986}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li:hover a{color: #fff;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li ul li:hover  a {color: #fff!important;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li:hover ul li a {color: #000;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li ul.nav-child li a {font-size:13px;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li ul.nav-child li {padding: 5px 0px!important;}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li:hover ul.nav-child{visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
#TopHeader .main-menu ul.nav.menu li ul.nav-child li {display: flex;background-color: #fff;padding: 8px 0px!important;color: #000;}
#TopHeader .main-menu ul.nav.menu li a {padding: 0 10px;color: #000;-webkit-transition: color 0.5s;transition: color 0.5s;font-size: 15px;}
#TopHeader .main-menu ul.nav.menu li a:hover {color:#E6148C;-webkit-transition: color 0.5s;transition: color 0.5s;}
#SlideShow {background: #fff;position: relative;overflow: hidden;}
#SlideShow .cyberlink {position: absolute;top: 0;left: 0;width: 25%;height: 50%;cursor: pointer;}
#SlideShow .arrows {position: absolute;top: 90vh;width: 40px;height: 65px;z-index: 999;background: url(../images/arrow-down.png) no-repeat center bottom;left: 50%;margin-left: -10px;cursor: pointer;margin-top: -195px;}
#SlideShow .arrow {position: absolute;bottom: 25px;width: 40px;height: 35px;z-index: 999;background: url(../images/arrow-down.png) no-repeat center bottom;left: 25%;margin-left: -10px;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
#SlideShow .arrows:hover .arrow {bottom:0px;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
#MainContent {position: relative;}
#MainContent .page-header h1 {font-weight: 400;text-align: center;font-size: 2.3em;}
#MainContent .item-page h2:first-child {margin-top: 1.5em;}
#MainContent .item-page h2   {font-weight: 400;text-align: center;margin-top: 4em;}
body.itemid-107 #MainContent .item-page {max-width: 900px;margin: 0 auto;text-align: center;}
#MainContent .item-page p {font-size: 1.1em;font-weight: 300;}
#MainContent .item-page .icons {display: none;}
#MainContent .arrows {position: relative;width: 40px;height: 65px;background: url(../images/arrow-down.png) no-repeat center bottom;left: 50%;margin-left: -10px;margin-bottom: 2em;cursor: pointer;}
#MainContent .arrow {position: absolute;bottom: 25px;width: 40px;height: 35px;z-index: 999;background: url(../images/arrow-down.png) no-repeat center bottom;left: 25%;margin-left: -10px;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
#MainContent .arrows:hover .arrow {bottom:0px;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
#FooterSection {background: #D9D9D9;padding: 25px 0 35px 0;}
#FooterSection .footer.columns:last-child:not(:first-child) {float: left;}
#FooterSection .footer-info {text-align: right;}
#FooterSection .copyright {line-height: 5em;font-size: 0.9em;}
#FooterSection .fmodule p {font-size: 14px;line-height: 21px;font-weight: 300;margin: 1em 0;}
#SideMenu {position: fixed;top: 0;right: -250px;width: 250px;background: #404040;height: 100%;-webkit-transition: right 0.5s;transition: right 0.5s;}
#SideMenu.active {right: 0px;-webkit-transition: right 0.5s;transition: right 0.5s;}
#SideMenu .search-side {height: 138px;background: #CD1C81;color: #fff;position:relative;}
#SideMenu .search-side .side-search {position: absolute;bottom: 10px;width: 190px;left: 50%;margin: 0 0 1em -95px;background-position: 0px -85px;}
#SideMenu .search-side .side-search input {background: transparent;border: none;border-bottom: thin solid #fff;padding-bottom: 5px;padding-left: 25px;}
#SideMenu .search-side .side-search input::-webkit-input-placeholder {color: #fff;text-transform:lowercase;}
#SideMenu .search-side .side-search input:-ms-input-placeholder {color: #fff;text-transform:lowercase;}
#SideMenu .search-side .side-search input::-moz-placeholder {color: #fff;opacity: 1;text-transform:lowercase;}
#SideMenu .search-side .side-search input:-moz-placeholder {color: #fff;opacity: 1;text-transform:lowercase;}
#SideMenu ul.nav.menu {padding-left: 27px;list-style: none;}
#SideMenu ul.nav.menu li {text-transform: uppercase;line-height: 1.2em;margin-bottom: 0.6em;font-size: 15px;}
#SideMenu ul.nav.menu li a {color: #A5A1A0;}
#SideMenu ul.nav.menu li a:hover {color: #FFFFFF;}
#SideMenu ul.nav.menu li ul.nav-child {padding:5px 0 0 10px;margin-bottom: 20px;list-style: none;}
#SideMenu ul.nav.menu li ul.nav-child li {text-transform:none;}
#SideMenu ul.nav.menu li ul.nav-child li a {color: #ccc;}
#SideMenu ul.nav.menu li ul.nav-child li a:hover {color: #fff;}
#copyrightSection {background: #fff;}
.stars-container {position: relative;margin-bottom: 3em;}
.stars-container img.skia {position: absolute;bottom:-34px;background: #e4e4e4;}
#MainContent img.skia {position: absolute;bottom:-34px;left:0;background: #b3b3b3;}
div#future-title {position: absolute;top: 100px;font-size: 23px;width: 100%;}
#particles-js{width: 100%;height: 100%;background-color: #fafafa;background-image: url('');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.sinergates h3 {text-align: center;font-size: 2em;font-weight: 400;}
.sinergates p {text-align:center}
.sinergates p  img {margin: 15px;}
.sublogo {max-width: 186px;text-align: right;color: #e50986;font-size: 13px;font-family: 'Open Sans', sans-serif;}
.future-info  {background: #D9D9D9;height: 445px;margin-left: -10px;color: #414141;padding: 5em 0;}
dl.contact-address dd {margin: 2em;}
.con-icon {float: left;margin-right: 20px;}
div.con-icon.addressicon {width: 33px;height: 46px; background: url(../images/adress-icon.png);}
div.con-icon.mailicon {width: 33px;height: 28px; background: url(../images/mail-icon.png);}
div.con-icon.phoneicon {width: 33px;height: 32px; background: url(../images/phone-icon.png);}
div.con-icon.faxcon {width: 41px;height: 29px;background: url(../images/fax-icon.png);background-repeat: no-repeat;margin-right: 11px;}
.footer h3 {font-size: 15px;font-family: 'Roboto',sans-serif;font-weight: 500;margin-top: 1em;}
.footer ul {list-style:none;padding-left:0;}
.footer ul li {font-size: 13px;}
.footer img {text-align:right;}
.footer-info ul {list-style: none;margin: 0;text-align: right;}
.footer-info ul li {display: inline-block;}
.footer .ico.future-mail {background-position: 0px -21px;}
table.teltable {width: 100%;max-width: 580px;margin: 0 auto;border-collapse: separate;border-spacing: 1em;}
#copyrightSection {padding: 10px 0;font-size: 13px;}
.toggler {display:none;}
@media (max-width: 1180px) {
#TopHeader .main-menu ul.nav.menu li a {font-size:14px;padding: 0 7px;}
.topHeader .custom-header {background-image: unset!important;background: #fff;}
.topHeader .custom-header .mobile-header {display: inline-block;float: right;}
}
@media (max-width: 1080px) {
#TopHeader .main-menu ul.nav.menu li a {font-size:13px;padding: 0 5px;}
}
@media (max-width: 990px) {
#TopHeader .main-menu{display:none;}
#TopHeader .languages:after {right:-80%;}
.custom.eisodos {right:11%;}
.logo {width: 300px;}
.toggler {display: block;position: absolute;color: #fff;right: 5%;z-index: 99999;font-size: 25px;cursor: pointer;}
}
@media (max-width: 768px) {
.custom.eisodos {right:9%;}
.topHeader .custom.bg-white{padding-top:24px;}
.toggler {right:3%;}
.cyber-issues .cyb-headlines .headline-left,.cyber-issues .cyb-headlines .headline-right {display:none;}
.cyber-issues .issue, .cyber-issues .solution {width:100%;float: none;position:relative;}
.cyber-issues .issue {background: #404040;color: #fff;}
.cyber-issues .solution {margin-bottom:3rem;margin-top:24px;}
.cyber-issues .issue:before, .cyber-issues .solution:before{position: absolute;top: -25px;width: 100%;left: 0;color: #fff;background: #e50986;}
.cyber-issues .issue:before {content: "Περιστατικό";}
.cyber-issues .solution:before {content: "Κάλυψη";}
.cyber-issues .issue.cytitle {background: #000;margin-bottom: 3rem;}
.cyber-issues .issue.empty, .cyber-issues .solution.empty{padding: 0;margin: 0;background: none;}
.cyber-issues .issue.empty:before, .cyber-issues .solution.empty:before, .cyber-issues .issue.cytitle:before {content:"";display: none;}
}
@media (max-width: 640px) {
.custom.eisodos {right: 2%;bottom: 80px;}
.toggler {right: 2%;bottom: 30px;}
.danger-right {text-align:center;}
.topHeader .custom.danger .danger-right img {padding:20px 0;}
}
@media (max-width: 610px) {
.topHeader .custom-header a.btn {position:relative;bottom:20px;}
}
@media (max-width: 510px) {
.custom.eisodos {font-size: 13px;}	
}
@media (max-width: 450px) {
#TopHeader .top-info {font-size: 14px;}
.custom.eisodos {bottom:60px;}
.toggler{bottom:20px;}
.logo {width: 185px;}
.sublogo {font-size:11px;}
#TopHeader .top-info a.future-mail {display:none;}
#TopHeader .top-info a:first-child {border:none;margin-left: 12px;padding: 2px 0px 2px 23px;}
#SlideShow{display:none;}
}
@media (max-height: 1020px) {
#SideMenu ul.nav.menu {overflow-y: scroll}
#SideMenu ul.nav.menu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #A5A1A0;}
#SideMenu ul.nav.menu::-webkit-scrollbar {width: 12px;background-color: #A5A1A0;}
#SideMenu ul.nav.menu::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #E50986;}
}