
body {
    color:#3b3b3b!important;
}
.navbar-custom,
.navbar-custom.affix {
    background-color: #fff;
    padding: 10px 0;
    border-bottom:5px solid #30A19A;
    color: #30A19A;
}

.nav li a {
    color: #3b3b3b!important;
}

.nav li a:hover {
    color: #fff!important;
    background-color: #30A19A!important;
    border-radius:3px;
}

.nav li.active:hover
.nav li.active{
    background-color: #30A19A;
 
}
.nav li.active a,.nav li.active a:hover{
    color: white!important;
}

img.employee {
    width:75px;
    height:100px;
    margin-right:10px;
    margin-bottom:10px;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.3)));
}

header {
 /* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}

.shadow{ 
    text-shadow: 1px 1px 1px #3b3b3b;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.placeholder{color:black;}

.btn{background-color:#30A19A!important;border:0px solid red;}
.btn:hover {background-color:#43d6cd!important;border:0px solid red;}
section a, .btn:visited{text-decoration:none!important;
/*border-radius:0px!important;*/
    
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #30A19A;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
background: rgba(48,161,154,.9);
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease .5s;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;


}


textarea::placeholder,
input::placeholder {
  color: #ccc!important;
}

section a{color:#3b3b3b;text-decoration:underline;}
section a:hover{color:#30A19A;text-decoration:underline;}
section a:active{color:#3b3b3b;}
p,li{font-size:16px;}
p.lead{    font-weight: 400;}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}


.label {
    font-size: 100%;
    display: inline-block;
    margin-bottom: 8px;
}


header .intro-lead-in {font-style:normal!important;font-weight:bold!important;}
header .intro-text-tiny {
    padding-top: 125px;
    padding-bottom: 75;
}
header .intro-text-tiny .intro-heading {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.7em!important;
    line-height: 50px!important;
    margin-bottom: 50px;
}


hr {
    border-color: #30A19A;
    border-width: 5px;
    max-width: 100px;
    margin-top: 0;
}

header{position:relative;}
header img{
    position:absolute;
    top:0;
    display:none;
    width:100%;
    height:100%;
}


section h3.section-subheading {
    line-height: 1.8;
}


.modal-backdrop{
    display:none!important;
}

#portfolio .portfolio-item .portfolio-caption {
    min-height: 110px;
}

.label {
    text-align: left!important;

}


#snazzy_iceland{width:100%;height:400px;}


.project_shot{
        height:250px!important;
        width:100%;
    }

.job_title{font-size:16px;}

@media (max-width: 767px){

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 14px!important;
    }
    
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media (max-width: 576px) {

   .intro-heading {
        font-size: 2.7em!important;

    }
    .btn {
        font-size:12px;
    }
    
    footer{
        
    }
    /*#snazzy_iceland{width:100%;height:200px;}*/
    
    .project_shot{
        height:185px!important;
        width:100%;
    }
    section {padding:20px 0!important;}
    

    
}




@media (max-width: 768px) {
    .navbar-custom .nav li a {
        font-size: 14px!important;
    }
   
    
}



/* Extra Small Devices, Phones */ 
@media (min-width: 768px) {
    
    section {
        padding: 50px 0;
    }
    

    .navbar-custom .nav li a {
        font-weight: 400;
        letter-spacing: -1px;
    }
    
    .intro-heading {
        font-size: 60px!important;

    }
    
    header .intro-text .intro-lead-in {

        font-size: 30px!important;
    
    }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) { 
    
    .navbar-custom .nav li a {
        font-weight: 400;
        letter-spacing: -1px;
    }
    
    .nav>li>a {
        padding: 15px 10px;
    }
}

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
    
    
}
/*==========  Mobile First Method  ==========*/
   
   
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    
    
}




section h3.section-subheading {
     margin-bottom: 20px!important; 
}

.extra img{
    width:100%!important; 
    /*max-width:800px!important; */
}

footer{
    border-top: 5px solid #30A19A;
}



h2{
    font-size:1.8em!important;
}


.copyright{
    line-height: 30px!important;
}


/******/
/*section {padding:0!important;}*/
header .intro-text {
     padding-top: 200px!important; 
     padding-bottom: 200px!important; 
}

body,
header, 
.intro-text, 
.intro-lead-in {font-family:Montserrat, "Helvetica Neue", Helvetica,Arial,sans-serif!important;}


#header{
    background-position: center center; 
}

/* front headers */
#header_3f091832e9de443c854301d95d6ed7d5{
    background-position: bottom center!important
}
#header_33fadc27ea8743bdfbf330f94a7481c6{
    background-position: bottom center!important
}
#header_1383e68338869d3c43a087c9ac86119b{
    background-position: top center!important
}





#header_1{
    background-position: bottom center; 
}
#header_2{
    background-position: bottom left; 
}

#header_3{
    background-position: top center; 
}
#header_4{
    background-position: top left; 
}
#header_5{
    background-position: top center; 
}
#header_6{
    background-position: bottom right; 
}
#header_7{
    background-position: bottom center; 
}
#header_8{
    background-position: center bottom; 
}



.splitter {
    height: 2px;
}

