/* COLORS
LIGHT GREEN: #9DD137
DARK GREEN: #5D9F2D
LIGHT GREY: #D4DBDC
MID GREY: #3E5048
DARK GREY: #202A29
*/
/*****************************************/
/********** COLOR ELEMENTS **************/
/*****************************************/
.grayLight{ background-color: #D4DBDC; color: #000000;}
.grayMid{ background-color: #3E5048; color: #FFFFFF;}
.grayDark{ background-color: #202A29; color: #FFFFFF;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
@media (min-width: 1px) {.topspacing{padding-top: 45px;}}
@media (min-width: 568px) {.topspacing{padding-top: 100px;}}
.no-padding {padding: 0;}
.no-padding img{width: 100%;}
.padding-0{padding-right:0;padding-left:0;}
.padding-section-25{padding-top: 25px;padding-bottom:25px;}
.padding-section-50{padding-top: 50px;padding-bottom:50px;}
.textWhite{color:#ffffff;}
.middlecontainer{position: relative;}
@media (min-width: 300px){
.largeH1{font-size: 40px;text-shadow: 1px 1px #000000;}
.middle {position: absolute;left: 0;top: 150px;width: 100%;text-align: center;}
.middlenobutton {position: absolute;left: 0;top: 150px;width: 100%;text-align: center;}
}
@media (min-width: 600px){
.largeH1{font-size: 60px;text-shadow: 2px 2px #000000;}
.middle {position: absolute;left: 0;top: 200px;width: 100%;text-align: center;}
.middlenobutton {position: absolute;left: 0;top: 150px;width: 100%;text-align: center;}
}
@media (min-width: 1200px){
.largeH1{font-size: 80px;text-shadow: 3px 3px #000000;}
.middle {position: absolute;left: 0;top: 200px;width: 100%;text-align: center;}
.middlenobutton {position: absolute;left: 0;top: 120px;width: 100%;text-align: center;}
}
@media (max-width: 575px) {.textHuge{font-size: 50px;} .textLarge{font-size:30px;} .textMedium{font-size:20px;}}
@media (min-width: 576px) {.textHuge{font-size: 70px;} .textLarge{font-size:40px;} .textMedium{font-size:24px;}}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FF3333; font-size: 16px; text-decoration: underline;} 
a.a1:visited{color: #FF3333; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #FF0000; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:hover{  color: #333333; font-size: 20px; text-decoration: underline;}
a.a3:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;} /*Bottom Links in Footer*/
a.a3:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #9DD137; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;} /*Bottom Links For Menu in Footer*/
a.a4:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a4:hover{  color: #9DD137; font-size: 16px; text-decoration: underline;}
/*****************************************/
/********** OTHER  ************************/
/*****************************************/
.contact-bar{background-color: #3B4D4B;height: 32px;}
.contact-bar .container{height: inherit;}
.contact-bar a{color: #ABB4B5;text-decoration: none;}
.contact-bar a:hover{color: #9DD137;}
@media screen and (max-width: 1200px) {
.form-control.btn{width: 200px !important;}
}
/*****************************************/
/********** NAVBAR ELEMENTS **************/
/*****************************************/
.navbar{background-color: #202A29;}
.navbar a{color: #D4DBDC;}
.navbar a:hover{color: #9DD137;}
.navbar a.active{color: #9DD137;}
@media screen and (min-width: 992px){
.nav-link.active{border-left: 2px solid #5D9F2D;}
.nav-link{border-left: 2px solid transparent;transition: all 0.3s ease-in-out;}
.nav-link:hover{border-left: 2px solid #5D9F2D;}
}
.dropdown-menu{margin-top: 0px;background-color: #202A29;border-style: none;display: none;}
.dropdown .dropdown-icon{transform: rotateZ(0deg);transform-origin: center;transition: transform 0.2s linear;}
.dropdown.show .dropdown-icon{transform: rotateZ(180deg);transform-origin: center;}
.dropdown-item{color: #D4DBDC;transition: all 0.3s ease-in-out;}
.dropdown-item:hover{background-color: transparent;color: #9DD137;}
.dropdown-item.active{background-color: transparent;color: #9DD137;}

@media screen and (max-width: 769px){
#home-banner .carousel-item{height: 500px;}
.banner{height: 300px;}
}
@media screen and (min-width: 769px){
#home-banner .carousel-item{height: 600px;}
.banner{height: 400px;}
}
/*****************************************/
/********** BACKGROUND PICS **************/
/*****************************************/
.equiptment-carousel{height: 100%;overflow: hidden;}
.divider{display: block;width: 30rem;height: 4px;background-color: #9DD137;}
.carousel-img-1{background: url('../img/stacked-lumber.webp');width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel-img-2{background: url('../img/shipping-lumber.webp');width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel-img-3{background: url('../img/missoula-real-estate.webp');width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel-img-4{background: url('../img/equipment-for-sale.webp');width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel-img-5{background: url('../img/forest.webp');width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel-caption{opacity: 0;transition: all 0.5s linear;transform: translateY(50px);}
.carousel-caption.fade-in{opacity: 1;transform: translateY(0px);}
.dark-overlay{position: relative;top: 0;left: 0;background-color: rgba(0,0,0,0.43);width: 100%;height: 100%;}
/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*****************************************/
/********** OTHER *********/
/*****************************************/
.service-info{background-color: #E9F1F2;}
.btn{background-color: #9DD137;color: #202A29;width: 15em;border: none;border-radius: 50px;font-weight: 600;transform: all 0.3s ease-in-out;}
.btn:hover{background-color: #ABE33D;}

#about{background-color: #E9F1F2;overflow: hidden;}

.about-card{background-color: #FFFFFF;box-shadow: 5px 5px 10px #D4DBDC;transition: all 0.2s ease-in-out;border-radius: 5px;height: 100%;}

.about-card:hover{box-shadow: 0px 0px 20px #9DD137;background-color: #9DD137;}
.about-card:hover .about-circle{box-shadow: 0px 0px 20px #9DD137;background-color: #FFFFFF;}
.career-card{background-color: #E9F1F2;transition: all 0.2s ease-in-out;border-radius: 5px;height: 100%;}
.career-card:hover{box-shadow: 0px 0px 20px #9DD137;background-color: #9DD137;}
.about-circle{background-color: #9DD137;border-radius: 100px;height: 90px;width: 90px;display: flex;align-items: center;justify-content: center;margin-top: -40px;transition: all 0.3s ease-in-out;}
.card .about-circle i{transition: all 0.4s ease-in-out;}
.card:hover .about-circle i{color: #9DD137;}

#services{overflow: hidden;}
#services-container.fade-in{opacity: 1;}
.service-container{position: relative;overflow: hidden;width: 100%;height: 100%;padding: 0px, 0px, 0px, 0px;}
.service-container .service-image{object-position: left top;transform: scale(1.7);}
.service-container:hover .service-overlay{height: 100%;}
.service-overlay{position: absolute;background-color: rgba(0,0,0,0.5);bottom: 0px;left: 0;width: 100%;height: 25%;display: flex;align-items: center;justify-content: left;padding-left: 20px;transition: all 0.5s ease;}

@media screen and (min-width: 1200px){
.service-title{color: #F4F4F4;font-size: 16px;position: absolute;top: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease;border-bottom: solid 2px #F4F4F4;}
.service-container:hover .service-title{color: #9DD137;border-bottom: solid 2px #9DD137;top: 30%;}
.service-text{color: #F4F4F4;position: absolute;top: 100%;transition: all 0.5s ease;}
.service-container:hover .service-text{top: 44%;}
.service-container .btn{position: absolute;top: 120%;width: 200px;transition: all 0.4s ease;}
.service-container:hover .btn{display: block;top: 68%;transition: all 0.5s 0.1s ease;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
.service-title{color: #F4F4F4;font-size: 16px;position: absolute;top: 20%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease;border-bottom: solid 2px #F4F4F4;}
.service-container:hover .service-title{color: #9DD137;border-bottom: solid 2px #9DD137;top: 5%;}
.service-text{color: #F4F4F4;position: absolute;top: 100%;transition: all 0.5s ease;}
.service-container:hover .service-text{top: 24%;}
.service-container .btn{position: absolute;top: 120%;width: 180px;transition: all 0.4s ease;}
.service-container:hover .btn{display: block;top: 72%;transition: all 0.5s 0.1s ease;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
.service-title{color: #F4F4F4;font-size: 16px;position: absolute;top: 15%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease;border-bottom: solid 2px #F4F4F4;}
.service-container:hover .service-title{color: #9DD137;border-bottom: solid 2px #9DD137;top: 5%;}
.service-text{color: #F4F4F4;position: absolute;top: 100%;transition: all 0.5s ease;}
.service-container:hover .service-text{top: 24%;}
.service-container .btn{position: absolute;top: 120%;width: 180px;transition: all 0.4s ease;}
.service-container:hover .btn{display: block;top: 72%;transition: all 0.5s 0.1s ease;}
}
@media screen and (max-width: 767px){
.service-title{color: #F4F4F4;font-size: 16px;position: absolute;top: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease;border-bottom: solid 2px #F4F4F4;}
.service-container:hover .service-title{color: #9DD137;border-bottom: solid 2px #9DD137;top: 10%;}
.service-text{color: #F4F4F4;position: absolute;top: 100%;transition: all 0.5s ease;}
.service-container:hover .service-text{top: 28%;}
.service-container .btn{position: absolute;top: 120%;width: 200px;transition: all 0.4s ease;}
.service-container:hover .btn{display: block;top: 68%;transition: all 0.5s 0.1s ease;}
}

#interested p{font-size: 24px;}

#main-footer{background-color: #202A29;color: #F4F4F4;overflow: hidden;}
#main-footer .footer-divider{display: block;position: relative;width: 80%;height: 4px;background-color: #3E5048;}
#main-footer li {list-style: none;}
#main-footer a{color: #F4F4F4;text-decoration: none;border-left: none;}
#main-footer a.active{color: #9DD137;border-left: none;}
#main-footer a:hover{background: none;color: #9DD137;border-left: none;}
#main-footer .dropdown-item:hover{background-color: #202A29;}
#main-footer .dropdown-item.active{background-color: #202A29;color: #9DD137;}
#main-footer .dropdown-menu{background-color: #202A29;}
#main-footer iframe{width: 100%;}

#copywrite{background-color: #F4F4F4;color: #222C43;}
#contact{overflow: hidden;background: url(../img/forest.jpg);background-size: cover;background-attachment: fixed;}
#contact-bg{background-color: #E9F1F2;border-radius: 5px;}
@media screen and (max-width: 767px){
.estate-location iframe{width: 320px;height: 320px;}
}
@media screen and (min-width: 768px){
.estate-location iframe{width: 600px;height: 320px;}
}
#contact-section a{color: inherit;text-decoration: none;}
#contact-section a:hover{color: #9DD137;text-decoration: none;}
/*****************************************/
/**********LIGHTBOX GALLERY CSS **********/
/*****************************************/
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
.section-heading{margin-top:0}.service-box{max-width:400px;margin:50px auto 0}
@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block;background:rgba(29, 73, 153,.8);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}
@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}
.call-to-action h2{margin:0 auto 20px}
/*****************************************/
/**********MAGNIFIC POPUP CSS ***********/
/*****************************************/
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8; }
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}
.mfp-ajax-cur {cursor: progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {cursor: auto;}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure {display: none;}
.mfp-hide {display: none !important;}
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}
button.mfp-close,
button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {opacity: 1;}
.mfp-close:active {top: 1px;}
.mfp-close-btn-in .mfp-close {color: #333;}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; }
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {margin-top: -54px;}
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1;}
.mfp-arrow:before,
.mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}
.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7;}
.mfp-arrow-left {left: 0;}
.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px;}
.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F;}
.mfp-arrow-right {right: 0;}
.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px;}
.mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}
/* Main image in popup */
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
/* The shadow behind the image */
.mfp-figure {line-height: 0;}
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}
/*Remove all paddings around the image on small screen*/
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
.mfp-img-mobile img.mfp-img {padding: 0;}
.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;} 
}
@media all and (max-width: 900px) {
.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); }.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; }.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
.mfp-container {padding-left: 6px;padding-right: 6px;} 
}