#page-wrapper {
    background-color: #fff
}

header {
    position: relative
}

header [class^=col-] {
    position: static
}

header .container {
    position: relative
}

#logo {
    display: inline-block;
    margin: 17px 0;
}

.menu,.menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.menu {
    float: right;
    margin-top: 42px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menu>li {
    float: left
}

.menu li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3b3e43
}

.menu>li>a {
    position: relative;
    padding: 10px 20px 51px 20px;
    margin-right: 15px;
    font-size: 12px;
    text-transform: uppercase
}

.menu>li:last-child>a {
    margin-right: 0
}

.menu li a:hover,.menu li.active>a {
    color: #f38538;
    text-decoration: none
}

.menu.nav>li>a:focus,.menu.nav>li>a:hover {
    background-color: transparent
}

.menu.nav>li>a:focus {
    color: #3b3e43
}

.menu.nav>li.active>a {
    color: #f38538
}

#mobile-menu-button {
    float: right;
    display: none;
    font-size: 32px;
    line-height: 32px;
    padding: 5px 10px;
    border-radius: 3px;
    margin-top: 42px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#mobile-menu-button:hover {
    background-color: #f38538;
    color: #fff
}

#mobile-menu,#mobile-menu ul {
    list-style: none;
    display: none;
    margin: 0;
    background-color: #f38538;
    color: #fff
}

#mobile-menu li a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none
}

#mobile-menu ul a {
    padding-left: 40px
}

#mobile-menu ul ul a {
    padding-left: 60px
}

#page-header {
    padding: 25px 0;
    margin-bottom: 50px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

#page-header h4 {
    margin-bottom: 0;
    font-weight: 700
}

#footer-top {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 0
}

#footer-top .widget:first-child {
    padding-top: 30px
}

#footer-top .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 30px
}

#footer-top .widget-social {
    text-align: center
}

#footer-top .widget-social a {
    margin-right: 65px
}

#footer-top .social-media a:last-child {
    margin-right: 0
}

#footer {
    padding: 100px 0 30px 0;
    background-color: #3b3e43;
    color: #d7d7d7
}

#footer a {
    color: #d7d7d7
}

#footer a:hover {
    color: #f38538
}

#footer .widget-title {
    text-transform: none
}

#footer .widget-newsletter input[type=submit] {
    background-image: url(/images/backgrounds/arrow-2.png)
}

#footer-bottom {
    background-color: #2b2e31;
    color: #585c62
}

#footer-bottom a {
    color: #585c62
}

#footer-bottom a:hover {
    color: #f38538
}

#footer-bottom .widget:first-child {
    padding-top: 30px
}

#footer-bottom .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 30px
}

#home-video-section,#home.full-section {
    margin-bottom: 0
}

.about-me {
    margin-bottom: 50px;
    text-align: center
}

.about-me-thumbnail {
    border: 1px solid #d7d7d7;
    position: relative;
    margin-bottom: 50px
}

.about-me-thumbnail img {
    display: block;
    width: 100%;
    height: auto
}

.about-me-thumbnail .social-media {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    padding: 10px 0;
    background-color: #3b3e43;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-me-thumbnail .social-media a {
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

.about-me-details h4 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400
}

.about-me-details h5 {
    font-weight: 400;
    color: #f38538
}

.about-me:hover .about-me-thumbnail .social-media {
    opacity: 1;
    bottom: 40px
}

#about {
    padding-top: 50px
}

#about .headline.style-3 {
    margin-top: 0
}

.services-boxes.style-1 {
    text-align: center;
    margin-bottom: 30px
}

.services-boxes.style-1 h2 a,.services-boxes.style-1 h5 {
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.services-boxes.style-1:hover h2 a,.services-boxes.style-1:hover h5 {
    color: #f38538
}

.services-boxes.style-2 {
    margin-bottom: 50px
}

.services-boxes.style-2 h3 {
    margin-bottom: 25px;
    font-weight: 600
}

.services-boxes.style-2 h3 small {
    display: block;
    font-size: 12px;
    color: #f38538
}

.services-boxes.style-3 {
    margin-bottom: 50px
}

.services-boxes.style-3>i {
    font-size: 45px;
    line-height: 45px;
    color: #f38538
}

.services-boxes.style-3 .services-boxes-content h3 {
    position: relative;
    font-weight: 600;
    padding-bottom: 15px
}

.services-boxes.style-3 .services-boxes-content h3:after {
    position: absolute;
    bottom: 0;
    display: block;
    border-bottom: 1px solid #f38538;
    width: 50px;
    content: ""
}

.services-boxes.style-3.icon-left {
    padding-left: 20px
}

.services-boxes.style-3.icon-right {
    padding-right: 20px
}

.services-boxes.style-3.icon-left>i {
    float: left
}

.services-boxes.style-3.icon-right>i {
    float: right
}

.services-boxes.style-3.icon-left .services-boxes-content {
    margin-left: 80px
}

.services-boxes.style-3.icon-right .services-boxes-content {
    text-align: right;
    margin-right: 80px
}

.services-boxes.style-3.icon-left .services-boxes-content h3:after {
    left: 0
}

.services-boxes.style-3.icon-right .services-boxes-content h3:after {
    right: 0
}

.services-boxes.style-4 {
    margin-bottom: 50px
}

.services-boxes.style-4 h1 {
    font-size: 72px;
    line-height: 72px;
    font-weight: 300;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.services-boxes.style-4 h3 {
    font-weight: 600;
    line-height: 34px;
    padding-top: 7px;
    margin-bottom: 0
}

.services-boxes.style-4 h3 small {
    display: block;
    color: #f38538;
    font-size: 13px;
    font-weight: 400
}

#services {
    padding-top: 100px
}

#services .headline.style-3 {
    margin-top: 0
}

#products {
    padding-top: 100px
}

#contact {
    padding-top: 100px
}

.contact-boxes.style-1 {
    text-align: center;
    margin-bottom: 30px
}

.contact-boxes.style-1 h2 a,.contact-boxes.style-1 h5 {
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.contact-boxes.style-1:hover h2 a,.contact-boxes.style-1:hover h5 {
    color: F38538
}

.contact-boxes.style-2 {
    margin-bottom: 50px
}

.contact-boxes.style-2 h3 {
    margin-bottom: 25px;
    font-weight: 600
}

.contact-boxes.style-2 h3 small {
    display: block;
    font-size: 12px;
    color: F38538
}

.contact-boxes.style-3 {
    margin-bottom: 50px
}

.contact-boxes.style-3>i {
    font-size: 32px;
    line-height: 32px;
    color: F38538
}

.contact-boxes.style-3 .contact-boxes-content h3 {
    position: relative;
    font-weight: 600;
    padding-bottom: 15px
}

.contact-boxes.style-3 .contact-boxes-content h3:after {
    position: absolute;
    bottom: 0;
    display: block;
    border-bottom: 1px solid F38538;
    width: 50px;
    content: ""
}

.contact-boxes.style-3.icon-left {
    padding-left: 20px
}

.contact-boxes.style-3.icon-right {
    padding-right: 20px
}

.contact-boxes.style-3.icon-left>i {
    float: left
}

.contact-boxes.style-3.icon-right>i {
    float: right
}

.contact-boxes.style-3.icon-left .contact-boxes-content {
    margin-left: 80px
}

.contact-boxes.style-3.icon-right .contact-boxes-content {
    text-align: right;
    margin-right: 80px
}

.contact-boxes.style-3.icon-left .contact-boxes-content h3:after {
    left: 0
}

.contact-boxes.style-3.icon-right .contact-boxes-content h3:after {
    right: 0
}

.contact-boxes.style-4 {
    margin-bottom: 50px
}

.contact-boxes.style-4 h1 {
    font-size: 72px;
    line-height: 72px;
    font-weight: 300;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.contact-boxes.style-4 h3 {
    font-weight: 600;
    line-height: 34px;
    padding-top: 7px;
    margin-bottom: 0
}

.contact-boxes.style-4 h3 small {
    display: block;
    color: F38538;
    font-size: 13px;
    font-weight: 400
}

#contact {
    padding-top: 50px
}

#contact .headline.style-3 {
    margin-top: 0
}

#portfolio {
    padding-top: 100px
}

#portfolio .headline.style-3 {
    margin-top: 0
}

.comment-body {
    margin-bottom: 50px
}

.comment-content {
    margin-left: 130px;
    margin-top: -45px
}

#blog {
    padding-top: 100px
}

#blog .headline.style-3 {
    margin-top: 0
}

#contact-form {
    margin-bottom: 50px
}

#contact-form input[type=text],#contact-form textarea {
    margin-bottom: 3px;
    border: none;
    border-bottom: 1px solid #d7d7d7
}

#contact-form textarea {
    margin-bottom: 20px
}

#contact-form input[type=text]:focus,#contact-form textarea:focus {
    border-bottom-color: #3b3e43;
    outline: 0
}

#contact-form input[type=submit]:hover {
    background-color: #3b3e43
}

@media (min-width: 1200px) {
    .menu>li>a {
        margin-right:20px
    }

    .services-boxes.style-4 h3 {
        padding-top: 20px
    }

    #footer-top .widget-social a {
        margin-right: 85px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .menu {
        display:none
    }

    #mobile-menu-button {
        display: block
    }

    .about-me-thumbnail .btn {
        bottom: 10px
    }

    #footer-top .widget-social a {
        margin-right: 40px
    }
}

@media (max-width: 767px) {
    .menu {
        display:none
    }

    #mobile-menu-button {
        position: absolute;
        top: 0;
        right: 20px;
        display: block
    }

    .services-boxes.style-3.icon-right .services-boxes-content {
        text-align: left;
        margin-right: 0;
        margin-left: 60px
    }

    .services-boxes.style-3.icon-right>i {
        float: left
    }

    .services-boxes.style-3.icon-left .services-boxes-content {
        margin-left: 60px
    }

    .services-boxes.style-3.icon-right .services-boxes-content h3:after {
        left: 0
    }

    .services-boxes.style-3.icon-left {
        padding-left: 0
    }

    .services-boxes.style-3.icon-right {
        padding-right: 0
    }

    .comment-content {
        margin: 0
    }

    #footer-top .widget-social a {
        display: inline-block;
        margin: 5px 10px
    }#page-wrapper {
    background-color: #fff
}

header {
    position: relative
}

header [class=col-] {
    position: static
}

header .container {
    position: relative
}

#logo {
    display: inline-block;
    margin: 17px 0;
}

.menu,.menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.menu {
    float: right;
    margin-top: 42px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menu>li {
    float: left
}

.menu li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3b3e43
}

.menu>li>a {
    position: relative;
    padding: 10px 20px 51px 20px;
    margin-right: 15px;
    font-size: 12px;
    text-transform: uppercase
}

.menu>li:last-child>a {
    margin-right: 0
}

.menu li a:hover,.menu li.active>a {
    color: #f38538;
    text-decoration: none
}

.menu.nav>li>a:focus,.menu.nav>li>a:hover {
    background-color: transparent
}

.menu.nav>li>a:focus {
    color: #3b3e43
}

.menu.nav>li.active>a {
    color: #f38538
}

#mobile-menu-button {
    float: right;
    display: none;
    font-size: 32px;
    line-height: 32px;
    padding: 5px 10px;
    border-radius: 3px;
    margin-top: 42px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#mobile-menu-button:hover {
    background-color: #f38538;
    color: #fff
}

#mobile-menu,#mobile-menu ul {
    list-style: none;
    display: none;
    margin: 0;
    background-color: #f38538;
    color: #fff
}

#mobile-menu li a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none
}

#mobile-menu ul a {
    padding-left: 40px
}

#mobile-menu ul ul a {
    padding-left: 60px
}

#page-header {
    padding: 25px 0;
    margin-bottom: 50px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

#page-header h4 {
    margin-bottom: 0;
    font-weight: 700
}

#footer-top {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 0
}

#footer-top .widget:first-child {
    padding-top: 30px
}

#footer-top .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 30px
}

#footer-top .widget-social {
    text-align: center
}

#footer-top .widget-social a {
    margin-right: 65px
}

#footer-top .social-media a:last-child {
    margin-right: 0
}

#footer {
    padding: 100px 0 30px 0;
    background-color: #3b3e43;
    color: #d7d7d7
}

#footer a {
    color: #d7d7d7
}

#footer a:hover {
    color: #f38538
}

#footer .widget-title {
    text-transform: none
}

#footer .widget-newsletter input[type=submit] {
    background-image: url(/images/backgrounds/arrow-2.png)
}

#footer-bottom {
    background-color: #2b2e31;
    color: #585c62
}

#footer-bottom a {
    color: #585c62
}

#footer-bottom a:hover {
    color: #f38538
}

#footer-bottom .widget:first-child {
    padding-top: 30px
}

#footer-bottom .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 30px
}

#home-video-section,#home.full-section {
    margin-bottom: 0
}

.about-me {
    margin-bottom: 50px;
    text-align: center
}

.about-me-thumbnail {
    border: 1px solid #d7d7d7;
    position: relative;
    margin-bottom: 50px
}

.about-me-thumbnail img {
    display: block;
    width: 100%;
    height: auto
}

.about-me-thumbnail .social-media {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    padding: 10px 0;
    background-color: #3b3e43;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-me-thumbnail .social-media a {
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

.about-me-details h4 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400
}

.about-me-details h5 {
    font-weight: 400;
    color: #f38538
}

.about-me:hover .about-me-thumbnail .social-media {
    opacity: 1;
    bottom: 40px
}

#about {
    padding-top: 50px
}

#about .headline.style-3 {
    margin-top: 0
}

.services-boxes.style-1 {
    text-align: center;
    margin-bottom: 30px
}

.services-boxes.style-1 h2 a,.services-boxes.style-1 h5 {
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.services-boxes.style-1:hover h2 a,.services-boxes.style-1:hover h5 {
    color: #f38538
}

.services-boxes.style-2 {
    margin-bottom: 50px
}

.services-boxes.style-2 h3 {
    margin-bottom: 25px;
    font-weight: 600
}

.services-boxes.style-2 h3 small {
    display: block;
    font-size: 12px;
    color: #f38538
}

.services-boxes.style-3 {
    margin-bottom: 50px
}

.services-boxes.style-3>i {
    font-size: 45px;
    line-height: 45px;
    color: #f38538
}

.services-boxes.style-3 .services-boxes-content h3 {
    position: relative;
    font-weight: 600;
    padding-bottom: 15px
}

.services-boxes.style-3 .services-boxes-content h3:after {
    position: absolute;
    bottom: 0;
    display: block;
    border-bottom: 1px solid #f38538;
    width: 50px;
    content: ""
}

.services-boxes.style-3.icon-left {
    padding-left: 20px
}

.services-boxes.style-3.icon-right {
    padding-right: 20px
}

.services-boxes.style-3.icon-left>i {
    float: left
}

.services-boxes.style-3.icon-right>i {
    float: right
}

.services-boxes.style-3.icon-left .services-boxes-content {
    margin-left: 80px
}

.services-boxes.style-3.icon-right .services-boxes-content {
    text-align: right;
    margin-right: 80px
}

.services-boxes.style-3.icon-left .services-boxes-content h3:after {
    left: 0
}

.services-boxes.style-3.icon-right .services-boxes-content h3:after {
    right: 0
}

.services-boxes.style-4 {
    margin-bottom: 50px
}

.services-boxes.style-4 h1 {
    font-size: 72px;
    line-height: 72px;
    font-weight: 300;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.services-boxes.style-4 h3 {
    font-weight: 600;
    line-height: 34px;
    padding-top: 7px;
    margin-bottom: 0
}

.services-boxes.style-4 h3 small {
    display: block;
    color: #f38538;
    font-size: 13px;
    font-weight: 400
}

#services {
    padding-top: 100px
}

#services .headline.style-3 {
    margin-top: 0
}

#products {
    padding-top: 100px
}

#contact {
    padding-top: 100px
}

.contact-boxes.style-1 {
    text-align: center;
    margin-bottom: 30px
}

.contact-boxes.style-1 h2 a,.contact-boxes.style-1 h5 {
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.contact-boxes.style-1:hover h2 a,.contact-boxes.style-1:hover h5 {
    color: F38538
}

.contact-boxes.style-2 {
    margin-bottom: 50px
}

.contact-boxes.style-2 h3 {
    margin-bottom: 25px;
    font-weight: 600
}

.contact-boxes.style-2 h3 small {
    display: block;
    font-size: 12px;
    color: F38538
}

.contact-boxes.style-3 {
    margin-bottom: 50px
}

.contact-boxes.style-3>i {
    font-size: 32px;
    line-height: 32px;
    color: F38538
}

.contact-boxes.style-3 .contact-boxes-content h3 {
    position: relative;
    font-weight: 600;
    padding-bottom: 15px
}

.contact-boxes.style-3 .contact-boxes-content h3:after {
    position: absolute;
    bottom: 0;
    display: block;
    border-bottom: 1px solid F38538;
    width: 50px;
    content: ""
}

.contact-boxes.style-3.icon-left {
    padding-left: 20px
}

.contact-boxes.style-3.icon-right {
    padding-right: 20px
}

.contact-boxes.style-3.icon-left>i {
    float: left
}

.contact-boxes.style-3.icon-right>i {
    float: right
}

.contact-boxes.style-3.icon-left .contact-boxes-content {
    margin-left: 80px
}

.contact-boxes.style-3.icon-right .contact-boxes-content {
    text-align: right;
    margin-right: 80px
}

.contact-boxes.style-3.icon-left .contact-boxes-content h3:after {
    left: 0
}

.contact-boxes.style-3.icon-right .contact-boxes-content h3:after {
    right: 0
}

.contact-boxes.style-4 {
    margin-bottom: 50px
}

.contact-boxes.style-4 h1 {
    font-size: 72px;
    line-height: 72px;
    font-weight: 300;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.contact-boxes.style-4 h3 {
    font-weight: 600;
    line-height: 34px;
    padding-top: 7px;
    margin-bottom: 0
}

.contact-boxes.style-4 h3 small {
    display: block;
    color: F38538;
    font-size: 13px;
    font-weight: 400
}

#contact {
    padding-top: 100px
}

#contact .headline.style-3 {
    margin-top: 0
}

#portfolio {
    padding-top: 100px
}

#portfolio .headline.style-3 {
    margin-top: 0
}

.comment-body {
    margin-bottom: 50px
}

.comment-content {
    margin-left: 130px;
    margin-top: -45px
}

#blog {
    padding-top: 20px
}

#blog .headline.style-3 {
    margin-top: 0
}

#contact-form {
    margin-bottom: 20px
}

#contact-form input[type=text],#contact-form textarea {
    margin-bottom: 0px;
    border: none;
    border-bottom: 1px solid #d7d7d7
}

#contact-form textarea {
    margin-bottom: 20px
}

#contact-form input[type=text]:focus,#contact-form textarea:focus {
    border-bottom-color: #3b3e43;
    outline: 0
}

#contact-form input[type=submit]:hover {
    background-color: #3b3e43
}

@media (min-width: 1200px) {
    .menu>li>a {
        margin-right:20px
    }

    .services-boxes.style-4 h3 {
        padding-top: 20px
    }

    #footer-top .widget-social a {
        margin-right: 85px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .menu {
        display:none
    }

    #mobile-menu-button {
        display: block
    }

    .about-me-thumbnail .btn {
        bottom: 10px
    }

    #footer-top .widget-social a {
        margin-right: 40px
    }
}

@media (max-width: 767px) {
    .menu {
        display:none
    }

    #mobile-menu-button {
        position: absolute;
        top: 0;
        right: 20px;
        display: block
    }

    .services-boxes.style-3.icon-right .services-boxes-content {
        text-align: left;
        margin-right: 0;
        margin-left: 60px
    }

    .services-boxes.style-3.icon-right>i {
        float: left
    }

    .services-boxes.style-3.icon-left .services-boxes-content {
        margin-left: 60px
    }

    .services-boxes.style-3.icon-right .services-boxes-content h3:after {
        left: 0
    }

    .services-boxes.style-3.icon-left {
        padding-left: 0
    }

    .services-boxes.style-3.icon-right {
        padding-right: 0
    }

    .comment-content {
        margin: 0
    }

    #footer-top .widget-social a {
        display: inline-block;
        margin: 5px 10px
    }
}

/*
     FILE ARCHIVED ON 06:08:09 Jan 27, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:36:02 Sep 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.686
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.016
  esindex: 0.012
  cdx.remote: 32.274
  LoadShardBlock: 238.475 (3)
  PetaboxLoader3.datanode: 221.323 (4)
  load_resource: 62.227
*/

}

/*
     FILE ARCHIVED ON 06:08:09 Jan 27, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:36:02 Sep 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.686
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.016
  esindex: 0.012
  cdx.remote: 32.274
  LoadShardBlock: 238.475 (3)
  PetaboxLoader3.datanode: 221.323 (4)
  load_resource: 62.227
*/