@font-face {
    font-family: 'Aka-AcidGR-Cord';
    src: url('./fonts/Aka-AcidGR-Cord.woff2') format('woff2'),
        url('./fonts/Aka-AcidGR-Cord.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Din Text';
    src: url('./fonts/subset-PFDinText-Bold.woff2') format('woff2'),
        url('./fonts/subset-PFDinText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'PF Din Text';
    src: url('./fonts/subset-PFDinText-Regular.woff2') format('woff2'),
        url('./fonts/subset-PFDinText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{font-family:Conv_PFFuturaNeu-Medium;src:url(/elpedison/50euroepistrofi/assets/fonts/PFFuturaNeu-Medium.eot?a04eeee6d5df5415090a2e6a880853e0);src:local("\263A"),url(/elpedison/50euroepistrofi/assets/fonts/PFFuturaNeu-Medium.woff?ee95013a21a9b8c14c2b39acd905aa8c) format("woff"),url(/elpedison/50euroepistrofi/assets/fonts/PFFuturaNeu-Medium.ttf?060392aff4070493bcf2840135f7ebbb) format("truetype"),url(/elpedison/50euroepistrofi/assets/fonts/PFFuturaNeu-Medium.svg?c42087ee2476550643b1858c2e5678b2) format("svg");font-weight:400;font-style:normal}
.FuturaNeu-Medium{font-family:Conv_PFFuturaNeu-Medium,sans-Serif}
.ubuntu{font-family:Ubuntu,sans-serif}
.roboto{font-family:Roboto,sans-serif}
.light{font-weight:300}
.regular{font-weight:400}
.medium{font-weight:500}
.bold{font-weight:700}
body{font-size:18px;font-family:Ubuntu,sans-serif}
h1{font-size:22px}
.tl-t{font-size: 16px !important;}
h2{font-size:25px;text-align: center;}
h3{font-size:18px}
h4{font-size:16px}
.small-text{font-size:10px}
.font100{font-size:75px}
.navbar-nav li a{font-size:30px}
@media only screen and (min-width:768px){body{font-size:18px}
h1{font-size:24px}
h2{font-size:25px}
h3{font-size:20px}
h4{font-size:18px}
.small-text{font-size:11px}
.font100{font-size:80px}
.navbar-nav li a{font-size:32px}
}
@media only screen and (min-width:992px){body{font-size:18px}
h1{font-size:26px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:20px}
.small-text{font-size:11px}
.font100{font-size:85px}
.navbar-nav li a{font-size:35px}
}
@media only screen and (min-width:1200px){body{font-size:20px}
h1{font-size:28px}
h2{font-size:35px}
h3{font-size:24px}
h4{font-size:22px}
.small-text{font-size:12px}
.font100{font-size:100px}
.navbar-nav li a{font-size:38px}
}
.upper{text-transform:uppercase}
.form-field .btn-primary{    width: 100%;
    color: #000;
    background-color: #fff;
    border-color: #002e6c;
    position: relative;
    top: 2.5rem;
    transform: translateX(20%);
    width: 70%;
    background-color: #8BB32B;
    border: none;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    font-size: 1.8rem;}
.form-field button.btn :focus{outline:0;-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent}
.form-field button.btn.btn-primary:active,.form-field button.btn.btn-primary:hover{background-color:#77bc1f;border-color:#77bc1f}
.form-field button.btn.btn-primary:focus{border-color:#002e6c}
.form-field .form-control:focus,.form-field button.btn.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent}
.form-field .form-control:focus{border-color:#fff}
.form-field .btn-primary:not(:disabled):not(.disabled):active{border-color:#77bc1f;background-color:#77bc1f}
.form-field .btn-primary:not(:disabled):not(.disabled):active:focus{-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent}
#menuToggle{display:block;position:fixed;top:50px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:50px}
#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
#menuToggle span:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}
#menuToggle span:nth-last-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}
#menuToggle input:checked~span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px,-1px);transform:rotate(45deg) translate(-2px,-1px);background:#fff}
#menuToggle input:checked~span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}
#menuToggle input:checked~span:nth-last-child(2){-webkit-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}
#menu{position:fixed;left:0;top:0;padding:50px;background-color:rgba(0,0,0,.6);list-style-type:none;-webkit-font-smoothing:antialiased;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),-webkit-transform .5s cubic-bezier(.77,.2,.05,1);scroll-behavior:smooth}
#menu a{text-decoration:none;color:#fff}
#menu a:hover{color:#ededf6}
#menu h2{text-shadow:5px 3px 12px #000}
#menu li{padding-bottom:30px;text-align:center}
#menuToggle input:checked~ul{-webkit-transform:none;transform:none}
.navbar{z-index:1;right:0}
.navbar-collapse{position:fixed;top:0;width:100%;height:100vh;text-align:center;right:0}
.navbar button,nav span{z-index:1}
nav span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;-webkit-transform-origin:4px 0;transform-origin:4px 0;-webkit-transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}
.table{display:table;width:100%}
.navbar-collapse ul{display:table-cell;vertical-align:middle;background-color:rgba(0,0,0,.7)}
.navbar-collapse ul li{padding-bottom:25px}
.navbar-collapse ul a{text-decoration:none;color:#fff}
.navbar-collapse ul a:hover{color:#ededf6}
.navbar-collapse ul h2{text-shadow:5px 3px 12px #000}
.color-green{color:#77bc1f}
.color-blue{color:#002e6c}
.green{background-color:#77bc1f}
.blue,.green{position:relative}
.blue{background-color:white;border-radius: 70px;}
.color-text-blue{color:#281d67}
.navbar{position:fixed}
.table{height:100vh}
#nav-icon{width:60px;height:45px;position:relative;margin:0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;outline:none;-webkit-transform:scale(.7);transform:scale(.7)}
#nav-icon span{display:block;position:absolute;height:9px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:not(:nth-child(2)){-webkit-box-shadow:0 3px 10px 0 #000;box-shadow:0 3px 10px 0 #000}
#nav-icon span:first-child{top:0}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:18px}
#nav-icon span:nth-child(4){top:36px}
#nav-icon.open span:first-child{top:18px;width:0;left:50%}
#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-1px;left:7px;-webkit-box-shadow:none;box-shadow:none}
#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:33px;left:1px;-webkit-box-shadow:none;box-shadow:none}
#nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}
.navbar-collapse ul{padding:0 5px}
@media only screen and (min-width:576px){#nav-icon{margin:50px auto;-webkit-transform:scale(1);transform:scale(1)}
.navbar-collapse ul{padding:0}
}
.hero{position:relative}
.hero:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent)}
.text-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}
.text-image p{font-size:17px;text-shadow:4px 3px 13px #000;margin-bottom:0}
@media only screen and (min-width:576px){.text-image p{font-size:24px}
}
@media only screen and (min-width:768px){.text-image p{font-size:32px}
}
.green:before{content:"";background-image:url(./img/green-stripe.png)}
.reverse:before{content:"";position:absolute;background-image:url(./img/blue-stripe-2.png);background-size:cover;top:-19px;width:100%;height:35px;left:0}
.section-one ul{padding-left:15%}
body{font-weight:300;color:#fff}
a.oroi{text-decoration:underline}
a.oroi,a.oroi:hover{color:#fff}
.form-icon a{color:#fff;text-decoration:none}
.line:before{display:none}
@media only screen and (min-width:768px){.line:before{content:"";position:absolute;width:5px;height:90%;background-color:#fff;left:70px;top:77px;display:block}
}
.oroi-modal a.external{color:#fff;text-decoration:underline}
.oroi-modal a.external:hover{color:#fff}
a.customLink{opacity:1;display:block;-webkit-transition:opacity .3s;transition:opacity .3s}
a.customLink:hover{opacity:.75}
.table-price thead{background-color:#fff}
.table td,.table th{vertical-align:middle}
.table-blue-color{background-color:#334d68}
.notes:before{content:"";position:absolute;background-image:url(https://apps.mrmworldwide.gr/elpedison/50euroepistrofi/elpedison/50euroepistrofi/assets/images/light-icon.png?72cf2b7d3b03dba2bb0cd07ad7a44ea5);width:68px;height:93px;left:-70px}
.oroi-modal .btn-primary{background-color:#002e6c;color:#fff;width:auto;text-decoration:underline}
.oroi-modal button.btn.btn-primary:hover{background-color:#002e6c;border-color:#002e6c}
.oroi-modal button{padding-left:0;margin-left:0}
.oroi-modal h5{color:#002e6c}
.oroi-modal .btn-primary:not(:disabled):not(.disabled):active{border-color:#002e6c;background-color:#002e6c}
.modal-body p{color:#002e6c}
.modal-body a,.modal-body p{font-size:12px}
.modal-dialog{max-width:50%}
footer{text-align:center;padding:40px}
footer img{width:120px}
@media only screen and (min-width:576px){footer{padding:50px}
footer img{width:120px}
}
@media only screen and (min-width:768px){footer{padding:70px}
footer img{width:216px}
}
.logo-footer-image{position:absolute;bottom:30%;right:18%}
@media only screen and (min-width:576px){.logo-footer-image{position:absolute;bottom:30%;right:35%}
}
.imgResp{width:100%;height:auto}
#white-edit-error,#terms-error,label#exampleInputEmail1-error,label#phone-error{font-size:14px;text-align:left;color:red;margin-bottom:0;padding-top:15px;background-color: transparent;
    border: none;}
@media only screen and (min-width:576px){#white-edit-error,label#exampleInputEmail1-error,label#phone-error{font-size:16px}
}

.p-s
{
   max-width: 520px;
}
#terms-error
{
    font-size:14px;
    text-align:left;
    color:red;
    margin-bottom:0;
    padding-top:15px;
    position: absolute;
    top: 78%;
}
@media (max-width: 1200px)
{
    #terms-error
    {
        top: 78%;
    }
}
@media (max-width: 1000px)
{
    #terms-error
    {
        top: 80%;
    }
}
@media (max-width: 770px)
{
    #terms-error
    {
        top: 72%;
    }
}
@media (max-width: 400px)
{
    #terms-error
    {
        top: 76%;
    }
}
.logo-img
{
    padding: 1rem;
    max-width: 320px;
    margin-left: 1rem;
}

@media(max-width: 750px)
{

    .logo-img
    {
        width:215px;
    }   
}

.social-img
{
    width: 110% !important;
}

.text-image {
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 20%;
}
@media (max-width: 1300px)
{

.text-image {
    position: absolute;
    top: 52%;
    left: 22%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 35%;
}
}
@media (max-width: 900px)
{

.text-image {
    position: absolute;
    top: 20%;
    left: 22%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 35%;
}
}
@media (max-width: 900px)
{

.text-image {
    position: absolute;
    top: 20%;
    left: 5%;
    /*text-align: center;*/
    -webkit-transform: translate(-50%);
    transform: translate(0%);
    width: 100%;
}
}