@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body{
    font-family:open sans, sans-serif;
}
p{
    font-family:open sans, sans-serif;
}
a{
    font-family:open sans, sans-serif;
}
h1,h2,h3{
    font-family:open sans, sans-serif;
}
.image{
    width:140px;
}


.bck{
    background-color : white !important;
}
.form-control{
    border:1px solid #020202 !important;
    background:#ff777714 !important;
    border-radius:0px !important;
}


#cconsent-bar {
    background-color: #931C40 !important;
}

#cconsent-bar button {
   
    color: #282828 !important;
    
}

.green-btn>a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 19px;
    color: #931C40!important;
    border:2px solid #931C40;
    border-radius:4px;
}
.send-btn{
    background:#00A96C !important;
    color:#FFF !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 19px;
    padding:14px 28px !important;
    border-radius:4px !important;
}
.send-btn2{
    background:#fff !important;
    color:#000 !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 19px;
    padding:14px 28px !important;
    border-radius:4px !important;
    border-color:#fff !important;
}



.rendered-form .form-control{
    width:100% !important;
}
.is-section.is-section-10.is-box.is-dark-text.nav-abs{
    position:absolute !important;
    margin-left:-50px;
}

@media(max-width:576px){
    .white-text{
        color:#fff !important;
        font-weight:600 !important;
    }
    
    /* Σωστή εμφάνιση των υπηρεσιών */
    .ftia3e {
        flex-direction :column !important;
    }
    
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-section-100 > div.is-overlay > div{
            background-position: 16% 20% !important;
                opacity: 0.8;
    }
    .green-btn>a{
        border:none !important;
        color:#000 !important;
        font-weight:400 !important;
        
    }
    
    .navbar .icon-bar {
    background-color: #000000;
}

    
    .is-section.is-section-10.is-box.is-dark-text.nav-abs{
        position:static !important;
        margin-left:0 !important;
    }
    
}
@media(max-width:768px){
    .make-center{
        text-align:center !important;
        padding-left:0 !important;
    }
}

.navbar-nav>li>a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    z-index: 9999;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
}
.gallery:hover{
    background: #00A96C;
    opacity: 0.8;
    transition:ease-in .5s;
}

.footer-text, .footer-text>a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    }
    
    
    
    /* header effect */
    
    .sparkle {
	 max-width: 10em;
	 color: #441151;
	 margin: auto auto;
}
 .sparkle:hover {
	 cursor: pointer;
}
 .u-hover--sparkle {
	 box-sizing: border-box;
	 position: relative;
	 padding: 0.75em;
}
 .u-hover--sparkle::before, .u-hover--sparkle::after {
	 content: '';
	 box-sizing: border-box;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 transform-origin: center;
}
 .u-hover--sparkle::before {
	 border-top: 0.2em solid #9f2042;
	 border-bottom: 0.2em solid #9f2042;
	 transform: scale3d(0, 1, 1);
}
 .u-hover--sparkle::after {
	 border-left: 0.2em solid #9f2042;
	 border-right: 0.2em solid #9f2042;
	 transform: scale3d(1, 0, 1);
}
 .u-hover--sparkle:hover::before, .u-hover--sparkle:hover::after {
	 transform: scale3d(1, 1, 1);
	 transition: transform 900ms;
}