.col-xs-1-12{width:8.3333333333%}
.col-xs-2-12{width:16.6666666667%}
.col-xs-3-12{width:25%}
.col-xs-4-12{width:33.3333333333%}
.col-xs-5-12{width:41.6666666667%}
.col-xs-6-12{width:50%}
.col-xs-7-12{width:58.3333333333%}
.col-xs-8-12{width:66.6666666667%}
.col-xs-9-12{width:75%}
.col-xs-10-12{width:83.3333333333%}
.col-xs-11-12{width:91.6666666667%}
.col-xs-12-12{width:100%}
.col-xs-1-10{width:10%}
.col-xs-2-10{width:20%}
.col-xs-3-10{width:30%}
.col-xs-4-10{width:40%}
.col-xs-5-10{width:50%}
.col-xs-6-10{width:60%}
.col-xs-7-10{width:70%}
.col-xs-8-10{width:80%}
.col-xs-9-10{width:90%}
.col-xs-10-10{width:100%}
.col-xs-1-9{width:11.1111111111%}
.col-xs-2-9{width:22.2222222222%}
.col-xs-3-9{width:33.3333333333%}
.col-xs-4-9{width:44.4444444444%}
.col-xs-5-9{width:55.5555555556%}
.col-xs-6-9{width:66.6666666667%}
.col-xs-7-9{width:77.7777777778%}
.col-xs-8-9{width:88.8888888889%}
.col-xs-9-9{width:100%}
.col-xs-1-7{width:14.2857142857%}
.col-xs-2-7{width:28.5714285714%}
.col-xs-3-7{width:42.8571428571%}
.col-xs-4-7{width:57.1428571429%}
.col-xs-5-7{width:71.4285714286%}
.col-xs-6-7{width:85.7142857143%}
.col-xs-7-7{width:100%}
.col-xs-1-6{width:16.6666666667%}
.col-xs-2-6{width:33.3333333333%}
.col-xs-3-6{width:50%}
.col-xs-4-6{width:66.6666666667%}
.col-xs-5-6{width:83.3333333333%}
.col-xs-6-6{width:100%}
.col-xs-1-3{width:33.3333333333%}
.col-xs-2-3{width:66.6666666667%}
.col-xs-3-3{width:100%}
@media(min-width:768px){.col-sm-1-12{width:8.3333333333%}
.col-sm-2-12{width:16.6666666667%}
.col-sm-3-12{width:25%}
.col-sm-4-12{width:33.3333333333%}
.col-sm-5-12{width:41.6666666667%}
.col-sm-6-12{width:50%}
.col-sm-7-12{width:58.3333333333%}
.col-sm-8-12{width:66.6666666667%}
.col-sm-9-12{width:75%}
.col-sm-10-12{width:83.3333333333%}
.col-sm-11-12{width:91.6666666667%}
.col-sm-12-12{width:100%}
}@media(min-width:980px){.col-md-1-12{width:8.3333333333%}
.col-md-2-12{width:16.6666666667%}
.col-md-3-12{width:25%}
.col-md-4-12{width:33.3333333333%}
.col-md-5-12{width:41.6666666667%}
.col-md-6-12{width:50%}
.col-md-7-12{width:58.3333333333%}
.col-md-8-12{width:66.6666666667%}
.col-md-9-12{width:75%}
.col-md-10-12{width:83.3333333333%}
.col-md-11-12{width:91.6666666667%}
.col-md-12-12{width:100%}
.col-md-1-10{width:10%}
.col-md-2-10{width:20%}
.col-md-3-10{width:30%}
.col-md-4-10{width:40%}
.col-md-5-10{width:50%}
.col-md-6-10{width:60%}
.col-md-7-10{width:70%}
.col-md-8-10{width:80%}
.col-md-9-10{width:90%}
.col-md-10-10{width:100%}
.col-md-1-9{width:11.1111111111%}
.col-md-2-9{width:22.2222222222%}
.col-md-3-9{width:33.3333333333%}
.col-md-4-9{width:44.4444444444%}
.col-md-5-9{width:55.5555555556%}
.col-md-6-9{width:66.6666666667%}
.col-md-7-9{width:77.7777777778%}
.col-md-8-9{width:88.8888888889%}
.col-md-9-9{width:100%}
.col-md-1-7{width:14.2857142857%}
.col-md-2-7{width:28.5714285714%}
.col-md-3-7{width:42.8571428571%}
.col-md-4-7{width:57.1428571429%}
.col-md-5-7{width:71.4285714286%}
.col-md-6-7{width:85.7142857143%}
.col-md-7-7{width:100%}
.col-md-1-6{width:16.6666666667%}
.col-md-2-6{width:33.3333333333%}
.col-md-3-6{width:50%}
.col-md-4-6{width:66.6666666667%}
.col-md-5-6{width:83.3333333333%}
.col-md-6-6{width:100%}
.col-md-1-3{width:33.3333333333%}
.col-md-2-3{width:66.6666666667%}
.col-md-3-3{width:100%}
}@media(min-width:1400px){.col-lg-1-12{width:8.3333333333%}
.col-lg-2-12{width:16.6666666667%}
.col-lg-3-12{width:25%}
.col-lg-4-12{width:33.3333333333%}
.col-lg-5-12{width:41.6666666667%}
.col-lg-6-12{width:50%}
.col-lg-7-12{width:58.3333333333%}
.col-lg-8-12{width:66.6666666667%}
.col-lg-9-12{width:75%}
.col-lg-10-12{width:83.3333333333%}
.col-lg-11-12{width:91.6666666667%}
.col-lg-12-12{width:100%}
.col-lg-1-10{width:10%}
.col-lg-2-10{width:20%}
.col-lg-3-10{width:30%}
.col-lg-4-10{width:40%}
.col-lg-5-10{width:50%}
.col-lg-6-10{width:60%}
.col-lg-7-10{width:70%}
.col-lg-8-10{width:80%}
.col-lg-9-10{width:90%}
.col-lg-10-10{width:100%}
.col-lg-1-9{width:11.1111111111%}
.col-lg-2-9{width:22.2222222222%}
.col-lg-3-9{width:33.3333333333%}
.col-lg-4-9{width:44.4444444444%}
.col-lg-5-9{width:55.5555555556%}
.col-lg-6-9{width:66.6666666667%}
.col-lg-7-9{width:77.7777777778%}
.col-lg-8-9{width:88.8888888889%}
.col-lg-9-9{width:100%}
.col-lg-1-7{width:14.2857142857%}
.col-lg-2-7{width:28.5714285714%}
.col-lg-3-7{width:42.8571428571%}
.col-lg-4-7{width:57.1428571429%}
.col-lg-5-7{width:71.4285714286%}
.col-lg-6-7{width:85.7142857143%}
.col-lg-7-7{width:100%}
.col-lg-1-6{width:16.6666666667%}
.col-lg-2-6{width:33.3333333333%}
.col-lg-3-6{width:50%}
.col-lg-4-6{width:66.6666666667%}
.col-lg-5-6{width:83.3333333333%}
.col-lg-6-6{width:100%}
.col-lg-1-3{width:33.3333333333%}
.col-lg-2-3{width:66.6666666667%}
.col-lg-3-3{width:100%}
}@media(min-width:1800px){.col-xl-1-10{width:10%}
.col-xl-2-10{width:20%}
.col-xl-3-10{width:30%}
.col-xl-4-10{width:40%}
.col-xl-5-10{width:50%}
.col-xl-6-10{width:60%}
.col-xl-7-10{width:70%}
.col-xl-8-10{width:80%}
.col-xl-9-10{width:90%}
.col-xl-10-10{width:100%}
.col-xl-1-12{width:8.3333333333%}
.col-xl-2-12{width:16.6666666667%}
.col-xl-3-12{width:25%}
.col-xl-4-12{width:33.3333333333%}
.col-xl-5-12{width:41.6666666667%}
.col-xl-6-12{width:50%}
.col-xl-7-12{width:58.3333333333%}
.col-xl-8-12{width:66.6666666667%}
.col-xl-9-12{width:75%}
.col-xl-10-12{width:83.3333333333%}
.col-xl-11-12{width:91.6666666667%}
.col-xl-12-12{width:100%}
}.mixit-up-init{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.mixit-up-init .mix{display:inline-block}
.project-listing-container{padding:0 15px}
.project-listing-image-holder{width:100%;background-color:#000}
.project-listing-image-holder img{width:100%;height:auto;padding:0;margin:0;vertical-align:top;opacity:1;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.project-listing-image-holder span{position:absolute;width:80%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-family:'atten-new',sans-serif;font-weight:400;font-style:normal;font-display:block;font-size:30px;line-height:42px;letter-spacing:3px;color:#fff;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.project-listing-image-holder span{font-size:20px}
@media screen and (min-width:680px){.project-listing-image-holder span{font-size:calc(1.0869565217vw + 12.6086956522px)}
}@media screen and (min-width:1600px){.project-listing-image-holder span{font-size:30px}
}.project-listing-image-holder span{line-height:16px}
@media screen and (min-width:680px){.project-listing-image-holder span{line-height:calc(1.5217391304vw + 5.652173913px)}
}@media screen and (min-width:1600px){.project-listing-image-holder span{line-height:30px}
}.project-listing-container a:hover .project-listing-image-holder img{opacity:.4}
.project-listing-container a:hover .project-listing-image-holder span{opacity:1}
.project-listing-title-holder{margin:20px 0 60px;opacity:1;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.project-listing-title-holder h3{font-family:'atten-new',sans-serif;font-weight:400;font-style:normal;font-display:block;font-size:20px;line-height:28px;letter-spacing:2px;color:#2f3c4a;text-transform:uppercase}
.project-listing-container a:hover .project-listing-title-holder{opacity:.4}
.projects-spacer-sd-only{display:none}
@media only screen and (min-width:980px) and (max-width:1400px){.project-listing-title-holder{margin:20px 0 30px}
.project-listing-title-holder h3{font-family:'atten-new',sans-serif;font-weight:400;font-style:normal;font-display:block;font-size:16px;line-height:26px;letter-spacing:1.8px}
.projects-spacer-sd-only{display:block}
}@media only screen and (min-width:1px) and (max-width:979px){.project-listing-container{padding:0}
.project-listing-title-holder{margin:20px 0 30px}
.project-listing-title-holder h3{font-family:'atten-new',sans-serif;font-weight:400;font-style:normal;font-display:block;font-size:16px;line-height:20px;letter-spacing:1.6px}
.projects-spacer-sd-only{display:none}
}