* {
    outline: none;
}

.main-content {
    min-height: 23rem;
}

@media screen and (max-width: 40em) {
    .no-js .top-bar {
        display: none;
    }

    .orbit {
        height: 19rem;
    }

    .orbit .orbit-container {
        height: 19rem !important;
    }

    .orbit .orbit-container .orbit-image {
        height: 19rem;
    }

    .orbit .orbit-container .orbit-caption {
        height: 3.5rem;
    }

    .social-bar .social-bar-text {
        text-align: center;
    }

    .social-bar .social-bar-icons {
        /*padding-top: ;*/
        /*padding-right: 20px;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: unset !important;
    }

    .social-bar .social-bar-icons {

    }

    .copyright-right-text, .copyright-left-text {
        text-align: center;
    }
}

@media print, screen and (min-width: 41em) {
    .no-js .title-bar {
        display: none;
    }
}

[data-sticky] {
    width: 100%;
    background: transparent;
}

.sticky-container {
    z-index: 11;
}

/*HOME*/

.website-title a {
    color: #fff;
    margin-left: 1rem;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: 'Futura Book', Arial, monospace;
}

.home-big-button {
    color: #fff;
    background: linear-gradient(to bottom, #e24d38 0%, #a72f1d 100%);
}

.home-big-button .button {
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    padding: .6rem;
}

.home-big-button .decription {

}

.home-big-button .button:hover {
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
}

.home-about-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #F9F9F9;
}

.home-field-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.home-field-section .home-section-title {
    margin-top: -1rem;
    margin-bottom: .5rem;
    font-weight: bold;
    color: #042F50;
}

.home-field-section .button.warning {
    min-width: 69%;
    margin: 0;
}

/*NAVIGATION*/

.nav-service-list .nav-service-item a {
    font-size: 0.9rem;
}

.nav-field-list .nav-field-item a {
    font-size: 0.9rem;
}

.top-bar {
    position: absolute;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 2;
}

.top-bar ul {
    background: transparent;;
}

.top-bar ul a:hover {
    background: #042F50;
    color: #fff;
}

.dropdown.menu a {
    color: #fff;
    min-width: 6rem;
    text-align: center;
}

.dropdown.menu .is-active > a {
    color: #fff;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    display: none;
}

.main-menu .js-dropdown-active li a {
    text-transform: capitalize;
}

.main-menu .js-dropdown-active li a {
    font-size: .8rem;
    padding: .5rem .7rem;
}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    background: #042F50CC !important;
    border: none;
    right: 100%;
    left: 25%;
}

.is-dropdown-submenu li a:hover {
    background: #04578d;
}


/*MOBILE NAVIGATION*/

.title-bar {
    background: #042F50;
}

.title-bar .title-bar-title a {
    color: #fff;
    font-size: 1.3rem;
    font-family: 'Futura Book', Arial, monospace;
}

.accordion-menu a {
    color: #fff;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

/*ERROR*/

.error-page {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.error-page .align-center-middle {
    height: 22.85rem;
}

/*HOME RECENT POSTS*/
.home-recent-posts-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.home-recent-posts-section .home-section-title {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.home-recent-posts-section .card img {
    height: 10rem;
}

.home-recent-posts-section .card-section {
    height: 10rem;
}

/*HOME REVIEWS*/

.home-review-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #F9F9F9;
}

.review-block-vertical {
    padding-top: 20px;
}

.review-block-vertical-quote {
    background: rgba(23, 121, 186, 0.25);
    padding: 1rem;
    border-radius: 0;
    margin-bottom: 1.875rem;
    position: relative;
}

.review-block-vertical-quote p {
    margin-bottom: 0;
}

.review-block-vertical-quote::after {
    content: '';
    bottom: -1.25rem;
    left: 2.25rem;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1.25rem 1.125rem 0 1.125rem;
    border-color: rgba(23, 121, 186, 0.25) transparent transparent transparent;
    position: absolute;
}

.review-block-vertical-person {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.65rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-block-vertical-avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.review-block-vertical-name {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 0.65rem;
}

.review-block-vertical-info {
    text-transform: uppercase;
    font-size: 14px;
    color: #8a8a8a;
    margin-bottom: 0;
    margin-left: 0.65rem;
}

/*FOOTER*/

footer .social-bar {
    background: #042F50;
    color: #fff;
    padding: 1rem;
}

footer .button-group {
    margin: 0;
}

footer .copyright-container {
    padding: 1rem;
    background: #042F50;
    color: #fff;
}

/*SOCIAL BUTTONS*/

.social {
    /*margin-right: .25rem;*/
    height: 100%;
}

.social.facebook {
    background-color: #3b5998;
    color: #fefefe;
}

.social.facebook:hover, .social.facebook:focus {
    background-color: #2f477a;
    color: #fefefe;
}

.social.twitter {
    background-color: #55acee;
    color: #fefefe;
}

.social.twitter:hover, .social.twitter:focus {
    background-color: #1a8fe8;
    color: #fefefe;
}

.social.linkedin {
    background-color: #007bb5;
    color: #fefefe;
}

.social.linkedin:hover, .social.linkedin:focus {
    background-color: #006291;
    color: #fefefe;
}

.social.youtube {
    background-color: #bb0000;
    color: #fefefe;
}

.social.youtube:hover, .social.youtube:focus {
    background-color: #960000;
    color: #fefefe;
}

.social.instagram {
    background-color: #125688;
    color: #fefefe;
}

.social.instagram:hover, .social.instagram:focus {
    background-color: #0e456d;
    color: #fefefe;
}

.social.pinterest {
    background-color: #cb2027;
    color: #fefefe;
}

.social.pinterest:hover, .social.pinterest:focus {
    background-color: #a21a1f;
    color: #fefefe;
}

.social.google-plus {
    background-color: #dd4b39;
    color: #fefefe;
}

.social.google-plus:hover, .social.google-plus:focus {
    background-color: #be3221;
    color: #fefefe;
}

.social.github {
    background-color: #000000;
    color: #fefefe;
}

.social.github:hover, .social.github:focus {
    background-color: black;
    color: #fefefe;
}

.social.tumblr {
    background-color: #32506d;
    color: #fefefe;
}

.social.tumblr:hover, .social.tumblr:focus {
    background-color: #284057;
    color: #fefefe;
}

.social > .fa {
    color: #fefefe;
    margin-right: .25rem;
}

/*POST PAGE*/

.post-page {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.post-list-container .post-item-title a {
    color: #0a0a0a;
    font-weight: 600;
}

.post-list-container .post-item img {
    width: 100%;
    height: 13rem;
    border-radius: 1px;
}

.post-detail .post-item img {
    width: 75%;
    height: 19rem;
    border-radius: 1px;
}

.thumbnail, input, textarea, button {
    border-radius: 2px !important;
}

/*SERVICE DETAIL*/

.service-detail-page {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.service-detail-page img {
    width: 100%;
    height: 13rem;
}

/*FIELD DETAIL*/

.field-detail-page {
    /*margin-top: 3rem;*/
    /*margin-bottom: 3rem;*/
}

.field-detail-page .subtitle {
    font-weight: 600;
}

.field-detail-page img {
    width: 100%;

    height: 17rem;
}

/*POST DETAIL*/

.post-list-container .post-item-title {
    color: #0a0a0a;
    font-weight: 600;
}

.post-meta-data hr {
    margin: 0.5rem auto;
}

/*ABOUT PAGE*/

.about-page {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.about-page .title {
    font-weight: 400;
    font-size: 2.5rem;
}

.about-page .subtitle {
    font-weight: 600;
}

.about-page img {
}

/*CONTACT PAGE*/

.contact-page {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/*WIDGETS*/

/*RECENT POSTS WIDGET*/

.recent-posts-widget ul {
    border: 1px solid silver;
}

.recent-posts-widget ul li:first-child {
    border-top: 4px solid #222222;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.recent-posts-widget .rp-item {
    margin: .01rem 1rem;
    font-size: 0.9rem;
}

.recent-posts-widget .rp-item {

}

.recent-posts-widget a {
    color: #000000;
}

.recent-posts-widget hr {
    margin: 0 auto;
}

/*CATEGORIES WIDGET*/

.categories-widget ul {
    border: 1px solid silver;
}

.categories-widget ul li:first-child {
    border-top: 4px solid #222222;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.categories-widget .cat-item {
    margin: 0.5rem 1rem;
    font-size: 0.9rem;
}

.categories-widget .cat-item .label {
    border-radius: 11px;
    /*border-radius: 50%;*/
}

.categories-widget a {
    color: #000000;
}

.categories-widget hr {
    margin: 0 auto;
}

@media print, screen and (max-width: 40em) {
    .post-detail .post-item img {
        width: 100%;
        height: auto;
    }

    .home-field-section {
        padding: 2rem 1rem;
    }

    .home-field-section .button {

    }
}