/*! Place your custom styles here */

body {
    color: #383838 !important;
    font-family: 'Karla', sans-serif !important;
}

section,
footer {
    padding-top: 2.428571em;
    padding-bottom: 2.428571em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Karla', sans-serif !important;
}

section.space--md,
footer.space--md {
    padding-top: 5.142857em !important;
    padding-bottom: 5.142857em !important;
}

@media (max-width: 375px) {
    section.space--md,
    footer.space--md {
        padding-top: 5.142857em !important;
        padding-bottom: 0.142857em !important;
    }
}


/* Header & navigation */

.bar--transparent:not(.pos-fixed) .menu-horizontal>li>a,
.bar--transparent:not(.pos-fixed) .menu-horizontal>li>span {
    color: #383838;
    opacity: 1;
}

.menu-horizontal li:not(:last-child) {
    margin-right: 3.238095em;
}

.bar .menu-horizontal {
    position: relative;
    top: 6px;
    font-size: 1em;
    text-transform: capitalize;
}

.bar-1 .menu-horizontal>li>.dropdown__trigger,
.bar-1 .menu-horizontal>li>a {
    font-size: 1em;
    line-height: 2.166666666666667em;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0;
}

.header {
    float: left !important;
    left: auto;
}

@media (max-width: 767px) {
    .header {
        margin-top: 1.85714286em;
        text-align: left;
    }
    .background-image-holder.above-fold {
        background: #F7F7F7 !important;
    }
.bar .logo {vertical-align: -5.4px}

}

@media (min-width: 768px) and (max-width: 1024px) {
    img.logo.logo-dark {
        display: none;
    }
}

.stack-menu:before {
    content: '\e80e';
    background: #FF4E00;
}

.at-top .col-md-5.col-sm-4 {
    padding: 0;
}

.at-top button.btn.btn--primary {
    margin-left: -90px;
}

@media (max-width: 768px) {
    .at-top button.btn.btn--primary {
        margin-left: 0px;
    }
}

@media (max-width: 991px) {
    .text-left-sm {
        text-align: right;
        position: absolute;
    }
}

.menu-horizontal>li:not(:hover)>a,
.menu-horizontal>li:not(:hover)>span,
.menu-horizontal>li:not(:hover)>.modal-instance>.modal-trigger {
    opacity: 1;
}

.btn .btn__text,
.btn i {
    line-height: 0 !important;
}


/*body */

.phone1 {
    width: 50%;
    position: relative;
    left: 90px;
}

.phone2 {
    width: 50%;
    position: relative;
    right: -150px;
}

@media (max-width: 375px) {
    .phone2 {
        left: auto;
right: auto;
    }
    .phone1 {
        left: auto;
    }
    * {text-align: center}

    .lead + .btn:last-child {left: 50%; -webkit-transform: translate(-50%) ;
       -moz-transform: translate(-50%) ;
        -ms-transform: translate(-50%) ;
         -o-transform: translate(-50%) ;
            transform: translate(-50%) ;}
}

@media (min-width: 400px) and (max-width: 600px) {
    .phone1 {
        left: auto;
    }
    .phone2 {
        right: auto;
    }
    * {text-align: center}

    .lead + .btn:last-child {left: 50%; -webkit-transform: translate(-50%) ;
       -moz-transform: translate(-50%) ;
        -ms-transform: translate(-50%) ;
         -o-transform: translate(-50%) ;
            transform: translate(-50%) ;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .phone2 {
        left: 90px;
    }
}

.btn--primary,
.btn--primary:visited {
    background: #FF4E00;
    border-color: #FF4E00;
    border-radius: 100px;
}

.btn:hover {
    background-color: #FF4E00 !important;
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.btn.type--uppercase .btn__text,
button.btn.btn--primary {
    letter-spacing: 0px;
    margin-right: -0.5px;
    font-size: 1em;
    text-transform: capitalize;
}

.bg--secondary {
    background: #f7f7f7;
}

.switchable .switchable__text {
    margin-top: 0;
}

input[type].home-input,
textarea,
select {
    -webkit-appearance: none;
    background: #fff;
    padding: 1.6em;
    border-radius: 100px;
    border: none;
}

section:not(.imagebg):not([class*='bg-'])+section.bg--secondary {
    border-top: none;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
    border: none;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.07);
}

.feature h4+p {
    max-width: 100% !important;
}

.feature {
    margin: 30px 10px;
}

section.switchable.feature-large.switchable--switch.space--xs {
    padding-top: 5.142857em !important;
}

.switchable__text.second {
    margin-top: 25%;
}
/* fix the top bar on small small  device*/
@media (max-width: 399px) {
    .switchable__text.second {
        margin-top: 0% !important;
    }
    .bar .logo {
        max-height: 1.0em;
        /* 1.04em */
        max-width: none;
    }
    .menu-horizontal>li>a,
    .menu-horizontal>li>.modal-instance>a {
        font-weight: 700;
        font-size: 9px;
    }
    .bar__module {
        display: -webkit-inline-box;
    }
    .bar .menu-horizontal {
        display: flex;
    }
    /* diference*/
    .menu-horizontal li {
        margin-right: 7px !important;
    }
}

/* fix the top bar on small device*/
@media  (min-width: 400px) and  (max-width: 433px) {
    .switchable__text.second {
        margin-top: 0% !important;
    }
    .bar .logo {
        max-height: 1.0em;
        /* 1.04em */
        max-width: none;
    }
    .menu-horizontal>li>a,
    .menu-horizontal>li>.modal-instance>a {
        font-weight: 700;
        font-size: 9px;
    }
    .bar__module {
        display: -webkit-inline-box;
    }
    .bar .menu-horizontal {
        display: flex;
    }
    /* diference*/
    .menu-horizontal li {
        margin-right: 7px !important;
    }
}
@media (min-width: 434px) and (max-width: 768px) {
    .switchable__text.second {
        margin-top: 0% !important;
    }
    .bar .logo {
        max-height: 1.0em;
        /* 1.04em */
        max-width: none;
    }
    .menu-horizontal>li>a,
    .menu-horizontal>li>.modal-instance>a {
        font-weight: 700;
        font-size: 9px;
    }
    .bar__module {
        display: -webkit-inline-box;
    }
    .bar .menu-horizontal {
        display: flex;
    }
    .menu-horizontal li:not(:last-child) {
        margin-right: 20px !important;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .col-md-11.col-sm-12.text-right.text-left-xs.text-left-sm {
        /* text-align: inherit; */
        display: -webkit-box;
    }
    ul.menu-horizontal.text-left {
        margin-right: 20px;
    }
    .menu-horizontal li:not(:last-child) {
        margin-right: 10px !important;
    }

    .logo_left {width: 46%!important; }
    .logo_right {width: 54%!important; position: static!important}
    .logo_left ,.logo_right {float: left}
}


/* footer */

section.bg--secondary+footer:not(.bg--dark):not(.bg--secondary) {
    border-top: 1px solid #373737;
    background: #373737;
    color: #fff;
}

.icon.icon--xs {
    font-size: 1.14285714285714em;
    padding: 10px;
    color: #fff
}

li.social {
    border-radius: 50px;
    background: rgba(225, 225, 225, 0.1);
}

li.social {
    border-radius: 50px;
    background: rgba(225, 225, 225, 0.1);
}

.footer-7 img {
    width: auto;
    height: 14px;
    margin-bottom: 0;
    padding-right: 25px;
}

@media (max-width: 375px) {
    .col-md-2.col-sm-4 button {
        margin-bottom: 30px;
    }
}


@media (max-width: 351px) {
    .menu-horizontal li:not(:last-child) {
    margin-right: 10px !important;
}

.bar .logo {
    max-height: 0.9em;}
}

@media (max-width: 320px) {
.menu-horizontal>li>a {font-size: 8px}
.menu-horizontal>li:last-child>a {font-size: 9px}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .height-90 {
    height: 51vh!important;
}
}