@media (min-width: 768px) {
    .location {
        height: 300px;
    }
}

.bayards-blue {
    color: #222F42;
}

.highlight-button { border:2px solid #222F42 !important; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#222F42 !important; background-color: transparent;   }
.highlight-button:hover {background-color: #222F42 !important; border: 2px solid #222F42 !important;  color:#fff !important}
.highlight-button i { color: #222F42 !important}
.highlight-button:hover i {color:#fff}
.highlight-button-active {
    background-color: #222F42 !important;
    border: 2px solid #222F42 !important;
    color: #fff !important;
}

@media (min-width: 990px) {
    .location {
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }

    .location {
        height: 400px;
    }
}

.photography-services li:hover .img-border-small-gray{
    background: rgba(30,30,30,.6) !important;
}

.dropdown-menu{
    background: rgba(30,30,30,.6) !important;
}

.navbar-toggle {
    background-color: var(--accentcolor) !important;
}

.scrollToTop {
    background-color: var(--accentcolor) !important;
}

a .scrollToTop:hover {
    background-color: #041e41 !important;
}

li.active i {
    color: var(--accentcolor) !important;
}

body .logo {
    max-width: 160px;
    width: 160px;
}

.bg-bayards {
    background-color: #041e41 !important;
}

.bayards-text {
    color: rgb(136,139,141);
}

.contacts {
    height: 350px;
    width: 350px;
    object-fit: cover;
}

body #counter .container {
	padding: 100px 0; 
}

body .social-media .blog-listing.facebook .blog-image {
    position: relative;
}

body .social-media .blog-listing .blog-image::after {
    position: absolute;
    top: 0;
    left: 20px;
    content: '';
	width: 30px;
    height: 41px;
}

body .social-media .blog-listing.facebook .blog-image::after {
    background: url(../png/facebook-icon.png);

}

body .social-media .blog-listing.google-plus .blog-image::after {
    background: url(../png/google-plus_icon.png);

}

body .social-media .blog-listing.instagram .blog-image::after {
    background: url(../png/instagram-icon.png);

}

body .social-media .blog-listing.twitter .blog-image::after {
    background: url(../png/twitter-icon.png);

}

body .social-media .blog-listing.pinterest .blog-image::after {
    background: url(../png/pinterest-icon.png);

}

body .social-media .blog-listing.youtube .blog-image::after {
    background: url(../png/youtube-icon.png);
}

body .bg-bayardsup {
    background:var(--accentcolor) 
}

body .bayardsup-text {
    color:var(--accentcolor) 
}

body .highlight-button-dark {
    border: 2px solid #041e41;
    display: inline-block;
    padding: 8px 20px 9px;
    font-size: 12px;
    color: #fff;
    background-color: #041e41;
}

.highlight-button-dark:hover {
    background-color: transparent;
    border: 2px solid #041e41;
    color: #041e41;
}

.highlight-button-black-border {color: #041e41 !important;border-color: #041e41 !important}
.highlight-button-black-border:hover {
    border: 4px solid #041e41 !important;
    background-color: #041e41 !important;
    color: #fff !important;
}
body .bg-dark-gray,.bg-black {    background: #041e41!important;
}

body .flat-list-bayards {
    color: #252525;
    margin-bottom:20px; 
}
body .flat-list-bayards i  {
    color: var(--accentcolor);
}

.bayards-link {
    color: var(--accentcolor);
    font-weight:bold;
}


body .dark-gray-text {
    color: #333;
}

body #business-parallax h1 {
     line-height: 1;
    color: #FFF;
}

body .opacity-light {
    opacity: 0.4
}

body #content {
    padding: 60px 0;
}

body .title-super-large {
    font-size: 70px;
    line-height: 1;
    font-weight: 900;
}

body .double-line-white:before {
    border-top: 4px double rgba(255,255,255,.15);
    position: absolute;
    z-index: 2;
    width: 140px;
    top: 110px;
}

body .double-line-white:after {
    content: '';    
    left: 0;
    border-top: 4px double rgba(255,255,255,.15);
    position: absolute;
    z-index: 2;
    width: 140px;
    top: 110px;
}

.two-col-text {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

body .social .follow {
    display: inline-block;
}

body .social .fa-stack-2x, body .team-social .fa-stack-2x  {
    color: var(--accentcolor)
}

@media (max-width: 991px) {
    body .title-super-large {
        font-size: 50px;
        line-height: 1;
        font-weight: 900;
    }
}

body h2.content-title {
    color: var(--accentcolor);
    font-weight: bold;
    line-height: 1;
    font-size:2.5rem;margin-bottom:20px;
}

body h2.content-title:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 80px;
    background: #041e41;
    top: -15px;
    left: 15px;
}

.iso-certified {
    width: 310px;
    margin-top: 20px;
}
.quick-links a {
    color: #fff;
}

.footer-logo img {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
   .text-xs-center {
    text-align: center!important;
  } 
}

.btn-contact {
    margin: 0;
    margin-top: 20px;
}

.paragraphText{
    margin-top: 10px;
}

.marginSpace{
    margin-top: 20px;
}

.bg-dark-gray-trans{
    background-color: rgba(37, 37, 37, 0.7) !important;
}

.container-fluid .shaderblock p{
    color: #FFF;
}

.accentButtonHover:hover{
    background-color: var(--accentcolor) !important;
    border-color: var(--accentcolor) !important;
    color: #FFF !important;
}

.text-white{
    color: #FFF !important;
}

div.text-white p span span, div.text-white p span{
    color: #FFF !important;
}

.grid-border .grid-border-box:hover { background:#041e41 !important;}
.grid-border .grid-border-box:hover span.deep-gray-text { color: #fff !important }

#myCarousel .slider-overlay.bg-slider {
    opacity: 0;
}

#myCarousel .tp-caption {
    text-shadow: 1px 1px 10px #000, 0px 0px 8px #000, 0px 0px 4px #000;
}

.job-features h5 { font-size:1rem; }

.job-list h2 { font-size:1.4rem !important; }
.job-list ul li { position: relative; padding-left: 1.5em;  /* space to preserve indentation on wrap */ }
.job-list ul li:before { font-family:'FontAwesome'; content:"\f00c"; position: absolute; left: 0; width: 1em; height: 1em; } /* content:"\f00c" | content: '✓ '; */

.job-stories .post-author-container {
    position: relative;
    padding: 25px;
    margin-bottom: 30px;
    background: #eee;
    min-height: 130px
}

.job-stories .post-author-container p {
    font-size: 13px;
    line-height: 22px
}

.job-stories .post-author-avatar {
    margin-right: 20px;
    float: left
}

.job-stories .post-author-container .comment-author {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 16px
}

.related-job-offers .blog-page-title, .job-stories .blog-page-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

.related-job-offers .related-posts .post-prev-title h3 {
    font-size: 14px;
    line-height: 25px
}

.related-job-offers .related-posts .post-prev-title h3 a:focus, .related-job-offers .related-posts .post-prev-title h3 a:hover {
    color: #97999c;
    text-decoration: none;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer
}

.related-job-offers .related-posts .post-prev-img {
    margin-bottom: 15px
}

.related-job-offers .related-posts .post-prev-img a:hover {
    opacity: .6;
}

.justify-paragraph-text p { text-align:justify; }