@charset 'utf-8';

/*

font-family: 'Archivo', sans-serif;
font-family: 'Montserrat', sans-serif;

*/

/* Site Globals */
*{box-sizing: border-box;}
html,body{margin:0;}
body{
    font-family: 'Montserrat', sans-serif;
    overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Archivo', sans-serif;
    font-weight:800;
    margin:0;
    padding:0;
}
img{max-width:100%;}
a{
    text-decoration: none;
    color:inherit;
}
.wrapper{
    max-width:1300px;
    width:100%;
    margin: 0 auto;
    padding: 0 85px;
}


/* Global Page Elements */
/* -------------------- */
#page{
    min-height:1500px;
    position:relative;
    padding: 50px 0 0 0;
    background:#f6f6f6;
}
#watermark{
    position:absolute;
    z-index: 10;
    overflow:hidden;
    height:340px;
    top:0;
    left:0;
    width:100%;
}
#watermark:after{
    content:"";
    width:340px;
    height:315px;
    display:block;
    position:absolute;
    top:0;
    right:-40px;
    background-size:340px;
    background-position:top center;
    background-image:url('../img/spiral-logomark-2.png');
}


/* STICKY Header */
header{
    z-index: 1000;
    width:100%;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    /* transition:background-color ease 50ms; */
}
header.pinned{
    background:#f6f6f6;
}
header.pinned:after{
    content:'';
    height:1px;
    width:100%;
    background:#eee;
    display:block;
    position:absolute;
    bottom: -1px;
    left:0;
}
.header_inner{
    display:flex;
    justify-content: space-between;
}
header nav{
    display:flex;
}
header nav a{
    flex: 0 0 auto;
    display: block;
    padding: 32px 15px;
    font-family: 'Archivo', sans-serif;
    font-weight: 600;
    color: #3f3f40;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    transition:ease 600ms all;
}
header.on_color nav a{
    color:#fff;
}

header.pinned nav a{
    color:#3f3f40 !important;
}
header nav a:hover, header nav a:active {
	color: #a4a4a4 !important;
	margin-top: -5px;
}
header.pinned nav a:hover, header.pinned nav a:active{
	color: #D31C12 !important;
}
.header_logo{
    display:block;
    z-index: 3;
    /*width:180px;*/
	width:420px;
    height:80px;
    position:relative;
    left:-74px;
	background-image: url('../img/spiral-martin-header-logo.png');
    /*background-image: url('../img/spiral-logo-pink.png');*/
    background-size:420px;
    background-position:center;
    background-repeat: no-repeat;
}
.on_color .header_logo{
    background-image: url('../img/spiral-martin-logo.png');
}

.pinned .header_logo{
    /*background-image: url('../img/spiral-logo-pink.png') !important;*/
    background-image: url('../img/spiral-martin-header-logo.png') !important;
}
.header_logo h2{
    text-indent: -9999px;
}
#mnavbutton{
    position:relative;
    right:-20px;
    display:none;
    height:70px;
    cursor:pointer;
    width:70px;
    font-size:28px;
    line-height:30px;
    padding: 20px 0 0 0;
    text-align: center;
    color: #e5006b;
}
.on_color #mnavbutton{color:#fff;}
.on_color.active #mnavbutton{color:#e5006b;}
.pinned #mnavbutton{color:#e5006b;}



/* Homepage HERO */
#hero{
    position:relative;
    width:100%;
    height:100vh;
    min-height:700px;
    background:#fff;
    overflow:hidden;
}
.hero_img{
    position:absolute;
    z-index: 2;
    width:100%;
    height:100%;
    top:0;
    left:0;
   /* background-image: url('../img/hero.jpg');*/
    background-size:cover;
    background-position:center center;
}
.hero_img.slide1{z-index: 1;opacity:0;}
.hero_img.slide2{z-index: 1;opacity:0;animation-delay:-5s;}
.hero_img.slide3{z-index: 1;opacity:0;animation-delay:-10s;}
.hero_img.active{
    z-index: 2;
    opacity:1;
    animation: fade_in 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.hero_img.active.actual{z-index: 3;}

@keyframes fade_in {
    0% {
        opacity: 0;
        transform:scale(1);
    }
    12%{
        opacity: 1;
    }
    45%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform:scale(1.2);
    }
}


.hero_logo{
    display:block;
    position:absolute;
    z-index: 5;
    /*width:180px;*/
	width: 415px;
    height:70px;
    top:30px;
    left:60px;
	background-image: url('../img/spiral-martin-logo.png');
    /*background-image: url('../img/spiral-logo-white.png');*/
    background-size:415px;
    background-position:center;
}
.hero_logo h1{
    text-indent: -9999px;
}
.hero_pink{
    position: absolute;
    z-index: 5;
    bottom: -250px;
    left: -200px;
    height: 250px;
    width: 45%;
    box-shadow: 0 -180px 220px 40px #cf1a6b;
    border-radius: 0 50% 0 0;
    opacity: 0.8;
}
.hero_black{
    position: absolute;
    z-index: 5;
    top: -310px;
    right: 0px;
    height: 250px;
    width: 36%;
    box-shadow: 0 180px 220px 40px #000;
    border-radius: 0 0 0 50%;
    opacity: 0.6;
}
.hero_logomark{
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    height: 540px;
    width:610px;
    background-image: url('../img/spiral-logomark.png');
    background-size:610px;
    background-position:bottom left;
    opacity: 0.1;
}
.hero_scroll_prompt{
    position:absolute;
    bottom: 0;
    left:50%;
    z-index: 6;
    width:17px;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    transform:translate(-50%,0);
}
.hero_scroll_prompt .mouse{
    height:28px;
    width:17px;
    border: 1px solid #d42482;
    position:relative;
    border-radius:50px;
    opacity: 0.7;
}
.hero_scroll_prompt .mouse:after{
    content:'';
    display:block;
    width:1px;
    height:10px;
    background:#d42482;
    position:absolute;
    top:0;
    left:7px;
}
.hero_scroll_prompt .mouse:before{
    content:'';
    display:block;
    width:3px;
    height:6px;
    background:#d42482;
    position:absolute;
    top:5px;
    left:6px;
    border-radius:3px;
}
.hero_scroll_prompt .arrows:before{
    content:'\f078';
    display:block;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    color:#d42482;
    font-size:10px;
    opacity: 0.6;
    text-align: center;
    margin: 5px 0 0 0;
    line-height:8px;
}
.hero_scroll_prompt .arrows:after{
    content:'\f078';
    display:block;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    color:#d42482;
    font-size:10px;
    opacity: 0.3;
    text-align: center;
    margin: 3px 0 12px 0;
}

#hero nav{
    position:absolute;
    top:45px;
    right:0;
    z-index: 7;
    display:flex;
}
#hero nav a{
    display:block;
    flex: 0 0 auto;
    padding: 16px 12px;
    font-family: 'Archivo', sans-serif;
    font-weight:600;
    color:#fff;
    margin: 0 0 0 3px;
    text-transform:uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    transition:ease 600ms all;
}
#hero nav a:hover, #hero nav a:active{
	color: #a4a4a4;
	margin-top: -5px;
}
#hero nav:after{
    content:'';
    display:inline;
    display:inline-block;
    padding: 14px 16px;
    width:30px;
}

.hero_text{
    position:absolute;
    bottom: 0;
    left:0;
    z-index: 7;
    color:#fff;
}
.hero_text h2{
    font-weight:900;
    font-size:95px;
    line-height: 74px;
    text-transform:uppercase;
    margin: 0 0 120px 0;
}
.hero_text h2 span{
    font-size:55px;
    line-height: 54px;
    position:relative;
    left:2px;
    text-transform:uppercase;
    font-weight:300;
    display:inherit;
}
.hero_case_study_callout{
    padding: 35px 60px;
    display:block;
    font-size:15px;
    font-weight:600;
    line-height:1.6em;
    position: absolute;
    bottom:0;
    left:0;
    height:120px;
}
.hero_case_study_callout.fade_still{
    z-index: 2;
}
.hero_case_study_callout.fade_still1{z-index: 1;opacity:0;}
.hero_case_study_callout.fade_still2{z-index: 1;opacity:0;animation-delay:-5s;}
.hero_case_study_callout.fade_still3{z-index: 1;opacity:0;animation-delay:-10s;}
.hero_case_study_callout.active{
    z-index: 2;
    opacity:1;
    animation: fade_in_text 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.hero_case_study_callout.active.actual{z-index: 3;}

@keyframes fade_in_text {
    0% {
        opacity: 0;
    }
    5%{
        opacity: 1;
    }
    34%{
        opacity: 1;
    }
    44%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}


.hero_case_study_callout.empty{
	padding: 59px 60px;
}
.hero_case_study_callout i{
    margin: 0;
    transition:ease 600ms all;
}
.hero_case_study_callout:hover i{
    margin: 0 0 0 10px;
}


/* Homepage Content */

.service_text{
    margin: 60px 0;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.service_text h2{
    flex: 0 0 auto;
    font-size:50px;
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.service_text p{
    flex: 0 1 48%;
    padding: 0 0 0 50px;
    color:#606060;
    line-height:30px;
    margin:0;
}



/* Work Previews Layouts */
.work_pod{
    /* height:483px; */
     padding: 38% 0 0 0;
    /*padding: 41% 0 0 0;*/
    width:100%;
    display:block;
    background:#ddd;
    margin: 0 0 30px 0;
    position:relative;
}
.main_img{
    position:absolute;
    background:#aaa;
    width:67%;
    display:block;
    border-right:10px solid #f6f6f6;
    top:0;
    left:0;
    height:100%;
    overflow:hidden;
}
.color_overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.7;
    transition:400ms ease all;
    z-index: 2;
}

.main_img:hover .color_overlay{
    opacity:0.9;
}
.main_img:hover .image_overlay{
    /* transform:scale(1.05); */
}
.image_overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.8;
    z-index: 1;
    transition:400ms ease all;
}
.pod_text{
    z-index: 5;
    position: absolute;
    color:#fff;
    bottom:0;
    left:0;
    padding: 50px;
}
.pod_text span{
    font-weight:800;
    font-size:35px;
    line-height:32px;
    text-transform:uppercase;
    font-family: 'Archivo', sans-serif;
}
.pod_text h3{
    text-transform:uppercase;
    font-weight:300;
    font-family: 'Archivo', sans-serif;
    font-size:46px;
    letter-spacing: 1px;
    position:relative;
    margin: 5px 0 30px 0;
    transition:ease all 600ms;
}
.pod_text h3:after{
    content:'';
    width:0px;
    transition:all ease 800ms;
    height:1px;
    background:#fff;
    display:block;
    position:absolute;
    bottom: -15px;
    left:0;
    z-index: 2;
}
.main_img:hover .pod_text h3:after{
    width:80px;
}

.main_img:hover h3{
    margin: 5px 0 50px 0;
}

.pod_text h4{
    letter-spacing: 3px;
    font-weight:600;
    font-size:14px;
    position:relative;
    left:3px;
    text-transform:uppercase;
}
.pod_text h4 i{
    margin: 0;
    transition:ease 600ms all;
}
.main_img:hover .pod_text h4 i{
    margin: 0 0 0 10px;
}
.alt_img{
    position:absolute;
    background:#aaa;
    width:33%;
    display:block;
    top:0;
    right:0;
    height:50%;
    border-bottom:5px solid #f6f6f6;
}
.alt_img.alt_two{
    top:50%;
    border-bottom:none;
    border-top:5px solid #f6f6f6;
}

/* Right-align pod */
.right_pod .main_img{
    border-right:none;
    border-left:10px solid #f6f6f6;
    left:initial;
    right:0;
}
.right_pod .alt_img{
    right:initial;
    left:0;
}
.right_pod .alt_img.alt_two{
    right:initial;
    left:0;
}

/* Button Styles */
.button_holder{
    text-align: center;
    padding: 20px 0 30px 0;
}
.button_holder.even_padding{
    padding: 20px 0;
}
.buttons_holder{
    display:flex;
    justify-content: space-between;
}
.linkbutton{
    border-radius:50px;
    padding: 15px 35px;
    font-size:12px;
    letter-spacing: 1px;
    text-transform:uppercase;
    font-weight:700;
    border:none;
    *zoom:1;
    display:inline;
    display:inline-block;
    transition:ease 200ms all;
}
.linkbutton.default{
    color:#E00400;
    background:#fff;
}
.linkbutton.default:hover, .linkbutton.default:active{
	background: #D31C12 !important;
	color: #f6f6f6;
}
.linkbutton.default_grey{
    color:#ff3732;
    background:#f6f6f6;
}
.linkbutton.grey,
.linkbutton.gray{
    color:#222;
    background:#f6f6f6;
}
.linkbutton.grey:hover, .linkbutton.grey:active,
.linkbutton.gray:hover, .linkbutton.gray:active{
	background: #DF2316 !important;
	color: #fff;
}
.linkbutton.on_color{
    color:#222;
    background:#fff;
}
.linkbutton.red{
    color:#fff;
    background:#DF2316;
}
.linkbutton.red:hover, .linkbutton.red:active{
	background: #FFF !important;
	color: #D31C12;
}
.linkbutton.transparent_black_text{
    color:#222;
    background:transparent;
}
.linkbutton.transparent_red_text{
    color:#ec4b40;
    background:transparent;
    font-weight:600;
}


/* Pre-Footer (home only) */

#prefooter{
    background-image:url('../img/footer-homepage.jpg');
    background-size:cover;
    background-position:center;
    padding: 90px 0 70px 0;
    color:#fff;
}
.prenav_top_info{
    text-align: center;
    margin: 0 0 70px 0;
}
.prenav_top_info h2{
    font-size:33px;
    margin: 0 0 12px 0;
    letter-spacing: 1px;
}
.prenav_top_info h3{
    font-size:16px;
    font-weight:400;
}
.prenav{
    display:flex;
}
.prenav_col{
    flex: 1 0 21%;
    margin: 0 10px;
}
.prenav_col h4{
    text-transform: uppercase;
    font-weight:600;
    letter-spacing: 1px;
    font-size:18px;
}
.prenav_col h4 span{
    font-size:22px;
    display:block;
}
.prenav_col h4 span i{
    font-size:16px;
    position: relative;
    top: -1px;
}
.prenav_col i{
    margin: 0;
    transition:ease 600ms all;
}
.prenav_col:hover i{
    margin: 0 0 0 10px;
}
.prenav_col ul{
    list-style:none;
    font-size:14px;
    padding: 0 30px 0 0 ;
    margin: 20px 0 0 0;
}
.prenav_col ul li{
    margin:10px 0;
    letter-spacing: 1px;
}



/* Footer */
/* ------------------------ */

/* Instagram */
#instagram{
    display:flex;
    position:relative;
}
.insta_tile{
    flex: 1 0 20%;
    position:relative;
    padding: 20% 0 0 0;
    background-size:cover;
    background-position:center;
}
/* color */
.insta_tile:after{
    transition:ease all 300ms;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    position:absolute;
    opacity:0;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);

}
.insta_tile:hover:after{
    opacity:0.7;

}
/* icon */
.insta_tile:before{
    z-index: 5;
    transition:ease all 300ms;
    content:'\f16d';
    font-family:'Font Awesome 5 Brands', 'Montserrat';
    color:#fff;
    font-size:50px;
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.insta_tile:hover:before{
    opacity: 1;
}

#footer_inner{
    background-image:url('../img/footer-background.jpg');
    background-size:cover;
    background-position:center;
    padding: 90px 0 70px 0;
    color:#fff;
}
.footer_center{
    text-align:center;
    display:flex;
    flex-flow:column nowrap;
    align-items: center;
    margin: 0 0 40px 0;
}
.footer_center h2{
    font-size:33px;
}
.footer_center p{
    max-width:600px;
    font-size:16px;
    line-height:1.4em;
}
a.phone_number{
    font-size:28px;
    letter-spacing: 2px;
    font-family: 'Archivo', sans-serif;
    font-weight:900;
}

#copyright{
    margin: 50px 0 0 0;
}

.copyright_logo_social{
    display:flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
}
.footer_logo{
    display:block;
    /*width:120px;*/
	width: 296px;
    height:50px;
	background-image: url('../img/spiral-martin-logo-white.png');
    /*background-image: url('../img/spiral-logo-white.png');*/
    background-size:296px;
    background-position:center;
    background-repeat:no-repeat;
	position: relative;
}
/*.footer_logo:after{
	content: "";
	display: block;
	border-left: 1px solid #fff;
    width:350px;
    height:50px;
    background-image: url('../img/34yr_banner.png');
    background-position:50px center;
    background-repeat:no-repeat;
	background-size: 75%;
	position: absolute;
	left: 160px;
	padding-left: 50px;
}*/
.social_icons a{
    *zoom:1;
    display:inline;
    display:inline-block;
    padding: 15px 10px;
    font-size:26px;
}
.social_icons a img{
	height: 25px;
}

.copyright_text_badges{
    display:flex;
    justify-content: space-between;
}
.copyright_text p{
    font-size:12px;
    margin: 8px 0;
    padding: 0 0 0 50px;
}


/* INTERIOR PAGEs */
/* --------------------- */

#page .wrapper{z-index: 10;position:relative;}
.page_text{
    margin: 60px 0 30px 0;
    display:flex;
    justify-content: space-between;
    align-items: end;
}
.page_text h1{
    flex: 0 0 auto;
    font-size:50px;
    display:block;
    line-height:1em;
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);

    background-size: 100%;
    text-transform:uppercase;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.page_text h1.smaller span{
    font-size:42px;
    line-height:30px;
    position:relative;
    left:0px;
    text-transform:none;
    font-weight:100;

    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);

    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.page_text h1 span{
    font-weight:300;
    font-size: 60px;
    line-height: 60px;
    position: relative;
    left: 2px;
}
.page_text h1 span.uc{text-transform: uppercase;}


/* WORK PAGE */
/* --------------------- */

.filters{
    color:#606060;
    /*text-transform:uppercase;*/
    font-family: 'Archivo', sans-serif;
    text-align: right;
    font-size:14px;
    max-width:50%;
    overflow:hidden;
    position:relative;
}
.filters_inner_offest{
    position:relative;
    right:-20px;
}
.filters a{
    *zoom:1;
    display:inline;
    display:inline-block;
    position:relative;
    margin: 5px 20px 5px 0;
}
.filters a:before{
    content:'';
    height:1px;
    width:100%;
    display:block;
    background:#aaa;
    position:absolute;
    bottom: -3px;
}
.filters a:after{
    user-select: none;
    content:"/";
    position:absolute;
    width:20px;
    text-align:center;
    right:-20px;
    top:0;
    margin: 0 0 0 10px;
}
.filters a:hover,.filters a:active{
	color: #d0d2d3;
}
.filters a.selected {
	color: #D31C12;
}


/* CASE STUDY PAGE */
.case_bg_image{
    position:absolute;
    z-index: 0;
    width:100%;
    height:100vh;
	max-height: 900px;
    background:#ddd;
    top:0px;
    background-image:url('../img/temp-case-bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	/*animation: zoominCaseStudy 10s 1;
	-webkit-animation: zoominCaseStudy 10s 1;
	-o-animation: zoominCaseStudy 10s 1;
	-moz--o-animation: zoominCaseStudy 10s 1;*/
}
/*@keyframes zoominCaseStudy {
    0% { transform: scale(1.1) }
    100% { transform: scale(1) }
}*/
.case_bg_black{
    position:absolute;
    z-index: 1;
    width:100%;
    height:100vh;
	max-height: 900px;
    background:#000;
    opacity: 0.4;
    top:0px;
}
.case_bg{
    position:absolute;
    z-index: 2;
    width:100%;
    height:100vh;
	max-height: 900px;
    background:#000;
    opacity: 0.8;
    top:0px;
}
#case_details{
    margin: 60px 0 20px 0;
    color:#fff;
}
#case_details h1{
    font-size:36px;
    line-height:1.2em;
    text-transform:uppercase;
    padding: 0 0 15px 0;
    position:relative;
    margin: 0 0 20px 0;
}
#case_details h1:after{
    content:'';
    height:2px;
    width:70px;
    display:block;
    position:absolute;
    background:#fff;
    bottom: -8px;
    left:0;
}
#case_details h1 sup{
	text-transform: none;
	font-size: .5em;
}
#case_details p{
    font-size:17px;
    line-height:1.7em;
    margin: 0 0 40px 0;
}
.tag_cats{
    margin: 0 0 50px 0;
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.tag_cats h2{
    font-size:24px;
    font-weight:300;
    flex: 0 1 50%;
}
.tag_cats .filters{
    color:#fff;
    flex: 0 1 45%;
}

/* Case Elements */
/* ---- */

/* Video */
.video_holder{
    margin: 40px 0;
}

/* Testimonial/Blockquote */
.case_quote{
    margin: 60px 0 !important;
    text-align:center;
}
.case_quote blockquote{
    color:#58595b;
    padding: 0 60px 40px 60px;
    font-size:20px;
    line-height:1.7em;
    font-weight:400;
    position:relative;
    margin:0;
}
.case_quote blockquote:before,
.case_quote blockquote:after{
    font-size:90px;
    color:#D31C12;
    position:absolute;
    top:30px;
    left:0;
}
.case_quote blockquote:before { content: open-quote; }
.case_quote blockquote:after  {
    content: close-quote;
    left:initial;
    right:0;
}
.case_quote .name{
    color:#606060;
    font-size:18px;
    font-weight:600;
    margin: 0 0 4px 0;
}
.case_quote .company{
    color:#D31C12;
    font-size:16px;
    font-weight:400;
}

/* Image Grid */
.img_grid{
    display:flex;
    flex-flow:row wrap;
    margin: 0 -8px 60px -8px;
}
.img_grid .tile{
    flex: 1 0 34%;
    margin: 0 8px 13px 8px;
	position: relative;
}
.img_grid .tile.full{
    flex: 1 1 100%;
}

/* Grid text */
.img_grid .tile.text {
	align-items: center;
	display: flex;
}

/*.img_grid .tile.text p,*/
.img_grid .tile.text {
	padding: 5%;
    /*text-align: center;*/
    display:block;
    color:#58595b;
    font-size:18px;
    font-weight:400;
    line-height:1.5em;
	margin: 0;
    background:#f6f6f6;
}
/*.img_grid .tile.text.half p {
	text-align: left;
}*/
.img_grid .tile.text p {
	margin: 0 0 15px 0;
}

/* Custom #work direct child Paragraph */
/*#work > p,
#work p {
    text-align: center;
    display:block;
    color:#58595b;
    padding: 0;
    font-size:18px;
    line-height:1.5em;
    font-weight:400;
}*/

#work h2 {
	color: #D31C12;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
}

.filterLabel {
	color: #606060;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* Article Callout */
.article_callout{
    border-top:1px solid #D31C12;
    border-bottom:4px solid #D31C12;
    padding: 0 0 0 50%;
    position:relative;
    margin: 0 0 80px 0;
}
.article_inner{
    padding: 40px;
}
.article_inner h2{
    color:#58595b;
    font-size:22px;
    font-weight:600;
    padding: 0 30% 0 0;
    margin: 0 0 20px 0;
}
.article_inner p{
    font-size:13px;
    color:#606060;
    line-height:1.5em;
    margin: 0 0 70px 0;
}
.article_image{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    background-size:cover;
    background-position:center;
}


/* Prev/Next */
.prev_next_study{
    text-align: center;
    margin: 0 0 80px 0;
    color:#606060;
    font-weight:700;
    letter-spacing: 1px;
}

.prev_next_study a{
    *zoom:1;
    display:inline;
    display:inline-block;
    margin: 0 10px;
}
.prev_next_study a:hover,.prev_next_study a:active{
	color: #D31C12;
}

/* Services Detail Elements */


/* Halves (Top h2) */
.service_halves{
    display:flex;
    margin: 0 -20px;
}
.service_half{
    flex: 0 0 50%;
    padding: 20px;
}
.service_half h2{
    color:#404041;
    font-weight:200;
    font-family: 'Montserrat', sans-serif;
}
.service_half p{
    margin: 0 0 20px 0;
    color:#404041;
    font-size:15px;
    line-height:26px;
    font-weight:200;
    font-family: 'Montserrat', sans-serif;
}

/* Full Text (h2) */
.services_full_text{
    margin: 0 0 40px 0;
}
.services_full_text h2{
    color:#D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
}
.services_full_text p{
    margin: 0 0 20px 0;
    color:#404041;
    font-size:15px;
    line-height:26px;
    font-weight:200;
    font-family: 'Montserrat', sans-serif;
}

/* Services 1/3-2/3 Pod */
.services_thirds_pod{
    display:flex;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 10px 0;
}
.services_thirds_pod.left{
    justify-content: flex-start;
    min-height:400px;
}
.services_thirds_pod .thirds_pod_image{
    position:absolute;
    width: 67%;
    display: block;
    border-right: 10px solid #f6f6f6;
    top: 0;
    left: 0;
    height: 100%;
    background-size:cover;
    background-position:center;
    background-color:#ddd;
    overflow: hidden;
}

.services_thirds_pod.left .thirds_pod_image{
    left: initial;
    right:0;

    border-right: none;
    border-left: 10px solid #f6f6f6;
}
.services_thirds_pod .thirds_pod_image.half{
    width: 33%;
    border-left:0;

}
.services_thirds_pod .thirds_pod_image.half.center{
    right: 33%;
    width: 33%;
    border-right: 10px solid #f6f6f6;
}
.services_thirds_pod .thirds_pod.pod_vessel{
    padding:0;
    position: relative;
}
.thirds_pod.pod_text{
    width:33%;
}

.vessel{
    position:absolute;
    top:0;
    height:50%;
    width:100%;
    border-bottom:5px solid #f6f6f6;
    background-size:cover;
    background-position:center;
    background-color:#ddd;
    overflow: hidden;
}
.vessel.bottom{
    top:initial;
    bottom:0;
    border-bottom:none;
    border-top:5px solid #f6f6f6;
}

/* bottom section specific */
.services_thirds_pod.down{
    flex-flow:row nowrap;
}
.services_thirds_pod.down .thirds_pod_image,
.services_thirds_pod.down .thirds_pod{
    flex:1 0 30%;
    min-height:400px;
    height:100%;
}
.services_thirds_pod.down .firsthalf{
    left:initial;
    position:relative;
}
.services_thirds_pod.down .centerhalf{
    left:initial;
    position:relative;
}
.services_thirds_pod.down .lasthalf{
    left:initial;
    position:relative;
    border-left: 10px solid #f6f6f6;
}


.thirds_pod{
    flex: 0 0 33%;
    background:#fff;
    padding: 30px 40px;
    min-height:400px;
}
.thirds_pod.image_one_third{
    background-size:cover;
    background-position:center;
}
.thirds_pod.dark{
    background:#460032;
}
.thirds_pod .quote_mark:after{
    content: '“';
    font-size: 80px;
    line-height: 80px;
    color: #D31C12;
    height: 40px;
    display: block;
    position:relative;
    left:-2px;
    margin: 0 0 10px 0;
}
.thirds_pod blockquote{
    padding: 0;
    color:#D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size:27px;
    line-height:1.1em;
    margin: 0 0 30px 0;
    font-weight:600;
}
.thirds_pod p{
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    font-weight:600;
    margin:0;
    color:#606060;
}
.thirds_pod .quote_by{
    margin: 50px 0 0 0;
}
.thirds_pod .quote_by_name{
    color:#606060;
}
.thirds_pod .quote_by_title{
    color:#888888;
}
.thirds_pod .quote_by_name{
    color:#EF554D;
    font-size:18px;
    font-weight:400;
}
.thirds_pod.dark .quote_by_title{
    color:#fff;
    font-size:14px;
    margin: 3px 0 0 0;
}
.thirds_pod.dark p{ color:#fff;}


/* Services Textblock */
#services_textblock{
    margin: 50px 0 70px 0;
    border-right:1px solid #D31C12;
    border-left:1px solid #D31C12;
    padding: 20px 40px;
}
#services_textblock p{
    margin: 0 0 20px 0;
    color:#404041;
    font-size:15px;
    line-height:26px;
    font-weight:200;
    font-family: 'Montserrat', sans-serif;
}
#services_textblock p:last-child:last-of-type{
    margin:0;
}

/* Service Capabilites Panel */
#service_capabilites{
    background:#fff;
    padding: 80px 0 50px 0;
}
#service_capabilites h2{
    color:#D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    letter-spacing: 2px;
    margin: 0 0 80px 0;
}
.capabilites{
    padding: 0 0 0 25%;
    columns: 3;
    column-gap: 2rem;
    position:relative;
    margin: 0 0 90px 0;
}
.capabilites:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:80%;
    height:100%;
    width:500px;
    background-size:500px;
    background-position:top left;
    background-repeat:no-repeat;
    background-image: url('../img/capabilites_side_graphic.jpg');
}
.cap_item{
    break-inside: avoid;
    position:relative;
    padding: 0 0 0 20px;
    margin: 0 0 30px 0;
}
.cap_item:before{
    content:'\f105';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    color:#D31C12;
    font-size:18px;
    line-height: 18px;
    position:absolute;
    display:block;
    top:0;
    left:0;
}
.cap_item h3{
    font-family: 'Montserrat', sans-serif;
    color:#404041;
    font-weight:600;
    font-size:16px;
    margin: 0 0 5px 0;
}
.cap_item p{
    color:#404041;
    margin: 0;
    font-size:13px;
    line-height:1.5em;
}

.cap_nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.cap_nav .linkbutton{
    margin: 0 50px;
    text-align: center;
    flex: 1 0 auto;
}
.cap_nav .prev_service,
.cap_nav .next_service{
    color:#D31C12;
    letter-spacing: 1px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}
.cap_nav .prev_service:hover, .cap_nav .prev_service:active,
.cap_nav .next_service:hover, .cap_nav .next_service:hover{
	color: #404041;
}
.cap_nav .next_service{text-align: right;}


/* Logo Wall Panel */
#logowall_panel{
    /*background:#fff;*/
    padding: 80px 0 50px 0;
	overflow: hidden;
}
.logowall{
    padding: 10% 0 10% 40%;
    position:relative;
    /*margin: 0 0 90px 0;*/
}
.logowall:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:80%;
    height:100%;
    width:500px;
    background-size:500px;
    background-position:top left;
    background-repeat:no-repeat;
    background-image: url('../img/logowall_side_graphic.png');
	z-index: -1;
}
.logo_item h2{
    font-family: 'Montserrat', sans-serif;
    color:#404041;
    font-weight:600;
    font-size:50px;
    margin: 0 0 5px 0;
    flex: 0 0 auto;
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.logo_item p{
    color:#404041;
    margin: 0;
    font-size:16px;
    line-height:1.5em;
}
.logo_nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 35px;
}
.logo_nav .linkbutton{
    /*margin: 0 25px;*/
    text-align: center;
	padding: 15px 25px;
    /*flex: 1 0 auto;*/
}

/* */

#more_services{
    background:#f6f6f6;
    padding: 60px 0 20px 0;
}
#more_services h2{
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size:24px;
    padding: 0 15%;
    text-align: center;
    margin: 0 0 70px 0;
}
.more_services_grid{
    margin: 0 -10px 20px -10px;
    display:flex;
    justify-content: space-between;
}
.more_services_grid_item{
    margin: 0 15px;
    display:block;
}
.more_services_grid_item img{display:block;}
.more_services_grid_item h3{
    font-size:15px;
    font-weight:600;
    color:#404041;
    margin: 15px 0;
}
.more_services_grid_item img{transition: 0.25s all ease-in-out;}
.more_services_grid_item:hover img {
	transform: scale(1.1);
}


/* SERVICES Main */
#services_list{
    margin: 0 0 50px 0;
    list-style:none;
    padding:0;
    width:100%;
}
#services_list li{
    display:block;
    padding: 11px 30px 11px 0;
    line-height:20px;
    font-size:16px;
    position:relative;
    border-bottom: 1px solid #ef574e;
}
#services_list li:after{
    content:'\f063';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    top:11px;
    right:0;
    line-height:20px;
}
#services_list li:hover{
    color:#D31C12;
    cursor:pointer;
}



/* Service Main Panels */
.services_panel{
    background:#fff;
    padding: 80px 0 50px 0;
}
.services_panel h2{
    color:#D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size:28px;
    letter-spacing: 2px;
    margin: 0 0 80px 0;
}
.services_panel:nth-child(even){
    background:#f6f6f6;
}

.service_wrap{
    padding: 0 0 0 25%;
    margin: 0 0 50px 0;
}
.service_background_image{
    content: '';
    display: block;
    position: absolute;
    top: 62px;
    right: 77%;
    height: 90%;
    width: 700px;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}

.service_items{
    columns: 3;
    column-gap: 2rem;
    position:relative;
    list-style:none;
    margin:0 0 0px 0;
    padding:0 0 50px 0;
    /*border-bottom: 1px dotted #ddd;*/
}

.service_image_row{
    -moz-column-count: 3;
    -moz-column-gap: 2em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2em;
    column-count: 3;
    column-gap: 2em;

	display: flex;
    padding: 0 0 0 25%;
    margin: 0 0 50px 0;
}
.service_image_row img{width:100%;}
.service_image_row img{transition: 0.25s all ease-in-out;}
.service_image_row a:hover img {
	transform: scale(1.1);
}

.service_items li{
    display:block;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    font-size:15px;
    font-weight:700;
    color:#404041;
    position:relative;
}
.service_items li:before{
    content:'\f105';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    color:#D31C12;
    font-size:16px;
    line-height: 18px;
    position:absolute;
    display:block;
    top:0;
    left:0;
}

.main_cap_nav{
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.main_cap_nav .linkbutton{
    margin: 0;
    text-align: center;
    flex: 0 0 auto;
}
.main_cap_nav .linkbutton:hover,.main_cap_nav .linkbutton:active{
	background: #f6f6f6 !important;
	color: #D31C12 !important;
}
.services_panel .main_cap_nav .linkbutton.default{
    background:#D31C12;
	color: #fff;
}




/* TEAM */
#team{
    padding: 40px 0 100px 0;
    background:#fff;
}
#team h2{
    color: #D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size: 33px;
    letter-spacing: 2px;
    margin: 0 0 30px 0;
}
.team_grid{
    display:flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -10px;
}
.member{
    flex: 1 0 26%;
    margin: 10px 10px 40px 10px;
}
.member_image{
    margin: 0 0 10px 0;
    position:relative;
    padding: 40px;
    min-height: 450px;
    background-size:cover;
    background-position:top center;
    display:flex;
    align-items: flex-end;
    /*cursor:pointer;*/
    filter: grayscale(1);
}
/*.member_image:hover{
    filter: grayscale(0);
}*/
.member_text{
    opacity:0;
    position:relative;
    z-index: 3;
    font-weight:700;
    color:#fff;
    line-height:20px;
    font-size:15px;
    transition:ease 200ms opacity;
}
/*.member_image_overlay{
    position:absolute;
    z-index:2;
    background:#D31C12;
    opacity:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:ease 200ms opacity;
}*/

/*.member_image:hover .member_text{
    opacity:1;
}*/
/*.member_image:hover .member_image_overlay{
    opacity:0.8;
}*/

.member_name{
    color: #D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 0 0 2px 0;
    font-weight:600;
}
.member_title{
    font-size:14px;
}


/* CONTACT */
#contact{
    margin: 60px 0;
    display:flex;
}
form#contact_form, .successbox{
    flex: 1 1 5%;
    padding: 0 80px 0 0;
}
form#contact_form h2{
    color: #D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size: 33px;
    letter-spacing: 2px;
    margin: 0 0 35px 0;
    font-weight:600;
}
.form_chunk{
    position:relative;
    margin: 0 0 30px 0;
}
.form_chunk:after{
    content:'';
    width:100%;
    height:1px;
    bottom:0;
    left:0;
    display:block;
    position:absolute;
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
}
.form_chunk.textarea:before{
    content:'';
    background:#f6f6f6;
    top:2px;
    bottom:1px;
    right:1px;
    width:20px;
    display:block;
    position:absolute;
}
form#contact_form label{
    font-size:14px;
    position:absolute;
    top:22px;
    background:#f6f6f6;
    padding: 0 20px;
    line-height: 20px;
    left:1px;
    right:1px;
    transition:ease all 350ms;
}
form#contact_form label span{
    color:#D31C12;
}
form#contact_form input[type="text"],
form#contact_form input[type="tel"],
form#contact_form input[type="email"]{
    width:100%;
    border:none;
    background:transparent;
    padding: 25px 20px 15px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    line-height:20px;
    outline:none;
}
form#contact_form input[type="text"].has_text,
form#contact_form input[type="email"].has_text,
form#contact_form input[type="tel"].has_text,
form#contact_form input[type="text"]:focus,
form#contact_form input[type="tel"]:focus,
form#contact_form input[type="email"]:focus{
    padding: 30px 20px 10px 20px;
}
form#contact_form input[type="text"]:focus,
form#contact_form input[type="tel"]:focus,
form#contact_form input[type="email"]:focus{
    border-top:1px solid #e1e2e2;
    border-left:1px solid #e1e2e2;
    border-right:1px solid #e1e2e2;
}
form#contact_form input[type="text"].has_text + label,
form#contact_form input[type="email"].has_text + label,
form#contact_form input[type="tel"].has_text + label,
form#contact_form textarea.has_text + label,
form#contact_form textarea:focus + label,
form#contact_form input[type="text"]:focus + label,
form#contact_form input[type="email"]:focus + label,
form#contact_form input[type="tel"]:focus + label{
    top:10px;
    font-size:14px;
    color:#606060;
}

form#contact_form textarea{
    width:100%;
    font-family: 'Montserrat', sans-serif;
    border:none;
    background:transparent;
    padding: 50px 20px 15px 20px;
    font-size:16px;
    line-height:24px;
    resize:none;
    max-height:600px;
    outline:none;
    min-height:100px;
     border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    height:100px;
}
form#contact_form textarea:focus,
form#contact_form textarea.has_text{
    padding: 50px 20px 10px 20px;
}
form#contact_form textarea:focus{
    border-top:1px solid #e1e2e2;
    border-left:1px solid #e1e2e2;
    border-right:1px solid #e1e2e2;
}
form#contact_form textarea + label{
    padding: 0 20px 10px 20px;
}

.form_error{
    position:absolute;
    top:100%;
    padding: 3px 22px;
    font-size:10px;
    color:#D31C12;
    text-transform: uppercase;
}

.form_footer{
    margin: 60px 0;
    padding: 0 20px;
    display:flex;
    justify-content: space-between;
}
form#contact_form .form_controls{
    display:flex;
    align-items: flex-end;
    flex-direction:column;
}
form#contact_form .input_area input{
    position:absolute;
    z-index: -1;
    opacity: 0;
}
form#contact_form .input_area label{
    position:relative;
    top:0;
    margin:0;
    padding:0;
    display:flex;
    cursor:pointer;
}
form#contact_form .input_area input + label .radio{
    background: -moz-linear-gradient(left, rgba(240,95,46,1) 0%, rgba(240,95,46,1) 28%, rgba(161,38,104,1) 69%, rgba(161,38,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    background: linear-gradient(to right, rgba(240,95,46,1) 0%,rgba(240,95,46,1) 28%,rgba(161,38,104,1) 69%,rgba(161,38,104,1) 100%);
    width:20px;
    height:20px;
    border-radius: 50%;
    cursor:pointer;
    padding: 2px;
    margin: 0 10px 0 0;
}

form#contact_form .input_area input + label .radio div{
    width:16px;
    height:16px;
    border-radius: 50%;
    background:#fff;
    border: 3px solid #fff;
    transition:all ease 200ms;
}
form#contact_form .input_area input:checked + label .radio div{
    background:#a12668;
}
form#contact_form .input_area input:focus + label{
    border: 1px solid #ddd;
}
form#contact_form .input_area input + label p{
    color:#606060;
    margin:0;
}
form#contact_form input[type="submit"]{
    margin: 30px 0 0 0;
}
form#contact_form input[type="submit"]:hover{
    cursor:pointer;
}



#contact aside{
    flex: 0 0 240px;
}
#contact aside h2{
    color: #D31C12;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 40px 0 5px 0;
    font-weight:600;
}
#contact aside h2:first-of-type{margin-top:0;}
#contact aside a{
    font-weight:400;
    text-decoration: underline;
    color:#606060;
    display:block;
    margin: 0 0 5px 0;
}
#contact aside p{
    font-weight:700;
    margin: 0 0 15px 0;
    color:#606060;
	letter-spacing: 1px;
}
#social_icons_contact{
    display:flex;
    margin: 0 0 0 -10px;
}
#social_icons_contact a{
    display:block;
    padding: 8px;
    font-size:24px;
}






/*HALVES*/
/*------------------------------------------------------*/

/*If Image*/
.work-row .halfrow .half{
	display:block;
	width:50%;
	position:relative;
	float:left;
}
.work-row .halfrow .half.right{
	float:right;
}
/*LAST Image*/
.work-row .halfrow .half.last{
	display:block;
	left:0;
	float:left;
	width:100%;
	height:auto;
	position:relative;
}


/*If Text*/
.work-row .halfrow .half.text.left{
	display:block;
	width:50%;
	left:0;
	position:absolute;
	height:100%;
}
.work-row .halfrow .half.text.right{
	display:block;
	left:50%;
	height:100%;
	position:absolute;
}
/*LAST TEXT*/
.work-row .halfrow .half.text.last{
	display:block;
	width:100%;
	left:0;
	height:auto;
	position:relative;
	float:left;
}

/*FULL*/
/*------------------------------------------------------*/
.work-detail .work-row > div.full {
	float: none;
	width: 100%;
	position: relative;
}

.work-detail .work-row > div:nth-last-child(2):nth-child(odd),
.work-detail .work-row > div:last-child:nth-child(even) {
    /* Before last child AND odd */
    /* Last child AND even */
	width: 100%;
}
.work-detail .work-row .workImage {
	width: 100%;
	height: auto;
}
.work-detail .work-row .text  {
	position: relative;
}
.work-detail .work-row .text div {
	padding: 0px 15%;
	width: 100%;
	position: absolute;
	top: 50%;
	text-align: left;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.work-detail .work-row .text.right div {
	text-align: left;
}
/*Last Text > wrapper*/
.work-row .halfrow .half.text.last div{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 90px 15%;
	top: 0;
	text-align: center;
	-webkit-transform: translate(0%,0);
	-moz-transform: translate(0%,0);
	-ms-transform: translate(0%,0);
	-o-transform: translate(0%,0);
	transform: translate(0%,0);
}

/**/

.work-url-link {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1000;
}
.work-url-link img:hover {
	opacity: .5 !important;
}

/* LOGO WALL */
#logo_wall{
    columns: 3;
    column-gap: 2rem;
    padding: 30px 0 90px 0;
}
#logo_wall .wall_logo{
    padding: 0px;
    border-radius:2px;
    margin-bottom: 2rem;
    /* filter: grayscale(1); */
    background:#fff;
}
#logo_wall .wall_logo:hover{
    /* filter: grayscale(0); */
}
#logo_wall a{
    display:block;
    position:relative;
}
#logo_wall a .wall_logo{
    position: relative;
}

#logo_wall a .wall_logo:before{
    content:'';
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    position:absolute;
    z-index: -1;
    box-shadow:0 0px 16px 6px #000;
    opacity:0;
    display: block;
}
#logo_wall a .wall_logo:hover:before{
    opacity:0.4;
}
#logo_wall a .wall_logo img{display:block;}
#logo_wall a .wall_logo .view_study{
    bottom:0px;
    opacity:0;
    position: absolute;
    right:0;
    color:#fff;
    background:#fe2d25;
    padding:16px 18px;
    font-size:18px;
    transition:ease all 200ms;
    letter-spacing: 1px;
    text-transform:uppercase;
    font-weight:700;
}
#logo_wall a .wall_logo:hover .view_study{
    opacity:1;
}











@media(min-width:768px){
	a[href^="tel:"] {
		cursor: auto;
		pointer-events: none;
		color: inherit;
	}
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 200; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #e82681; /* Set a background color */
	color: #fff; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 10px 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 14px; /* Increase font size */
	line-height: 16px;
}

#myBtn:hover {
	background-color: #E00400; /* Add a dark-grey background on hover */
}


.site-pagination {
	margin: 25px 0 50px 0;
}
.pagination {
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
	list-style:none;
	border-radius:.25rem;
	justify-content: center;
}
.page-link {
	position:relative;
	display:block;
	padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#007bff;
	background-color:#fff;
	border:1px solid #e6e7e8;
}
.page-link:hover {
	z-index:2;
	color:#fff;
	text-decoration:none;
	background-color:#D31C12;
	border-color:#606060;
}
.page-link:focus {
	z-index:2;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
.page-link:not(:disabled):not(.disabled) {
	cursor:pointer;
}
.page-item:first-child .page-link {
	margin-left:0;
}
.page-item:last-child .page-link {
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
}
.page-item.active .page-link {
	z-index:1;
	color:#fff;
	background-color:#606060;
	border-color:#606060;
}
.page-item.disabled .page-link {
	color:#6c757d;
	pointer-events:none;
	cursor:auto;
	background-color:#fff;
	border-color:#dee2e6;
}
.pagination {
    margin: 0;
}
.pagination li:before {
	display: none !important;
}
.pagination > li > a, .pagination > li > span {
    font-size: 15px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .pagination > .active > a:focus, .pagination > .active > span:focus {
	cursor: none;
	/*color: #fff;*/
	/*background-color: #282e6c;*/
	/*border: 1px solid #282e6c;*/
	/*border-radius: 0px;*/
}
.pagination > li > .results-link:hover {
	color: #fff;
	background-color: #282e6c;
	border: 1px solid #282e6c;
	border-radius: 0px;
}
.pagination a,
.pagination span {
	color: #460032;
    font-size: 15px;
	display: inline-block;
	padding: .5em 1em;
	text-align: center;
}
.pagination .page-item {
	margin-right: 5px;
}
.pagination .results-link {
	border: 1px solid #282e6c;
	text-decoration: none;
}



#product-list{
	display:flex;
	margin: 25px 0 50px 0;
}
.pagholder{
	display:block;
	width:100%;
	position:relative;
	margin: 0 0 5px 0;
}
#product-list .paginationdiv{
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
	list-style:none;
	justify-content: center;
	text-align: left;
	width:auto;
	position:relative;
	height:40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#product-list .paginationdiv a.pagination{
	color: #606060;
	display: block;
	position: relative;
	float: left;
	padding: 12px 0;
	margin: 0;
	width: 40px;
	text-align: center;
	font-weight:bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
}
#product-list .paginationdiv a.pagination:hover{
	color:#D31C12;
	text-decoration: none;
}
#product-list .paginationdiv .current{
	font-weight:bold;
	display: block;
	position: relative;
	float: left;
	padding: 12px 0;
	margin: 0;
	background:#D31C12;
	border-radius: 50%;
	width: 40px;
	text-decoration: none;
	color:#ffffff;
	text-align: center;
}
#product-list .paginationdiv .prev a,
#product-list .paginationdiv .next a{
	width: auto;
	margin: 0 5px;
	padding: 12px 5px;
}

.sticky-pagination {
	position: fixed;
	top: 50%;
	left: auto;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);

	z-index: 50;
}
.sticky-pagination a {
	color: #fff;
	display: block;
	font-size: 2rem;
	background: rgba(0,0,0,.30);
	width: 50px;
	height: 100px;
	transition:ease 300ms all;
}
.sticky-pagination a:hover,.sticky-pagination a:active {
	background: rgba(0,0,0,.40);
	width: 60px;
}
.sticky-pagination a > i{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.sticky-pagination.prev {
	left: 0;
}
.sticky-pagination.next {
	right: 0;
}


/*  */

footer ul li a {
  color: #1c394f;
  font-family: "GalanoGrotesque-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 0.8rem;
  transition: color .3s ease;
}