.site-header {
    background-color: rgba(255, 255, 255, 0.9);
}

.site-header.float-header {
    padding: 20px 0;
}

body,
#mainnav ul ul a {
    font-family: 'ABeeZee', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
#mainnav ul li a,
.portfolio-info,
.roll-testimonials .name,
.roll-team .team-content .name,
.roll-team .team-item .team-pop .name,
.roll-tabs .menu-tab li a,
.roll-testimonials .name,
.roll-project .project-filter li a,
.roll-button,
.roll-counter .name-count,
.roll-counter .numb-count button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'ABeeZee', sans-serif;
    ;
}

.site-title {
    font-size: 32px;
}

.site-description {
    font-size: 16px;
}

#mainnav ul li a {
    font-size: 14px;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

body {
    font-size: 14px;
}

.header-image {
    background-size: cover;
}

.header-image {
    height: 300px;
}

.site-header.fixed {
    position: absolute;
}

.header-wrap .col-md-4,
.header-wrap .col-md-8 {
    width: 100%;
    text-align: center;
}

#mainnav {
    float: none;
}

#mainnav li {
    float: none;
    display: inline-block;
}

#mainnav ul ul li {
    display: block;
    text-align: left;
    float: left;
}

.site-logo,
.header-wrap .col-md-4 {
    margin-bottom: 15px;
}

.btn-menu {
    margin: 0 auto;
    float: none;
}

.header-wrap .container>.row {
    display: block;
}

.widget-area .widget_fp_social a,
#mainnav ul li a:hover,
.sydney_contact_info_widget span,
.roll-team .team-content .name,
.roll-team .team-item .team-pop .team-social li:hover a,
.roll-infomation li.address:before,
.roll-infomation li.phone:before,
.roll-infomation li.email:before,
.roll-testimonials .name,
.roll-button.border,
.roll-button:hover,
.roll-icon-list .icon i,
.roll-icon-list .content h3 a:hover,
.roll-icon-box.white .content h3 a,
.roll-icon-box .icon i,
.roll-icon-box .content h3 a:hover,
.switcher-container .switcher-icon a:focus,
.go-top:hover,
.hentry .meta-post a:hover,
#mainnav>ul>li>a.active,
#mainnav>ul>li>a:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.text-color,
.social-menu-widget a,
.social-menu-widget a:hover,
.archive .team-social li a,
a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #489b58
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.project-filter li a.active,
.project-filter li a:hover,
.preloader .pre-bounce1,
.preloader .pre-bounce2,
.roll-team .team-item .team-pop,
.roll-progress .progress-animate,
.roll-socials li a:hover,
.roll-project .project-item .project-pop,
.roll-project .project-filter li.active,
.roll-project .project-filter li:hover,
.roll-button.light:hover,
.roll-button.border:hover,
.roll-button,
.roll-icon-box.white .icon,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.go-top,
.bottom .socials li:hover a,
.sidebar .widget:before,
.blog-pagination ul li.active,
.blog-pagination ul li:hover a,
.content-area .hentry:after,
.text-slider .maintitle:after,
.error-wrap #search-submit:hover,
#mainnav .sub-menu li:hover>a,
#mainnav ul li ul:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.panel-grid-cell .widget-title:after {
    background-color: #489b58
}

.roll-socials li a:hover,
.roll-socials li a,
.roll-button.light:hover,
.roll-button.border,
.roll-button,
.roll-icon-list .icon,
.roll-icon-box .icon,
.owl-theme .owl-controls .owl-page span,
.comment .comment-detail,
.widget-tags .tag-list a:hover,
.blog-pagination ul li,
.hentry blockquote,
.error-wrap #search-submit:hover,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.archive .team-social li a {
    border-color: #489b58
}

.site-header.float-header {
    background-color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 1024px) {
    .site-header {
        background-color: #ffffff;
    }
}

.site-title a,
.site-title a:hover {
    color: #ffffff
}

.site-description {
    color: #ffffff
}

#mainnav ul li a,
#mainnav ul li::before {
    color: #000000
}

#mainnav .sub-menu li a {
    color: #000000
}

#mainnav .sub-menu li a {
    background: #1c1c1c
}

.text-slider .maintitle,
.text-slider .subtitle {
    color: #ffffff
}

body {
    color: #ffffff
}

#secondary {
    background-color: #ffffff
}

#secondary,
#secondary a,
#secondary .widget-title {
    color: #767676
}

.footer-widgets {
    background-color: #ffffff
}

.btn-menu {
    color: #ffffff
}

#mainnav ul li a:hover {
    color: #000000
}

.site-footer {
    background-color: #ffffff
}

.site-footer,
.site-footer a {
    color: #666666
}

.overlay {
    background-color: #000000
}

.page-wrap {
    padding-top: 0px;
}

.page-wrap {
    padding-bottom: 0px;
}

@media only screen and (max-width: 1025px) {
    .mobile-slide {
        display: block;
    }
    .slide-item {
        background-image: none !important;
    }
    .header-slider {}
    .slide-item {
        height: auto !important;
    }
    .slide-inner {
        min-height: initial;
    }
}