/**Helpers**/
/*hide on desktop*/
@media only screen and (min-width:471px){
    .hide-on-desktop{
	display:none!important
    }
}
/*hide on mobile*/
@media only screen and (max-width:470px){
    .hide-on-mobile{
	display:none!important
    }
}

/****
   Global
 ****/
.brand-orange{
    color:#ff6700!important;
}
.brand-orange-background{
    background-color:#ff6700!important;
}
.bgdark {
    background: #2d2929;
    /* background: #ff6700; */
    /* background: linear-gradient(#ff3b00, #ff6700, #ff4700); */
}
.justify-text{text-align:justify!important;}

/****
   Header
 ****/
/*logo*/
.navbar-brand {
    width: 230px;
}

/****
   Footer
 ****/
ul.hours_links li::before {
    border-bottom: unset;
}
.bgdark ul.hours_links li>span {
    background: unset;
}
/*logo*/
.footer_logo {
    width: 160px;
}

/****
   Home
 ****/
/*particle header background*/
.part-header{
    background-image: url('../images/site-assets/background/four-point-0-header.jpg');
}
#home .overlay-dark {
    background-color: #00000040;
}
/*our process*/
section#our-process {
    position: relative;
}
div#particle-our-process {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:470px){
    #our-process .row:nth-of-type(2) {
	margin-right: unset;
    }
}

/*testimonials*/
.testimonial-bg {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../images/site-assets/background/testimonials.jpg')!important;
}
/*remove image and adapt layout*/
.testi-box .testimonial-round {
    margin-top: 160px;
    height: 0px;
    width: 0px;
}
.testi-text {
    margin-top: 155px;
}
/*hide arrows for single testimonial*/
.owl-nav.disabled {
    display: none!important;
}

/****
   About
 ****/
/*header*/
.about-header {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../images/site-assets/about/about-four-point-0-1.jpg) no-repeat;
    min-height: 400px;
    /* background-attachment: scroll!important; */
    background-position: center bottom!important;
}
/*team*/
.team-box {
    cursor: pointer;
}
#ourteam-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
div#team-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 9;
}
div#team-popup-inner {
    position: relative;
    width: 600px;
    height: 600px;
    background: white;
    margin: auto;
    margin-top: 200px;
    padding: 20px;
}
div#team-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    background: #ff6700;
    padding: 20px;
    color: white;
}
div#team-popup-content {
    margin-top: 75px;
}
div#team-popup-social {
    position: absolute;
    bottom: 0;
    left: 0;
}
#team-popup-social .social-icons-simple {
    background: #ff6700;
    padding: 20px;
}
#team-popup-social a.linkedin {
    color: white;
    font-size: 30px;
}
#team-popup-content-title {
    text-align: center;
    color: black;
}
h3#team-popup-content-subtitle {
    text-align: center;
    color: #ff6700;
}
p#team-popup-content-text {
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width:470px){
    #ourteam-grid {
	grid-template-columns: 100%!important;
    }
    div#team-popup-inner {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 200px;
	padding: 20px;
    }
}

/****
   Careers
 ****/
/*available positions iframe*/
.service-header {
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0)), url(../images/site-assets/careers/careers-four-point-0.jpg) no-repeat;
}
#iframe-available-positions{
    width:100%;
    height:100vh;
}


/****
   Submit
 ****/
.submit-header {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../images/site-assets/submit/submit-four-point-0.jpg) no-repeat!important;
    background-attachment: unset!important;
    min-height: 400px;
}
/*iframe*/
#iframe-submit-cv {
    width: 100%;
    height: 100vh;
}

/****
   Contact
 ****/
.contact-header {
    background: linear-gradient(rgb(0, 0, 0, 0.9),rgba(0,0,0,0.7)),url(../images/site-assets/contact/contact-four-point-0.jpg) no-repeat!important;
    background-attachment: unset!important;
    background-position-y: bottom!important;
    min-height: 400px;
}
