.espa {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9;
}









h1.title-bp{color:#2860ad!important; font-size:61px; font-family:CYLICOMEB; padding-left:0px!important;}
h2.title-bp2{color:#000!important; font-size:17px; font-family:CYLICOMB;}
h3.title-bp3{color:#000!important; font-size:15px; font-family:CYLICOMl; letter-spacing:3px; font-weight:100; text-align:right;}
h4.title-bp4{color:#2860ad!important; font-size:17px!important;}



h4.line-m {
    font-size: 14px;
    font-family: cylicoml;
    font-weight: normal;
  color:#000;
}

.site-header{padding-top:1px!important; padding-bottom:1px!important;}


.footer .footer-item.col-contact li strong {
    color: #20489c!important;
}



p.blue{color:#2960ad!important}

.footer-link{color:#2960ad!important;}

h4.footer-title{color:#243b8f!important;}



span.title{font-size:12px!important;}

.copyright p {  text-transform: uppercase; color: #fff!important;}

.footer .footer-item.col-menu ul li { font-weight:normal!important;}

p.white{color:#fff!important;}


placeholder{ color: #222!important;}


a.terms:link{color:#222;}
a.terms:visited{color:#222;}
a.terms:hover{color:#222;}
a.terms:active{color:#222;}




.rpx_field_input{ color: #222!important;}


.rpx_field_input label {
    display: block;
    color: #222;
}





a.link-hover-mail:link{color:#222;}
a.link-hover-mail:visited{color:#222;}
a.link-hover-mail:hover{color:#222;}
a.link-hover-mail:active{color:#222;}







h4.sm-title-block{color:#222;}

h4.title-block{color:#222;}



a.box-border-after{background:#243d90;}

.next-page {background:#7e8288;}

.testimonials .testimonial-content:after {color: #7e8288!important;}

.testimonials .testimonial-content{background: #eee;}

.pro-text-inner {background:#7e8288;}

.service .services-item .services-item-inner {background:#7e8288;}







.line-after-section {display: none;}

.line-before-section.line-before-section, .line-after-section.line-before-section {display: none;}



.site-header{top:0px!important;}





.testimonials .testimonial-content .testimonial-item .avatar-inner .label h6 {
    font-size: 14px;
    font-weight: 400;
    color: #212121;
}


.testimonials .testimonial-content .testimonial-item .avatar-inner .label .sm-title-block {
    margin-bottom: 10px;
  color: #212121;
}


a.box-border-after:before, .bottom-submit:before {
    top: -2px;
    left: -2px;
}

a.box-border-after:after, .bottom-submit:after {
    bottom: -2px;
    right: -2px;
}



.footer {background-color: #fff!important}



.pro-text p {
   
    color: #fff;
}





.day-night {
   
    display: none!important;
}



.main-slider .bg-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}



.main-slider .slide-item {
    overflow: hidden;
    width: 100%!important;
}

.box-next {
    height: 70vh;
    width: calc(10% + 30px);
    top: 15vh;
    right: 0;
    border-radius: 3px 0 0 3px;
    z-index: 1;
    display: none;
}









@font-face
{
font-family:CYLICOMEB;
src: url('../fonts/Manrope-ExtraBold.ttf');
}


@font-face
{
font-family:CYLICOMB;
src: url('../fonts/Manrope-Bold.ttf');
}

@font-face
{
font-family:CYLICOM;
src: url('../fonts/Manrope-Regular.ttf');
}


@font-face
{
font-family:CYLICOML;
src: url('../fonts/Manrope-Light.ttf');
}


@font-face
{
font-family:CYLICOMEL;
src: url('../fonts/Manrope-ExtraLight.ttf');
}



@font-face
{
font-family:CYLICOMI;
src: url('../fonts/Manrope-Regular.ttf');
}


@font-face
{
font-family:CYLICOMBI;
src: url('../fonts/Manrope-Bold.ttf');
}

@font-face
{
font-family:CYLICOMH;
src: url('../fonts/Manrope-Regular.ttf');
}





.container-gallery{width:100%; max-width:1180px; margin:0 auto; padding-top:150px; padding-bottom:150px;}


@media only screen and (max-width: 991px){
.intro-about .background-mask {
   
    z-index: 0;
}
}






#cadre_alert_cookies * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   font-size: 17px;
    font-family: cylicomb;
    padding: 10px;
}

















div.rapid_contact_ex .textarea {
    height: 140px;
    background: transparent;
    font-family: cylicom;
    letter-spacing: 2px;
    padding: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid#767676;
}



div.rapid_contact_ex .inputbox {
    height: 50px!important;
    background: transparent;
    font-family: cylicom;
    padding: 10px;
    letter-spacing: 2px;
    border-top: none;
    border-left: none;
    border-right: none;
  color:#212121;
}




#amea{display:inline-flex;}
#amea a{margin:0 4px;padding:0 1px;}
























h3.dsn-up{font-size:20px!important;}



.title-transform {
    font-size: 5vw;
    color: transparent;
    -webkit-text-stroke: 1px #323232;
    white-space: nowrap;
}



.title-module2 {
    max-width: 750px;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto;
  font-family:cylicoml;
}





.title-module
{
  font-family:cylicomb;
  color:#fff;
    position: relative;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}











.btn {
   
    text-transform: none!important;
}

input.checkbox{width:10px!important;}


.acym_module_form label {
    max-width: 100%;
    display: inline-block;
    cursor: pointer;
    font-family: cylicoml;
    font-size: 12px;
    float: left;
}




.acym_module_form input {
    cursor: pointer;
    max-width: 100%;
    width: 100%;
    background: transparent;
    font-size: 17px;
    font-family: cylicom;
    border-right: 0px!important;
    border-bottom: 1px solid#fff;
    text-align: center;
    padding-bottom: 5px;
}












a {
    
    font-family: cylicom;
}


.footer-title {
    font-family: cylicomb!important;
}



.our-blog .blog-item .blog-item-inner::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(280deg, rgba(255, 255, 255, 0.9), transparent 0%);
    background: -o-linear-gradient(280deg, rgba(255, 255, 255, 0.1), transparent 0%);
    background: linear-gradient(170deg, rgba(255, 255, 255, 0.1), transparent 0%);
    -webkit-transform: skew(-10deg) translateX(50%);
    -ms-transform: skew(-10deg) translateX(50%);
    transform: skew(-10deg) translateX(50%);
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 2;
}












.our-blog .blog-item .blog-item-inner .after-bg { opacity: 1;}












.scroll-to-top .box-numper span {
    font-size: 12px;
    font-family: cylicom;
}


.pro-text h6 {
    font-weight: 500;
    line-height: 1.7;
    padding: 0 30px;
    font-family: cylicoml;
}

.our-work .work-item .item-info span {
    margin-top: 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    font-family: cylicom;
    font-weight: normal!important;
}

.our-work .work-item .item-info h4 {
    font-size: 25px;
    -webkit-transition: margin-bottom 0.5s ease;
    -o-transition: margin-bottom 0.5s ease;
    transition: margin-bottom 0.5s ease;
    z-index: 3;
    font-weight: 600;
    font-family: cylicomb;
}


.our-work .work-item .item-info .cat {
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: cylicoml;
    opacity: 0.9;
}



.our-work .work-item .item-info::before {
    -webkit-text-stroke: 1px #243d90!important;
    font-family: cylicomb;
  color: #243d90;
}




p {
   
    font-family: cylicoml;
}

.title-block {
    
    font-family: cylicomb;
}










.section-p h2 {
   
    font-family: cylicoml;
}



.intro-about .intro-content-text .box-text p {
    line-height:264%;
    font-family: cylicoml;
  text-align: justify;
}




.intro-about .exper h4 {
   
    font-family: cylicomb;
}






.intro-about .exper .numb-ex > span {
    font-size: 42px;
    font-family: cylicom;
    font-weight: 700;
    color: #fff;
}


.title-section, .section-title h2 {
    font-family: cylicomb;
    color: #212121;
}

.title-cover:not(.text-left):not(.text-right) {
    text-align: center;
    font-family: cylicomeb;
}



.next-container span {
  
    font-family: cylicoml;
    letter-spacing: 2px;
}



.dsn-button-link span {
    color: #000;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    font-family: cylicoml;
}









.dsn-button-link span {
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: cylicomb;
}

.footer-slid .control-num span {
    font-size: 11vw;
    color: rgba(255, 255, 255, 0.07);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);
    -webkit-transform: scale3d(1, 1.15, 1.15);
    font-family: cylicom;
    transform: scale3d(1, 1.15, 1.15);
}


.sub-text-header h5 {font-family: cylicomb;}


.dsn-numbers span {
    width: 35px;
    color: #fff;
    letter-spacing: 2px;
    font-family: cylicomb;
}

a.effect-ajax{font-family: cylicomeb;}



.metas span {
    position: relative;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 7px;
    font-family: cylicoml;
}






.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    font-size: 20px;
}

.fa, .fas {
    font-weight: 900;
    font-size: 29px;
  
}



.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {background: transparent!important;}


.footer .copyright .copright-text .link-hover {color: #2860ad!important; font-family: cylicom;}



.our-blog .blog-item .blog-item-inner .box-content .entry-date span.day {color:#2860ad!important; font-family: cylicom;}







.swiper-pagination-bullet::after {
    border: 1.5px solid #2860ad!important;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}


.swiper-pagination-bullet::before {background-color: #2860ad!important;}



.our-work .work-item .item-info::before {-webkit-text-stroke: 1px #243d90!important;}

.text-center .section-sub-title::after {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #2860ad), color-stop(100%, #2860ad), color-stop(100%, #2860ad), to(transparent));
    background: -webkit-linear-gradient(right, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: -o-linear-gradient(right, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: linear-gradient(to left, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
}





.line-height {background-color: #2860ad!important;}



.section-sub-title::before {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2860ad), color-stop(100%, #2860ad), color-stop(100%, #2860ad), to(transparent));
    background: -webkit-linear-gradient(left, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: -o-linear-gradient(left, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: linear-gradient(to right, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
}









.preloader .preloader-bar .preloader-progress {background: #2b60ae!important;}


.preloader .percent {
    color: #2860ad!important;
    FONT-FAMILY: CYLICOM;
}

.section-sub-title {
    color: #2860ad!important;
    font-family: cylicoml;
    font-weight: normal;
    letter-spacing: 2px;
}


@media only screen and (min-width: 0px){
.classic-menu .site-header .nav-border-bottom {
    display: none;
    background: #2860ad!important;
   
}
}

.line-before:before, .line-after:after {
   
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2860ad), color-stop(100%, #2860ad), color-stop(100%, #2860ad), to(transparent));
    background: -webkit-linear-gradient(left, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: -o-linear-gradient(left, #2860ad 0, #2860ad 100%, #2860ad 100%, transparent 100%);
    background: linear-gradient(to right, #2860ad 0, #2860ad4 100%, #2860ad 100%, transparent 100%);
    
}

.footer-slid .control-nav .prev-container, .footer-slid .control-nav .next-container {background-color: #2860ad!important}

.box-border-after:after {border-bottom: 50px solid #2860ad!important}

.box-border-after::before { border-top: 50px solid #2860ad!important}










/* ------------------------------------- cookies ----------------------------------------*/


.cadre_texte {margin-top:7px;}


#cadre_alert_cookies .btn{margin:0!important;}

.cadre_inner_alert_cookies{background:#000!important; opacity:0.9!important;}


#cadre_alert_cookies .pull-left {
    float: left !important;
    font-family: cylicom!important;
    color: #fff;
}


#cadre_alert_cookies .btn-warning {
    color: #ffffff;
    background-color: #222!important;
    border-color: #222!important;
    border-radius: 0px!important;
    color: #fff!important;
}


#cadre_alert_cookies .btn-warning {
    color: #ffffff;
    background-color: #222!important;
    border-color: #222!important;
   float:left;
    border-radius: 0px!important;
  
}




#cadre_alert_cookies a.btn.read_more {
    text-transform: none;
    background: #222!important;
    color: #fff!important;
    border-radius: 0px;
    font-family: cylicom!important;
  float:left;
}


/* ------------------------------------- cookies ----------------------------------------*/





































.dj-accordion {WIDTH:100%; POSITION:ABSOLUTE;} 

.dj-accordion-light{WIDTH:100%; POSITION:ABSOLUTE;} 





/*               SLIDERAKI MIKRAINW TIS APOSTASEIS                    */

.project-slider .bottom-details {
    padding-bottom: 0px!important;
    height: 100px!IMPORTANT;
}


.project-slider .project-socials {
    padding-right: 0;
    height: 70px!IMPORTANT;
}


.projects .project-navigations {
    position: relative;
    text-align: center;
    margin-top: 0px;
    Z-INDEX: 999!IMPORTANT;
}


/*        TELOS SLIDERAKI MIKRAINW TIS APOSTASEIS                    */









/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------ */



.dj-offcanvas-dark .dj-offcanvas-top {
    background: #000000!important;
    text-align: right;
}


ul.dj-mobile-dark li.dj-mobileitem > a {
    background: #000000!important;
    font-family: cylicom;
    color: #2860ad;
}


.dj-offcanvas-dark {
    background: #000000!important;
    color: #aeaeae;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    background: transparent!important;
    color: #fff;
    /* border-left-color: #46a5df; */
    /* background: rgb(56,172,231); */
    background: -moz-linear-gradient(top, rgba(56,172,231,1) 0%, rgba(22,129,209,1) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,172,231,1)), color-stop(100%,rgba(22,129,209,1))); */
    /* background: -webkit-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    background: -o-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    /* background: linear-gradient(to bottom, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ace7', endColorstr='#1681d1',GradientType=0 );
}


.dj-megamenu-default {
   
    font-family:CYLICOM!important;
   background:none!important;
}


.dj-megamenu-default li a.dj-up_a {
    font-size: 12px!important;
    font-weight: normal!important;
    color:#2860ad!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    cursor: pointer;
    font-family:CYLICOM!IMPORTANT;
    background: transparent;
   
    border-right: 0px solid #000!important;
    border-left: 0px solid #555!important;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    letter-spacing:3px;
}





.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
    
    background: transparent!important;
    color: #434343;
    font-size: 34px!important;
  margin-top: 30px;
}


.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color:#2860ad!important;
}



ul.dj-mobile-light li.dj-mobileitem:hover > a, ul.dj-mobile-light li.dj-mobileitem.active > a {
    background:#2860ad!important;
    color: #fff!important;
    font-family:CYLICOM!IMPORTANT;
}


/*sub menu kouti ------------------------- */
.dj-megamenu-default li div.dj-subcol {background: #2860ad;}



/*color sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li > a {color: #fff!important;}





.dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
    background:none!important;
    color: #fff;
}





/*border sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li {
  
    border-top: 1px solid #ffffff!important;
}

.itemid193{display:none!important;}
.itemid194{display:none!important;}

/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------------------ */