/* ========================================================================
  1.1 Component: GLOBAL
 ========================================================================== */
html{font-size:1em;line-height:1.4;}
html,body{height:100%;}
body{overflow-x:hidden;}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
li{  /*list-style: none;*/}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
a:hover{text-decoration:none;}
ul{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{margin:0;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
::-moz-selection{background:#00573D;color:#fff;text-shadow:none;}
::selection{background:#00573D;color:#fff;text-shadow:none;}

.main-bg{background:#00573D;}
.main-color{color:#00573D;}
.white-color{color:#fff;}
.button{padding:20px 60px;border-radius:4px;font-size:16px;font-weight:bold;display:inline-block;color:#fff;text-shadow:none;}
.button:hover{cursor:pointer;color:#fff;}
.button.light{padding:19px 59px;}
.line{width:80px;height:2px;margin-top:15px;}
.button.light{border:2px solid #eeeeee;}
.padding-large{padding-top:90px;padding-bottom:90px;}
.padding-top-large{padding-top:90px;}
.margin-top-large{margin-top:90px;}
.margin-bottom-large{margin-bottom:90px;}
.margin-top-medium{margin-top:40px;}
.margin-bottom-medium{margin-bottom:40px;}
.margin-bottom-small{margin-bottom:25px;}
.margin-right-small{margin-right:15px;}
.margin-left-small{margin-left:15px;}
.mat-none{margin-top:0;}
.mab-none{margin-bottom:0;}
.mar-none{margin-right:0;}
.mal-none{margin-left:0;}
.hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}

/* ========================================================================
 1.3 Component: Fullscreen menu
 ========================================================================== */
.top-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(45deg);  /* Chrome, Safari, Opera */transform:rotate(45deg);}
.mid-animate{opacity:0;}
.bottom-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(-225deg);  /* Chrome, Safari, Opera */transform:rotate(-225deg);}
.top-menu,.mid-menu,.bottom-menu{width:28px;height:4px;border-radius:10px;background-color:#fff;}
.top-menu{top:5px;}
.mid-menu{top:13px;}
.bottom-menu{top:21px;}
.menui{background:#FFF;transition:0.6s ease;transition-timing-function:cubic-bezier(0.75,0,0.29,1.01);margin-top:10px;position:absolute;}
.menu-trigger{z-index:999;position:fixed;display:block;padding:9px;height:32px;width:32px;margin:0px;top:45px;right:115px;}
.mobilenav{font-family:inherit;top:0;left:0;z-index:999;display:none;position:fixed;width:100%;height:100%;background:rgba(0,87,61,0.9);text-transform:uppercase;}
.mobilenav li{list-style-type:none;text-align:center;padding:10px;font-size:220%;color:#fff;text-decoration:none;font-weight:300;width:100%;}
.mobilenav li:last-child span{border-bottom:none;}
.mobilenav li:hover{cursor:pointer;}
.nav-label{border-bottom:1px solid #fff;padding-bottom:10px;display:block;width:350px;margin:0 auto;}
.mobilenav li:first-child{margin-top:60px;}

/* ========================================================================
 1.4 Hover animation by hover.css http://ianlunn.github.io/Hover/
 ========================================================================== */
@-webkit-keyframes hvr-pulse{
  25%{-webkit-transform:scale(1.1);transform:scale(1.1);}
  75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@keyframes hvr-pulse{
  25%{-webkit-transform:scale(1.1);transform:scale(1.1);}
  75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}
.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}

/* Rectangle Out */
.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(0,87,61,0.9);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:white;}
.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1);}

/* Grow */
.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1);}

/* General button style (reset) */
.portfolio-wrapper .button{padding:20px 60px;display:inline-block;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:none;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border:3px solid #fff;color:#fff;overflow:hidden;}
.portfolio-wrapper .button:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border:3px solid #fff;color:#fff;width:100%;height:0;top:50%;left:50%;background:#fff;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.portfolio-wrapper .button:hover,.button:active{color:#00573D;}
.portfolio-wrapper .button:hover:after{height:260%;opacity:1;}
.portfolio-wrapper .button:active:after{height:400%;opacity:1;}

/* ========================================================================
  2.1 Component: Header
 ========================================================================== */
header{background-color:#333;height:230px;position:relative;}
header .overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:url(../img/slider-overlay.png) repeat;opacity:0.3;}
header .carousel,header .item,header .active{height:100%;}
.carousel-inner{min-height:500px;height:100%;}
.fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.carousel-indicators li{width:40px;height:4px;border:none;border-radius:0;background:#fff;}
.carousel-indicators .active{width:40px;height:5px;background:#00573D;}
.carousel-caption{top:25%;}
.carousel-caption h1{font-size:48px;text-transform:uppercase;font-weight:normal;}
.carousel-control.left,.carousel-control.right{background:none;}
.icon-prev,.icon-next{font-size:60px!important;}
header .logo-container{padding:52px 0 0 93px;}
header .logo-container img{width:320px;}
header .page-header{color:white;text-align:center;}

/* ========================================================================
  2.2 Component: Call To ACTION
 ========================================================================== */
.call-to-action{padding:15px;color:#eeeeee;font-size:18px;position:relative;}
.call-to-action p{margin:20px;}

/* ========================================================================
  2.3 Component: About Us
 ========================================================================== */
.builders-book{background:url("../img/concrete_seamless.png") repeat;position:relative;}
.builders-book .overlay{background:rgba(238,238,238,0.35);}
.builders-book .jumbo-text{text-transform:uppercase;color:#272727;font-size:40px;}
.builders-book p{color:#484848;line-height:24px;}
.builders-book img{margin-left:80px;margin-top:40px;max-height:550px;}
.panel{background:none;border:none;box-shadow:none;}
.panel-default > .panel-heading{background:#00573D;color:#f3eff0;cursor:pointer;border-radius:3px;box-shadow:1px 1px 1px #d7d7d7,-1px -1px 1px #d7d7d7;}
.panel-heading{padding:0;}
.panel-title > a{text-decoration:none;display:block;width:100%;padding:10px 15px;}
.collapsed{background:#ededed!important;color:#222;}
.collapsed strong,.collapsed .state{color:#222222;}
.state{font-size:18px;line-height:18px;}

/* ========================================================================
  2.4 Component: Case Study
 ========================================================================== */
.case-study{padding:0;cursor:pointer;color:#fff;transition:background .5s;}
.case-study-left .overlay{padding-left:200px;padding-right:50px;transition:background .5s;}
.case-study-center .overlay{text-align:center;transition:background .5s;}
.case-study-right .overlay{padding-right:200px;padding-left:50px;transition:background .5s;}
.case-study .case-study-commercial{background:url("../img/case-study/belgard-commercial.jpg") no-repeat;background-size:cover;}
.case-study .case-study-hardscapes{background:url("../img/case-study/belgard-outdoor-living.jpg") no-repeat;background-size:cover;}
.case-study .case-study-masonry{background:url("../img/case-study/echelon.jpg") no-repeat;background-size:cover;}
.case-study .case-study-amerimix{background:url("../img/case-study/amerimix.jpg") no-repeat;background-size:cover;}
.case-study .case-study-moistureshield{background:url("../img/case-study/moistureshield.jpg") no-repeat;background-size:cover;}
.case-study .case-study-barrette{background:url("../img/case-study/barrette.jpg") no-repeat;background-size:cover;}
.case-study .overlay:hover{width:100%;background:rgba(0,87,61,0.9);}
.case-study h3{text-shadow:1px 1px 1px #444;font-size:26px;font-weight:bold;}
.case-study .description{font-weight:lighter;}

/* ========================================================================
  2.5 Component: Why choose us
 ========================================================================== */

/* ========================================================================
  2.6 Component: Our Skills
 ========================================================================== */

/* ========================================================================
  2.7 Component: Processes
 ========================================================================== */

/* ========================================================================
  2.8 Component: Resources
 ========================================================================== */

.resources .resource-item{border:1px solid #00573D;width:220px;height:300px;overflow:hidden;}
.resources .resource-item:hover > .team-overlay{margin-top:-291px;transition:all .85s;}
.resources img{width:100%;}
.resources iframe{min-height:500px;}
.resources .team-overlay{margin-top:0px;width:220px;color:#fff;margin-left:-2px;position:relative;}
.resources .team-overlay .info{height:240px;padding:80px 20px 20px 20px;background:rgba(0,87,61,0.9);}
.resources .team-overlay .learn-more{height:60px;line-height:60px;width:100%;text-align:center;background:#00573D;position:relative;cursor:pointer;}
.learn-more a{color:#fff;}
.resources .description{padding:40px 0;}
.resources .description h3{text-transform:uppercase;}
.resources .description .about{font-size:14px;color:#555;}
.resources .description .member-skill{display:inline-block;}

/* ========================================================================
Component: Contact Us
 ========================================================================== */
.contact-us{background:#fff;}

/* ========================================================================
  2.9 Component: Testimonail
 ========================================================================== */

/* ========================================================================
  2.10 Component: Portfolio
 ========================================================================== */
.portfolio{background:#eee;}
.portfolio .line{margin:15px auto 45px;}
.portfolio .subtitle{font-size:20px;}
.portfolio p{color:#6b6b6b;font-size:14px;margin-top:10px;}
.portfolio .filters{color:#9e9e9e;}
.portfolio .filters li{display:inline;}
.portfolio .filters li a{margin:0 5px;color:#9e9e9e;}
.portfolio .filters .active{color:#00573D;text-decoration:none;}
.portfolio .portfolio-item{width:25%;overflow:hidden;padding:0;margin:0;}
.portfolio .portfolio-item a{position:relative;display:block;color:#fff;}
.portfolio .portfolio-item a .portfolio-overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:block;z-index:4;opacity:0;transition:all 0.3s ease-in-out;padding:125px 20px;}
.portfolio-overlay h2{font-weight:normal;}
.portfolio .portfolio-item a img{width:100%;transition:all 1.2s linear;}
.portfolio .portfolio-item a:hover > .portfolio-overlay{opacity:1;}
.portfolio .portfolio-item a:hover > img{transform:scale(1.2);}
.portfolio > .button{border-color:#333;font-weight:normal;color:#333;position:relative;z-index:10;}
.portfolio > .button i{font-size:22px;}
.filters li a:after{content:"/";margin-left:10px;color:#9e9e9e;}
.filters li:last-child > a:after{content:"";}


/* ========================================================================
  2.16 Component: Footer
 ========================================================================== */
.footer p{color:#bababa;font-size:16px;}
.footer li{display:inline-block;margin:0 5px;height:50px;width:50px;line-height:50px;border-radius:50%;border:2px solid #e5e5e5;background:#fff;transition:all .4s;}
.footer li:hover{cursor:pointer;}
.footer li a{color:#e5e5e5;}
.footer .social i{font-size:22px;transition:all .4s;}
.footer .facebook:hover{border-color:#3b5998;}
.footer .facebook:hover > a i{color:#3b5998;}
.footer .twitter:hover{border-color:#00aced;}
.footer .twitter:hover > a i{color:#00aced;}
.footer .g-plus:hover{border-color:#dd4b39;}
.footer .g-plus:hover > a i{color:#dd4b39;}
.footer .linkedin:hover{border-color:#007bb6;}
.footer .linkedin:hover > a i{color:#007bb6;}
.footer .youtube:hover{border-color:#bb0000;}
.footer .youtube:hover > a i{color:#bb0000;}
.footer .instagram:hover{border-color:#517fa4;}
.footer .instagram:hover > a i{color:#517fa4;}
.footer .behance:hover{border-color:#1769ff;}
.footer .behance:hover > a i{color:#1769ff;}
.footer .dribbble:hover{border-color:#ea4c89;}
.footer .dribbble:hover > a i{color:#ea4c89;}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:100;background:#00573D;cursor:pointer;width:60px;height:60px;line-height:60px;text-align:center;border-radius:4px;color:#fff;-webkit-animation:pulse 1s linear 0s infinite alternate;-moz-animation:pulse 1s linear 0s infinite alternate;-o-animation:pulse 1s linear 0s infinite alternate;animation:pulse 1s linear 0s infinite alternate;}
@-webkit-keyframes pulse{
  from{-webkit-transform:scale3d(1,1,1);}
  to{-webkit-transform:scale3d(1.1,1.1,1.1);}
}
@-moz-keyframes pulse{
  from{-moz-transform:scale3d(1,1,1);}
  to{-moz-transform:scale3d(1.1,1.1,1.1);}
}
@keyframes pulse{
  from{transform:scale3d(1,1,1);}
  to{transform:scale3d(1.1,1.1,1.1);}
}