/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/****************************************************************************/



.with-testimonial-as-first-box .hs_cos_wrapper_type_rich_text:first-child {
    background: linear-gradient(to bottom,#fff 0,#f4f4f4 100%);
    background: -moz-linear-gradient(top,white 0,#f4f4f4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f4f4f4));
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 12px;
    text-align: left;
    line-height: 2;
    margin-top: 10px;
    line-height:15px;
}

.with-testimonial-as-first-box .hs_cos_wrapper_type_rich_text:first-child .person, .company {
    margin-left: 27px;
}

.with-testimonial-as-first-box .hs_cos_wrapper_type_rich_text:first-child .person {
    color: #f8951c;
}

.with-testimonial-as-first-box .hs_cos_wrapper_type_rich_text:first-child .company {
    color: #777777;
}

.with-testimonial-as-first-box .hs_cos_wrapper_widget {
    margin-bottom: 44px;
}

.footer-container .hs-menu-wrapper.no-flyouts .hs-menu-children-wrapper li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: static;
    background-color: transparent;
}

.footer-container .hs-menu-wrapper.no-flyouts .hs-menu-children-wrapper {
    visibility: visible;
    margin: 0px;
    opacity: 1;
    padding: 0px;
    position: static;
    background-color: transparent;
}

.footer-container .hs-menu-wrapper.no-flyouts  li a {
    background-color: transparent;
    color: #777;
    font-weight: bold;
}

.footer-container .hs-menu-wrapper.no-flyouts .hs-menu-children-wrapper li a {
    color: #888;
    font-weight: 300;
}
.footer-container .hs-menu-wrapper.no-flyouts .hs-menu-item.active-branch > a {
    border-width: 0px;
    box-shadow: inset 0 0px transparent;
}

.footer-container .hs-menu-wrapper.no-flyouts  .hs-menu-item.active-branch > a:hover {
    background-color:transparent;
    box-shadow: inset 0 0px transparent;
}

/**************** Additional Style *******************/



.container-fluid {
    margin: 0 auto;
    max-width: none;
    padding: 0px;
    transition: padding 0.5s ease 0s;
}

.row-fluid-wrapper {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/**************** Header Container Style  Ryan Was here*******************/

.header-container-wrapper{
    padding-top: 25px;
    margin-bottom: 200px;
    border-bottom: none;
    padding-bottom: 15px;
     background: #f9f9f9;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    position: fixed;
    width: 100%;
    margin: -3px auto !important; 
    float: none !important;
    text-align: right;
    z-index: 999;
    /*-moz-opacity: 0.98;
    -khtml-opacity: 0.98;
    opacity: 0.98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=98);
    filter:alpha(opacity=98);*/

}

.header-container{
    max-width: 1080px;
    margin: 0 auto;
   /* background: #f9f9f9; */
}

.main-logo {
    text-align: left;
    padding: 10px;
}
/**************** Main Nav. Style *******************/

.top-nav ul{
    float: right;
}

.hs-menu-wrapper.hs-menu-flow-horizontal .active-branch > a, .hs-menu-wrapper.hs-menu-flow-horizontal .active-item > a {
    box-shadow: 0 0px #000;
}

.top-nav .hs-menu-item {
    background-color: #F9F9F9;
        border-bottom: 1px solid #F9F9F9;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    padding: 15px 20px !important;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5b6f7b;
    transition: color 0.2s linear 0s;
    font-transform: uppercase;
    font-size: 16px;
    
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    border-bottom: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper 
li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: relative;
    left: 20px;
   background-color: #F9F9F9;
}

.top-nav ul li a:hover{
    border-bottom: 1px solid #F5970E;
     color: #ee3e77;
     background-color: #F9F9F9;

}

.hs-menu-wrapper a:hover {
    color: #ee3e77 !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    background-color: #F9F9F9;
    text-align: left;
}




/* Breadcrumb menu----------------------------------------------- */
.hs-breadcrumb-menu-wrapper {
    display: block;
    float: left;
    border-bottom: 2px solid gray;
}
.hs-breadcrumb-menu {
    display: block;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
    float: left;
    display: list-item;
    position: relative;
    padding: 10px 0px 10px 45px;
    background-color: #FBFBFB;
    z-index: 1;
}
.hs-breadcrumb-menu-divider {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 21px 0px 21px 25px;
    margin: -10px -25px -10px 20px;
    border-color: transparent transparent transparent #FBFBFB;
    z-index: inherit;
}
.hs-breadcrumb-menu-divider:before {
    content: none; /* get rid of arrow */
}
.hs-breadcrumb-menu-item.first-crumb {
    padding-left: 25px;
    background-color: #E1E1E1;
    z-index: 6;
}
.hs-breadcrumb-menu-item.first-crumb .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #E1E1E1;
    z-index: inherit;
}
.hs-breadcrumb-menu-item:nth-child(2) {
    background-color: #E7E7E7;
    z-index: 5;
}
.hs-breadcrumb-menu-item:nth-child(2) .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #E7E7E7;
    z-index: inherit;
}
.hs-breadcrumb-menu-item:nth-child(3) {
    background-color: #EDEDED;
    z-index: 4;
}
.hs-breadcrumb-menu-item:nth-child(3) .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #EDEDED;
    z-index: inherit;
}
.hs-breadcrumb-menu-item:nth-child(4) {
    background-color: #F3F3F3;
    z-index: 3;
}
.hs-breadcrumb-menu-item:nth-child(4) .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #F3F3F3;
    z-index: inherit;
}
.hs-breadcrumb-menu-item:nth-child(5) {
    background-color: #F9F9F9;
    z-index: 2;
}
.hs-breadcrumb-menu-item:nth-child(5) .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #F9F9F9;
    z-index: inherit;
}
.hs-breadcrumb-menu-item.last-crumb {
    border-top: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    background-color: #FFFFFF;
    padding-top: 9px;
    padding-right: 21px;
    z-index: 0;
}
.hs-breadcrumb-menu-item:hover:not(.last-crumb) {
    background: #3c3d3f;
}
.hs-breadcrumb-menu-item:hover:not(.last-crumb) .hs-breadcrumb-label {
    color: #F7F8F8;
}
.hs-breadcrumb-label,
.hs-breadcrumb-menu-divider {
    display: block;
    float: left;
    position: relative;
}
a.hs-breadcrumb-label {
    text-decoration: none;
}
.hs-breadcrumb-menu-item:hover .hs-breadcrumb-menu-divider {
    border-color: transparent transparent transparent #5d5d54;
}

/**************** Body Container Style *******************/
.body-container-wrapper{
    margin-top: 90px;
}

.body-container{
   /* max-width: 1080px;*/
    margin: 0 auto;
}

/**************** Footer Container Style *******************/


.footer-container-wrapper{
    background: #3c3d3f;
    padding-top: 10px;
    margin-top: 0px;
    color: white;

}

.footer-container{
    max-width: 1080px;
    margin: 0 auto;
    background: #3c3d3f;
}

.footer-container h3{
    color: #ee3e77; !important;
    margin-bottom: 0px;
    margin-top: 20px;
}

.footer-container p{
    color: #8F9092;
}

.footer-container a{
    color: #FFA72D;
}

.footer-container a:hover{
    color: #ee3e77;
    text-decortation: none;
}

.footer-social{
    margin-top: 16px;
}

/**************** Image Style ********************/

.feature-module img:hover{
    opacity: 0.7;
}


/**************** Link Style *******************/

a{
    color: #ee3e77;
}

a:hover{
    color: #ffcb65;
}

/**************** Misc. Style *******************/

.home-offer-cta {
   text-align: center;
   margin-top: 40px;
}

.cta-top-padding{
    padding: 15px 0px;
}


.well{
    border: 1px solid #DDD;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 6px;
}

address{
    color: #f4f4f4;
    font-size: 16px;
    text-transform: none;
    margin-top: 16px;
}

.module-margin{
    margin: 20px 0px;
}

.video-player{
    padding: 3px;
    border: 1px solid #DDD;
    float: right;
}

.timeline-box-1 h3{
    background-color: #f8951c;
    padding: 20px;
    margin-bottom: 0px;
    color: #ffffff;
    font-size: 30px;
}

.timeline-box-1 p{
    background-color: #3c3d3f;
    padding: 20px;
    margin-top: -5px;
    color: #ffffff;
}
.timeline-box-1 {

    margin-top: 50px;
    margin-bottom: 50px;

-webkit-animation: cssAnimation 1s 1 ease-in-out;
-moz-animation: cssAnimation 1s 1 ease-in-out;
-o-animation: cssAnimation 1s 1 ease-in-out;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px); }
 
    
}




/**************** Inner Page- Page Name style ********************/
.page-name{
    color: #5d5d54;
}

.page-name h1, .page-name h2, .page-name h3, .page-name h4, .page-name h5, .page-name h6{
    margin-bottom: 0px;
}


/**************** Google Search *******************/
.hs_cos_wrapper_type_google_search label{
    font-size: 1.17em;
    font-weight: 300;
}

.hs_cos_wrapper_type_google_search .field label {
    font-weight: normal;
}

.hs_cos_wrapper_type_google_search .field input.hs-input {
    width: 60%;
    margin-right: 10px;
    margin-bottom: 0px;
}

.hs_cos_wrapper_type_google_search a.hs-button.primary {
       -moz-user-select: none;
    background-color: #ee3e77;
    background-image: none;
    border-width: 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow:none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    width: auto;
}

/**************** Sidebar Style ********************/
.sidebar{
    margin-top: 21px;
}

.sidebar h3{
    color: #5d5d54;
    margin-bottom: 10px;
}

.sidebar .hs_cos_wrapper_type_post_listing ul{
    list-style: none;
    padding-left: 0px;
}

/**************** Sidebar Style ********************/

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-top: 5px;
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: relative;
    left: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical .hs-menu-depth-1 {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    background-color: #3C3D3F;
    color: #FFA72D;
    width: auto;
    padding: 5px;
    margin: 5px;
    border-bottom: 1px solid #3C3D3F;
    
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover {
    background-color: #3C3D3F;
    color: #FFFFFF;
    width: auto;
    padding: 10px;
    border-bottom: 1px solid #EF9108;
}



/************* Form styling *****************/

form.hs-form {
    margin-bottom: 20px;
    padding-bottom: 25px;
}

.hs-form-field > label {
    font-weight: 300;
    font-family: 'Source Sans Pro',sans-serif;
}

form.hs-form input[type="text"], form.hs-form input[type="email"], form.hs-form select, 
form.hs-form textarea, form.hs-form .email-correction, form.hs-form .email-validation 
{
    min-height: 40px;
    margin-bottom: 25px;
}

form.hs-form textarea, input[type="text"] {
    min-height: 100px;
}

form.hs-form .inputs-list {
    list-style-type: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], 
input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], 
input[type="tel"], input[type="color"] {
    padding: 6px;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    font-size: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border 0.2s, box-shadow 0.2s;
    -moz-transition: border 0.2s, box-shadow 0.2s;
    -o-transition: border 0.2s, box-shadow 0.2s;
    transition: border 0.2s, box-shadow 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.btn-primary, .hs-button.primary {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #ee3e77;
    background-image: none;
    border: 0px;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: auto;
    line-height: 30px;#3C3D3F#3C3D3F
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0px #00004d;
    width: auto;
}


.subscribe-form-style textarea input[type="email"] {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 10px;
    width: 80% !important;
}
.subscribe-form-style .btn-primary, .hs-button.primary {
    -moz-user-select: none;
    background-color: #ee3e77;
    background-image: none;
    border: 0 none;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 39px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 #00004D;
}





/* ------------------ General Typography-----------------------*/ 

a {
    color: #ee3e77;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


body {
    font-weight: 300;
    margin: 0;
    line-height: 1.5;
    font-size: 19px;
    font-family: 'Source Sans Pro', sans-serif;
    background: #f9f9f9;
    color: #5d5d54;
    border-top: 3px solid #ee3e77;
    padding-bottom: 0px;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    font-family: 'Merriweather', 'serif';
    margin: 5px 0px;
    line-height: 150%;
}

h2 {
    font-size: 35px;
}
h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 31px;
    color: #F49409;
    padding: 30px 0 0 0;
    margin: 0px;
    
}



/****************************CTA Style ***********************/


.light-cta {
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 17px !important;
    letter-spacing: 2px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
        margin: 20px;
    border: 1px solid #F89829 !important;
     background-color: #F89829 !important;
     color: #ffffff !important;
     padding: 10px 20px;
     -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        position: relative;
        display: inline-block;
        max-width: 250px;

  
 
}

.light-cta:hover {
    background-color: #3C3D3F !important;
    border: 1px solid #ffffff !important;

      text-decoration: none;
      -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
  
}

.dark-cta {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #f8951c;
    font-size: 15px;
    background-color: #3c3d3f ;
    #3C3D3F
}

.dark-cta:hover {
    background-color: #000000;
}

.cta-footer {
    background-color: #3C3D3F;
    color: #fff;
    padding: 150px 1px;
    border-style: solid; border-width: 0px 0px 40px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;

}

.cta-footer h3 {
    color: #FEA52D;
    font-size: 30px;
}

.bottom-cta-image {
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
    background-attachment: fixed;
    text-align: center;
    color: #ffffff;
    padding: 200px 0px;
    background-image: url(//cdn2.hubspot.net/hub/211174/file-1058484932-jpg/Big_Header_Images/ceiling.jpg);
    background-position: center center;
    border-style: solid; border-width: 0px 0px 40px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;
}

.bottom-cta-image h3 {
    color: #FEA52D;
    font-size: 30px;
}




/**************** BLOG ********************/

.blog-style img{
    /*float: left;
    margin: 30px 20px 10px 0px;
    max-width: 300px;*/
}

.blog-style H2 a {
    font-size: 25px;
    margin-top: 64px;
    padding-bottom: 0;
    padding-top: 10px;
    text-decoration: none;
}

.blog-style a:hover {
    color: #ee3e77;
}

.hs-featured-image {
    float: left;
    margin: 30px 20px 10px 0px;
    max-width: 300px;
}

.page-name h1, .page-name h2, .page-name h3, .page-name h4, .page-name h5, .page-name h6 {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 40px;
}

.post-header {
    margin-top: 80px;
    border-top: 1px solid #eeeeee;

}


/*--------------------------- Custom DSM Stuff -----------------------------*/

.only-show-small {
     display: none !important;
 }



a {
    transition: color 0.2s linear .1s;
    }


.content-wrapper-center-align {
    max-width: 960px;
    margin: 10px auto !important; 
    float: none !important;
    text-align: center;
    float: none;

}

.content-wrapper {
    max-width: 1080px;
    margin: 0px auto !important; 
    float: none !important;
    padding: 0px auto;
 
}

.content-wrapper-home {
    max-width: 1080px;
    margin: 0px auto !important; 
    float: none !important;
    padding: 0px auto;
 
}



.content-wrapper-body {
    max-width: 1080px;
    margin: 80px auto !important; 
    float: none !important;
    padding: 50px auto;
 
}






.content-wrapper-portfolio {
    max-width: 1080px;
    margin: 0px auto !important; 
    float: none !important;
    padding: 100px 0px 0px 0px;
 
}


  .body {
    padding-left: 10px !important;
    padding-right: 10px !important;  
    
  }




.content-wrapper-half {
    width: 540px;
}

.center-stuff {
    text-align: center !important;

}

.content-wrapper-960 {
    max-width: 960px;
    margin: 10px auto !important; 
    float: none !important;
    padding: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.content-wrapper-center-960 {
    max-width: 960px;
    margin: 10px auto !important; 
    float: none !important;
    text-align: center;
    padding: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.content-wrapper-540 {
    max-width: 700px;
    margin: 10px auto !important; 
    float: left !important;
  padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 20px;
}


.big-image-wood-image {
    background-attachment: fixed;
    background-image: url(//cdn2.hubspot.net/hub/211174/file-986360154-jpg/Neatly-Placed-Things-Keep/WoodBack.jpg);
    background-color: #3C3D3F;
    background-position: top center;
    background-repeat: repeat-x;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    color: #ffffff;
}

.first-story-big-image-wood {
    background-attachment: fixed;
    background-image: url(//cdn2.hubspot.net/hub/211174/file-986360154-jpg/Neatly-Placed-Things-Keep/WoodBack.jpg);
    background-color: #3C3D3F;
    background-position: top center;
    background-repeat: no-repeat;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
       padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff;
}
.first-story-big-image {
    background-image: url(//cdn2.hubspot.net/hub/211174/file-1023875351-jpg/Big_Header_Images/DSMOffice2.jpg);
    background-attachment: fixed;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
       padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff;
}


.cta-beer-big-image {
    background-attachment: fixed;
    background-color: #524A47;
    background-position: bottom center;
    background-repeat: no-repeat;
     -webkit-background-size: contain; /* For WebKit*/
    -moz-background-size: contain;    /* Mozilla*/
    -o-background-size: contain;      /* Opera*/
    background-size: contain;         /* Generic*/
    color: #ffffff;
    padding: 80px 0px;
}


.first-story-big-image-aboutus {
    background-attachment: fixed;
    background-color: #3C3D3F;
    background-position: center top;
    background-repeat: repeat;
 
       padding-top: 100px ;
    padding-bottom: 50px;

}

/*.first-story-big-image-home {
    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;         
    text-align: center;
    color: #ffffff;
    margin:0!important;
    padding: 50px;
    width:33.333333%!important;
          height: 400px;   
}*/

.big-background-image {

    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    text-align: center;
    color: #ffffff;
    margin:0!important;
    padding: 0px;
    width:33.333333%!important;
          height: 400px;
}
.big-background-image:hover {
     -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
  
}


.personal-things-arranged-neat {
     background-attachment: fixed;
    background-color: #3C3D3F;
    background-position: center top;
    background-repeat: repeat;

       padding-top: 300px;
    padding-bottom: 250px;
}

.profile-image {

    padding-top: 400px;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: center right;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.personal-bio-box {
    padding: 25px;
    color: #fff;

}
gray-fullwidth-background {
    background-color: #3C3D3F;
}


.personal-photos {
padding: 25px;
    width: 300px;
    height: 300px;
    over-flow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;


}
.personal-photos:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;

}

.porfolio-thumbs {
    border: solid #595959 1px;
    over-flow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;


}
.porfolio-thumbs:hover {
   
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;


}
    
.portfolio-text h2 {
    color: #F89829;
}


.overlay-team-box {

    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
          height: 400px;
              -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    color: #ffffff;


}

.overlay-team-box:hover {
        height: 400px;
        padding-top: 120px;
      color: #ffffff !important;
      text-decoration: none;
      
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    background:  rgba(0,0,0,0.4) url(//cdn2.hubspot.net/hub/211174/file-774278344-png/orange-short-hatch-mini.png) no-repeat top center scroll;
}
.overlay-team-box:active {
    background-size: 6px, auto, contain;
        -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-shadow:
1px 1px 0.1px rgba(0,0,0,1),
2px 2px 0.3px rgba(1,1,1,1),
3px 3px 0.5px rgba(2,2,2,1),
4px 4px 0.7px rgba(3,3,3,1),
5px 5px 0.9px rgba(4,4,4,1),
6px 6px 1.1px rgba(5,5,5,1),
7px 7px 1.3px rgba(6,6,6,1),
8px 8px 1.5px rgba(7,7,7,1),
9px 9px 1.7px rgba(8,8,8,1),
10px 10px 1.9px rgba(9,9,9,1),
11px 11px 2.1px rgba(10,10,10,1),
12px 12px 2.3px rgba(11,11,11,1),
13px 13px 2.5px rgba(12,12,12,1),
14px 14px 2.7px rgba(13,13,13,1),
15px 15px 2.9px rgba(14,14,14,1),
16px 16px 3.1px rgba(15,15,15,1),
17px 17px 3.3px rgba(16,16,16,1),
18px 18px 3.5px rgba(17,17,17,1),
19px 19px 3.7px rgba(18,18,18,1),
20px 20px 3.9px rgba(19,19,19,1),
21px 21px 4.1px rgba(20,20,20,1),
22px 22px 4.3px rgba(21,21,21,1),
23px 23px 4.5px rgba(22,22,22,1),
24px 24px 4.7px rgba(23,23,23,1),
25px 25px 4.9px rgba(24,24,24,1),
26px 26px 5.1px rgba(25,25,25,1),
27px 27px 5.3px rgba(26,26,26,1),
28px 28px 5.5px rgba(27,27,27,1),
29px 29px 5.7px rgba(28,28,28,1),
30px 30px 5.9px rgba(29,29,29,1),
31px 31px 6.1px rgba(30,30,30,1),
32px 32px 6.3px rgba(31,31,31,1),
33px 33px 6.5px rgba(32,32,32,1),
34px 34px 6.7px rgba(33,33,33,1),
35px 35px 6.9px rgba(34,34,34,1),
36px 36px 7.1px rgba(35,35,35,1),
37px 37px 7.3px rgba(36,36,36,1),
38px 38px 7.5px rgba(37,37,37,1),
39px 39px 7.7px rgba(38,38,38,1),
40px 40px 7.9px rgba(39,39,39,1),
41px 41px 8.1px rgba(40,40,40,1),
42px 42px 8.3px rgba(41,41,41,1),
43px 43px 8.5px rgba(42,42,42,1),
44px 44px 8.7px rgba(43,43,43,1),
45px 45px 8.9px rgba(44,44,44,1),
46px 46px 9.1px rgba(45,45,45,1),
47px 47px 9.3px rgba(46,46,46,1),
48px 48px 9.5px rgba(47,47,47,1),
49px 49px 9.7px rgba(48,48,48,1),
50px 50px 9.9px rgba(49,49,49,1),
51px 51px 10.1px rgba(50,50,50,1),
52px 52px 10.3px rgba(51,51,51,1),
53px 53px 10.5px rgba(52,52,52,1),
54px 54px 10.7px rgba(53,53,53,1),
55px 55px 10.9px rgba(54,54,54,1),
56px 56px 11.1px rgba(55,55,55,1),
57px 57px 11.3px rgba(56,56,56,1),
58px 58px 11.5px rgba(57,57,57,1),
59px 59px 11.7px rgba(58,58,58,1),
60px 60px 11.9px rgba(59,59,59,1),
61px 61px 12.1px rgba(60,60,60,1),
62px 62px 12.3px rgba(61,61,61,1),
63px 63px 12.5px rgba(62,62,62,1),
64px 64px 12.7px rgba(63,63,63,1),
65px 65px 12.9px rgba(64,64,64,1),
66px 66px 13.1px rgba(65,65,65,1),
67px 67px 13.3px rgba(66,66,66,1),
68px 68px 13.5px rgba(67,67,67,1),
69px 69px 13.7px rgba(68,68,68,1),
70px 70px 13.9px rgba(69,69,69,1),
71px 71px 14.1px rgba(70,70,70,1),
72px 72px 14.3px rgba(71,71,71,1),
73px 73px 14.5px rgba(72,72,72,1),
74px 74px 14.7px rgba(73,73,73,1),
75px 75px 14.9px rgba(74,74,74,1),
76px 76px 15.1px rgba(75,75,75,1),
77px 77px 15.3px rgba(76,76,76,1),
78px 78px 15.5px rgba(77,77,77,1),
79px 79px 15.7px rgba(78,78,78,1),
80px 80px 15.9px rgba(79,79,79,1),
81px 81px 16.1px rgba(80,80,80,1),
82px 82px 16.3px rgba(81,81,81,1),
83px 83px 16.5px rgba(82,82,82,1),
84px 84px 16.7px rgba(83,83,83,1),
85px 85px 16.9px rgba(84,84,84,1),
86px 86px 17.1px rgba(85,85,85,1),
87px 87px 17.3px rgba(86,86,86,1),
88px 88px 17.5px rgba(87,87,87,1),
89px 89px 17.7px rgba(88,88,88,1),
90px 90px 17.9px rgba(89,89,89,1),
91px 91px 18.1px rgba(90,90,90,1),
92px 92px 18.3px rgba(91,91,91,1),
93px 93px 18.5px rgba(92,92,92,1),
94px 94px 18.7px rgba(93,93,93,1),
95px 95px 18.9px rgba(94,94,94,1),
96px 96px 19.1px rgba(95,95,95,1),
97px 97px 19.3px rgba(96,96,96,1),
98px 98px 19.5px rgba(97,97,97,1),
99px 99px 19.7px rgba(98,98,98,1),
100px 100px 19.9px rgba(99,99,99,1),
101px 101px 20.1px rgba(100,100,100,1),
102px 102px 20.3px rgba(101,101,101,1),
103px 103px 20.5px rgba(102,102,102,1),
104px 104px 20.7px rgba(103,103,103,1),
105px 105px 20.9px rgba(104,104,104,1),
106px 106px 21.1px rgba(105,105,105,1),
107px 107px 21.3px rgba(106,106,106,1),
108px 108px 21.5px rgba(107,107,107,1),
109px 109px 21.7px rgba(108,108,108,1),
110px 110px 21.9px rgba(109,109,109,1),
111px 111px 22.1px rgba(110,110,110,1),
112px 112px 22.3px rgba(111,111,111,1),
113px 113px 22.5px rgba(112,112,112,1),
114px 114px 22.7px rgba(113,113,113,1),
115px 115px 22.9px rgba(114,114,114,1),
116px 116px 23.1px rgba(115,115,115,1),
117px 117px 23.3px rgba(116,116,116,1),
118px 118px 23.5px rgba(117,117,117,1),
119px 119px 23.7px rgba(118,118,118,1),
120px 120px 23.9px rgba(119,119,119,1),
121px 121px 24.1px rgba(120,120,120,1),
122px 122px 24.3px rgba(121,121,121,1),
123px 123px 24.5px rgba(122,122,122,1),
124px 124px 24.7px rgba(123,123,123,1),
125px 125px 24.9px rgba(124,124,124,1),
126px 126px 25.1px rgba(125,125,125,1),
127px 127px 25.3px rgba(126,126,126,1),
128px 128px 25.5px rgba(127,127,127,1),
129px 129px 25.7px rgba(128,128,128,1),
130px 130px 25.9px rgba(129,129,129,1),
131px 131px 26.1px rgba(130,130,130,1),
132px 132px 26.3px rgba(131,131,131,1),
133px 133px 26.5px rgba(132,132,132,1),
134px 134px 26.7px rgba(133,133,133,1),
135px 135px 26.9px rgba(134,134,134,1),
136px 136px 27.1px rgba(135,135,135,1),
137px 137px 27.3px rgba(136,136,136,1),
138px 138px 27.5px rgba(137,137,137,1),
139px 139px 27.7px rgba(138,138,138,1),
140px 140px 27.9px rgba(139,139,139,1),
141px 141px 28.1px rgba(140,140,140,1),
142px 142px 28.3px rgba(141,141,141,1),
143px 143px 28.5px rgba(142,142,142,1),
144px 144px 28.7px rgba(143,143,143,1),
145px 145px 28.9px rgba(144,144,144,1),
146px 146px 29.1px rgba(145,145,145,1),
147px 147px 29.3px rgba(146,146,146,1),
148px 148px 29.5px rgba(147,147,147,1),
149px 149px 29.7px rgba(148,148,148,1),
150px 150px 29.9px rgba(149,149,149,1),
151px 151px 30.1px rgba(150,150,150,1),
152px 152px 30.3px rgba(151,151,151,1),
153px 153px 30.5px rgba(152,152,152,1),
154px 154px 30.7px rgba(153,153,153,1),
155px 155px 30.9px rgba(154,154,154,1),
156px 156px 31.1px rgba(155,155,155,1),
157px 157px 31.3px rgba(156,156,156,1),
158px 158px 31.5px rgba(157,157,157,1),
159px 159px 31.7px rgba(158,158,158,1),
160px 160px 31.9px rgba(159,159,159,1),
161px 161px 32.1px rgba(160,160,160,1),
162px 162px 32.3px rgba(161,161,161,1),
163px 163px 32.5px rgba(162,162,162,1),
164px 164px 32.7px rgba(163,163,163,1),
165px 165px 32.9px rgba(164,164,164,1),
166px 166px 33.1px rgba(165,165,165,1),
167px 167px 33.3px rgba(166,166,166,1),
168px 168px 33.5px rgba(167,167,167,1),
169px 169px 33.7px rgba(168,168,168,1),
170px 170px 33.9px rgba(169,169,169,1),
171px 171px 34.1px rgba(170,170,170,1),
172px 172px 34.3px rgba(171,171,171,1),
173px 173px 34.5px rgba(172,172,172,1),
174px 174px 34.7px rgba(173,173,173,1),
175px 175px 34.9px rgba(174,174,174,1),
176px 176px 35.1px rgba(175,175,175,1),
177px 177px 35.3px rgba(176,176,176,1),
178px 178px 35.5px rgba(177,177,177,1),
179px 179px 35.7px rgba(178,178,178,1),
180px 180px 35.9px rgba(179,179,179,1),
181px 181px 36.1px rgba(180,180,180,1),
182px 182px 36.3px rgba(181,181,181,1),
183px 183px 36.5px rgba(182,182,182,1),
184px 184px 36.7px rgba(183,183,183,1),
185px 185px 36.9px rgba(184,184,184,1),
186px 186px 37.1px rgba(185,185,185,1),
187px 187px 37.3px rgba(186,186,186,1),
188px 188px 37.5px rgba(187,187,187,1),
189px 189px 37.7px rgba(188,188,188,1),
190px 190px 37.9px rgba(189,189,189,1),
191px 191px 38.1px rgba(190,190,190,1),
192px 192px 38.3px rgba(191,191,191,1),
193px 193px 38.5px rgba(192,192,192,1),
194px 194px 38.7px rgba(193,193,193,1),
195px 195px 38.9px rgba(194,194,194,1),
196px 196px 39.1px rgba(195,195,195,1),
197px 197px 39.3px rgba(196,196,196,1),
198px 198px 39.5px rgba(197,197,197,1),
199px 199px 39.7px rgba(198,198,198,1),
200px 200px 39.9px rgba(199,199,199,1),
201px 201px 40.1px rgba(200,200,200,1),
202px 202px 40.3px rgba(201,201,201,1),
203px 203px 40.5px rgba(202,202,202,1),
204px 204px 40.7px rgba(203,203,203,1),
205px 205px 40.9px rgba(204,204,204,1),
206px 206px 41.1px rgba(205,205,205,1),
207px 207px 41.3px rgba(206,206,206,1),
208px 208px 41.5px rgba(207,207,207,1),
209px 209px 41.7px rgba(208,208,208,1),
210px 210px 41.9px rgba(209,209,209,1),
211px 211px 42.1px rgba(210,210,210,1),
212px 212px 42.3px rgba(211,211,211,1),
213px 213px 42.5px rgba(212,212,212,1),
214px 214px 42.7px rgba(213,213,213,1),
215px 215px 42.9px rgba(214,214,214,1),
216px 216px 43.1px rgba(215,215,215,1),
217px 217px 43.3px rgba(216,216,216,1),
218px 218px 43.5px rgba(217,217,217,1),
219px 219px 43.7px rgba(218,218,218,1),
220px 220px 43.9px rgba(219,219,219,1),
221px 221px 44.1px rgba(220,220,220,1),
222px 222px 44.3px rgba(221,221,221,1),
223px 223px 44.5px rgba(222,222,222,1),
224px 224px 44.7px rgba(223,223,223,1),
225px 225px 44.9px rgba(224,224,224,1),
226px 226px 45.1px rgba(225,225,225,1),
227px 227px 45.3px rgba(226,226,226,1),
228px 228px 45.5px rgba(227,227,227,1),
229px 229px 45.7px rgba(228,228,228,1),
230px 230px 45.9px rgba(229,229,229,1),
231px 231px 46.1px rgba(230,230,230,1),
232px 232px 46.3px rgba(231,231,231,1),
233px 233px 46.5px rgba(232,232,232,1),
234px 234px 46.7px rgba(233,233,233,1),
235px 235px 46.9px rgba(234,234,234,1),
236px 236px 47.1px rgba(235,235,235,1),
237px 237px 47.3px rgba(236,236,236,1),
238px 238px 47.5px rgba(237,237,237,1),
239px 239px 47.7px rgba(238,238,238,1),
240px 240px 47.9px rgba(239,239,239,1),
241px 241px 48.1px rgba(240,240,240,1),
242px 242px 48.3px rgba(241,241,241,1),
243px 243px 48.5px rgba(242,242,242,1),
244px 244px 48.7px rgba(243,243,243,1),
245px 245px 48.9px rgba(244,244,244,1),
246px 246px 49.1px rgba(245,245,245,1),
247px 247px 49.3px rgba(246,246,246,1),
248px 248px 49.5px rgba(247,247,247,1),
249px 249px 49.7px rgba(248,248,248,1),
250px 250px 49.9px rgba(249,249,249,1),
251px 251px 50.1px rgba(250,250,250,1),
252px 252px 50.3px rgba(251,251,251,1),
253px 253px 50.5px rgba(252,252,252,1),
254px 254px 50.7px rgba(253,253,253,1),
255px 255px 50.9px rgba(254,254,254,1),
256px 256px 51.1px rgba(255,255,255,1);
}
.animated-background {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0px;
    -webkit-animation: cssAnimation 1s 1 ease-in-out;
    -moz-animation: cssAnimation 1s 1 ease-in-out;
    -o-animation: cssAnimation 1s 1 ease-in-out;
    }
    @-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotate(0deg) scale(0.5) translate(0px); }
    to { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
    }
    @-moz-keyframes cssAnimation {
    from { -moz-transform: rotate(0deg) scale(0.5) translate(0px); }
    to { -moz-transform: rotate(0deg) scale(1) translate(0px); }
    }
    @-o-keyframes cssAnimation {
    from { -o-transform: rotate(0deg) scale(0.5) translate(0px); }
    to { -o-transform: rotate(0deg) scale(1) translate(0px); }
   
   
}


.dsm-objects-background {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 0px;
        -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
   
}



.fourth-story-big-image {
    padding-top: 100px !important;
    padding-bottom: 300px !important;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
    font-size: 65px;
    color: #ffffff;
    font-family: 'Merriweather', 'serif';
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.63);

}

.story-dark-gray, h1 h2 p {
    background: #3c3d3f;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    color: #ffffff;
    border-style: solid; border-width: 0px 0px 40px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;
   
}
.story-light-gray, h1 h2 p {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    border-style: solid; border-width: 40px 0px 0px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;
   
}
.full-orange-gradient-back {

color: #ffffff;
background: #f8951c; /* Old browsers */
background: -moz-linear-gradient(top,  #f8951c 0%, #ff8100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8951c), color-stop(100%,#ff8100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8951c 0%,#ff8100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8951c 0%,#ff8100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8951c 0%,#ff8100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8951c 0%,#ff8100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8951c', endColorstr='#ff8100',GradientType=0 ); /* IE6-9 */
}


.full-white-gradient-back {
color: 3c3d3f;
background: #F2F2F2; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}

.full-charcol-gradient-back {
color: #ffffff;
background: #878787; /* Old browsers */
background: -moz-linear-gradient(top,  #878787 0%, #5b5b5b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#5b5b5b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #878787 0%,#5b5b5b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #878787 0%,#5b5b5b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #878787 0%,#5b5b5b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #878787 0%,#5b5b5b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */

}


.orange-back-tran-stuff-right {
        background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    padding: 150px 0px 150px 0px;

}

.orange-back-tran-stuff-left {
        background-attachment: fixed;
    background-position: center left;
    background-repeat: no-repeat;
}

.paint-splat {
        background-attachment: fixed;
    background-position: center left;
    background-repeat: no-repeat;
    padding:150px 0px;
}


.story-dark-gray-hatchtop {
    background: #3c3d3f;
    color: #ffffff;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    border-style: solid; border-width: 40px 0px 0px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;
    }

.story-dark-gray-no-hatch {
    background: #3c3d3f;
    color: #ffffff;   
}

.background-image-float-right {
background-position: right;
    background-repeat: no-repeat;
        background-color: #3c3d3f;
 color: #ffffff;
          background-size:  50%;
          padding: 100px 0px;
                  border-style: solid; border-width: 0px 0px 40px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;

        

}

.background-image-float-right h2 {
    color: #F49409;
    margin-bottom: 10px;
}

.background-image-float-right h3 {
    color: #fff;
}


.background-image-float-left {
    background-position: left;
    background-repeat: no-repeat;
    background-size:  50%; 
    padding: 100px 0px;
        border-style: solid; border-width: 0px 0px 40px; 
    -moz-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -webkit-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    -o-border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat; 
    border-image: url(//cdn2.hubspot.net/hub/211174/file-712221508-png/COS_Parts/orangeHatch-6.png) 74 0 repeat;
}

.background-image-float-left h2 {
    color: #F49409;
}

.object-padding-for-ryerson-kipp {
    padding: 40px 20px 40px 0px;
}


.top-of-timeline {    
        text-align: center;
}

.blockquote-style5 {
      background: url(//cdn2.hubspot.net/hub/211174/file-706657388-png/first-quote.png) no-repeat left top, 
      url(//cdn2.hubspot.net/hub/211174/file-708687276-png/second-quote.png) no-repeat right top;
      padding: 10px 30px 0px 30px;
      width: 50%;
      margin-bottom: 50px;
      margin-top: 50px;
          text-align: center;

}
.blockquote-style5 h3 {
      font-family: 'Source Sans Pro', sans-serif;
      padding: 0px 20px 5px 20px;
       margin-bottom: 0px;
       font-style: normal;
       font-size: 30px;
       line-height: 120%;
      
}
.blockquote-style5 p {
      line-height: 200%;
      font-size: 18px;
      padding-top: 10px;
      
}

.blockquote-style6 {
     background: url(//cdn2.hubspot.net/hub/211174/file-706657388-png/first-quote.png) no-repeat left top, 
      url(//cdn2.hubspot.net/hub/211174/file-708687276-png/second-quote.png) no-repeat right top;
      padding: 0px 50px 0px 50px;
       text-align: center;
      line-height: 150%;
      font-size: 25px;
      padding-top: 10px;
      float: none !important;
     width: 85% !important;
     margin: 50px auto !important;
      
}

.blockquote-style4 {
      background: url(//cdn2.hubspot.net/hub/211174/file-706657388-png/first-quote.png) no-repeat left top; 
      padding: 10px 5px 0 55px;
      margin-bottom: 50px;
      margin-top: 10px;
      text-align: left;
      margin-left: 0px !important;
      line-height: 100%;

}
.blockquote-style4 h3{
      font-family: 'Source Sans Pro', sans-serif;
      padding: 0px;
       padding-bottom: 10px;
       margin-bottom: 0px;
       font-style: normal;
       font-size: 23px;
       line-height: 120%;
      
}
.blockquote-style4 p {
      line-height: .1ortfolio-text00%;
      font-size: 18px;
      padding-top: 10px;   
}


.branding-text-box {
      text-align: left;
      line-height: 200%;
         padding: 40px 0px 0px 0px;
      font-size: 18px;
}

.branding-text-box h2 {
       font-family: 'Merriweather', 'serif';
      padding: 50px 0px 0 0;
      margin: 0px;
      font-style: normal;
      font-size: 28px;
      line-height: 120%;
}

.branding-text-box h3 {
      font-family: 'Source Sans Pro', sans-serif;
      padding: 10px 0px 0 0;
       margin: 0px;
       font-style: italic;
       font-size: 24px;
       line-height: 120%;
       color: #f8951c;
}

.big-image-display-text, .big-image-display-text-profile {
    font-family: 'Merriweather', 'serif';
    font-style: italic;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
    padding: 0px;
    color: #ffffff;
    font-weight; 300;
 
-webkit-animation: cssAnimation 1s 1 ease-in-out;
-moz-animation: cssAnimation 1s 1 ease-in-out;
-o-animation: cssAnimation 1s 1 ease-in-out;

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) translate(0px); }
}
}

.big-image-display-text h1, .big-image-display-text-profile h1  {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 100px;
      font-style: normal;
      line-height: 100%;
      text-align: center;
      font-weight: normal;
      padding: 5px;
   margin-bottom: 10px;  
}

.big-image-display-text h2, .big-image-display-text-profile h2 {
      color: #f8951c;
    font-size: 40px;
    line-height: 100%;
    margin-top: 0px;
}

.big-image-display-text h3, .big-image-display-text-profile h3 {
      color: #f8951c;
    font-size: 38px;
    line-height: 150%;


}


.big-image-display-text h4, .big-image-display-text-profile h4 {
    font-size: 38px;
    line-height: 100%;
}





.big-image-display-text-about-pages {
    font-family: 'Merriweather', 'serif';
    font-style: italic;
    text-align: center;
    margin: 0px auto;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);

    color: #ffffff;
    font-weight; 300;
    padding: 100px 200px 100px 0px; 
    line-height: 150%;
   
-webkit-animation: cssAnimation 1s 1 ease-in-out;
-moz-animation: cssAnimation 1s 1 ease-in-out;
-o-animation: cssAnimation 1s 1 ease-in-out;

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) translate(0px); }
}
}

.big-image-display-text-about-pages h1  {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 100px;
      font-style: normal;
      line-height: 100%;
      text-align: center;
      font-weight: normal;
      padding: 5px;
   margin-bottom: 10px;  
}

.big-image-display-text-about-pages h2 {
      color: #f8951c;
    font-size: 40px;
    line-height: 100%;
    margin-top: 0px;
}

.big-image-display-text-about-pages h3 {
      color: #f8951c;
    font-size: 38px;
    line-height: 150%;


}

.big-image-display-text-about-pages h4 {
    font-size: 38px;
    line-height: 100%;
}




.short-message-text h1  {
      font-size: 40px;
      font-style: normal;
      line-height: 100%;
      text-align: center;
      font-weight: normal;
      padding: 5px;
   margin-bottom: 10px;  
}

.short-message-text h2 {
      color: #f8951c;
    font-size: 20px;
    line-height: 100%;
    margin-top: 0px;
}

.short-message-text h3 {
      color: #f8951c;
    font-size: 22px;
    line-height: 150%;


}

.short-message-text h4 {
    font-size: 12px;
    line-height: 100%;
}




.big-image-display-text-home  {
    
-webkit-animation: cssAnimation 1s 1 ease-in-out;
-moz-animation: cssAnimation 1s 1 ease-in-out;
-o-animation: cssAnimation 1s 1 ease-in-out;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.5) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) translate(0px); }
}


.big-image-display-text-home  h1  {
      font-family: 'Source Sans Pro', sans-serif;
      color: #ffffff;
      font-size: 70px;
      font-style: normal;
      line-height: 100%;
      text-align: center;
      font-weight: bold;
      padding: 5px;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
    margin-top: 0px;
   margin-bottom: 10px;
    
}

.big-image-display-text-home  h2 {
      font-family: 'Merriweather', 'serif';
      color: #f8951c;
      font-style: italic;
      font-weight; 300;
    font-size: 40px;
    text-align: center;
    line-height: 100%;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.43);
    margin-top: 0px;
    margin-bottom: 0px;

}

.big-image-display-text-home  h3 {
      font-family: 'Merriweather', 'serif';
      color: #f8951c;
      font-style: italic;
      font-weight; 300;
    font-size: 38px;
    text-align: center;
    line-height: 150%;
    padding: 0px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);
    margin-top: 0px;
    margin-bottom: 0px;

}

.big-image-display-text-home  h4 {
      font-family: 'Merriweather', 'serif';
      color: #ffffff;
      font-style: italic;
      font-weight; 300;
    font-size: 38px;
    text-align: center;
    line-height: 100%;
    padding: 0px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);
    margin-top: 0px;
    margin-bottom: 0px;

}

.big-image-display-text-aboutus {
    font-size: 25px;
    margin-right: 50px;
text-align: center;
padding: 100px 200px 100px 0px;
}

.big-image-display-text-aboutus h1 {
    font-size: 25px;


}

.big-image-display-text-aboutus h3 {
    font-size: 25px;


}

.link-line {
    text-align: center;
    letter-spacing: 3px;
    font-size: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.link-line:hover {
color: #ee3e77 !important;
}


.light-text h1{
    color: #ffffff;
    text-align: center;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.43);

}

.channel-buttons {
     -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: center;
    margin: 0px;
     width: 70px !important;
     float: none;


    
}
.channel-buttons:hover{
     -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    text-align: center;
   

}

.personal-social-icons {
    padding: 0px;
    margin: 0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: center;

    
}
.personal-social-icons:hover{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 -webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);


}


.big-side-icons {
    text-align: center;
}


.first-story-big-image-home {
    background-attachment: fixed;
    background-color: #3C3D3F;
    background-position: center top;
    background-repeat: no-repeat;
     -webkit-background-size: 100% auto; /* For WebKit*/
    -moz-background-size: 100% auto;    /* Mozilla*/
    -o-background-size: 100% auto;     /* Opera*/
    background-size: 100% auto;         /* Generic*/
       padding-top: 100px;
    padding-bottom: 100px;

}

.center-image {
    text-align: center;
    
}





/***************************************************RESPONSIVE STUFF *********************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
****************************H*************************************************************
******************************A***********************************************************
*********************************P********************************************************
***********************************P******************************************************
*************************************Y****************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
********************************•************•********************************************
***************************************I**************************************************
*************************************______***********************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
***********************************************************************************************/



 /************************************************ IPHONE AND SMALL DEVICES **************************/



@media (max-width: 600px) {
   
   .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {
    /*padding-right: 10px;
    padding-left: 10px;*/

   }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    max-width: 100%;
    }
    
.span12.clients > .cell-wrapper{
        position: relative;
    }

.span12.clients .span2 {
        height: 100px;
        float: left;
        width: 14%;
    }
.top-logo {
      padding-left: 20px;
    }
    
.time-line-line {
        display: none !important;
    }
    
.top-of-timeline {
        display: none !important;

    }
   
.body {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
   
   .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-top: 5px;
}
.profile-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 400px;
}


.personal-things-arranged-neat {
    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 0px;
        -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
}


.span12.clients .span2 {
        width: 100px;
    }
   
    .the-footer {
         text-align: center;
    }
    

    
.fourth-story-big-image {
    padding-top: 10px !important;
    padding-bottom: 300px !important;
    background-attachment: scroll;
    font-size: 32px !important;
    height: 400px !important;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 

    
    
    /*padding-top: 10px !important;
    padding-bottom: 100px !important;
    background-position: scroll !important;
    font-size: 32px !important;
    min-height: 400px;
     background-size: auto !important;
     background-image: url(//cdn2.hubspot.net/hub/211174/file-708901059-jpg/COS_Parts/ryersonDesk-1.jpg) !important;*/
    

}


.big-image-display-text-landing h1 {
     font-size: 50px; 
      margin-right: 50px;
      text-align: center !important;
      
}




.big-image-display-text-home h1 {
      font-size: 50px;
     padding: 10px;
}

.big-image-display-text-home h3 {
      font-size: 25px;
      
}

.big-image-display-text-home h4 {
      font-size: 55px;
      color: #ffffff !important;
}



.big-image-display-text h1 {
      font-size: 60px;
      font-weight: 600;
}

.big-image-display-text h3 {
      font-size: 20px;

}

.big-image-display-text h4 {
      font-size: 55px;
      color: #ffffff !important;

}

.content-wrapper-center-align,
.content-wrapper, .content-wrapper-home,
.story-dark-graystory-dark-gray,
.content-wrapper-center-960, .content-wrapper-portfolio {
    padding-left: 10px;
    padding-right: 10px;

}

.big-background-image {
    width:100%!important;
}


.overlay-team-box{
    height: 400px;
    padding-top: 120px;
    color: #ffffff !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background:  rgba(0,0,0,0.2) url(//cdn2.hubspot.net/hub/211174/file-774278344-png/orange-short-hatch-mini.png) no-repeat top center scroll;
}


.background-image-float-left {
    background-image: none !important;
}

.background-image-float-right {
    background-image: none !important;
}


.paint-splat {
       background-image: none !important;


}

.first-story-big-image {
    padding-bottom: 0px;
    padding-top: 0px;
    background-attachment: scroll;
    font-size: 32px !important;
    top: 0px;
    -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/ 
}



.body-container-wrapper {
    margin-top: 0px;
}

.big-image-display-text-landing h1 {
    font-size: 25px;
    padding: 0px !important;
     margin: 0px !important;
}

.big-image-display-text-landing h3 {
    font-size: 25px;

}


.orange-back-tran-stuff-right, .paint-splat  {
    padding: 50px 0px;
}


.big-image-display-text-about-pages {

    padding: 0px; 
    margin: 0px !important;
    font-size: 50%;
}


.big-image-display-text-profile {
    padding: 50px;

    font-size: 25px;
}

.big-image-display-text-profile h1 {
    font-size: 40px;
    line-height: 100%;
    bottom-padding: 0px;
}

.big-image-display-text-profile h3 {
    font-size: 25px;
}



.bottom-cta-image {
    background-image: url("//cdn2.hubspot.net/hub/211174/file-1058484932-jpg/Big_Header_Images/ceiling.jpg");
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
    padding: 20px 0px !important;
}

.channel-buttons {
    display: none !important;
}

.big-image-display-text h3 {
    font-size: 25px !important;
}

.cta-beer-big-image {
        background-image: url("//cdn2.hubspot.net/hub/211174/file-1161997390-jpg/_home-stories/RemyBeer-small.jpg") !important;
    background-attachment: scroll;
    background-color: #524A47;
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
    color: #ffffff;
    padding: 80px 0px;
    line-height: 150%;
}



.big-image-wood-image {
    background-attachment: scroll;
     -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/
}

.big-image-display-text-home h1 {
    font-size: 38px;
    padding: 10px;
}

 .first-story-big-image-home {
         background-image: url("//cdn2.hubspot.net/hub/211174/file-1177430978-jpg/_home-stories/DSMOffice2-smalldevice.jpg") !important;
    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
       padding-top: 40px;
    padding-bottom: 40px;

}


.big-image-display-text-landing  {

    padding: 20px 0px;
}
 

 
 .no-mobile {
    display: none !important;
}

.only-show-small {
     display: block !important;
 }
 

 }



 /************************************************ TABLETS AND MEDIUM DEVICES **************************************************************************************************/
 @media (min-width: 601px) and (max-width: 1080px){
   
 
 
   
.body {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
   
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-top: 5px;
}

.profile-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 400px;
}


.personal-things-arranged-neat {
    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 0px;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
}


.span12.clients .span2 {
    width: 100px;
}
   
.the-footer {
    text-align: center;
}
    

    
.fourth-story-big-image {
    padding-top: 10px !important;
    padding-bottom: 300px !important;
    background-attachment: scroll;
    font-size: 32px !important;
    height: 400px !important;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
}


.big-image-display-text-landing h1 {
     font-size: 50px; 
      margin-right: 50px;
      text-align: center !important;   
}


.big-image-display-text-home h1 {
      font-size: 50px;
     padding: 10px;
}

.big-image-display-text-home h3 {
      font-size: 25px;
}

.big-image-display-text-home h4 {
      font-size: 55px;
      color: #ffffff !important;
}



.big-image-display-text h1 {
      font-size: 60px;
      font-weight: 600;
}

.big-image-display-text h3 {
      font-size: 20px;

}

.big-image-display-text h4 {
      font-size: 55px;
      color: #ffffff !important;

}

.content-wrapper-center-align,
.content-wrapper, .content-wrapper-home,
.story-dark-graystory-dark-gray,
.content-wrapper-center-960 {
    padding-left: 10px;
    padding-right: 10px;
}

.big-background-image {
    width:100%!important;
}

.overlay-team-box{
        height: 400px;
        padding-top: 120px;
      color: #ffffff !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background:  rgba(0,0,0,0.2) url(//cdn2.hubspot.net/hub/211174/file-774278344-png/orange-short-hatch-mini.png) no-repeat top center scroll;
}


.background-image-float-left {
    background-image: none !important;
}

.background-image-float-right {
    background-image: none !important;
}


.paint-splat {
    background-attachment: scroll;
    background-position: center left;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/

}
 .orange-back-tran-stuff-right {
    background-attachment: scroll;
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/

}

.orange-back-tran-stuff-left {
     background-attachment: scroll;
    background-position: center left;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
 
.first-story-big-image {
 padding-bottom: 0px;
    padding-top: 0px;
    background-attachment: scroll;
    font-size: 32px !important;
    top: 0px;
    -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/ 
    padding-top: 20px;
    padding-bottom: 20px;
}


.body-container-wrapper {
    margin-top: 90px;
}

.big-image-display-text-landing h1 {
    font-size: 25px;
    padding: 0px !important;
     margin: 0px !important;
}

.big-image-display-text-landing h3 {
    font-size: 25px;
}


.orange-back-tran-stuff-right, .paint-splat  {
    padding: 50px 0px;
}


.big-image-display-text-about-pages {
    padding: 100px 0px !important;
    margin: 0px !important;
}


.big-image-display-text-profile {
    padding: 50px;
    font-size: 25px;
}

.big-image-display-text-profile h1 {
    font-size: 40px;
    line-height: 100%;
    bottom-padding: 0px;
}

.big-image-display-text-profile h3 {
    
    
    font-size: 25px;
}


.bottom-cta-image {
    background-color: #3C3D3F;
    background-image: url("//cdn2.hubspot.net/hub/211174/file-1058484932-jpg/Big_Header_Images/ceiling.jpg");
     -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/
    background-repeat: no-repeat;
}

.channel-buttons {
    display: block;
}

.big-image-display-text h3 {
    font-size: 25px !important;
}


.cta-beer-big-image {
    background-attachment: scroll;
    background-color: #524A47;
    background-position: center;
    background-repeat: no-repeat;
     -webkit-background-size: contain; /* For WebKit*/
    -moz-background-size: contain;    /* Mozilla*/
    -o-background-size: contain;      /* Opera*/
    background-size: contain;         /* Generic*/
    color: #ffffff;
    padding: 80px 0px;
}



.bottom-cta-image {
    background-attachment: scroll;
    background-color: #524A47;
    background-position: center;
    background-repeat: no-repeat;
     -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/
    color: #ffffff;
    padding: 30px 0px;
}


.big-image-wood-image {
    background-attachment: scroll;
     -webkit-background-size: auto; /* For WebKit*/
    -moz-background-size: auto;    /* Mozilla*/
    -o-background-size: auto;      /* Opera*/
    background-size: auto;         /* Generic*/
}


.dsm-objects-background {
    padding: 30px 0px;  
}
 
.first-story-big-image-home {
    background-attachment: scroll;
    background-color: #3C3D3F;
    background-position: center top;
    background-repeat: no-repeat;
     -webkit-background-size: 100% auto; /* For WebKit*/
    -moz-background-size: 100% auto;    /* Mozilla*/
    -o-background-size: 100% auto;     /* Opera*/
    background-size: 100% auto;         /* Generic*/
       padding-top: 40px;
    padding-bottom: 40px;

}

.side-image {
    padding-top: 125px;
}

.blockquote-style4 p {
    font-size: 13px;

}





 .timeline-box-1  h3{
    margin-top: 50px;
 }
 
 .timeline-box-1 {
     margin-top: 50px;
     padding-top: 50px;
 }
 
 .big-image-display-text-profile {
    padding: 100px;
}
 
.blockquote-style6 {
      font-size: 26px;
      word-break: keep-all;

} 
 
.only-show-small {
     display: none !important;
 }
 
   
 
 
}

  /************************************************ THIS IS JUST THE RESPONSIVE NAV STUFF**************************/

/* ==========================================================================
Mobile Menu - Toggle Dropdown Menu - Fixed Top
========================================================================== */

/**
* Special Note
*
* When the menu is open, a class of .menu-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position. 
*/

/* Variables
========================================================================== */

 /* Set Mobile Menu Background Color */
 /* Set Link Color */
 /* Set Link Hover Color */

/* Toggle Button
========================================================================== */

a.mobile-trigger {
display: none; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
margin: 10px;
padding: 11px 0 5px 0;
}

a.mobile-trigger:hover {
text-decoration: none; /* Removes link text underline on button */
}

/* Three line icon */
a.mobile-trigger span {
margin: 0 auto;
position: relative;
}

a.mobile-trigger span:before, a.mobile-trigger span:after {
position: absolute;
content: '';
}

a.mobile-trigger span, a.mobile-trigger span:before, a.mobile-trigger span:after {
width: 30px; /* Icon line width */
height: 4px; /* Icon line height */
background-color: #F49409; /* Color of all three lines */
-webkit-border-radius: 2px; /**********************************************/
-moz-border-radius: 2px; /* Border Radius - must be half of the height */
border-radius: 2px; /**********************************************/
display: block;
padding-bottem: 30px;
}

a.mobile-trigger span:before {
margin-top: -8px; /* Position top line */
}

a.mobile-trigger span:after {
margin-top: 8px; /* Position bottom line */
}


/* Menu Styles on Mobile Devices
========================================================================== */ 

@media (max-width: 700px) {

    
    

/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal {
display: none;
} 

/* Show menu button on mobile */
a.mobile-trigger {
display: inline-block;
}

/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper {
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none !important;
}

/* Show child lists when hovering over parent */
.custom-menu-primary li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
display: block !important;
}

/* Add down arrow to nav items with children */
.custom-menu-primary ul li.hs-item-has-children > a:after{
content:'';
margin-left: 10px;
width: 0;
height: 0;
border-left: 5px solid transparent; /* Adjust border sizes to go bigger or smaller */
border-right: 5px solid transparent;
border-top: 5px solid #fff; /* change this color to match menu text */
border-bottom: 0px !important;
}

/* General Menu Styles */
.custom-menu-primary.js-enabled{
text-align: right; /* Change the text align to change the position of the toggle button */
background: none;
position: absolute; 
top: 0px;
width: 100% !important;
padding-top: 15px;


}

.header-container-wrapper{
padding-top: 5px; /* Add padding to header to make room for menu */
padding-bottom: 5px;
position: relative !important;
}

.custom-menu-primary .hs-menu-flow-horizontal{
text-align: left; /* Left aligns menu text */
}

/* Parent List */
.custom-menu-primary ul{
background-color: #F9F9F9;
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);


}

.custom-menu-primary ul li{}
.custom-menu-primary ul li a{
color: #ee3e77;
}

.custom-menu-primary ul li a:hover{
color: #ee3e77;
}

/* Child List */
.custom-menu-primary ul ul{}
.custom-menu-primary ul ul li{}
.custom-menu-primary ul ul li a{}
.custom-menu-primary ul ul li a:hover{

/* Grandchild List */
.custom-menu-primary ul ul ul{}
.custom-menu-primary ul ul ul li{}
.custom-menu-primary ul ul ul li a{}
.custom-menu-primary ul ul ul li a:hover{}
}


}