/*
ATTENTION!
DO NOT EDIT THIS FILE. The CSS was pre-compiled from SCSS files. Any changes made to this file will be overwritten upon subsequent updates.
*/
html{margin:0;padding:0;width:100%;height:100%}body{background:#fff;padding:0;margin:0;width:100%;height:100%;line-height:normal;color:#58585a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Roboto', sans-serif}.self_clear:after{content:"";clear:both;display:table}*{box-sizing:border-box;position:relative}.bold{font-weight:bold}.roboto_slab{font-family:'Roboto Slab', serif}#container{width:100%;max-width:1280px;min-height:600px;margin:30px auto 0;background:#fff;position:relative}header{background:#fff;padding:10px 71px 18px 71px;position:relative}@media all and (max-width:767px){header{padding-left:15px;padding-right:15px}}@media all and (max-width:767px){header .header_logo{width:215px}}#social_links{position:absolute;top:0;right:71px}@media all and (max-width:767px){#social_links{right:15px;top:9px}}#social_links img{margin-left:0px}nav{float:right;margin-top:31px;font-size:12px}@media all and (max-width:767px){nav{float:none;margin-top:18px;text-align:center}}nav a{color:inherit;text-decoration:none;margin-left:20px;display:inline-block;width:84px}@media all and (max-width:767px){nav a{width:auto !important;margin-left:9px}}nav a:last-of-type{text-align:right}nav a:nth-of-type(1){width:73px;margin-left:0}nav a:nth-of-type(2){width:96px}nav a:hover,nav a.active{color:#72afb6;font-weight:bold}div.blue_band{background:#e4eff0;height:22px}#icons{padding:0 71px;text-align:center;padding-top:26px}@media all and (max-width:500px){#icons{padding-left:15px;padding-right:15px}}#icons img{vertical-align:middle;margin:0 44px}@media all and (max-width:1023px){#icons img{margin:0 40px}}@media all and (max-width:767px){#icons img{margin:0 20px 20px 20px}}footer{margin-top:12px;padding:1px 15px;text-align:center;font-size:16px;background:#e4eff0;color:#939598}footer p{margin:12px 0}#fake{position:absolute;top:0;left:0;width:100%;height:100%;background:url('../comps/OS_Website_HomeR3.png') no-repeat;opacity:0.5;display:none;pointer-events:none}ul.green li{margin:3px;color:#0f0}#container.home header nav a:first-of-type{color:#72afb6;font-weight:bold}#gallery_wrapper #gallery_image_wrapper{line-height:0;position:relative;overflow:hidden}#gallery_wrapper #gallery_image_wrapper:before{content:'';padding-top:26.56%;display:block}#gallery_wrapper #gallery_image_wrapper > img{max-width:100%;position:absolute;left:100%;top:0}#gallery_wrapper #gallery_image_wrapper > img[data-id="0"]{left:0%}#gallery_wrapper #gallery_controls{background:#e4eff0;height:35px;text-align:center;padding-top:7px}#gallery_wrapper #gallery_controls div{display:inline-block;border-radius:50%;height:7px;width:7px;background:#cfe2e4;margin:0 4px;cursor:pointer}#gallery_wrapper #gallery_controls div.active{background:#c1cbcc}#content{padding:43px 63px 0 68px;font-size:17px;display:-webkit-flex;display:flex}@media all and (max-width:1023px){#content{display:block}}@media all and (max-width:767px){#content{padding-left:15px;padding-right:15px}}#content section{width:100%}#content > div,#content section > div{float:left;width:calc(100% - 365px)}@media all and (max-width:1023px){#content > div,#content section > div{width:100%;float:none}}#content > div > div,#content section > div > div{width:50%;float:left;padding-right:35px}@media all and (max-width:1279px){#content > div > div,#content section > div > div{width:100%}}#content > div div.quote,#content section > div div.quote{padding-right:10px;padding-top:35px;color:#9a989a;position:relative}#content > div div.quote:before,#content section > div div.quote:before{content:url(../images/quote.svg);position:absolute;z-index:0;top:18px;left:-8px}#content > div div.quote:after,#content section > div div.quote:after{content:url(../images/quote.svg);position:absolute;right:10px;bottom:-31px;transform:rotate(180deg)}@media all and (max-width:1279px){#content > div div.quote,#content section > div div.quote{padding-bottom:50px}}#content > div div.quote p,#content section > div div.quote p{padding-left:25px;z-index:100;position:relative}@media all and (max-width:1023px){#content > div div.quote p,#content section > div div.quote p{padding-left:0}}#content > div div.quote .signature,#content section > div div.quote .signature{display:inline;padding-left:45px;font-size:13px;color:#58585a;font-style:italic}#content > div div.quote .signature p,#content section > div div.quote .signature p{display:inline;padding-left:0}@media all and (max-width:500px){#content > div div.quote .signature,#content section > div div.quote .signature{padding-left:0}}#content > div h2,#content section > div h2{font-size:37px;line-height:1em;margin:0;padding:0}#content > div h3,#content section > div h3{font-size:29px;line-height:1.2em;margin:0}#content > aside,#content section > aside{border-left:1px solid #72afb6;float:left;width:365px;padding:0 0 15px 15px}@media all and (max-width:1023px){#content > aside,#content section > aside{width:100%;float:none;border-left:none;padding-left:0}}#content > aside p,#content section > aside p{margin-bottom:0}#content > aside p:first-of-type,#content section > aside p:first-of-type{margin-top:7px}#content > aside ul,#content section > aside ul{margin:0 0 25px 0;padding:0}#content > aside ul:last-of-type,#content section > aside ul:last-of-type{margin-bottom:0}#content > aside ul li,#content section > aside ul li{display:inline;padding-left:1px}#content > aside ul li:not(:last-of-type):after,#content section > aside ul li:not(:last-of-type):after{content:"|";margin-left:8px}#container.about header nav a:nth-of-type(2){color:#72afb6;font-weight:bold}#container.about .about_content{padding:21px 71px 10px 71px}@media all and (max-width:767px){#container.about .about_content{padding-left:15px;padding-right:15px}}#container.about .about_content > div{width:50%;float:left;padding-right:10px}#container.about .about_content > div:last-of-type{padding-right:0;padding-left:10px}@media all and (max-width:500px){#container.about .about_content > div:last-of-type{padding-left:0;padding-right:0}}@media all and (max-width:767px){#container.about .about_content > div{width:100%;padding-left:0;padding-right:0;margin-bottom:15px}}#container.about .about_content > div img{max-width:100%}#container.about .about_content > div p:first-of-type{margin-top:0}#container.about .about_content div.mug{position:relative;margin-bottom:15px}#container.about .about_content div.mug .image_holder{display:inline-block;width:232px}#container.about .about_content div.mug div.info{width:290px;position:absolute;right:0;bottom:0}@media all and (max-width:1279px){#container.about .about_content div.mug div.info{position:relative}}#container.about .about_content div.mug div.info p{margin:0;font-size:17px}#container.about .about_content div.mug div.info h3{font-weight:700;font-family:'Roboto Slab', serif;font-size:21px;margin:0}#container.about .about_content div.mug div.info a{color:inherit;font-weight:bold;text-decoration:none}#container.news header nav a:nth-of-type(4){color:#72afb6;font-weight:bold}#container.news .news_teaser img{display:block;margin:20px auto;max-width:100%}@media (max-width:1279px){#container.news .news_teaser img{padding-right:15px}}@media (max-width:1023px){#container.news .news_teaser img{padding-right:0}}#container.news #content{display:block}#container.news #content aside h3{font-family:'Roboto Slab', serif;font-size:30px;line-height:1.1em;margin:15px 0 0 0}#container.news #content aside h4{font-size:24px;margin:1px 0 0px 0}#container.news #content aside a{color:inherit;font-weight:bold;text-decoration:none}#container.news section{margin-bottom:1em}#container.news section:last-of-type{margin-bottom:0}#container.work header nav a:nth-of-type(3){color:#72afb6;font-weight:bold}#container.work .work_content{padding:1px 71px;margin:35px 0 0 0}@media all and (max-width:767px){#container.work .work_content{padding-left:15px;padding-right:15px}}#container.work .work_content h3{margin:0 0 8px 0;font-size:26px}#container.work .work_content p{font-size:14px;margin:0 0 5px 0}#container.work .work_images{padding:1px 71px;margin:12px 0 0 0}#container.work .work_images img{margin:9px 20px 0 0;width:266px}@media all and (max-width:767px){#container.work .work_images img{width:45%}}@media all and (max-width:479px){#container.work .work_images img{width:100%}}#container.work .work_images img:nth-of-type(4n){margin-right:0}@media all and (max-width:1279px){#container.work .work_images img:nth-of-type(4n){margin-right:20px}}#container.work .work_quote{font-style:italic;background:#f3f3f3;margin:16px 0 0 0;padding:26px 71px 3px}@media all and (max-width:767px){#container.work .work_quote{padding-left:15px;padding-right:15px}}#container.work .work_quote > p{margin:0 0 23px 0;font-size:13px;line-height:1.7em}#work_modal_layer{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, .6);color:#fff;text-align:center;display:none}#work_modal_layer #work_modal_close{position:absolute;top:5px;right:30px;font-size:60px;font-weight:bold;cursor:pointer}#work_modal_layer #work_modal_next,#work_modal_layer #work_modal_prev{position:absolute;top:50%;right:30px;margin-top:-18px;cursor:pointer;width:0;height:0;border-style:solid;border-width:18px 0 18px 24px;border-color:transparent transparent transparent #fff}#work_modal_layer #work_modal_prev{right:auto;left:30px;border-width:18px 24px 18px 0;border-color:transparent #fff transparent transparent}#work_modal_layer #work_modal_img{max-width:calc(100% - 125px);max-height:100%;margin:0 auto;display:inline-block;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#work_modal_layer #v_align_helper{height:100%;vertical-align:middle;width:0;display:inline-block}