body {
   
    background-color: #f4f1ec!important;
   
}

@media only screen and (max-width: 768px) 
{
div.mod-languages a { FONT-SIZE: 16PX!important; padding: 10px 15px 10px 15px!important; letter-spacing: 1px;}
div.mod-languages a:hover { FONT-SIZE: 16PX!important; padding: 10px 15px 10px 15px!important; letter-spacing: 1px;}

}  

.logo-wallox{width:300px!important;}

.plus{width:37px!important;}
.main-header__inner {
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
    /* left: 309px; */
    max-width: 838px;
    margin: 0 auto;
}

/* ---------------- CATALOGUE -------------------------------------------------*/
/* ---------------- CATALOGUE -------------------------------------------------*/
/* ---------------- CATALOGUE -------------------------------------------------*/



h3{color:#f39100!important;}

.page-item:first-child .page-link {display: none!important;}

.page-item:last-child .page-link {display: none!important;}




.page-link:hover {background-color:#f39100;!important;}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffffff;
    background-color: #ed1c24;
    border: 1px solid #ed1c24;
    font-family: 'CYLICOMB';
    font-size: 20px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #545353 !important;
    background-color: #e3000f;
    border-color: #e3000f;
}

li.active { background: #2E2A20!important;}
li.disabled {display: none;}


.pagination {
    margin-top: 30px !important;
    background: #2E2A20;
    border-radius: 23px;
}

.pagination__wrapper{margin:0 auto!important;}


#jform_contact_message{background:#fff!important;}

.djc_filters_in{display:none!important;}
.djc_atoz_set{display:none!important;}
.djc_order_in {display: none!important;}
.djc_author{display: none!important;}
.djc_addtocart{display: none!important;}


h2.djc_title {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-family: 'CYLICOMEB';
    letter-spacing: 2px;
    /* border-radius: 42px; */
    padding: 20px;
    border-bottom: 4px solid #222;
}




a.readmore {
    padding: 10px 25px 10px 25px;
    background: #e3000f;
    color: #fff !important;
    font-family: 'CYLICOMEB';
    border: 0px solid #FFF;
    border-radius: 49px;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}






a.readmore:hover{padding: 10px 25px 10px 25px; background:#f39100; color:#fff!important; font-family:'CYLICOMEB'; border:0px solid#FFF;  border-radius:10px; border-radius: 49px;
}

button.btn-primary{
    padding: 10px 25px 10px 25px;
    background: #e3000f;
    color: #fff !important;
    font-family: 'CYLICOMEB';
    border: 0px solid #FFF;
    border-radius: 49px;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

button.btn-primary:hover{padding: 10px 25px 10px 25px; background:#f39100; color:#fff!important; font-family:'CYLICOMEB'; border:0px solid#FFF;  border-radius:10px; border-radius: 49px;
}


#djc_contact_form_button{
    padding: 10px 25px 10px 25px;
    background: #e3000f;
    color: #fff !important;
    font-family: 'CYLICOMEB';
    border: 0px solid #FFF;
    border-radius: 49px;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}



#djc_contact_form_button:hover{padding: 10px 25px 10px 25px; background:#f39100; color:#fff!important; font-family:'CYLICOMEB'; border:0px solid#FFF;  border-radius:10px; border-radius: 49px;
}







#djcatalog .djc_item .djc_title h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 23px;
    font-family: cylicomeb;
}


.djc_category_info {
    font-size: 13px;
    font-family: cylicomb;
    padding: 5px 0px 0px 5px;
}


.djc_sku {
    font-size: 13px;
    font-family: cylicomb;
    padding: 0px 5px 0px 5px;
}


.djc_title {
    min-height: 46px;
   padding: 0px 5px 0px 5px;
}

#djcatalog .djc_item .djc_introtext {
    padding-top: 10px;
    padding-left: 5px;
    min-height: 106px;
    font-family: 'CYLICOMb';
    line-height: 26px;
    color: #cdcdcd;
    padding-right: 5px;
}


#djcatalog .djc_items .djc_item, #djcatalog .djc_related_items .djc_item { min-height: 649px;}

.djc_item_bg {
    /* background: url(../../../images/template/bg.jpg); */
    border-radius: 27px;
    background: #2E2A20;
}

#djcatalog .djc_image img {
    box-sizing: border-box;
    max-width: 100%;
    border-radius: 21px;
}



#djc_mainimage{margin:0 auto;}

#djcatalog {
    position: relative;
    padding-bottom: 60px;
}

/* ---------------- TELOS CATALOGUE -------------------------------------------------*/
/* ---------------- TELOS CATALOGUE -------------------------------------------------*/
/* ---------------- TELOS CATALOGUE -------------------------------------------------*/

























.container-products{width:100%; max-width:1210px; margin:0 auto; padding:10px!important}





.rpx_field_input{padding:5px 0px 5px 0px!important;}

.contact-one__item__call, .contact-one__item__text{font-family: 'CYLICOM'!IMPORTANT;}

.contact-one__item__title{font-family: 'CYLICOMB'!IMPORTANT;}


#rpx_1rpx_submit{background:#e3000f!important; font-family:'CYLICOMB'!important; border:none!important;}

.rpx_field_input label {display: block; font-family:'CYLICOMB'!important; line-height: 19px!important; font-size: 14px!important;}

.rpx_form_container .checkbox, .rpx_form_container .radio {vertical-align: baseline!important;}

textarea.form-control {background: #f39100 !important; font-family: 'CYLICOMBI'!important;}


.contact-one__bg {position: relative!IMPORTANT;}
.page-header__title {font-family: 'CYLICOMEB'!IMPORTANT;}
.main-footer__copyright{FONT-FAMILY: CYLICOM!IMPORTANT;}
.footer-widget__contact__text, .footer-widget__contact__link{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.footer-widget__links li{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.footer-widget__text{FONT-FAMILY: CYLICOM!IMPORTANT;}
.footer-widget__title{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.blog-card__date__day { padding: 7px 16px 7px 16px; FONT-FAMILY: CYLICOMB!IMPORTANT;}
.blog-card__title{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.team-two__item__subtitle{FONT-FAMILY: CYLICOMB!IMPORTANT;}
h4.project-card__content__title{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.project-card__content__title a{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.project-card__content__subtitle{FONT-FAMILY: CYLICOM!IMPORTANT;}
.design-one__inner__item__text{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.design-one__inner__text{FONT-FAMILY: CYLICOM!IMPORTANT;}
.design-one__tab__link .tab-btn{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.design-one__tab__link .active-btn{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.why-choose-one .progress-box__number{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.why-choose-one .progress-box__title{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.why-choose-one__feature__text{FONT-FAMILY:CYLICOM!IMPORTANT;}
.why-choose-one__feature__title{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.why-choose-one__top__text{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.service-one__bottom__call__title{FONT-FAMILY:CYLICOML!IMPORTANT;}
.service-one__bottom__call__number{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.service-one__bottom__link p{FONT-FAMILY: CYLICOMB!IMPORTANT;}
.service-one__item__title{FONT-FAMILY: CYLICOMEB!IMPORTANT;}
.wallox-btn{FONT-FAMILY:CYLICOMB!IMPORTANT;}
.about-one__client__text {FONT-FAMILY:CYLICOML!IMPORTANT;}
.about-one__list__item{FONT-FAMILY:CYLICOMB!IMPORTANT;}
.sec-title__title {FONT-FAMILY: CYLICOMEB!IMPORTANT;}
.sec-title__tagline {FONT-FAMILY: CYLICOMEB!IMPORTANT;}


.align-items-center{FONT-FAMILY:CYLICOM!IMPORTANT;}
.about-one__funfact__text{FONT-FAMILY:CYLICOMB!IMPORTANT;}
.about-one__count {font-family: cylicomeb!important;}
.feature-two__item__title a{FONT-FAMILY: CYLICOMEB!IMPORTANT;}
.main-slider-one__btn a{FONT-FAMILY:CYLICOMEB!IMPORTANT;}
.main-slider-one__title__box .main-slider-one__title__text{FONT-FAMILY:CYLICOMB!IMPORTANT;}
.main-header__right__btn{FONT-FAMILY:CYLICOMB!IMPORTANT;}
h6.main-slider-one__sub-title{FONT-FAMILY:CYLICOML!IMPORTANT;}


div.mod-languages a {
    FONT-FAMILY: CYLICOMB ! IMPORTANT;
    FONT-SIZE: 18PX;
    color: #fff;
    background: #f39100;
    padding: 15px 35px 15px 35px;
    letter-spacing: 1px;
    border-radius: 54px;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

div.mod-languages a:hover {
    FONT-FAMILY: CYLICOMB ! IMPORTANT;
    FONT-SIZE: 18PX;
    color: #f39100;
    background: #fff;
    padding: 15px 35px 15px 35px;
    letter-spacing: 1px;
    border-radius: 54px;
}













.topbar-two__info__location{FONT-FAMILY:CYLICOMB!IMPORTANT;}
.topbar-two__info__subtitle{FONT-FAMILY:CYLICOML!IMPORTANT;}


.preloader__image {background-size: 130px auto!important;}
    


.topbar-two__info__icon {
    max-width: 37px;
    width: 100%;
    height: 37px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--wallox-gray, #F4EDE4);
    font-size: 16px;
    color: var(--wallox-base, #f39100);
    position: relative;
    z-index: 1;
}





input.subbutton {
    margin-left: -32px;
    margin-top: -9px;
    width: 100%;
    background: #e3000f !important;
    border: none !important;
    text-align: center !important;
    padding: 17px;
    font-family: cylicomeb;
    border-radius: 35px;
}





.inputbox {
    font-family: cylicomeb;
    border-radius: 5px;
    background: #f39100 !important;
    border: none !important;
    padding: 5px !important;
    text-align: center !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');
}










table.acymailing_form{width: 100%!important; border: 0px !important;}
.main-footer__form__item{margin-top:18px!important;}

















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



.dj-offcanvas-dark .dj-offcanvas-close-btn{color:#fff!important;}

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

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







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


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



.dj-offcanvas-dark .dj-offcanvas-top {
    background:#2e2a20!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:#2e2a20!important;
}







ul.dj-mobile-dark li.dj-mobileitem>a
{color:#fff!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:#fff!important;
}

.dj-megamenu-default li ul.dj-submenu>li>a {
    font-size: 16px !important;
    FONT-FAMILY: 'CYLICOMBI';
}


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



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


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



/*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;
    font-family: 'CYLICOMBI';
}




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




ul.dj-mobile-dark ul ul li.dj-mobileitem>a {
    background: #2e2e2e;
    border-top: 1px solid #353535;
    padding-left: 45px;
    font-size: 15px;
}










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