html, body {
            height: 100%;
            max-width:100%;
        }

        body {
                max-width: 100vw;
                padding: 0px;
                margin: 0px;
                font-family: 'Montserrat', sans-serif;
                font-size: 16px;
                font-weight: 400;
                overflow-x: hidden;
                line-height: 150%;
        }

        b {
                font-family: 'Montserrat', 'Arial', sans-serif;
                font-weight: 600;
        }

        li {
                margin: 0px 0px 16px 16px;
                padding-left: 0px;
                line-height: 150%;
        }

        ul {
            list-style: disc outside none;
            padding: 0px 10px 10px 20px;
        }

        hr {
            width: 100%;
            height: 1px;
            border-top: 1px #f2f2f2;
            background: #fff;
            margin-bottom: 60px;
            margin-top: 16px;
        }

        h1 {
            font-size: 36px;
            line-height: 100%;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 800 !important;
            color: #000000;
            margin-top: 0px !important;
        }

        h2 {
            font-size: 15px;
            margin-top: 24px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600 !important;
            color: #000000;
        }

        h3 {
            font-size: 16px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600 !important;
            color: #000000;
        }

        h4 {
            font-size: 36px;
            line-height: 120%;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 800! important;
            color: #DF4B27;
            margin-top: 120px;
            text-align: right;
        }

        h5 {
            font-size: 22px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 800 !important;
            color: #DF4B27;
            line-height: 100%;
            margin: 0px 0px 16px 0px;
        }

        .moreboxes a:link, .moreboxes a:visited {
            color: #DF4B27;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600;
            text-decoration: none;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .moreboxes a:hover {
            color: #000000;
        }

        .contentall a:link, .contentall a:visited {
            color: #DF4B27;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600;
            text-decoration: none;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .contentall a:hover {
            color: #000000;
        }

        /**
        Navigation Mobile
        **/
        .navmobouter {
            width: 100vw;
            height: 30px;
            background-color: #ffffff;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
            display: none;
        }
        .navmob {
            width: 100vw;
            height: 30px;
            background-color: #fff;
            position: absolute;
            top: 30px;
            left: 0px;
            z-index: 100;
            border-bottom: 1px #e8e8e8 solid;
        }

        .navmobcontain {
            width: 90%;
            height: 15px;
            margin: 0px auto;
            background-color: #fff;
            bottom: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
        }

        .navmobleft {
            width: 40%;
            height: auto;
            float: left;
            text-align: left;
            background-color: #fff;

        }

        .navmobright {
            width: 60%;
            height: auto;
            float: right;
            text-align: right;
            background-color: #fff;
        }

        .navmob a:link, .navmob a:visited {
            text-decoration: none;
            color: #000000;
        }



        /**
        Navigation Deskop**/

        .navcontain {
            width: 100vw;
            height: 72px;
            background-color: #ffffff;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
            font-size: 12pt;
        }

        .nav {
            width: 100vw;
            height: 72px;
            position: fixed;
            top: 0;
            left: 0;
            border-bottom: 1px #e8e8e8 solid;
            z-index: 100;
        }

        .left {
            float: left;
            width: 60%;
        }

        .right {
            float: right;
            width: 40%;
            text-align: right;
            color: #000000;
        }

        .innernav {
            width: 90vw;
            height:auto;
            position: absolute;
            padding-bottom: 15px;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 0);
            background-color: #ffffff;
        }

        .innernavhighlight {
            border-bottom: 3px #000000 solid;
            padding-bottom: 15px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600;
            margin-right: 24px;
        }

        .innernavnormal {
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 400;
            margin-right: 24px;
            border-bottom: none;
        }

        .innernavhighlight a:link, .innernavhighlight a:visited {
            text-decoration: none;
            color: inherit;
            font-family: inherit;
            font-size: inherit;
        }

        .innernavnormal a:link, .innernavnormal a:visited {
            text-decoration: none;
            color: inherit;
            font-family: inherit;
            font-size: inherit;
             -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .innernavnormal a:hover {
            border-bottom: 3px #000 solid;
            padding-bottom: 15px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
        }


        /**
        Navigation Icons**/

        .navicons {
            font-size: 1em;
            margin-left: 15px;
            line-height: 100%;
            font-family: 'icomoon', 'Arial', sans-serif;
            font-color: #000000;
            padding: 10px;
        }

        .naviconsleft {
            font-size: 1em;
            font-family: 'icomoon', 'Arial', sans-serif;
            font-color: #000000;
            line-height: 100%;
            padding: 10px 10px 10px 0px;
        }


        .right a:link, .right a:visited {
            color: #000000;
            text-decoration: none;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            background-color: #ffffff;
        }

        .right a:hover {
            border-bottom: 3px #000 solid;
            padding-bottom: 15px;
            font-family: 'icomoon', 'Arial', sans-serif;
            background-color: #ffffff;
        }




        /**
        Buttons
        **/

        .buttonmain {
            background-color: #DF4B27;
            border: none;
            text-decoration: none;
            color: #ffffff;
            font-size: 12pt;
            border-radius: 500px;
            width: 180px;
            height: 48px;
            margin: 24px 16px 24px 0px;
            text-align: center;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 500;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            cursor:pointer;
        }

        .buttonsecond {
            background-color: #ffffff;
            border: 3px #DF4B27 solid;
            text-decoration: none;
            color: #DF4B27;
            font-size: 12pt;
            border-radius: 500px;
            width: 180px;
            height: 48px;
            margin: 24px 24px 24px 0px;
            text-align: center;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 500;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            cursor:pointer;
        }

        .buttonmain:hover {
            background-color: #000000;
        }

        .buttonsecond:hover {
            border: 1px #000000 solid;
            color: #000000;
        }



        /**
        Main header
        **/

        .mainheader {
            width: 100vw;
            height: -webkit-fill-available;
            position: relative;
            background-image: url(../imgs/mainimg.png);
            background-size: 40vw;
            background-position: bottom right;
            background-repeat: no-repeat;
            /* Internet Explorer 10 */
            display:-ms-flexbox;
            -ms-flex-pack:start;
            -ms-flex-align:start;

            /* Firefox */
            display:-moz-box;
            -moz-box-pack:center;
            -moz-box-align:center;

            /* Safari, Opera, and Chrome */
            display:-webkit-box;
            -webkit-box-pack:center;
            -webkit-box-align:center;

            /* W3C */
            display:box;
            box-pack:center;
            box-align:center;
            border-bottom: 1px #e8e8e8 solid;
            z-index: 2;
        }

        .mainheaderbox {
            width: 90vw;
            height: auto;
            margin: 0px auto;
        }

        .mainheadername {
            width: 56%;
            height: auto;
            text-align: left;
            float: left;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 800;
            font-size: 78pt;
            line-height: 100%;
            font-color: #000000;
            text-align: left;
            margin-top: 78px;
        }

        .mainheadersub {
            width: 55%;
            height: auto;
            text-align: left;
            float: left;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 400;
            font-size: 26pt;
            line-height: 150%;
            font-color: #000000;
            text-align: left;
            margin-top: 32px;
        }


        /**
        Content
        **/

        .content {
            width: 90vw;
            height: auto;
            margin: 0px auto;
            color: #333333;
            line-height: 150%;
            padding-bottom: 15vh;
            position: relative;
        }

        .boxes {
            margin-top: 40px;
            display: grid;
            grid-template-columns: auto auto;
            grid-column-gap: 24px;
            background-color: none;
        }

        .areabox {
            border: 1px #e8e8e8 solid;
            text-align: left;
            background-color: #ffffff;
            padding: 32px;
        }

        .boxes a:link, .boxes a:visited {
            color: #DF4B27;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600;
            text-decoration: none;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .boxes a:hover {
            color: #000000;
        }

        .icns {
            font-family: 'icomoon', 'Arial', sans-serif;
            font-size: 1.5em;
            color: #DF4B27;

        }


        .moreboxes {
            margin-top: 40px;
            height: auto;
            display: grid;
            grid-template-columns: 49% 49%;
            grid-column-gap: 2%;
            background-color: #fff;
        }

        .moreareabox {
            text-align: left;
            background-color: none;
        }

        .icons {
            height: 32px;
        }


        /**
        Overlay
        **/

        .overlay {
            height: 100vh;
            width: 0vw;
            position: fixed;
            z-index: 200;
            top: 0;
            left: 0px;
            background-color: #fff;
            background-size: 90px auto;
            background-position: bottom 9vh right 20px;
            background-repeat: no-repeat;
            overflow: hidden;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            overflow-y: scroll;
        }

        .rightbor {
            border-right: 1px #000000 solid;
        }

        .overlay-content {
            position: relative;
            top: 16px;
            width: 90vw;
            text-align: left;
            margin: 30px 0px 30px 5vw;
        }

        .overlay a {
            padding: 8px 0px 8px 0px;
            line-height: 130%;
            text-decoration: none;
            font-size: 16px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 600;
            color: #000000;
            display: block;
            transition: 0.3s;
        }

        .overlay span {
            font-size: 16px;
            color: #333;
            margin-left: 16px;
            font-family: 'Montserrat', 'Arial', sans-serif;
            font-weight: 400;
            line-height: 130%;
        }

        .heading {
            font-size: 10px;
            color: #999999;
            text-transform: uppercase;
            display: inline-block;
        }

        .overlay a:hover, .overlay a:focus {
            color: #DF4B27;
        }

        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 5vw;
            font-size: 16px;
            font-family: 'icomoon', 'Arial', sans-serif;
        }

        .scroll-lock {
            height: 100%;
            overflow: hidden;
            width: 100%;
        }


        /**
        Content Pages
        **/

        .contentwrap {
            width: 90vw;
            height: auto;
            margin: 0px auto;
            margin-top: 15vh;
            background-color: #fff;
        }

        .contentsidebar {
            width: 20%;
            height: 82vh;
            text-align: left;
            position: fixed;
            margin-top: 16px;
            overflow-y: auto;
        }

        .contentsidebar ul {
            list-style: none;
            padding: 0px 0px 6px 0px;
            margin: 0px;
        }

        .contentall {
            width: 75%;
            height: auto;
            float: right;
            text-align: left;
            padding-bottom: 20vh;
        }

        .contentsidebar span {
            margin-left: 16px;
        }

        .contentsidebar a:link, .contentsidebar a:visited {
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #000;
            text-decoration: none;
            display: block;
            line-height: 120%;
            margin-bottom: 18px;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .contentsidebar a:hover {
            color: #DF4B27;
        }

        .cathead {
            color: #DF4B27;
            font-size: 18px !important;
            font-family: 'Montserrat', 'Arial', sans-serif !important;
            font-weight: 600 !important;
        }

        .galleryboxg {
            margin-top: 40px;
            display: grid;
            grid-template-columns: 49% 49%;
            grid-column-gap: 2%;
            background-color: none;
        }

        .gallerybox {
            text-align: left;
            background-color: #ffffff;
            padding: 0px;
            margin-bottom: 32px;
        }

        .gallerybox img {
            width: 100%;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            filter: brightness(100%);
        }

        .gallerybox img:hover {
           -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
           filter: grayscale(100%);
           filter: brightness(50%);
        }

        .imagetitle {
            font-size: 15px;
            line-height: 400%;
            float: left;
        }

        .imagedes {
            font-size: 16px;
            line-height: 400%;
            float: right;
            color: #999999;
        }

        .processbox {
            margin-top: 40px;
            display: grid;
            grid-template-columns: 100%;
            background-color: none;
        }

        .processimg {
            text-align: left;
            background-color: #ffffff;
            padding: 0px;
            margin-bottom: 32px;
        }

        .processimg img {
            width: 100%;
            margin-bottom: 16px;
        }

        .caption {
            font-size: 12px;
            color: #707070;
            float: left;
            line-height: 150%;
        }

        .ucdc {
            display: grid;
            grid-template-columns: 32% 32% 32%;
            grid-column-gap: 2%;
            background-color: none;
        }

        .ucdcdetail {
            text-align: left;
            background-color: #ffffff;
            padding: 0px;
            margin-bottom: 32px;
        }

        .double {
            display: grid;
            grid-template-columns: 49% 49%;
            grid-column-gap: 2%;
            background-color: none;
        }

        .flow {
            width: 100%;
            height: auto;
            margin-top: 24px;
        }

        .ucdcc {
            width: 100%;
            height: auto;
            margin-top: 24px;
        }

        .concepts {
            width: 100%;
            height: auto;
        }
        
        .ho {
            width: 100%;
            height: auto;
        }

        .galimg {
            width: 100%;
            height: auto;
            display: inline-block;
        }

        .galimge {
            width: 100%;
            height: auto;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .galimge:hover {
            transform: scale(1.5);
        }
        




        /**
        Add-ons
        **/

        .notop {
            margin-top: 0px !important;
        }

        .margtop8 {
            margin-top: 8px !important;
        }

        .margtop16 {
            margin-top: 16px !important;
        }

        .margtop32 {
            margin-top: 32px !important;
        }

        .margtop40 {
            margin-top: 40px !important;
        }

        .margtop60 {
            margin-top: 60px !important;
        }

        .margtop88 {
            margin-top: 88px !important;
        }

        .margtop120 {
            margin-top: 120px !important;
        }

        .margbtm8 {
            margin-bottom: 8px;

        }

        .margbtm16 {
            margin-bottom: 16px;

        }

        .margbtm24 {
            margin-bottom: 24px;

        }

        .margbtm32 {
            margin-bottom: 32px;

        }

        .margbtm88 {
            margin-bottom: 88px;

        }

        .margbtm120 {
            margin-bottom: 120px !important;
        }


        .db {
            display: block;
        }

        .navoffset {
            position: relative;
            top: -10vh;
        }

        .logosize {
            height: 56px;
            margin: 0px 36px 40px 0px;
        }

        .orange {
            color: #DF4B27 !important;
            font-weight: 600 !important;
        }

        .back {
            width: 100%;
            float: left;
            text-align: left;
            margin: 88px 0px 0px 0px;
            display: none;
        }

        .back a:link, .back a:visited {
            color: #DF4B27;
            text-decoration: none;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .back a:hover {
            color: #000;
        }

        .icomoon {
            color: inherit;
            font-family: 'icomoon', 'Arial', sans-serif;
            margin: 0px 8px 0px 0px;
            font-size: 16px;
        }