header {
    background-color: #f5f5f5;
}

.modul-r-buyers_toolbar .nav > li > a {
    font-size: 14px;
}

.navbar-default {
    background-color: #212A34;
    border-color: #212A34;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #14191f;
}

.navbar-default .badge {
    background-color: #82B541;
    color: #fff;
}

#logo {
    margin-top: 30px;
}

.welcome-section {
    margin: 70px 180px 70px 0;
    border-right: 1px solid rgba(255,255,255, 0.5);
}

.welcome-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 50px 0;
    font-weight: 500;
}

.login-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 70px 0 10px 0;
    font-weight: 500;
    padding-left: 18px;
}

.welcome-section h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px 0;
    font-weight: 500;
}

.welcome-section h3 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    margin-bottom: 50px;
}

.green-btn {
    display: block;
    float: left;
    padding: 0 20px;
    height: 45px;
    background: #82B541;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
}

.green-btn:hover, .green-btn:focus {
    color: #fff;
    text-decoration: none;
    background: #678F34;
    transition: all 0.3s ease;
}

.white-btn {
    display: block;
    float: left;
    margin-left: 15px;
    padding: 0 15px;
    height: 45px;
    background: rgba(255,255,255, 0.25);
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
}

.white-btn:hover, .white-btn:focus {
    color: #000;
    text-decoration: none;
    background: #fff;
    transition: all 0.3s ease;
}

#welcome-section .panel-heading, .panel-footer, #welcome-section label {
    color: #fff;
}

#welcome-section .modal-body {
    padding-top: 8px;
}

#welcome-section .panel-heading {
    padding: 0 0 0 19px;
}

#welcome-section .panel-title {
    font-size: 14px;
}

#welcome-section label {
    font-weight: 500;
}

.page-title h2 {
    font-size: 36px;
    color: #333;
    font-weight: 500;
    margin-top: 0;
}

.page-title h5 {
    font-size: 18px;
    color: #999;
    font-weight: 300;
}

.step-item {
    padding-bottom: 30px;
    border-bottom: 4px solid #d3d3d3;
}

.step-item:hover {
    border-bottom: 4px solid #82B541;
    transition: all 0.3s ease;
}

.step-item img {
    display: block;
}

.step-num {
    font-size: 36px;
    font-weight: 700;
    color: #d3d3d3;
    display: inline-block;
    margin-right: 20px;
}

.step-item h3 {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    display: inline-block;
}

.step-item p {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.step-item .fa {
    font-size: 16px;
    color: #82B541;
}

.step-link {
    font-size: 16px;
    color: #82B541;
    font-weight: 500;
    margin-right: 8px;
}

.step-item:hover>.step-num {
    color: #82B541;
    transition: all 0.3s ease;
}

.step-link:hover {
    margin-right: 11px;
    color: #82b541;
    text-decoration: none;
    transition: all 0.3s ease;
}

.date-outer, .event-description {
    float: left;
}

.event-description {
    max-width: 422px;
}

.date-outer {
    width: 100px;
    margin-right: 25px;
}

.date-outer .month {
    background: #82B541;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    font-size: 16px;
}

.date-outer .date {
    background: #f5f5f5;
    color: #555;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
}

.day {
    background: #82B541;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    font-size: 14px !important;
}

.event-description h3 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

.event-description h3 span {
    font-weight: 600;
}

.event-description h5 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 5px 0;
}

.event-description p {
    font-size: 14px;
    color: #777;
}

.why-us p {
    font-size: 14px;
    color: #777;
    line-height: 24px;
}

.why-us-item .icon, .why-us-item .txt {
    float: left;
}

.why-us-item .txt {
    max-width: 630px;
}

.why-us-txt {
    margin-bottom: 50px;
}

.why-us-item {
    margin: 0 0 40px 15px;
}

.why-us-item h5 {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 500;
}

.why-us-item .icon {
    margin-right: 25px;
}

.e-auction-img {
    padding-top: 60px;
}

footer {
    background: linear-gradient(to bottom, #f5f5f5 0px,#f5f5f5 120px, #191919 120px,#191919 420px, #303030 420px);
    margin-bottom: -1px;
}

.call-to-action {
    margin: 25px 0 80px 0;
}

.call-to-action h2 {
    font-size: 30px;
    font-weight: 600;
    color: #82B541;
    text-transform: uppercase;
    margin-bottom: 0;
}

.call-to-action h4 {
    font-size: 24px;
    font-weight: 400;
    color: #333;
    margin-top: 5px;
}

footer .btn-warning, header .btn-warning {
    background-color: #3498DB;
    border-color: #3498DB;
}

footer .btn-warning:hover, footer .btn-warning:focus, footer .btn-warning.focus, header .btn-warning:hover, header .btn-warning:focus, header .btn-warning.focus, footer .btn-warning:active, footer .btn-warning.active, header .btn-warning:active, header .btn-warning.active {
    background-color: #147BBF !important;
    border-color: #147BBF !important;
}

footer .btn {
    margin-top: 40px;
}

p {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 24px;
}

.page-title-secondary h2 {
    font-size: 32px;
    color: #333;
    font-weight: 500;
}

.page-title-secondary h2:after {
    content: ' ';
    display: block;
    margin: 10px auto 0 auto;
    width: 55px;
    height: 5px;
    background: #75A23A;
}

a:hover, a:focus {
    color: #75A23A;
}

.btn-link:hover, .btn-link:focus {
    color: #75A23A;
}

.modul-copyright {
    color: #ccc;
}

.footer-col {
    color: #999;
}

.footer-col p {
    font-size: 14px;
    line-height: 24px;
    margin: 30px 0;
}

.contact-footer {
    color: #fff;
    font-weight: 500;
}

.contact-footer .fa {
    color: #82B541;
    margin-right: 5px;
}

.contact-footer a {
    color: #fff;
}

.contact-footer a:hover {
    color: #82B541;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-footer .phone {
    margin-right: 15px;
}

.footer-col-links h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px 0;
}

.footer-col-links ul {
    margin: 0;
    padding: 0;
}

.footer-col-links li {
    line-height: 24px;
    list-style-type: none;
}

.footer-col-links a {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.footer-col-links a:hover {
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
}

.social-icons {
    text-align: right;
    margin-top: 15px;
}

.social-icons a {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
}

.social-icons a:hover {
    text-decoration: none;
}

.social-icons .fa {
    line-height: 32px;
}

#facebook {
    background: #4359AC;
}

#twitter {
    background: #1DA1F2;
}

#linkedin {
    background: #0077B5;
}

#google-plus {
    background: #DA4336;
}

#youtube {
    background: #E62117;
}

#instagram {
    background: #CD5959;
}

@media all and (min-width: 1200px) {
    #about-us-img-sm {
        display:none;
    }
}

@media all and (max-width: 1199px) {
    .welcome-section {
        margin: 70px 80px 70px 0;
    }

    .step-item h3 {
        font-size: 22px;
    }

    .step-num {
        font-size: 32px;
        margin-right: 15px;
    }

    .event-description {
        max-width: 330px !important;
    }

    .why-us-item .txt {
        max-width: 500px;
    }

    .why-us-item {
        margin: 0 0 20px 15px;
    }

    #about-us-img-sm {
        display: none;
    }

    .e-auction-img {
        padding-top: 80px;
    }

    .call-to-action {
        margin: 30px 0 80px 0;
    }

    .call-to-action h2 {
        font-size: 28px;
    }

    .call-to-action h4 {
        font-size: 18px;
    }

    footer .btn {
        margin-top: 40px;
    }

    footer {
        background: linear-gradient(to bottom, #f5f5f5 0px,#f5f5f5 120px, #191919 120px,#191919 400px, #303030 400px);
    }
}

@media all and (max-width: 991px) {
    #logo {
        display:block;
        margin: 20px auto 0 auto;
    }

    .welcome-section h3 {
        font-size: 22px;
    }

    .welcome-section h2 {
        font-size: 36px;
    }

    .welcome-section {
        margin: 70px 0;
    }

    .step-item h3 {
        font-size: 16px;
    }

    .step-num {
        font-size: 24px;
        margin-right: 5px;
    }

    .step-item p {
        font-size: 12px;
        line-height: 22px;
        margin: 0 0 15px 0;
    }

    .step-link {
        font-size: 14px;
    }

    .step-item {
        padding-bottom: 15px;
    }

    .event-description {
        max-width: 220px !important;
    }

    .event-description h5 {
        font-size: 14px;
    }

    .event-description p {
        font-size: 12px;
    }

    .why-us-txt {
        margin-bottom: 30px;
    }

    .why-us-item .txt {
        max-width: 600px;
    }

    #about-us-img {
        display: none;
    }

    #about-us-img-sm {
        display: block;
    }

    .e-auction-img {
        padding-top: 120px;
    }

    .call-to-action h2 {
        font-size: 22px;
    }

    .call-to-action h4 {
        font-size: 16px;
    }

    .footer-col p {
        margin: 30px 0 15px 0;
    }

    .contact-footer {
        margin-bottom: 40px;
    }

    footer .btn {
        margin-top: 30px;
    }

    footer {
        background: linear-gradient(to bottom, #f5f5f5 0px,#f5f5f5 100px, #191919 100px,#191919 550px, #303030 550px);
    }
}

@media all and (max-width: 767px) {
    #logo {
        display:block;
        margin: 20px auto;
    }

    .module-r-menu-advanced.navbar-default .icon-bar {
        background-color: #000 !important;
    }

    .green-btn, .white-btn {
        display: none;
    }

    .welcome-section h4 {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .welcome-section h2 {
        font-size: 28px;
        margin: 0 0 5px 0;
    }

    .welcome-section h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .welcome-section {
        margin: 30px 0 0 0;
        text-align: center;
        border: none;
    }

    .page-title h2 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .page-title h5 {
        font-size: 16px;
        margin-top: 5px;
    }

    .step-item img {
        display: none;
    }

    .step-item p {
        display: none;
    }

    .step-item h3, .step-item h2 {
        display: block;
    }

    .step-item h3 {
        margin-top: 0;
        font-size: 22px;
    }

    .step-link {
        font-size: 18px;
    }

    .step-item h2 {
        font-size: 48px;
    }

    .step-item {
        text-align: center;
        margin-bottom: -10px;
        border: none;
    }

    .step-item:hover {
        border-bottom: none;
    }

    .event-item {
        margin-bottom: 30px;
    }

    .date-outer {
        width: 70px;
        margin-right: 15px;
    }

    .event-description {
        max-width: 190px !important;
    }

    .event-description h3, .event-description h5 {
        font-size: 14px;
    }

    .event-description a {
        font-size: 14px;
    }

    .event-description p {
        margin-bottom: 0;
    }

    .date-outer .month {
        font-size: 14px;
    }

    .why-us-item .icon {
        display: none;
    }

    .why-us-item h5 {
        margin: 0 0 10px 0;
        font-size: 18px;
        font-weight: 500;
    }

    .txt p {
        font-size: 12px;
        line-height: 18px;
        padding-right: 15px;
    }

    .why-us p {
        text-align: justify;
    }

    .why-us-item .fa {
        font-size: 16px;
        color: #82B541;
        margin-right: 8px;
    }

    #about-us-img-sm {
        display: none;
    }

    .call-to-action {
        margin: 30px 0 15px 0;
        text-align: center;
    }

    .call-to-action h4 {
        font-size: 14px;
    }

    .col-2 {
        margin-bottom: 30px;
    }

    footer .btn {
        margin-top: 0;
    }
	footer .btn-warning{
		margin-bottom:15px;
	}

    footer {
        background: linear-gradient(to bottom, #f5f5f5 0%,#f5f5f5 220px,#191919 220px);
    }
}