.slider-button-prev {background-image:url("../../../images/a-l.png");}

.slider-button-next {background-image:url("../../../images/a-r.png");}

.slider-button-prev.slider-button-prev, .slider-button-next.slider-button-prev {
    -webkit-transform:none!important;
    -ms-transform: :none!important;
   
}



































.cpnb-inner {
  padding: 10px 20px;
  overflow: auto;
  background: #fff!important;
}

.cpnb-message {
  color: #1c1c1c !important;
  font-family: cylicom;
}

.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  color: #3a3a3a;
  background-color: transparent;
  border: 1px solid #222;
  font-family: cylicom;
  font-weight: normal;
}


















.pio-kato{margin-top:178px;}

.eso{width:100%!important; max-width:117px;}




h3.title3 {
    margin-bottom: 7px;
    font-size: 16px;
    font-family: cylicomb!important;
    letter-spacing: 1px;
}


@media only screen and (min-width: 992px){
.last-project-section .project-content {
    margin-top: -200px;
    padding: 31px 40px;
    opacity: 0.8;
}
}


.espa {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 99;
    max-width: 200px;
}










.img-loading{width:300px; margin: 0 auto;}






[data-overlay]:before {
   
    background:none!important;
    
}

br.cb { clear: both; }

.cl2{padding:50px;}


.clena{float: left;
    width: 33%;border-right:1px solid#ddd;   border-bottom:1px solid#ddd; }

.cldyo{float: left;
    width: 33%; border-right:1px solid#ddd;   border-bottom:1px solid#ddd; }

.cltria{float: left;
    width: 33%;  border-bottom:1px solid#ddd; }

.cltessera{float: left;
    width: 33%; border-right:1px solid#ddd;   border-bottom:1px solid#ddd; }

.clpente{float: left;
    width: 33%;border-right:1px solid#ddd;   border-bottom:1px solid#ddd; }

.clexi{float: left;
    width: 33%;border-bottom:1px solid#ddd; }

.clefta{float: left;
    width: 33%;border-right:1px solid#ddd;  border-bottom:1px solid#ddd;}

.cloxto{float: left;
    width: 33%;border-right:1px solid#ddd;   border-bottom:1px solid#ddd;}

.clenia{float: left; width: 33%;  border-bottom:1px solid#ddd;}


.cldekaexi{float: left; width: 33%;border-right:1px solid#ddd;  }

.cldekaefta{float: left; width: 33%;border-right:1px solid#ddd;  }

.cldekaoxto{float: left; width: 33%;  }




.space-client{width:100%; height:70px;}


@media only screen and (max-width: 768px)
{  
.clena{float: left; width:100%; border:1px solid#ddd; }

.cldyo{float: left; width:100%; border:1px solid#ddd; }

.cltria{float: left; width:100%; border:1px solid#ddd; }
  
.cltessera{float: left; width:100%; border:1px solid#ddd; }

.clpente{float: left; width:100%; border:1px solid#ddd; }

.clexi{float: left; width:100%; border:1px solid#ddd; }

.clefta{float: left; width:100%; border:1px solid#ddd; }

.cloxto{float: left; width:100%; border:1px solid#ddd; }

.clenia{float: left; width:100%; border:1px solid#ddd; }
  
.cldekaexi{float: left; width:100%; border:1px solid#ddd; }

.cldekaefta{float: left; width:100%; border:1px solid#ddd; }

.cldekaoxto{float: left; width:100%; border:1px solid#ddd; }

}

















.os-gallery-tabs-main-2_761631798{margin-top:50px;}


.static-slide1 {
   
  width: 100%;}

@media only screen and (max-width: 768px)
{  
  
.static-slide1 {
    
    width: 100%;
    height:100vh;
    object-fit: cover;
}

}



.section-title {
    position: relative;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0px;
}

.apo-top{margin-top:70px;}
.apo-bottom{margin-bottom:70px;}

.title { letter-spacing: 1px;}


body:not(.v-dark) .site-header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgb(255 255 255 / 45%)!important;
}



.dsn-slider .next-slide-box .box-title .num {color: #ffffff!important;}
.progress-nav .progress-number { color: #ffffff!important;}




.right{float:right; margin-top: 20px;}


.main-logo { float: left;}








@media only screen and (min-width: 0px)
{
.classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation {
    position: inherit!important;
    display: block!important;
    margin-left: auto;
    height: auto;
    width: auto;
    top: unset;
    left: unset;
    background-color: transparent;
    z-index: 1;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}


#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    /* min-width: 100%; */
    /* min-height: 768px; */
    width: 100%!important;
}



@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');
}


div.mod-languages a {
    padding: 0.5rem;
    text-decoration: none;
    color: #222;
    font-size: 14px;
}

div.mod-languages ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 30px;
    float: left;
}

#language_picker_des_128{display:none;}



.mt-15 {
    margin-top: 15px;
    font-family: 'CYLICOM';
}


div.rapid_contact_ex .button {
    width: 100%;
    height: 80px;
    font-family: 'CYLICOMEB';
  background:transparent;
  -webkit-transition: all 0.65s ease!important;
    -moz-transition: all 0.65s ease!important;
    -o-transition: all 0.65s ease!important;
    transition: all 0.65s ease!important;
}


div.rapid_contact_ex .button:hover {
    
  background:#afbace;
}


.rpx_form_container .rpx_field {
    margin-bottom: 3px;
    margin-top: 20px;
}



.rpx_field_input label {
    display: block;
    font-family: 'CYLICOML';
}




div.rapid_contact_ex .checkbox, div.rapid_contact_ex .radio {
    float: left;
    width: 15px;
    margin-top: -15px;
}

div.rapid_contact_ex .textarea {color: #2e2e2e!important; FONT-FAMILY: 'CYLICOM';}




div.rapid_contact_ex .inputbox {
    color: #2e2e2e!important; FONT-FAMILY: 'CYLICOM';}
}





.footer .footer-credits .copyright {
    font-size: 14px;
    font-family: var(--heading-font);
    text-transform: uppercase;
    letter-spacing: 2px;
    FONT-FAMILY: 'CYLICOMEL';
}


.footer .footer-block.col-menu ul li {font-size: 14px; FONT-FAMILY: 'CYLICOM';}

.f{font-family: 'CYLICOMB';}

.main-btn {font-family: 'CYLICOML';}








.talk{font-family: 'CYLICOMB'; font-size:20px;}

.circular-wrap .v-middle {
    FONT-FAMILY: 'CYLICOMEB';
}

.sm-title-block {
    letter-spacing: 2px;
    font-size: 16px;
    FONT-FAMILY: 'CYLICOMEB';
}



.box-desc .exper span {
    font-family: var(--heading-font);
    font-size: 200px;
    font-weight: 300;
    line-height: 1;
    FONT-FAMILY: 'CYLICOM';
}

.text-link{font-family: 'CYLICOMEB';}

.title-block {
    font-family: 'CYLICOMB';
    color: #2e2e2e;
}



.lest-icon li {font-family: cylicoml;}


.about-block .process-block span {font-family: 'CYLICOMB';}


p {
    font-family: 'CYLICOM';
    color: #222;
}

.sub-heading {FONT-FAMILY: 'CYLICOML';}

.section-title{font-family:'CYLICOMB';}

.box-title h3 {FONT-FAMILY: 'CYLICOML';}

h1.title{font-family:'CYLICOMEB';}




.metas span {font-family: 'CYLICOMB';}


span.title {
    font-size: 14px!important;
    font-family: cylicomb;
}


.menu-m{display:block; float: left;
}


.lang {
    font-family: 'CYLICOMB';
    display: block;
    float: left;
    padding-top: 12px;
    color: #fff;
}






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



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


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


.dj-offcanvas-dark {
    background: #fff!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:#fff!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 13px;
    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:2px;
}





.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:#222!important;
}



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


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



/*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;
}

.dj-megamenu-default.dj-fa-0 li a.dj-up_a .arrow:before, .dj-megamenu-default.dj-fa-1 li a.dj-up_a .arrow:before, .dj-megamenu-default.dj-fa-5 li a.dj-up_a .arrow:before {
  color: #000!important;}




.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;
    color: #363636!important;
   
}

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