@media only screen and (min-width: 992px) {
    .about-section .img-box div {
        padding: 121px 0 121px 0px;
    }


  
}


@media only screen and (max-width:768px) {
h1.title-contact { font-size: 40px!important;}
}







.dsn-slider .dsn-root-slider .bg-container {
    position: relative;
    width:100%!important;
    height: 100%;
    left:0%!important;
    overflow: hidden;
}









.container-m{width:100%; max-width:1200px; margin:0 auto;}

.box-l-text{width:25%; float:left;}
.box-r-img{width:75%; float:left; padding-left:25px;}

.box-l-img{width:75%; float:left; padding-right:25px;}
.box-r-text{width:25%; float:left; }

.line-m{line-height:30px; color:#fff!important;}

.row-m {
    border: 1px solid #7a7a7a;
    padding: 21px;
    display: block;
    height: 400px;
}






@media only screen and (max-width: 1100px) 
{

.row-m {
    border:0px solid #7a7a7a;
    padding: 21px;
    display: block;
    height: 400px;
}

  
.box-l-text{width:100%; float:left;}
.box-r-img{width:100%; float:left; padding-left:0px;}

.box-l-img{width:100%; float:left; padding-right:0px;}
.box-r-text{width:100%; float:left; }



}












@media only screen and (max-width: 768px) {
    .slide-m {
        width: 100% !important;
        height: 70vh !important;
        object-fit: cover;
    }
}

.slide-m {
    width: 100%;
    z-index: 1;
}


.icon-services{width:100%!important;}




.index{
    z-index: 99999;
    position: relative;
}





[data-overlay]:before

 {
    content: "";
    position: absolute;
    background:none!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}







h5.manosc {
    font-family: cylicom;
    font-size: 17px !important;
    max-width: 310px !important;
    background: #000;
    padding: 20px;
    line-height: 24px;
    min-height: 236px;
}


.cs{
    margin-top: -61px;
    right: 100px;
    position: absolute;
    /* display: block; */
}



#myVideo-top {
width: 100vw; /*100% of horizontal viewport*/
height:100vh; /*100% of vertical viewport*/
object-fit: cover; 
top:0;
}


.video-desk{display:block;}
.video-mob{display:none;}


@media only screen and (max-width: 768px) 
{
.video-desk{display:none;}
.video-mob{display:block}
}
  









.slide2 {width: 100%; }

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


b {
    font-family: cylicomeb !important;
    font-weight: normal;
    text-shadow: none;
}


/*.site-header {background: #000!important;}*/
.theme-color {color: #7c7b7b!important;}
.video-btn .btn-wrapper .icon-before {color: #7c7b7b!important;}
body:not(.v-dark) .site-header{padding-top:15px; padding-bottom:15px; background-color: #000!important;}




[data-overlay="5"]:before {
    opacity: 0!IMPORTANT;
}



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











@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 29px!important;
        line-height: 1.1;
    }
}

span.slideraki {
    text-transform: none !important;
    font-family: cylicom !important;
    font-size: 14px;
    max-width: 600px;
    padding-top: 10px;
}

@media screen and (min-width:1401px) and (max-width:1600px) 
{
span.slideraki{max-width:600px;}
}

@media screen and (min-width:1026px) and (max-width:1400px) 
{
span.slideraki{max-width:600px;}
}

@media screen and (min-width:1025px) and (max-width:1280px) 
{
span.slideraki{max-width:600px;}
}

@media screen and (min-width:768px) and (max-width:1024px) 
{
span.slideraki{max-width:600px;}
}

@media screen and (min-width:600px) and (max-width:767px) 
{
span.slideraki{max-width:600px;}
}

@media screen and (min-width:0px) and (max-width:600px) 
{
span.slideraki{max-width:350px;}
h4.sec-title {font-size:17px;}  
}




.testimonials .testimonial-item p {
    font-family: var(--heading-font);
    font-size: 26px;
    line-height: 35px;
    text-transform: none;
    font-weight: 100!important;
    font-family: cylicoml !important;
}


.footer .copyright-social .copright-text {
    font-family: var(--heading-font);
    font-size: 14px;
    letter-spacing: 3px!important;
    font-family: cylicoml!important;
}



.footer .footer-block-item .title-footer {
    font-size: 16px !important;
    border-bottom: 1px solid #363636;
}

.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton { padding: 10px!important;}




.cpnb-div-position-top-left .cpnb-button, .cpnb-div-position-top-right .cpnb-button, .cpnb-div-position-bottom-left .cpnb-button, .cpnb-div-position-bottom-right .cpnb-button {
    margin-bottom: 15px;
    font-family: 'CYLICOMeB';
}

.cpnb-message {
    color: #f1f1f3;
    font-family: cylicoml;
    font-size: 14px;
}

hr.line-gallery{padding:0px!important; margin:0px!important;}

h4.title-gallery{font-family:cylicoml; letter-spacing:2px; font-weight:100; padding:0px!important; margin:0px!important;}

.osgalery-cat-tabs{display:none!important;}

h1.title-contact {font-family:cylicomb!important; font-size: 90px; letter-spacing: 6px;}

.rpx_msg_sent{color:#ccc!important;}

input[type=submit]:hover {border: 1px solid#ccc!important;
-webkit-transition: all 0.65s ease;
-moz-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;      
background:#ccc!important;
color:#111;                          
                          
                         
}


input[type=submit] {border: 1px solid#ccc!important;}



.rpx_form_container .checkbox, .rpx_form_container .radio {
    vertical-align: inherit!important;
    margin-right: 5px;
}

.rpx_field_input label {
    display: block;
    text-transform: none;
    font-family: cylicoml !important;
    font-weight: 100 !important;
    letter-spacing: 1px;
}


.rpx_field_input label {
    display: block;
    text-transform: none;
    font-family: cylicoml !important;
    font-weight: 100 !important;
}




.rpx_form_container input, .rpx_form_container input[type="text"], .rpx_form_container input[type="number"], .rpx_form_container input[type="email"], .rpx_form_container input[type="tel"], .rpx_form_container textarea, .rpx_form_container select {
    background: transparent !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #ccc;
    color: #ccc;
    font-family: 'CYLICOMB';
    font-size: 15px;
}







@media only screen and (max-width: 1024px) {
.title2 {font-size: 50px!important;}

.main-logo {width: 173px!important;}
  
}

#dj-megamenu111mobile {position:absolute; margin-top: -35px;}



.bolg-item .box-content .content-inner .blog-catgeory a {font-family: cylicom!important; font-size: 13px;}

span{ font-family: 'CYLICOMEB'!important;}
h4.sec-title{ font-family: 'CYLICOMb'!important;}





a.default-button:hover {color: #0b0b0b!important;}
      
.default-button .left::before, .default-button .right::before {background-color: #777777!important;}

.feature-section .fact-item .fact-item-wrapper .icon span::before 
{line-height:50px; color: #fff !important;}
.default-button .text{ font-family: 'CYLICOMb'!important;}
h6.sup-title{ font-family: 'CYLICOM'!important;}
h5.label{ font-family: 'CYLICOMB'!important;}
h4.title-block{ font-family: 'CYLICOMB'!important;}

h3 { font-family: 'CYLICOMB'!important;}

.services .service-item .icon span {color: #ffffff!important;}

.about-section .box-experience .numb-ex { color: #4d5f6e!important;}

span.letter-spacing-2{font-family: 'CYLICOM'!important;}

.sm-title-block {font-family: 'CYLICOMEB'!important;}

p {font-family: 'CYLICOM'!important;}

h2.section-title{font-family:cylicomeb!important; }

h5.sup-title{font-family:cylicom!important;}

.dsn-slider .metas .date, .header-project .metas .date, .our-work-col .work-item .metas .date{font-family:cylicomeb!important;}

.dsn-slider .metas span, .header-project .metas span, .our-work-col .work-item .metas span{font-family:cylicomeb!important;}

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

.socials-text{font-family:cylicomb!important;}

.site-header .inner-header .main-logo {
    width: 230px;
    pointer-events: all;
}

div.mod-languages a {font-family:'CYLICOMBI'!important; color: #fff!important;}

.title2{font-size:100px; font-family:cylicomb!important; pointer-events: all;}






.lang-m{pointer-events: all;}
.menu-m{pointer-events: all;}





@media only screen and (max-width: 1024px) {
.main-navigation {visibility: visible!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');
}




#language_picker_des_114{display:none!important;}

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



@media screen and (min-width:0px) and (max-width:1036px) 
{

ul.dj-mobile-dark li.dj-mobileitem>a {font-size: 18px;}

}




ul.dj-mobile-dark ul li.dj-mobileitem>a {color: #dbdbdb!important;}

ul.dj-mobile-dark li.dj-mobileitem>a {font-family: 'CYLICOMb'!important;}



ul.dj-mobile-dark li.dj-mobileitem>a {background: #111!important;}


ul.dj-mobile-dark li.dj-mobileitem:hover>a, ul.dj-mobile-dark li.dj-mobileitem.active>a {
   background: #111!important;
}



.dj-offcanvas-dark .dj-offcanvas-top {
    background: #111!important;
   
}


.dj-offcanvas-effect-1.dj-offcanvas-open .dj-offcanvas-left, .dj-offcanvas-effect-1.dj-offcanvas-open .dj-offcanvas-right {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background: #111!important;
}







.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
   content: "\f0c9";
    display: inline-block;  
    text-rendering: auto;
    border: 1px solid#afafaf;
    -webkit-font-smoothing: antialiased;
    padding: 4px;
    margin-top: 12px;
    margin-right: 15px;
}


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


.dj-megamenu-wrapper {float: left;}

.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;
    background: -moz-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%);
    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: 14px;
    font-weight: normal!important;
    color: #fff!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    cursor: pointer;
    font-family: cylicomb;
    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: #826900!important;
}



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


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



/*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 {
  text-align:left;
    border-top: 1px solid #ffffff!important;
}



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