:root {

    --themecolorrosewood: #5b100b;
    --themecolorrosewoodrgba:rgba(91,16,11,.7);
    --themecolorauburnrgba:rgba(166,33,34,.7);
    --themecolorsteelbluergba:rgba(67, 129, 193,.7);
    --themecolorauburn: #a62122;
    --themecolorsteelblue: #4381C1;
    --themecolorgunmetal: #19323C;
    --themecolorwhite: #f4f4f4;
    --themecolorpurewhite: #fff;
    --themecolorgrey: #616161;
    --themecolorcharcoal: #424651;
    --themecolorgradient: linear-gradient(to right,var(--themecolorcharcoal),var(--themecolorhoney));
}




.themecolorrosewood
{
        background-color: var(--themecolorrosewood) !important;
}
.themecolorrosewoodtext
{
        color: var(--themecolorrosewood) !important;
}

.fillthemecolorrosewood
{
        fill: var(--themecolorrosewood) !important;
}

.themecolorauburn
{
        background-color: var(--themecolorauburn) !important;
}
.themecolorauburntext
{
        color: var(--themecolorauburn) !important;
}

.fillthemecolorauburn
{
        fill: var(--themecolorauburn) !important;
}


.themecolorsteelblue
{
        background-color: var(--themecolorsteelblue) !important;
}
.themecolorsteelbluetext
{
        color: var(--themecolorsteelblue) !important;
}

.fillthemecolorsteelblue
{
        fill: var(--themecolorsteelblue) !important;
}

.themecolorgunmetal
{
        background-color: var(--themecolorgunmetal) !important;
}
.themecolorgunmetaltext
{
        color: var(--themecolorgunmetal) !important;
}

.fillthemecolorgunmetal
{
        fill: var(--themecolorgunmetal) !important;
}

.themecolorcharcoal
{
        background-color: var(--themecolorcharcoal) !important;
}
.themecolorcharcoaltext
{
        color: var(--themecolorcharcoal) !important;
}

.fillthemecolorcharcoal
{
        fill: var(--themecolorcharcoal) !important;
}
.themecolorpurewhite
{
        background-color: var(--themecolorpurewhite) !important;
}
.themecolorpurewhitetext
{
        color: var(--themecolorpurewhite) !important;
}

.fillthemecolorpurewhite
{
        fill: var(--themecolorpurewhite) !important;
}

.dex_nav_manu:before {

    background: var(--themecolorauburn);

}

.dex_nav_manu,.sticky.dex_nav_manu {
    background:  var(--themecolorrosewoodrgba);

}

.dex_nav_manu {

    border-bottom: 3px solid var(--themecolorgrey);

}
.breatcumb-content-text ul li i {

    color: var(--themecolorsteelblue);
}

.breatcumb-content-text ul li span:before {

    background: var(--themecolorsteelblue);
}
.style-two .dex-about-content {
    background: var(--themecolorauburn);
}

body {
    color: var(--themecolorcharcoal);
}

.dreamit-section-title {
    border-left:none !important;

}

.quote-icon i {
    background: var(--themecolorpurewhite);
    color: var(--themecolorsteelblue);

}

.dex_menu ul .sub-menu li:hover>a, .dex_menu ul .sub-menu .sub-menu li:hover>a, .dex_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .dex_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: var(--themecolorrosewood);

}

.dex-sinlge-feature-box:after {

    background: var(--themecolorauburnrgba);

}
.dex-feature-box-inner:hover .fillthemecolorsteelblue{
    fill:var(--themecolorpurewhite);
}

.dreamit-single-team-box2:hover {
    border: 2px solid var(--themecolorsteelblue);
}

.port-content-icon i {
    background: var(--themecolorsteelblue);

}
.bg-lightwhite
{
    background-color: #f4f4f4;

}

.footer-middle {
    background: var(--themecolorgunmetal);

}

.row.footer-bottom {
    border-top: 1px solid grey;
}

.company_icon a {

    background: #b7b7b7;
    color: var(--themecolorauburn);
}

.footer-socail-icon i {

    color: #ffffff;
}


.top-wrap .go-top-button::after {

    background-image: -webkit-linear-gradient(0deg,var(--themecolorrosewood) 0%, var(--themecolorrosewood) 100%);

}

.top-wrap .go-top-button {

    background: var(--themecolorsteelblue);
}

.company_icon a:before {

    background: var(--themecolorsteelblue);
}
ul.social-box li a {

    color: var(--themecolorauburn);
}

.faq-icon1 i {

    color: var(--themecolorsteelblue);
}

.from-box button {

    background:  var(--themecolorsteelblue);

}

.single-project-box:after {

    border: 1px solid var(--themecolorauburn);
}

h1, h2, h3, h4, h5, h6 {

font-family: 'Lato', sans-serif;

}

.close-side-widget i {
    color: var(--themecolorauburn);
}

.project-title h6 {

    color: var(--themecolorsteelblue);
}

.slider-week {

    background: var(--themecolorrosewood);

}

.dreamit-section-title h4 {

    color: var(--themecolorauburn);
}

.dreamit-section-title span {
    color: var(--themecolorauburn);
}

.style-two .service-bottom span {

    color: var(--themecolorsteelblue);
}

.service-title h2 a:hover {
    color: white;
}

.style-two .single-service-box-2:before {

    content: none !important;

}

.style-two.service-area {
    background: #e3e3e3;

}

.testi-top-icon i {

    color: white;
}

.dex-testimonial-single-box {

    background: var(--themecolorsteelblue);
}

.testimonial-list .owl-prev i {
    background: var(--themecolorsteelblue) !important;
}

.counter-text h1 {

    color: var(--themecolorcharcoal);
}
.counter-text span {
    color: var(--themecolorcharcoal);
}

.mean-container .mean-bar {
    background: var(--themecolorrosewood);
}

.mobile-menu-area {

    border-top: 3px solid var(--themecolorauburn);
}

.mean-container .mean-nav ul li {

    /* border-top: 1px solid#fff; */
}
.mean-container .mean-nav ul li a {
    background: #fff;

}

.mean-container .mean-nav ul li {
    border-top: 1px solid #878787;
}


element.style {
}
.mean-container .mean-nav ul li {
    border-top: 1px solid #878787;
}
.mean-container .mean-nav ul li {
    /* border-top: 1px solid#fff; */
}
.mean-container .mean-nav ul li {
    background: white;
}

.mean-container .mean-nav ul li a:hover {
    background: var(--themecolorrosewood) none repeat scroll 0 0;
    color:white;
}

.mean-container .mean-bar::before {

    content: url(/arafalogo.svg);

    background: #f4f4f4;
}

@media only screen and (min-width: 320px) and (max-width: 599px)
{
.slider-area {
    height: 650px !important;
}
}


.mean-container .mean-bar::before {

    top: 3px;
}