body:not(.vertical-layout), #browser {
    color: #787878 !important;
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
    font-weight: 400 !important;
}

.logo {
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
    font-weight: 600
}

.f-heading {
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
}

.f-main {
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
}

h1,h2,h3:not(.brand-text):not(.light):not(.regular):not(.semibold):not(.bold),h4,h5,h6 {
    font-weight: 600 !important;
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
}

h1:not(.color-white),h2:not(.color-white),h3:not(.color-white),h4:not(.color-white),h5:not(.color-white),h6:not(.color-white) {
    color: #787878;
}

.color-white {
    color: white !important;
}

.color-black {
    color: black !important;
}

.color-main {
    color: #787878 !important;
}

.color-green{
    color: green !important;
}

.color-blue{
    color: blue !important;
}

.color-yellow{
    color: yellow !important;
}

.color-red{
    color: red !important;
}

.color-orange{
    color: orange !important;
} 

.color-pink{
    color: pink !important;
}

.color-twitter{
    color: rgb(10, 160, 245) !important;
}

.color-facebook{
    color: rgb(46, 77, 167) !important;
}

.color-dribbble{
    color: rgb(233, 58, 125) !important;
}

h1.small,h2.small {
    font-weight: 600 !important;
}

b,strong {
    font-weight: 600 !important;
}

.btn.action-1 {
    background-color: #0e1df0 !important;
    color: #ffffff !important;
}

.btn.action-1:hover {
    background-color: #1322f5 !important;
}

.btn.action-2 {
    background-color: #2d9913 !important;
    color: #ffffff !important;
}

.btn.action-2:hover {
    background-color: #329e18 !important;
}

.btn.action-3 {
    background-color: #f50a0a !important;
    color: #ffffff !important;
}

.btn.action-3:hover {
    background-color: #faff !important;
}

.btn.border-gray {
    border: 2px solid #EBEAED !important;
}

.btn.border-gray:hover {
    border-color: #f0eff2
}

.btn.border-light {
    border: 2px solid #ffffff !important;
}

.btn.border-light:hover {
    border-color: #ccc;
}

.btn.action-gray{
    background-color: #EBEAED !important;
    color: #787878 !important;
}

.input.border-gray{
    border:2px solid #EBEAED !important;
}

.input.focus-gray:focus{
    border-color: #EBEAED !important;
}

.input.placeholder-gray::-moz-placeholder{
    color: #EBEAED !important;
}
.input.placeholder-gray::-webkit-input-placeholder{
    color: #EBEAED !important;
}
.input.placeholder-gray:-ms-input-placeholder{
    color: #EBEAED !important;
}

.border-gray+label:before{
    border:2px solid #EBEAED !important;
}

.bg-gray+label:before{
    background-color: #EBEAED !important;
}

input[type=checkbox].focus-gray:checked+label:before,input[type=radio].focus-gray:checked+label:before{
    border-color: #EBEAED !important;
    background-color: #EBEAED !important;
}

.color-gray{
    color: #EBEAED !important;
}

.bg-main{
    background-color: #0e1df0 !important;
}

.bg-heading{
    background-color: #202224 !important;
}

.bg-gray{
    background-color: #EBEAED !important;
}

.bg-white{
    background-color: white !important;
}

.action-1 {
    color: #0e1df0 !important;
}

.action-1.link:hover {
    color: #1322f5 !important;
}

.action-2 {
    color: #2d9913 !important;
}

.action-2.link:hover {
    color: #faff !important;
}

.action-3 {
    color: #f50a0a !important;
}

.action-3.link:hover {
    color: #faff !important;
}

.color-heading {
    color: #202224 !important;
}
 
.color-bg-light {
    color: #ffffff !important;
}

.color-bg-light.link:hover {
    color: #e6e6e6 !important;
}

.color-bg-dark {
    color: #2F1893 !important;
}

.color-bg-dark.link:hover {
    color: #1b3471 !important;
}

.bg-light {
    background-color: #ffffff !important;
}

.bg-dark {
    background-color: #2F1893 !important;
}

.bg-gradient-left, .bg-dark-gradient-left {
    background: linear-gradient(to left,#2F1893,#09051d)!important;
}

.bg-gradient-right, .bg-dark-gradient-right {
    background: linear-gradient(to right,#2F1893,#09051d)!important;
}

.bg-gradient-top, .bg-dark-gradient-top {
    background: linear-gradient(to top,#2F1893,#09051d)!important;
}

.bg-gradient-bottom, .bg-dark-gradient-bottom {
    background: linear-gradient(to bottom,#2F1893,#09051d)!important;
}

.bg-light-gradient-left {
    background: linear-gradient(to left,#ffffff,#333333)!important;
}

.bg-light-gradient-right {
    background: linear-gradient(to right,#ffffff,#333333)!important;
}

.bg-light-gradient-top {
    background: linear-gradient(to top,#ffffff,#333333)!important;
}

.bg-light-gradient-bottom{
    background: linear-gradient(to bottom,#ffffff,#333333)!important;
}

.action-1-bg-gradient-left {
    background: linear-gradient(to left,#0e1df0,#fff)!important;
}

.action-1-bg-gradient-right {
    background: linear-gradient(to right,#0e1df0,#fff)!important;
}

.action-1-bg-gradient-top {
    background: linear-gradient(to top,#0e1df0,#fff)!important;
}

.action-1-bg-gradient-bottom{
    background: linear-gradient(to bottom,#0e1df0,#fff)!important;
}

.action-2-bg-gradient-left {
    background: linear-gradient(to left,#2d9913,#fff)!important;
}

.action-2-bg-gradient-right {
    background: linear-gradient(to right,#2d9913,#fff)!important;
}

.action-2-bg-gradient-top {
    background: linear-gradient(to top,#2d9913,#fff)!important;
}

.action-2-bg-gradient-bottom{
    background: linear-gradient(to bottom,#2d9913,#fff)!important;
}

.action-3-bg-gradient-left {
    background: linear-gradient(to left,#f50a0a,#fff)!important;
}

.action-3-bg-gradient-right {
    background: linear-gradient(to right,#f50a0a,#fff)!important;
}

.action-3-bg-gradient-top {
    background: linear-gradient(to top,#f50a0a,#fff)!important;
}

.action-3-bg-gradient-bottom{
    background: linear-gradient(to bottom,#f50a0a,#fff)!important;
}
 
.bg-action-1 {
    background-color: #0e1df0 !important;
}

.bg-action-2 {
    background-color: #2d9913 !important;
}

.bg-action-3 {
    background-color: #f50a0a !important;
}

.color-filter-light-1:before {
    background-color: rgba(255,255,255,.1) !important;
}

.color-filter-dark-1:before {
    background-color: rgba(47,24,147,.1) !important;
}

.color-filter-light-2:before {
    background-color: rgba(255,255,255,.2) !important;
}

.color-filter-dark-2:before {
    background-color: rgba(47,24,147,.2) !important;
}

.color-filter-light-3:before {
    background-color: rgba(255,255,255,.3) !important;
}

.color-filter-dark-3:before {
    background-color: rgba(47,24,147,.3) !important;
}

.color-filter-light-4:before {
    background-color: rgba(255,255,255,.4) !important;
}

.color-filter-dark-4:before {
    background-color: rgba(47,24,147,.4) !important;
}

.color-filter-light-5:before {
    background-color: rgba(255,255,255,.5) !important;
}

.color-filter-dark-5:before {
    background-color: rgba(47,24,147,.5) !important;
}

.color-filter-light-6:before {
    background-color: rgba(255,255,255,.6) !important;
}

.color-filter-dark-6:before {
    background-color: rgba(47,24,147,.6) !important;
}

.color-filter-light-7:before {
    background-color: rgba(255,255,255,.7) !important;
}

.color-filter-dark-7:before {
    background-color: rgba(47,24,147,.7) !important;
}

.color-filter-light-8:before {
    background-color: rgba(255,255,255,.8) !important;
}

.color-filter-dark-8:before {
    background-color: rgba(47,24,147,.8) !important;
}

.color-filter-light-9:before {
    background-color: rgba(255,255,255,.9) !important;
}

.color-filter-dark-9:before {
    background-color: rgba(47,24,147,.9) !important;
}

.section-title h1:after, .section-title h2:after, .section-title h3:after,.section-title h4:after ,.section-title h5:after,.section-title h6:after {
    background: #0e1df0 !important;
}

/** custom for themes **/
/** custom for themes **/
.bg-gradient-overlay {
    background: linear-gradient(40deg, #0e1df0 0,#445a58 100%)!important;
}

.light_tab_btn {
    background-color: white !important;
    color: #0e1df0 !important;
}

.light_tab_btn.active, .light_tab_btn:hover {
    background-color: #0e1df0 !important;
    color: white !important;
}
.w-100{ width: 100%!important; }
.h-100{ height: 100%!important; }

.team_4 .team-block-two .inner-box::after {
    background: #0e1df0;
    background: -webkit-linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
    background: -moz-linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
    background: linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
}

.team_5 .team-block .inner-box .lower-content:before {
    background: #0e1df0;
    background: -webkit-linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
    background: -moz-linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
    background: linear-gradient(to right, #0e1df0 0%, #59C9FF 100%);
}
/** custom for themes **/
/** custom for themes **/