*, *::before, *::after {
    /* box-sizing: inherit; */
}

ul, ol, dl {
    list-style-position: outside;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}


.siteheader__wrap {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 3.75rem;
    left: 0;
    top: 0;
}

.siteheader {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 95;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.21s ease-in-out;
}


.siteheader__wrap {
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 70px;
    left: 0;
    top: 0
}

.ui-widget-header{
	background-color: #ff6900;
	background-image: none;
	border:1px #ff6900 solid;
}

.ui-dialog .ui-dialog-titlebar{
	line-height: 1.2rem; 	
}

/*  ========== icons =========== */


.nav--icon{
	background: url(/images/icons/icons_all.png) no-repeat;
	width:46px;
	height:55px;
	margin-right:0.8rem;
}

.padlock{
	background-position: 0 -630px;  /* x 9  */
}
.home{
	background-position: 0 -840px;  /* x 8  */
}
.book{
	background-position: 0 -140px;  /* x 2  */
}
.users{
	background-position: 0 -420px;  /* x 6  */
}
.folders{
	background-position: 0 -280px;  /* x 4  */
}
.download{
	background-position: 0 -490px;  /* x 7  */
}
.close{
	background-position: 0 -560px;  /* x 8  */
}
/*
.edit{
	background-position: 0 -700px;
}
*/
.nav--icon--sml{
	background: url(/images/icons/icons_all_21w.png) no-repeat;
	width:21px;
	height:18px;
	margin-right:0.3rem;
}
.clocksml{
	background-position: 0 -209px;  /* x 5  */
}
.userssml{
	background-position: 0 -249px;  /* x 5  */
}
.settingssml{
	background-position: 0 -453px;  /* x 11  */
}
.alertsml{
	background-position: 0 -49px;  /* x 1  */
}

[data-colour="on-white"] .siteheader,
[data-colour="on-solidwhite"] .siteheader,
.post-type-archive-work .siteheader,
.single-post .siteheader {
    background: rgba(254, 254, 254, 0.8)
}

[data-colour="on-white"] .hamburger-inner,
[data-colour="on-white"] .hamburger-inner::before,
[data-colour="on-white"] .hamburger-inner::after,
[data-colour="on-solidwhite"] .hamburger-inner,
[data-colour="on-solidwhite"] .hamburger-inner::before,
[data-colour="on-solidwhite"] .hamburger-inner::after,
.post-type-archive-work .hamburger-inner,
.post-type-archive-work .hamburger-inner::before,
.post-type-archive-work .hamburger-inner::after,
.single-post .hamburger-inner,
.single-post .hamburger-inner::before,
.single-post .hamburger-inner::after {
    background: #0a0a0a
}

[data-colour="on-white"] .nav--main li:not(.active) a,
[data-colour="on-solidwhite"] .nav--main li:not(.active) a,
.post-type-archive-work .nav--main li:not(.active) a,
.single-post .nav--main li:not(.active) a {
    color: #0a0a0a
}

[data-colour="on-white"] .nav--main li:not(.active) a:hover,
[data-colour="on-solidwhite"] .nav--main li:not(.active) a:hover,
.post-type-archive-work .nav--main li:not(.active) a:hover,
.single-post .nav--main li:not(.active) a:hover {
    color: #19b1e5
}

[data-colour="on-white"] .logo::after,
[data-colour="on-solidwhite"] .logo::after,
.post-type-archive-work .logo::after,
.single-post .logo::after {
    color: #0a0a0a
}

[data-colour="on-white"] .logo svg,
[data-colour="on-solidwhite"] .logo svg,
.post-type-archive-work .logo svg,
.single-post .logo svg {
    fill: #0a0a0a
}

[data-colour="on-solidwhite"] .siteheader {
    background: #fefefe
}

/*[data-colour="on-black"] .siteheader {*/
	/*!* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262626+0,3f3f3f+99 *!*/
	/*background: rgb(38,38,38); !* Old browsers *!*/
	/*background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 99%); !* FF3.6-15 *!*/
	/*background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(63,63,63,1) 99%); !* Chrome10-25,Safari5.1-6 *!*/
	/*background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(63,63,63,1) 99%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#3f3f3f',GradientType=0 ); !* IE6-9 *!*/
/*}*/

[data-colour="on-black"] .siteheader {
    background: url(/images/cms/header.png) repeat-x;
    background-position: 0 0;
}

[data-colour="on-black"] .hamburger-inner,
[data-colour="on-black"] .hamburger-inner::before,
[data-colour="on-black"] .hamburger-inner::after {
    background: #fefefe
}

[data-colour="on-black"] .nav--main li:not(.active) a, [data-colour="on-black"] .nav--main li:not(.active) span {
    color: #fefefe
}

[data-colour="on-black"] .nav--main li:not(.active) a:hover, [data-colour="on-black"] .nav--main li:not(.active) span:hover {
    color: #19b1e5
}

[data-colour="on-black"] .logo::after {
    color: #fefefe
}

[data-colour="on-black"] .logo svg {
    fill: #fefefe
}

.siteheader__primary {
    transition: top 0.3s ease-in-out;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.25rem
}

@media screen and (min-width: 40em) {
    .siteheader__primary {
        padding: 0 1.875rem
    }
}

.siteheader__primary>.row {
    width: 100%
}

.row {
    max-width: 98%;
    margin-left: 2%;
    margin-right: 4%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}


.align-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.column, .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
}

@media screen and (min-width: 40em){
	.column, .columns {
	    padding-left: 0;
	    padding-right: 0;
	}
}

.siteheader {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 95;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.21s ease-in-out
}

@media screen and (min-width: 40em) {
    .siteheader {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.siteheader__primary {
    width: 100%
}

@media screen and (max-width: 39.9375em) {
    .siteheader__primary {
        position: relative;
        z-index: 56;
    }
}

.siteheader__primary.up {
    top: -100%;
}

.siteheader__primary.down {
    background: rgba(10, 10, 10, 0.25);
}

.siteheader__contact {
    width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
	padding: 4.5rem 1.25rem 4.5rem 4.375rem;
}

.siteheader__contact a {
    color: #fefefe
}

.siteheader__contact p {
    font-size: .75rem
}

.siteheader__contact p span {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700
}

.canvastoggle {
    display: block;
    width: 3.5rem;
    height: 2.6875rem;
    position: relative;
    z-index: 98;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

@media screen and (min-width: 90em) {
    .canvastoggle {
        position: absolute;
        right: 1.875rem;
        top: .9rem
    }
}

[data-whatinput='mouse'] button {
    outline: 0
}

.animated,
.menu li a,
.menu li span,
.module:nth-child(2) {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInUp,
.menu li a,
.menu li span,
.module:nth-child(2) {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.menu li a, .menu li span {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.menu li:nth-of-type(2) a, .menu li:nth-of-type(2) span {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.menu li:nth-of-type(3) a, .menu li:nth-of-type(3) span {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.menu li:nth-of-type(4) a, .menu li:nth-of-type(4) span {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    display: table-cell;
    vertical-align: middle
}

.activetab{
 	color: #19b1e5 !important;
}

[data-whatinput='mouse'] .menu>li {
    outline: 0
}

.menu>li>a, .menu>li>span {
    padding: 0.7rem 1rem;
    line-height: 1;
	cursor:pointer;
}

.menu>li>a{
	display: block;
}

.menu>li>span{
	display: inline-block;
}

.menu input,
.menu a,
.menu span,
.menu button {
    margin-bottom: 0
}

.menu>li>a img,
.menu>li>a i {
    vertical-align: middle
}

.menu>li>a i+span,
.menu>li>a img+span {
    vertical-align: middle
}

.menu>li>a img,
.menu>li>a i {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }
    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal>li {
        display: table-cell
    }
    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right::before,
.menu.align-right::after {
    content: ' ';
    display: table
}

.menu.align-right::after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a img,
.menu.icon-top>li>a i {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    color: #19b1e5;
    background: none
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu {
    list-style: none;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: spaced;
    -ms-flex-pack: spaced;
    justify-content: spaced
}

.menu li {
    width: auto
}

.menu a, .menu span {
    color: #fefefe
}

.menu .active a, .menu .active span {
    color: #19b1e5
}

.menu--horizontal a, .menu--horizontal span {
    /* text-transform: uppercase; */
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 1px
}

.menu--horizontal a:hover, .menu--horizontal span:hover {
    color: #19b1e5
}

.menu--vertical, .menu--details {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 40em) {
    .menu--vertical li {
        margin: .1rem 0;
        display: block;
    	border-top: 1px solid #49aee4;
    }
    
    .menu--details li {
        margin: .1rem 0;
        display: block
    }
}

.menu--vertical li a, .menu--vertical li span, .menu--details li {
    padding: .25rem 0
}

@media screen and (max-width: 39.9375em) {
    .menu--vertical li a {
        margin: .75rem 0
    }
}

.menu--offcanvas, .menu--details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 39.9375em) {
    .menu--offcanvas, .menu--details {
        margin-top: 1.875rem
    }
}

.menu--offcanvas li, .menu--details li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	display: flex;
    align-items : center;
	/* justify-content: center; */
	
}

.menu--offcanvas a, .menu--offcanvas span {
    color: #fefefe;
    /* font-family: Georgia, Times, "Times New Roman", serif; */
    font-size: 1.25rem
}

.menu--offcanvas a:hover, .menu--offcanvas span:hover {
    color: #19b1e5;
	text-decoration:none;
}

@media screen and (min-width: 40em) {
    .menu--offcanvas a, .menu--offcanvas span {
        font-size: 1.5rem
    }
}

@media screen and (min-width: 40em) {
    .menu--offcanvas a, .menu--offcanvas span {
        font-size: 1.5rem
    }
}

.menu--offcanvas .active a, .menu--offcanvas .active span {
    color: #0a0a0a
}

.bodywrap,
.siteheader__wrap {
    transition: 0.35s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
	/* background-color: #000;*/
}

.menu-is-active .canvastoggle .hamburger-inner,
.menu-is-active .canvastoggle .hamburger-inner::before,
.menu-is-active .canvastoggle .hamburger-inner::after {
    background: #fefefe !important
}

.menu-is-active .nav--slide {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.menu-is-active .nav--slide li,
.menu-is-active .nav--slide p {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: 0.35s 0.16s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (min-width: 40em) {
    .menu-is-active .nav--slide {
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }
}

.menu-is-active .nav--main a {
    opacity: 0.5;
    transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (min-width: 40em) {
    .menu-is-active .bodywrap,
    .menu-is-active .siteheader__wrap {
        transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px)
    }
}
.no-js [data-responsive-menu] ul {
    display: none
}

.fadeout {
    opacity: 0.5
}



@media screen and (min-width: 40em) {
    .nav--slide {
    	/*
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 5rem 1.25rem 2.5rem 4.375rem
        */
    }
}

.nav--slide li,
.nav--slide p {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
    opacity: 0;
    transition: 0.21s 0s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (max-width: 39.9375em) {
    .overlay {
        display: none
    }
}

@media screen and (min-width: 40em){
	.overlay {
	    background: rgba(10,10,10,0.6);
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 20;
	    opacity: 0;
	    pointer-events: none;
	    transition: all 0.2s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
	}
}

.menu-is-active .overlay , .overlay-active .overlay{
    opacity: 1
}

.nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav a {
    transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.nav--main {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

@media screen and (max-width: 39.9375em) {
    .nav--main {
        display: none
    }
}

.nav--main .active a {
    color: #19b1e5
}

.fadeout {
    opacity: 0.5
}

.nav--slide {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 55;
    width: 100vw;
    max-width: 28.125rem;
    min-height: 100vh;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: 0.21s cubic-bezier(0.645, 0.045, 0.355, 1);
	padding: 1.25rem;
	
	display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: space-around;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    
}

@media screen and (min-width: 40em) {
    .nav--slide {
    	/*
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        */
        padding: 5rem 0 0 0;
    }
}

.nav--slide div.linksdiv{
	padding: 0 1.25rem 0 4.375rem;
}

.nav--slide li,
.nav--slide p {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
    opacity: 0;
    transition: 0.21s 0s cubic-bezier(0.645, 0.045, 0.355, 1)
}



@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.close-button {
    width: 1.875rem;
    height: 1.875rem
}

.close-button svg {
    width: 100%;
    height: 100%;
    fill: #fefefe
}

.button {
    border-width: 2px;
    text-transform: uppercase;
    font-weight: 500
}


.hamburger {
    padding: .5rem;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter, opacity, filter;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 0.7
}

.hamburger-box {
    width: 2.5rem;
    height: 1.5rem;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 2.5rem;
    height: .1875rem;
    background-color: #fefefe;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -.625rem
}

.hamburger-inner::after {
    bottom: -.625rem
}

.hamburger--spin .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.menu-is-active .hamburger--spin .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.menu-is-active .hamburger--spin .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}

.menu-is-active .hamburger--spin .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
}


button {
    color: inherit;
    /* font: inherit; */
    margin: 0;
    overflow: visible;
    text-transform: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

button, html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled]{
    cursor: not-allowed
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

[type='submit'], [type='button'] {
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}