body {
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: "Asap", sans-serif !important;
}

#webWidget {
    z-index: 3232423434234324 !important;
}

#launcher {
    z-index: 3232423434234324 !important;
}

#fps {
    position: fixed;
    top: 0;
    z-index: 5435435535345;
    display:none;
}

a {
    text-decoration: underline;
    color: #87888c;
}

h1 {
    font-size: inherit;
    font-size: 31px;
}

h2 {
    font-size: inherit;
    font-size: 29px;
}

h3 {
    font-size: inherit;
    font-size: 26px;
}

h4 {
    font-size: inherit;
    font-size: 25px;
}

h5 {
    font-size: inherit;
    font-size: 23px;
}

h6 {
    font-size: inherit;
    font-size: 21px;
}

.column, .columns {
    border: 0px solid #000;
}

nav#menuSub ul.depth-1 {
    padding: 0;
    margin: 0px 0 0 0;
}

nav#menuSub a {
    color: #000000;
    font-size: 19px;
    text-decoration:none;
}

    nav#menuSub a.currentPage {
        color: #000000;
        text-decoration: none;
    }



.fullscreenMenuContentULContainer ul.depth-1 {
    padding: 0 50px;
    font-size: 5vw;
}


#header {
    padding: 0;
    margin: 0;
    z-index: 214768487;
}



#contentContainer {
    position: absolute;
    font-size: 19px;
    font-weight: 300;
    top: 200px;
}


.searchLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #ee1c25;
    padding: 0px;
    opacity: 0.9;
    z-index: 2147483647;
}

.searchResultList {
    margin: 0;
    padding: 0;
}
    .searchResultList a {
        text-decoration: none;
    }

#closeSearchLayer {
    margin: 0 auto;
    padding: 1% 0 0;
    top: 0%;
    vertical-align: top;
    width: 70%;
}

    #closeSearchLayer i {
        font-size: 60px;
        cursor: pointer;
        float: right;
    }

#searchBox2 {
    padding: 24% 0 0 0;
    margin: 0 auto;
    vertical-align: top;
    top: 57%;
    width: 70%;
}

#searchBoxBackground2 {
    background: #ffffff;
    width: 100%;
    height: 100px;
}

.pageTitleEdit input {
    top: 0px;
    left: 8%;
    position: absolute;
    font-size: 75px;
    color: #000000;
    text-transform: uppercase;
    line-height: 70px;
    font-weight: 400;
    font-family: Roboto;
    z-index: 2147483646;
    cursor: pointer;

}

.btnSearch, .btnSubscribe {
    border: 0 none;
    display: inline-block;
    float: right;
    height: 29px;
    outline: 0 none;
    padding-top: 5px;
    width: 100px;
}
#searchBox2 i {
    font-size: 83px;
    color: #000000;
    cursor: pointer;
}

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

#searchBox2 input {
    width: 83%;
    height: 100px;
    margin: 0;
    padding: 0 30px 0 30px;
    font-size: 50px;
    color: #000000;
    background: #ffffff;
    border: 0 none;
}

.btnSearch, .btnSubscribe {
    border: 0 none;
    display: inline-block;
    float: right;
    height: 29px;
    outline: 0 none;
    padding-top: 5px;
    width: 100px;
}

.closePanel {
    position: absolute;
	background-color: #ef1414;
    top: 0px;
    left: 0px;
    font-size: 30px;
	color: #ffffff;
	padding: 0 17px 7px 17px;
	cursor: pointer;
}

#indexFields {
    display:none;
}

#toolkitSidePanelsOuterContainer {
    font-size: 21px;
    color: #3a3333;
    position: fixed;
    width: 67vw;
    height: 100vh;
    background: #fdfdfd;
    top: 0;
    z-index: 2147683638;
    left: 100vw;
    padding: 57px 10% 0px 20px;
    overflow: auto;
    border: 7px solid #ef1414;
}

.toolkitBlockHeader {
    width: auto;
    text-align: center;
    display: inline-block;
    margin: 20px 0;
}

.toolkitBlock {
    text-align: center;
    border: 1px solid black;
    min-height:500px;
    cursor:pointer;
}

.toolkitBlock.hover::before {
    content: ' ';
    position: absolute;
	width: calc(100%);
    height: calc(100%);
    top: 0px;
    left: 0px;
    background: rgb(0,0,0);
    opacity: 0.01;
}



.toolkitIndex .columns:nth-of-type(1) .toolkitBlock.hover::before,
.toolkitIndex .columns:nth-of-type(2) .toolkitBlock.hover::before,
.toolkitIndex .columns:nth-of-type(3) .toolkitBlock.hover::before {
    height: calc(100% - 7px);
    top: 7px;
}




.toolkitIndex {
    color: #504949;
}
    .toolkitIndex .columns .toolkitBlock {
        border-style: solid;
        border-color: #ef1414;
		
    }


.toolkitIndex .columns .toolkitBlock {
    border-width: 7px 7px 0px 7px;
}


.toolkitIndex .columns:last-of-type .toolkitBlock {
    border-width: 7px 7px 7px 7px;
}






.toolkitSidePanelsInnerContainer .rtxtSummary {
    font-size: 37px;
    position: unset;
    padding: 0;
}

.toolkitSidePanelsInnerContainer .rtxtAbbreviation {
    font-size: 157px;
    font-weight: 400;
    color: #ef1414;
    position: unset;
    padding: 0;
    margin: 0;
    line-height: 123px;
}

.toolkitSidePanelsInnerContainer .rtxtTitle {
    font-size: 14px;
	font-weight: normal;
    text-transform: uppercase;
    color: #ef1414;
    position: unset;
    margin: 0;
    padding: 0px 0px 0px 0px;
}


.rtxtVanityUrl {
    display:none;
}


.rtxtSummary {
    font-size: 37px;
    position: absolute;
    top: 18%;
    width: 100%;
    padding: 0 20px;
    line-height: 1;
}

.rtxtAbbreviation {
    font-size: 137px;
    font-weight: 400;
    color: #ef1414;
	position: absolute;
    bottom: 24%;
    width: 100%;
}

.rtxtTitle {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #ef1414;
    position: absolute;
    bottom: 30%;
    width: 100%;
    padding: 0 20px;
}


.socialMediaIcons.newsArticleShare {
    position: absolute;
    top: 0px;
}


.socialMediaIcons.toolkitShare {
    position: absolute;
    top: 140px;
}


.socialMediaIcon.whatsApp {
    background-image: url('/images/interface/Icon-share-whatsapp.png');
    width: 33px;
    height: 33px;
    margin-bottom:5px;
    cursor:pointer;
}

.socialMediaIcon.twitter {
    background-image: url('/images/interface/Icon-share-twitter.png');
    width: 33px;
    height: 33px;
    margin-bottom: 5px;
    cursor: pointer;
}

.socialMediaIcon.linkedIn {
    background-image: url('/images/interface/Icon-share-linkedin.png');
    width: 33px;
    height: 33px;
    margin-bottom: 5px;
    cursor: pointer;
}

.socialMediaIcon.email {
    background-image: url('/images/interface/Icon-share-email.png');
    width: 33px;
    height: 33px;
    cursor:pointer;
}

.toolkitSidePanelsInnerContainer {
    display: none;
    width: 85vw;
}

.toolkitSidePanelsInnerContainer:nth-of-type(1) {
    display: block;
}


.at-custom-sidebar.atss-right {
    right: 25px !important;
}

#mainContent1 {
    font-size: 27px;
}

#mainContent1 img {
    width: 100%;
}

#mainContent2 img {
    width: 100%;
    padding: 0 0 10px 0;
}
/*
#mainContent2 {
    font-size: 16px;
}*/

#indexFields input {
    font-size: 30px;
}

.homepageAnimationContainer {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: red;
}

.projectContentContainer.homepage .columns {
    padding: 10px;
}

.projectContentContainer.homepage ul {
    margin: 0 0;
    padding: 0 0 0 0;
}

.projectContentContainer.homepage h2 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}

.projectContentContainer.homepage li a {
    color: #000000;
    font-weight: bold;
    font-weight: 400;
    text-decoration: none;
}

.projectContentContainer.homepage li a:hover {
    text-decoration:none;
}

.projectContentContainer.dark {
    background: #000000;
    min-height: 500px;
    color: #ffffff;
    padding: 37px 0px 137px 0px;
}



.projectContentContainer.homepage.spacer100.row2 .mobileImage p {
    text-align: center;
}

.projectContentContainer.homepage.dark.spacer100.row3 img {
    margin: 10px;
}

.projectContentContainer.homepage.dark.spacer100.row3 {
    margin: 0;
    padding: 37px 0 37px 0px;
}

.projectContentContainer.dark.spacer100 {
    margin: 0px;
}

.projectContentContainer.spacer100 {
    margin: 50px 0px;
}




.projectContentContainer.dark a {
    color: #ffffff;
    text-decoration: none;
}



.projectContentContainer.homepage.dark li a {
    color: #ffffff;
    text-decoration: none;
}

.dark .learnMore a {
    color: #ffffff;
    text-decoration: none;
}

.projectContentContainer.dark h2 {
    color: #ffffff;
}


    .projectContentContainer.dark img {
        width: auto;
        max-width: unset;
        opacity: 0.5;
    }


.projectContentContainer.spacer100 {
    margin: 50px 10px;
}

.projectContentContainer.dark {
    background: #000000;
    min-height: 500px;
    color: #ffffff;
    padding: 37px 10px 137px 10px;
}


.dark hr#hrfx1 {
    border: 0px solid #fff;
    background: #fff;
    opacity: 0.5;
}

.dark hr#hrfx2 {
    border: 0px solid #fff;
    background: #fff;
    opacity: 0.5;
}


.projectContentContainer hr {
    display: block;
    height: 1px;
    border: 1px solid black;
    margin: 12px;
    padding: 0;
}


.projectContentContainer.homepage h2.trackRecordHeading {
    font-family: 'Roboto', sans-serif;
    font-size: 2.3125rem;
    text-align: center;
}

#fullscreenVideoContainer {
    display:block;
    visibility: visible;
    height: 100%;
    left: 0;
    min-height: 100%;
    overflow: hidden;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 0;
    position: relative;
}


    #fullscreenVideoContainer .content {
        width: 100%;
    }

#homepageInfoPanel {
    position: relative;
    top: 0;
    color: #ffffff;
    z-index: 1234567876543212345;
    /*background: #1e1314;*/
    padding: 20px;
    display: none;
}


#fullscreenVideoFrameOverlay {
    top: 0;
    background-image: url(/images/interface/2019%20update/light-to-dark.png);
    background-size: 100% 100%;
    opacity: 1;
    height: 944px;
    display: none;
    position: absolute;
    top: 0;
    z-index: 123456789098765432;
    width: 100%;
    /*background: #000;*/
}


#fullscreenVideoFrame {
    display: none;
}


video, canvas {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100vh;*/
}


.toolkitSidePanels video, 
.toolkitSidePanels canvas {
    text-align: left;
    width:auto;
}

.projectContentContainer video {
    transform: matrix3d(0.902288, 0.0688645, 0, -0.000157053, 0.0147573, 0.939806, 0, 0.000101054, 0, 0, 1, 0, 9.97483, 8.98438, 0, 1);
}

.homepageHeader {
    height:100vh;
}

.showMeHow {
    position: absolute;
    bottom: 10vh;
    left: 20px;
    z-index: 214768488;
    color: #ffffff;
    width: auto;
    display: none;
    cursor: pointer;
}


    .showMeHow a {
        color: #ffffff;
        text-decoration: none;
    }

.projectContentContainer.homepage.dark.spacer100.row3 img {
    margin: 0 auto;
    display: block;
}

.homepageContentWide {
    position: absolute;
    width: 100%;
    clear: both;
    text-align: center;
    height: 100vh;
    background: #ef1414;
    top: 0;
}

.homepageContentWide2 {
    position: absolute;
    width: 100%;
    clear: both;
    text-align: center;
    height: 100vh;
    background:#ef1414;
    top: 0;
}

 .homepageContentWide .valueContentContainer {
        font-size: 1vw;
        line-height: 1.25vw;
		font-weight: 100;
				
    }

        .homepageContentWide .valueContentContainer h1 {
            font-size: 1vw;
            line-height: 1vw;
        }


.homepageContentWide.values1:nth-of-type(1) {
    display: block;
}

.headerContainerHomepage.transparent {
    background-color: transparent;
}

.homepageContentWide .valueContentContainer {
    margin: 0% 0 0 0;
    z-index: 2147483637;
    opacity: 0;
    color: #ffffff;
    transform: matrix(1, 0, 0, 1, 0, 200);
    text-align:center;
}

    .homepageContentWide .valueContentContainer h1 {
        margin: 0 0 0% 0;
        z-index: 2147483637;
        opacity: 1;
        transform:none;
    }

.homepageContentWide.values1 {
    background-color: #c8006e;
    z-index: 214768486;
    color: #ffd6ed;
}

    .homepageContentWide.values1 .valueContentContainer * {
        color: #FED6F0;
        -webkit-text-stroke:unset;
    }

    .homepageContentWide.values2 {
        background-color: #e9530e;
        z-index: 0;
        opacity: 0;
    }

        .homepageContentWide.values2 .valueContentContainer * {
            color: #fcd7b8;
            -webkit-text-stroke: unset;
        }

.homepageContentWide.values3 {
    background-color: #00273b;
    z-index: 0;
    opacity: 0;
}

    .homepageContentWide.values3 .valueContentContainer * {
        color: #aaf0bd;
        -webkit-text-stroke: unset;
    }

.homepageContentWide.values4 {
    background-color: #b78300;
    z-index: 0;
    opacity: 0;
}

.homepageContentWide.values4 .valueContentContainer * {
    color: #f6e8c6;
    -webkit-text-stroke: unset;
}


.homepageContentWide.values5 {
    background-color: #008e3b;
    z-index: 0;
    opacity: 0;
}

    .homepageContentWide.values5 .valueContentContainer * {
        color: #d0f9e1;
        -webkit-text-stroke: unset;
    }

.homepageContentWide.values6 {
    background-color: #ef1414;
    z-index: 0;
    opacity: 0;
}

    .homepageContentWide.values6 .valueContentContainer * {
        color: #f6dddf;
        -webkit-text-stroke: unset;
    }

.valueContentContainer hr {
    margin: 50px 40% 20px 40%;
    width: 20%;
}

.homepageContentWide:nth-of-type(1) {
    display: none;
}

.valueNumber {
    display:block;
    margin:0 0 50px 0;
	font-size: 3vw;
	font-weight: 300;
}

/*.homepageContentWide h1 {
    margin: 0% 0 0 0;
    z-index: 2147483637;
    opacity: 0;
    color: transparent;
    transform: matrix(1, 0, 0, 1, 0, 200);
    -webkit-text-stroke: 0.015em white;
    font-size: 6vw;
    line-height: 1;
}*/

.homepageContentWide h1 {
    margin: 0% 0 0 0;
    z-index: 2147483637;
    opacity: 0;
    color: #000;
    transform: matrix(1, 0, 0, 1, 0, 200);
    -webkit-text-stroke: 0;
    font-size: 11vw;
    line-height: 1;
    margin: 0px 8.6%;
    font-weight: 400;
    display:none;
}

.homepageContentWide .svg {
    display: block;
}
.homepageContentWide .svg {
    margin: 0 8.3%;
}


.homepageContentWide .svg svg{
    width: 100%;
}

.homepageContentWide2 h1 {
    margin: 0% 0 0 0;
    z-index: 2147483637;
    opacity: 0;
    color: #ffffff;
    transform: matrix(1, 0, 0, 1, 0, 200);
    font-size: 8vw;
    font-family: Roboto;
    /*font-weight: 100;*/
    /*font-weight: 100;*/
    line-height: 1.2;
    margin: 0px 24.8%;
    font-weight: 400;
    position: absolute;
    bottom: 28%;
}


    .homepageContentWide img {
        width: 100%;
    }
	
	    .homepageContentWide2 img {
        width: 100%;
    }
	
	.homepageContentContainer {
		display: table;
		height: 100vh;
        width: 100%;
	}


.homepageContentText {
    display: table-cell;
    vertical-align: middle;
	text-align:left;
}


.projectContentHomepage {
    text-align: center;
}



.homepageContentLinks .contentLink:nth-of-type(1) {
    height: auto;
    text-align: left;
    border: 0px dashed #000;
    padding: 90px 0px;
}


.homepageContentLinks hr {
    display: block;
    height: 1px;
    border: 1px solid red;
    padding: 0;
    width:20px;
}

.contentLink:nth-of-type(1) {
    height: auto;
    text-align: center;
    border-width: 1px 0px 1px 1px;
    border-style: dotted;
    border-color: #888;
    padding: 90px 0px;
}

.contentLink:nth-of-type(2) {
    height: auto;
    text-align: center;
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #888;
    padding: 90px 0px;
}

.contentLink {
    height: auto;
    text-align: center;
    border: 1px dashed #000;
    padding: 90px 0px;
}



    .contentLink a {
        font-weight: 100;
        font-size: 30px;
        font-family: roboto;
        color: #000000;
        font-weight: 300;
        text-decoration: none;
    }

    .contentLink:hover {
        text-decoration: none;
        background: #ef1414;
    }
        .contentLink:hover a {
            color: #ffffff;
            text-decoration: none;
        }

.headerContainer {
    background: #ef1414;
    height: 200px;
    top: 0;
    position: relative;
    width: 100%;
    z-index: 214768487;
}

.headerContainer h1 {
    color:#ffffff;
}


.headerContainerHomepage {
    background: #ef1414;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 214768487;
    height: 200px;
}


.headerContainerHomepage.pathAnimation {
    background: #ef1414;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 214768487;
    height: 80px;
}



    .headerContainerHomepage h1 {
        background: #ef1414;
        height: 400px;
        top: 0;
        position: relative;
        width: 100%;
        z-index: 214768487;
    }
	
.grecaptcha-badge {
    display: none;
}

#topRow {
    margin: 0px 0 0 0;
    height: 0px;
}

    #topRow .columns {
        position:unset;
    }



#logo {
    margin: auto;
    display: block;
    margin: 10px auto;
    text-align: center;
    float: unset;
    width: 137px;
}


#webLogo {
    margin-left: 13px;
}

.toolkitInnerContainer {
    display: inline-block;
    width: 33.3%;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid rgba(255,255,255,0.5);
    margin: 0 0;
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#dividerBar {
    padding: 10px 0;
    display:none;
}



.headerContainer h1 {
    color: transparent;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-text-stroke: 0.03em white;
}

#headerMenu {
    display:none;

}

    #headerMenu a {
        color: white;
		text-transform: uppercase;
		display: inline-block;
        padding:0px 5px 0px 0;
        font-weight: bold;
        text-decoration: none;
    }

#topRow .columns {
    position: unset;
}

#headerMenu a:hover {
    text-decoration: none;
}

    #headerMenu .menuItem.depth-1 {
        display: inline-block;
        width: auto !important;
        margin: 0 2vw;
    }

    #headerMenu ul li:nth-child(n+4) {
        display: none !important;
    }


#dati {
    color: white;
    padding: 0px 20px 0px 20px;
    font-weight: bold;
    display: none;
    white-space: pre;
}

/*#bars {
    position: fixed;
    top: 20px;
    right: 20px;
}*/

#debugBox {
    position: absolute;
    top: 10%;
    left: 10%;
    color: #fff;
    text-align: left;
}



#barsMobileContainer {
    position: fixed;
    width: 100%;
    border: 0px solid #0f0;
    left: 0;
    bottom: 0;
}

#bars {
    right: unset;
    left: 0;
    top: 18%;
    position: relative;
    margin: 0 auto;
    width: 68px;
    background: rgba(0,0,0,0.1);
    padding: 20px;
    display:none;
}


/*#bars {
    right: 50%;
    left: unset;
    bottom: 0px;
    position: fixed;
    z-index: 100000000000;
    top: unset;
}*/

    #bars i {
        color: rgba(255, 255, 255,1);
        font-size: 31px;
        cursor: pointer;
        mix-blend-mode: exclusion;
        margin:0 auto;
    }

#searchBox {
    color: white;
	display: inline-block;
    padding: 0px 0px 0px 0;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
}


.row {
    max-width: 100vw;
    width: 100%;
    margin: 0;
}

#pageTitle {
    color: #ffffff;
	font-weight:bold;
	font-size:30px;
	font-family: roboto;
}

.headerContainer #pageTitle h1 {
    color: #efe7e7;
    font-weight: 400;
    -webkit-text-stroke: unset;
    text-transform: uppercase;
    text-align: center;
    line-height:31px;
}

#pageTitleAnimation {
    margin:20% 0 0 0;
}


    #pageTitleAnimation h1 {
        color: transparent;
        font-weight: bold;
        font-size: 100px;
        font-family: roboto;
        transform: matrix(1, 0, 0, 1, 0, 200);
        opacity:0;
        -webkit-text-stroke: 3px white;
        line-height: 1;
    }



#mainContent {
    padding: 0 20px 0px 20px;
    /*position: relative;*/
    margin-top: 0px;
}



    #mainContent.toolkitListing {
        padding: 0 0 0px 0px;
        margin-top: 0px;
    }

#contentContainer h4 {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1;
}


        .formElem {
    padding: 10px 0;
}

.fullscreenMenuContainer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2147483646;
    background: #ef1414;
    overflow-x: auto;
    display: none;
}

.fullscreenMenuContent a {
    color: white;
    text-decoration: none;
}

.closeFullscreenMenuButton {
    position: absolute;
    right: 20px;
    font-size: 30px;
    z-index: 2147483646;
    top: 20px;
}

.menuItem {
    list-style-type: none;
}


#_submit {
    border-radius: 25px;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.25);
    cursor: pointer;
    padding: 12px 50px;
    background-image: url(/images/red-white.png);
    background-repeat: no-repeat;
    background-size: 600px 80px;
    transition: all 0.2s linear;
    border: 0px;
    color: #000000;
    margin: 30px 0 0 0;
    display: inline-block;
    width: auto;
    background-position: -300px;
}

    #_submit:hover {
        background-image: url(/images/red-white.png);
        background-size: 600px 80px;
        background-repeat: no-repeat;
        /*border: 1px solid #ee1c25;*/
        color: #ffffff;
        text-decoration: none;
        background-position: 0px;
    }


footer {
    background: #1e1314;
    font-weight: 100;
    font-family: roboto;
    padding: 0 20px;
    font-size: 19px;
}

#footer {
    text-align: center;
    color: #fdecf2;
    margin: 0;
    padding: 0;
    position: relative;
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

.footerContent1 a {
    color: #ef1414;
    text-decoration: none;
}

#footerLogo {
    margin: 20px 0;
}

.footerContent1 {
    margin: 50px 0px 40px 2px;
    text-align: left;
	color: #fdecf2;
}

    #footerContent1h1 {
        color: #fdecf2;
        font-weight: 100;
        font-size: 6vw;
        font-family: roboto;
    }

.footerContent2 {
    text-align: left;
	color: #fdecf2;
}

.footerContent2 i{
    color: #fdecf2;
	text-align: left;
	font-size:30px;
	margin:0 5px;
}

#footerContent2 a {
    color: #fdecf2;
    text-decoration: none;
}

.footerContent3 {
    color: #fdecf2;
    text-align: left;
}

.footerContent3 h4{
    color: #ffffff;
	font-weight:100;
	font-size:30px;
	font-family: roboto;
}

.footerContent4 {
    color: #fdecf2;
    text-align: left;
}

.footerContent4 h3{
    color: #ffffff;
}

    .footerContent4 a {
        color: #fdecf2;
        text-decoration: none;
    }

.footerContent5 {
    color: #fdecf2;
}

.footerContent6 {
	margin:0 0 0 0;
    text-align: left;
    color: #fdecf2;
	font-size: 2.75vw;
}

#mce-EMAIL {
    background: #352B2C;
    border: 0;
    padding: 0 8px;
    font-size: 19px;
    color: #fff;
    font-weight: inherit;
    font-family: roboto;
    width: 64%;
    height: 40px;
    vertical-align: top;
}

.btnSubscribe {
    border: 0 none;
    display: inline-block;
    float: none;
    width: 40px;
    height: 40px;
    outline: 0 none;
    padding-top: 5px;
    width: auto;
    background: #352B2C;
    padding: 0px;
    cursor:pointer;
}

i.fa.fa-caret-right {
    font-size: 26px;
    vertical-align: top;
    padding: 8px 16px;
}

/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #352B2C;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #352B2C;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #352B2C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} 


#privacyPolicy {
    border: 0 none;
    background: #352B2C;
}

#mc_embed_signup {
    margin: 0 0 40px 0;
}

#whatsApp {
    padding: 32px 0;
}

.q8c6tt-2.jxPOhn {
    display:none;
}

.q8c6tt-2.jxPOhn.moveToPage {
    position: relative !important;
    display: inline;
    float: left;
}

.sc-7dvmpp-1.fprIlH.moveToPage {
    position: relative !important;
    display: inline;
    float: left;
    clear: both;
    text-align: left;
    bottom: -6px;
    right: 0;
}


#contactArea {
    padding: 50px 0;
}




#footerContactForm #Name {
    border: 0;
    border-bottom: 1px dotted #000000;
    width: 80%;
    height: 50px;
    background: transparent;
}


#footerContactForm #Telephone {
    border: 0;
    border-bottom: 1px dotted #000000;
    width: 80%;
    height: 50px;
    background: transparent;
}

#footerContactForm #Email {
    border: 0;
    border-bottom: 1px dotted #000000;
    width: 80%;
    height: 50px;
    background: transparent;
}

#footerContactForm #Message {
    border: 0;
    border-bottom: 1px dotted #000000;
    width: 80%;
    height: 150px;
    background: transparent;
}




#footerContactArea {
    padding: 0px 20px;
}



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

#footerContactAreah1 {
    color: #000000;
	font-size: 6vw;
    line-height: 1.25;
    color: #222;
    font-weight: 300;
}



.homepage #footerContactArea {
    padding: 0px 0;
}


.homepage #footerContactForm {
    margin: 50px 0 0 0;
}

.homepage #footerContactAreah1 {
    color: #ffffff;
}




.homepage #footerContactForm #Name {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1px dotted #ffffff;
    width: 80%;
    height: 50px;
    background: transparent;
}


.homepage #footerContactForm #Telephone {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1px dotted #ffffff;
    width: 80%;
    height: 50px;
    background: transparent;
}



.homepage #footerContactForm #Message {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1px dotted #ffffff;
    width: 80%;
    height: 150px;
    background: transparent;
}



#mainContent1.sitemap ul {
    margin: 0;
}



#recaptchav3info a {
    color: #ffffff;
    text-decoration: none;
}


#recaptchav3info {
    padding: 20px 0;
    font-size: 8px;
}

    #recaptchav3info a {
        color: #f00;
        font-weight: bold;
        text-decoration: none;
    }

#ctl33_ValidationSummary {
    color: red;
    margin: 50px 0 0 0;
}

#ctl33_ValidationSummary ul {
    margin: 0;
    padding: 0;
}

.homepageContentWide .valueContentContainer {
    font-size: 6vw;
    line-height: 6.8vw;
    font-weight: 300;
}

    .homepageContentWide .valueContentContainer h1 {
        font-size: 3vw;
        line-height: 3.5vw;
    }

.valueContentContainer p {
    margin: 0;
}
#pageTitle {
    font-size: 6vw;
    line-height: 8vw;
    padding: 0 20px;
    position: relative;
    bottom: 50px;
}

.projectMobileScreens {
    max-width: 90%;
    margin: 0 5%;

}

.projectHide {
    display:none;
}


#menuSub ul {
    margin: 0;
    padding: 0;
}

.wh-widget-send-button-desktop .wh-widget-send-button-wrapper:hover a.wh-widget-send-button-get-button {
    display: none !important;
}



#menuSubValues {
    font-size:inherit;
}

    /*3d models*/
    #yoga3d { 
    background-image: url(/Images/3d/yoga/yoga-ipad.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
    top: 1825px;
    left: 278.484375px;
    width: 1106px;
}

#yoga3d1 {
    opacity: 1;
    position: absolute;
    top: 1825px;
    left: 278.484375px;
    width: 1106px;
    padding: 155px 0 0 175px;
}

#Bjork3d {
    
    background-image: url(/Images/3d/byork/bjork.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
	/*top: 2790px;*/
	left: 278.484375px;
	width: 1106px;
}


#flex3d {
  
    background-image: url(/Images/3d/flexN/flexn-copy.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
	/*top: 1825px;*/
	left: 278.484375px;
	width: 1106px;
}


#woods3d {
    
    background-image: url(/Images/3d/woods/wolfe.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
	/*top: 864px;*/
	left: 278.484375px;
	width: 1106px;
}

#compScreen {
    
    background-image: url(/Images/3d/woods/wolfe.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
  
    top: 1362px;

}

.comeOut {
    -moz-animation: mymove 1s forwards;
    -o-animation: mymove 1s forwards;
    -webkit-animation: mymove 1s forwards;
    animation: mymove 1s forwards;
}

.comeOutNYT {
    -moz-animation: mymoveNYT 1s forwards;
    -o-animation: mymoveNYT 1s forwards;
    -webkit-animation: mymoveNYT 1s forwards;
    animation: mymoveNYT 1s forwards;
}

/*slide in*/

.animatedStop {
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.animated {
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeOutnLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*fade effect*/

@-webkit-keyframes MIFScreenFadeInOut {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes MIFScreenFadeInOut {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes MIFScreenFadeInOut {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes MIFScreenFadeInOut {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*ripple effect for the menu items */


/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/

ul li {
	position: relative;
	overflow: hidden;
}


.toolkitSidePanelsInnerContainer ul li {
    overflow: visible;
}
#mainContent ul li {
    overflow: visible;
}

#mainContent .sitemap ul li {
    overflow: hidden;
}
#mainContent #menuSub ul li {
    overflow: hidden;
}



.ink {
    display: block;
    position: absolute;
    /*background: #00ff00;*/
    background: rgba(240, 240, 240, .3);
    /*background: hsl( 0, 0%, 83%);*/
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 2147483647;
}
    /*animation effect*/
    .ink.animate {
        -moz-animation: ripple .6s linear;
        -o-animation: ripple .6s linear;
        -webkit-animation: ripple .6s linear;
        animation: ripple .6s linear;
    }

@-moz-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}


@-webkit-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

.monitor {
    display: none;
    width: 100%;
}

#mifworkcontent {
    margin: -100px auto;
    padding-bottom: 100px;
    position: relative;
    z-index: 10;
}

#nytworkcontent,
#physioworkcontent {
    margin: 50px auto;
    padding-bottom: 8px;
    position: relative;
    z-index: 10;
}


#MIFScreen {
    display: block;
    width:100%;
    height: 751px;
    margin: 40px 20px 0 20px;
}

#MIFScreen .monitortogglefader {
    position: absolute;
    display: block;
    width: 90%;
    max-width: 1106px;
}

#MIFScreen .monitortogglefader2 {
    position: absolute;
    display: block;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader0 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader1 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader2 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader3 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader4 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader5 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader6 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader7 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader8 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader9 {
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader10 {  
    display: none;
    width: 90%;
    max-width: 1106px;
}

#NYTScreen .nytmonitortogglefader11 { 
    display: none;
    width: 90%;
    max-width: 1106px;
}

/*#MIFScreen img {
    position: absolute;
    left: 311.68px;
  top: 3834.498px;
  width: 1050.7px;
}*/



        /*#MIFScreen img.top {
            -webkit-animation-name: MIFScreenFadeInOut;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 5s;
            -webkit-animation-direction: alternate;
            -moz-animation-name: MIFScreenFadeInOut;
            -moz-animation-timing-function: ease-in-out;
            -moz-animation-iteration-count: infinite;
            -moz-animation-duration: 5s;
            -moz-animation-direction: alternate;
            -o-animation-name: MIFScreenFadeInOut;
            -o-animation-timing-function: ease-in-out;
            -o-animation-iteration-count: infinite;
            -o-animation-duration: 5s;
            -o-animation-direction: alternate;
            animation-name: MIFScreenFadeInOut;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-duration: 5s;
            animation-direction: alternate;
        }*/

/*video for NYT */

.macNYT {
    height: 550px;
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    /*width: 81%;*/
    background-position: center;
}

video#fullvideoBg {
    position: absolute;
    top: 80px;
    left: 394px;
}

.nytIpad3D {
    height: 932px;
}

div#NYTVideo {
    position: relative;
    top: 78px;
    margin-left: auto;
    margin-right: auto;
   
    overflow: hidden;
    border: black 3px groove;
   
    right: 5px;
}

video#fullvideoBg {
    /* max-width: 60%; */
}

.nytSearch {
    position: absolute;
    /* bottom: 421px; */
    /* left: 218px; */
}

.nytBlackBottom {
    background-color: black;
    width: 604px;
    height: 39px;
    position: absolute;
    top: 0;
    /* left: 397px; */
    overflow: hidden;
}

span.nytJoin {
    position: relative;
    top: 7px;
}

.NytFooterDetails ul {
    position: relative;
    top: -5px;
    list-style-type: none;
}

.nytBlackBottom ul li {
    float: left;    
    font-size: 2pt;    color: #FFF;    
    margin: 0px 2px 0px 0px;
}

.NytFooterDetails {
    position: relative;
    left: 158px;
    top: -19px;
}

span.patty {
    position: absolute;
    /* bottom: 390px; */
}

span.patty> i.fa.fa-bars {
    color: white;
}

span.btnBotMenu {    
    position: relative;    
    background-color: #0a7df2;    
    display: block;    
    width: 110px;    
    height: 39px;        
    color: #FFF;    
    text-align: center;        
    border-right: 1px solid #176DC4;    
    border-top: 1px solid #5C95CE;
}

.nytLogo {
    position: absolute;
    /* top: -331px; */
    /* left: -196px; */
}

/*mobile slide ins */
.slideInMobiles {
    height: 675px;
    position: relative;
    top: 53px;
}
.SIMTwo {
    position: relative;
    bottom: 453px;
    z-index: 1;
    left: 55px;
      opacity: 0;
}

.SIMOne {
    position: relative;    
    top: 51px;    
    z-index: 2;
    left: -85px;
      opacity: 0;
}

.Nytipad1 {
    position: relative;
    top: 274px;
   
}

.nyt3d {
    opacity: 0;
    position: relative;
}


/*ipad displays*/
.ipad1, .ipad2, .ipad3, .compScreen {
    padding-top: 0px;
  
    display: inline-block;
    vertical-align: middle;

}


.comeOut {
    -moz-animation: mymove 1s forwards;
    -o-animation: mymove 1s forwards;
    -webkit-animation: mymove 1s forwards;
    animation: mymove 1s forwards;
}

.comeOutNYT {
    -moz-animation: mymoveNYT 1s forwards;
    -o-animation: mymoveNYT 1s forwards;
    -webkit-animation: mymoveNYT 1s forwards;
    animation: mymoveNYT 1s forwards;
}






hr#hrfx1 {
    width: 0px;
    display: block;
    height: 1px;
    border: 0px solid black;
    margin: 20px 0 0 0;
    padding: 0;
    background: #000;
    position: absolute;
}



hr#hrfx2 {
    width: 0px;
    display: block;
    height: 1px;
    border: 0px solid black;
    margin: 20px 0 0 0;
    padding: 0;
    background: #000;
    position: absolute;
}


#fxBox3 {
    position: absolute;
    top: 14px;
    z-index: 1234567898765432;
    left: -20px;
}

    #fxBox3 svg {
        display: none;
        height: 20px;
        margin: 0 auto;
    }


.borders {
	border:0px solid #000000;
}

.projectContentContainer.wwd {
    margin: 0;
}



.projectContentContainer.wwd .columns {
    padding:0;
}

.dots__i_fx1 {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 10px;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    transform: translate(-50%,-50%) rotate(45deg) scale(1);
    z-index: 12321321323321213;
}

.dots__i_fx2 {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 10px;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    transform: translate(-50%,-50%) rotate(45deg) scale(1);
    z-index: 12321321323321213;
}

.learnMore {
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}




.wwddots__i_fx1 {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 10px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    transform: translate(-50%,-50%) rotate(45deg) scale(1);
}

#wwdSkillMenuBox ul.depth-1,
#wwdSkillMenuBox ul.depth-2 {
    padding: 0;
    margin: 20px 0 0 0;
}

hr#hrwwdfx1 {
    width: 0px;
    display: block;
    height: 1px;
    border: 0px solid #fff;
    margin: 25px 0 0 0;
    padding: 0;
    background: #fff;
    /*position: absolute;*/
}

#hrwwdfx1 {
    /*overflow: hidden;
    visibility: hidden;*/
}


#wwdSkillMenuBox {
    margin: 20px;
}

#wwdSkillBox {
    margin: 20px;
}


#wwdSkillBox {
    position: relative;
    top: 0px;
    z-index: 100;
}

    #wwdSkillBox svg {
        display: none;
        height: 20px;
        margin: 0 auto;
    }


#wwdSkillBox1 {
    padding: 0 0 10px 0;
}

#wwdSkillBox1 div {
    margin-left: -20px;
    font-weight: 300;
    opacity: 0;
}

#wwdSkillBox2 {
    padding: 0 0 10px 0;
}

#wwdSkillBox2 div {
    margin-left: -20px;
    font-weight: 300;
    opacity: 0;
}

#wwdSkillBox3 {
    padding: 0 0 10px 0;
}

#wwdSkillBox3 div {
    margin-left: -20px;
    font-weight: 300;
    opacity: 0;
}


#wwdSkillBox1 p {
    margin: 0;
}


#wwdSkillBox2 p {
    margin: 0;
}

#wwdSkillBox3 p {
    margin: 0;
}

#wwdContentBox1 {
    overflow: hidden;
    font-weight: 300;
    /*font-size: 16px;*/
    margin-top: 7px;
    display:none;
}

    #wwdContentBox1 div {
        padding-left: 0px;

    }


    #wwdContentBox1 a {
        color:#ffffff;
    }



    #menuSubValues {
        position: fixed;
        bottom: 109px;
        z-index: 214768487;
        left: 8.6%;
        bottom: -20%;
        color: #fff;
        opacity: 0;
        font-weight: 300;
        font-size: 4vw;
    }


    #menuSubValues .depth-2 {
        margin: 0;
        padding: 0;
    }

    #menuSubValues a {
        color:#ffffff;
    }



#toolkitOverlayPanelFx {
    position: fixed;
    z-index: 214768487;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    top: 0;
}

.filler {
    cursor:default;
}

.mobileHide {
    display: none;
}

.small-1.medium-1.large-1.columns.hrfx1Container.borders.mobileHide {
    display: block;
}

.small-1.medium-1.large-1.columns.mobileHide {
    display: none;
}

.learnMore {
    /*width: auto;*/
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

    .ocean {
    height: 5%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #015871;
}



#a stop:nth-of-type(1) {
    stop-color: green
}

#a stop:nth-of-type(2) {
    stop-color: orange
}

#stop1 {
    stop-color: #0f0;
}

    .wave #stop2 {
        stop-color: orange;
    }

.wave:nth-of-type(2) {
    top: -175px;
    animation: wave 37s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}


html .cc-revoke, html .cc-window {
    z-index: 213123123324234234;
}


#enquiryPanel input[type="text"] {
    height: 50px;
    width: 100%;
    font-size: 30px;
    padding: 10px;
}

#enquiryPanel select {
    height: 50px;
    width: 100%;
    font-size: 30px;
    padding: 0px 10px;
}

#enquiryPanel option {
    height: 50px;
    width: 100%;
    font-size: 30px;
    padding: 10px;
}


#enquiryPanel textarea {
    height: 200px;
    width: 100%;
    font-size: 30px;
    padding: 10px;
}

#enquiryPanel input[type="submit"] {
    font-size: 30px;
    padding: 10px 30px;
    font-size: 30px;
}

.small-1.medium-1.large-1.columns.hrwwdfx1Container.borders {
    display:none;
}

.newsarticle {
    padding: 10px;
    font-size: 19px;
}

#blogListItemMetaDate {
    font-size: 14px;
}

.newsTitle, .newsTitle2 {
    font-size: 21px;
    margin: 0;
}

    .newsTitle2 a {
        color: #000;
        text-decoration: none;
    }

.newsSummary, .moreInformationLink, .newsSummary2, .moreInformationLink2 {
    font-size: 19px;
}

#newsArchiveContainer li:nth-child(5), 
#newsArchiveContainer li:nth-child(6), 
#newsArchiveContainer li:nth-child(7), 
#newsArchiveContainer li:nth-child(8), 
#newsArchiveContainer li:nth-child(9) {
    display: none;
}

#NewsListShort {
    margin-top: 100px;
}

#blogPostText, #blogPostText2 {
    font-size: 19px;
}

#blogPostMetaTags, #blogPostMetaTags2 {
    font-size: 14px;
}



.columns {
    border:0px solid #000000;
}

.whatWeDoContainer {
visibility:hidden;
}


.videoWrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
}


    .videoWrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 0;
    }


    .videoWrapper video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 0;
    }


	.toolkitSidePanels iframe {
		border: 0;
	}
	
	.toolkitSidePanels video {
    width: 100%;
}
	
	
#newsCategoriesToggleButton i {
    display: inline-block;
}

#newsArchiveToggleButton i {
    display: inline-block;
}

.valueContentContainer h1 {
    display: block;
}

.homepageContentWide .valueContentContainer h1 {
    font-size: 5vw;
    line-height: 5vw;
}

.newsTitle a {
    color: #000;
    text-decoration: none;
}

.PageNumbers {
    text-decoration: none;
}

.news-list-pager.list-pager {
    clear: both;
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

@keyframes swell {
    0%, 100% {
        transform: translate3d(0,-25px,0);
    }

    50% {
        transform: translate3d(0,5px,0);
    }
}






    /*Standard syntax*/
    @-ms-keyframes mymove {
        0% {
        opacity: 0;
    }

    25% {
        opacity: .1;
    }

    50% {
        opacity: .3;
    }

    75% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }

   0% {
        background-position: center 100px ;
    }

    100% {
        background-position: center bottom;
    }
}

@keyframes mymove {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .1;
    }

    50% {
        opacity: .3;
    }

    75% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }

    0% {
        background-position: center 100px ;
    }

    100% {
        background-position: center bottom;
    }
}




/*NYT move */
@-ms-keyframes mymoveNYT {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .1;
    }

    50% {
        opacity: .3;
    }

    75% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }

   0% {
       bottom: 204px ;
       
    }

    100% {
        bottom: 423px;
          
    }
}

@keyframes mymoveNYT {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .1;
    }

    50% {
        opacity: .3;
    }

    75% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }

    0% {
       bottom: 204px ;
    }

    100% {
        bottom: 423px;
    }
}

@media only screen and (max-width: 1450px) {

    .homepageContentWide2 h1 {
        margin: 0px 17.2%;
    }

    .showMeHow .small-12.medium-2.large-3.columns {
        width: 18%;
    }
}


@media only screen and (min-width: 30.0625em) {

    #menuSubValues {
        font-size: 3vw;
    }


}


    @media only screen and (min-width: 40.0625em) {

        ul.depth-1.rootul {
            margin: 0;
            padding: 0;
        }

        #headerMenu {
            display: none;
        }


            #headerMenu a {
                font-size: 16px;
                text-decoration: none;
            }

        .headerContainer {
            height: 400px;
        }

            .headerContainer #pageTitle h1 {
                text-align: left;
            }

        #pageTitle {
            bottom: 20px;
        }


        #contentContainer {
            top: 0px;
        }

        .showMeHow {
            width: 100%;
        }


        #dati {
            display: none;
        }

        #bars {
            /*position: fixed;
            top: 18%;
            left: 8.6%;*/
            z-index: 123456789876543;
            background: none;
            padding: 0px;
        }

        #dividerBar {
            padding: 40px 0;
            display: block;
        }

        #logo {
            margin: auto;
            display: inline-block;
            margin: 0px 0 0 0px;
            text-align: center;
            float: left;
            width: auto;
            position: relative;
        }

        #webLogo {
            margin-left: 0px;
        }

        .showMeHow {
            bottom: 0vh;
            left: 0px;
        }

        .small-1.medium-1.large-1.columns.hrwwdfx1Container.borders {
            display: block;
        }

        #topRow {
            margin: 50px 0 0 0;
            height: 50px;
        }

        .fullscreenMenuContent #topRow {
            margin: 25px 0 0 0;
            height: 50px;
        }

        .fullscreenMenuContentULContainer ul.depth-1 {
            font-size: 3.5vw;
        }

        .homepageContentWide h1 {
            display: none;
        }



        .homepageContentWide svg {
            display: block;
        }

        .homepageContentWide2 h1 {
            font-weight: 100;
            position: unset;
            bottom: unset;
            font-size: 5vw;
        }

        .homepageContentWide .valueContentContainer {
            font-size: 1.7vw;
            line-height: 2.5vw;
            font-weight: 300;
            margin: 50px 0 0 0;
        }

        .projectContentContainer.homepage.dark.spacer100.row3 img {
            margin: 10px;
            display: inline-block;
        }


        .valueContentContainer h1 {
            display: block;
        }

        #pageTitle {
            font-size: 4vw;
            line-height: 8vw;
            padding: 0;
            bottom: 20px;
        }

        .mobileHide {
            display: block;
        }

        .small-1.medium-1.large-1.columns.hrfx1Container.borders.mobileHide {
            display: block;
        }


        .small-1.medium-1.large-1.columns.mobileHide {
            display: block;
        }




        #fxBox1 {
            overflow: hidden;
            visibility: hidden;
        }

        #fxBox2 {
            overflow: hidden;
            visibility: hidden;
        }



        .learnMore {
            width: 0;
        }

        #mainContent.toolkitListing {
            padding: 0 0 0px 0px;
            margin-top: 400px;
        }





        .toolkitIndex .columns:nth-of-type(1) .toolkitBlock {
            border-width: 7px 7px 7px 7px;
        }

        .toolkitIndex .columns:nth-of-type(2) .toolkitBlock {
            border-width: 7px 7px 7px 0px;
        }






        .toolkitIndex .columns:nth-of-type(2n+1) .toolkitBlock {
            border-width: 0px 7px 7px 7px;
        }

        .toolkitIndex .columns:nth-of-type(2n+2) .toolkitBlock {
            border-width: 0px 7px 7px 0px;
        }







        .homepageContentWide .valueContentContainer {
            font-size: 4vw;
            line-height: 4.25vw;
        }

            .homepageContentWide .valueContentContainer h1 {
                font-weight: 600;
            }

        #pageTitle {
            font-size: 3vw;
            line-height: 3vw;
            padding: 0;
        }

        .homepageContentWide .svg {
            transform: matrix(1, 0, 0, 1, 0, 100);
            display: block;
        }

        .homepage #footerContactForm {
            margin: 20px 0 0 0;
        }

        #_submit {
            padding: 12px 20px;
            text-decoration: none;
        }

        .fullscreenMenuContentULContainer ul.depth-1 {
            padding: 0 8.3%;
            font-size: 3.5vw;
        }

        .projectMobileScreens {
            max-width: 100%;
            margin: 0 0%;
        }

        .toolkitSidePanelsInnerContainer {
            display: none;
            width: 30vw;
        }







        .small-12.medium-6.large-4.columns.end.last {
            width: calc(33.3333333333% + 7px);
        }

        .projectContentContainer.spacer100 {
            margin: 100px 0;
        }


        .projectContentContainer.dark {
            padding: 37px 0px 137px 0px;
        }

        .homepageContentWide .svg {
            margin: 0 17.2%;
        }



        .projectHide {
            display: block;
        }


        nav#menuSub ul.depth-1 {
            padding: 0;
            margin: 120px 0 0 0;
        }



        #mainContent {
            padding: 0 0 100px 20px;
            /*position: relative;*/
            margin-top: 0px;
        }


        #mainContent1 img {
            width: auto;
        }

        #mainContent2 img {
            width: auto;
        }



        footer {
            background: #1e1314;
            font-weight: 100;
            font-family: roboto;
            padding: 0 20px;
            font-size: 16px;
        }


        #footerContent1h1 {
            font-size: 35px;
        }

        #footerContactArea {
            padding: 50px 0;
        }


        .homepage #footerContactForm #Name {
            border: 0;
            border-bottom-color: currentcolor;
            border-bottom-style: none;
            border-bottom-width: 0px;
            border-bottom: 1px dotted #ffffff;
            width: 80%;
            height: 20px;
            background: transparent;
        }


        .homepage #footerContactForm #Telephone {
            border: 0;
            border-bottom-color: currentcolor;
            border-bottom-style: none;
            border-bottom-width: 0px;
            border-bottom: 1px dotted #ffffff;
            width: 80%;
            height: 20px;
            background: transparent;
        }



        .homepage #footerContactForm #Message {
            border: 0;
            border-bottom-color: currentcolor;
            border-bottom-style: none;
            border-bottom-width: 0px;
            border-bottom: 1px dotted #ffffff;
            width: 80%;
            height: 50px;
            background: transparent;
        }



        .footerContent1 {
            margin: 50px 0 40px 0;
            text-align: left;
            color: #fdecf2;
        }

        .footerContent6 {
            margin: 0 0 0 0;
            text-align: left;
            color: #fdecf2;
            font-size: .75vw;
        }

        #footerContactAreah1 {
            color: #000000;
            font-size: 4vw;
            line-height: 1.25;
            color: #222;
            font-weight: 300;
        }

        #homepageInfoPanel {
            position: absolute;
            top: 0;
            color: #ffffff;
            z-index: 1234567876543212345;
            padding: 0;
            display: block;
            font-size: 16px;
        }

        #fullscreenVideoFrameOverlay {
            display: block;
        }

        #fullscreenVideoFrame {
            display: block;
        }


        #wwdSkillMenuBox {
            margin: 0px;
        }

        #wwdSkillBox {
            margin: 0px;
        }

        #wwdSkillBox1, #wwdSkillBox2, #wwdSkillBox3 {
            padding: 0;
        }

            #wwdSkillBox1 div {
                font-size: inherit;
            }


            #wwdSkillBox2 div {
                font-size: inherit;
            }

            #wwdSkillBox3 div {
                font-size: inherit;
            }

        #menuSubValues {
            font-size: inherit;
        }


        #wwdSkillBox1 p {
            margin: 20px 0;
        }


        #wwdSkillBox2 p {
            margin: 20px 0;
        }

        #wwdSkillBox3 p {
            margin: 20px 0;
        }

        #newsCategoriesToggleButton i {
            display: none;
        }

        #newsArchiveToggleButton i {
            display: none;
        }



        #menuSubValues {
            font-size: 2vw;
        }

        .rtxtSummary {
            line-height: 1.5;
        }
		
		.toolkitSidePanels video {
			width: auto;
		}
    }





    @media only screen and (min-width: 64.0625em) {


        ul.depth-1.rootul {
            margin: 0;
            padding: 0;
        }

		.headerContainerHomepage {
			height: 200px;
		}

        #headerMenu {
            display: block;
            text-align: right;
        }

            #headerMenu a {
                font-size: 16px;
                text-decoration: none;
            }

        .headerContainer {
            height: 400px;
        }

            .headerContainer #pageTitle h1 {
                text-align: left;
            }



        #contentContainer {
            top: 0px;
        }

            #contentContainer.contentTemplate {
                top: 400px;
            }

        #logo {
            margin: auto;
            display: inline-block;
            margin: 0px 0 0 0px;
            text-align: center;
            float: left;
            width: auto;
            position: relative;
        }

        #webLogo {
            margin-left: 0px;
        }


        #dividerBar {
            padding: 40px 0;
            display: block;
        }


        .showMeHow {
            width: 100%;
        }



        #topRow {
            margin: 50px 0 0 0;
            height: 50px;
        }

        #dati {
            display: block;
        }

        #bars {
            /*position: fixed;
            top: 18%;
            left: 8.6%;*/
            z-index: 123456789876543;
            background: none;
            padding: 0px;
            color: #fff;
            font-size: 30px;
            font-weight: bolder;
            cursor:pointer;
        }


        .showMeHow {
            bottom: 10vh;
            left: 0px;
        }

        .small-1.medium-1.large-1.columns.hrwwdfx1Container.borders {
            display: block;
        }

        .homepageContentWide h1 {
            display: none;
        }


        .homepageContentWide svg {
            display: block;
        }


        .homepageContentWide2 h1 {
            font-weight: 100;
            position: unset;
            bottom: unset;
            bottom: 15%;
            font-size: 8vw;
        }

        .projectContentContainer.homepage.dark.spacer100.row3 img {
            margin: 10px;
            display: inline-block;
        }

        .valueContentContainer h1 {
            display: block;
        }

        .mobileHide {
            display: block;
        }

        #pageTitle {
            font-size: 4vw;
            line-height: 8vw;
            padding: 0;
        }


        .fullscreenMenuContentULContainer ul.depth-1 {
            font-size: 1.5vw;
        }


        .small-1.medium-1.large-1.columns.hrfx1Container.borders.mobileHide {
            display: block;
        }

        .small-1.medium-1.large-1.columns.mobileHide {
            display: block;
        }



        #fxBox1 {
            overflow: hidden;
            visibility: hidden;
        }

        #fxBox2 {
            overflow: hidden;
            visibility: hidden;
        }

        .learnMore {
            width: 0;
        }




        #mainContent.toolkitListing {
            padding: 0 0 0px 0px;
            margin-top: 400px;
        }




        .toolkitIndex .columns:nth-of-type(1) .toolkitBlock {
            border-width: 7px 0px 7px 7px !important;
            border-color: #ef1414;
        }

        .toolkitIndex .columns:nth-of-type(2) .toolkitBlock {
            border-width: 7px 7px 7px 7px !important;
            border-style: solid;
            border-color: #ef1414;
        }

        .toolkitIndex .columns:nth-of-type(3) .toolkitBlock {
            border-width: 7px 7px 7px 0px !important;
            border-color: #ef1414;
        }


        .toolkitIndex .columns:nth-of-type(3n+1) .toolkitBlock {
            border-width: 0px 0px 7px 7px;
            border-color: #ef1414;
        }

        .toolkitIndex .columns:nth-of-type(3n+2) .toolkitBlock {
            border-width: 0px 7px 7px 7px;
            border-style: solid;
            border-color: #ef1414;
        }

        .toolkitIndex .columns:nth-of-type(3n+3) .toolkitBlock {
            border-width: 0px 7px 7px 0px;
            border-color: #ef1414;
        }

        .toolkitIndex .filler {
            border-width: 0px 0px 0px 7px !important;
            border-color: #ef1414;
        }

        .toolkitIndex .columns:last-of-type .filler {
            border-width: 0px 0px 0px 0px !important;
            border-color: #ef1414;
        }



        #pageTitle {
            font-size: 2vw;
            line-height: 3vw;
            padding: 0;
        }

        .homepageContentWide .svg {
            transform: matrix(1, 0, 0, 1, 0, 100);
            display: block;
        }


        .fullscreenMenuContentULContainer ul.depth-1 {
            padding: 100px 8.6%;
        }

        .fullscreenMenuContent .fullscreenMenuContentULContainer ul.depth-1 {
            padding: 0 8.6%;
        }

        .projectMobileScreens {
            max-width: 60%;
            margin: 0 20%;
        }

        .toolkitSidePanelsInnerContainer {
            display: none;
            width: auto;
        }

        .toolkitSidePanels ul li {
            overflow: visible;
        }




        .homepageContentWide .valueContentContainer {
            font-size: 1.7vw;
            line-height: 2.5vw;
            font-weight: 300;
        }

            .homepageContentWide .valueContentContainer h1 {
                font-size: 1vw;
                line-height: 1.5vw;
            }

        .valueNumber {
            display: block;
            margin: 0 0 50px 0;
            font-size: 1vw;
            font-weight: 300;
        }


        .projectContentContainer.spacer100 {
            margin: 100px 0;
        }


        .projectContentContainer.dark {
            padding: 37px 0px 137px 0px;
        }

        .projectHide {
            display: block;
        }


        nav#menuSub ul.depth-1 {
            padding: 0;
            margin: 53px 0 0 0;
        }

        #mainContent {
            padding: 0 0 100px 0px;
            /*position: relative;*/
            margin-top: 67px;
        }

        #mainContent1 img {
            width: auto;
        }

        #mainContent2 img {
            width: auto;
        }


        #toolkitSidePanelsOuterContainer {
            padding: 57px 10% 0px 97px;
        }



        footer {
            background: #1e1314;
            font-weight: 100;
            font-family: roboto;
            padding: 100px 20px;
            font-size: 19px;
        }

            footer.homepage {
                padding: 0px 20px;
            }



        #footerContactArea {
            padding: 150px 0;
        }

            #footerContactAreah1 {
                color: #000000;
                font-size: 3vw;
                line-height: 1.25;
                color: #222;
                font-weight: 300;
				margin: 40px 0;
            }

        #footerContent1h1 {
            color: #fdecf2;
            font-weight: 100;
            font-size: 47px;
            font-family: roboto;
        }


        .footerContent1 {
            margin: 0px 0 137px 0;
            text-align: left;
            color: #fdecf2;
        }


        .footerContent6 {
            margin: 0 0 0 0;
            text-align: left;
            color: #fdecf2;
            font-size: .75vw;
        }

        #homepageInfoPanel {
            position: absolute;
            top: 0;
            color: #ffffff;
            z-index: 1234567876543212345;
            padding: 0;
            display: block;
            font-size: 19px;
        }

        #fullscreenVideoFrameOverlay {
            display: block;
        }

        #fullscreenVideoFrame {
            display: block;
        }

        #wwdSkillMenuBox {
            margin: 0px;
        }

        #wwdSkillBox {
            margin: 0px;
        }

        #wwdSkillBox1, #wwdSkillBox2, #wwdSkillBox3 {
            padding: 0;
        }

            #wwdSkillBox1 div {
                font-size: inherit;
            }


            #wwdSkillBox2 div {
                font-size: inherit;
            }

            #wwdSkillBox3 div {
                font-size: inherit;
            }



            #wwdSkillBox1 p {
                margin: 20px 0;
            }


            #wwdSkillBox2 p {
                margin: 20px 0;
            }

            #wwdSkillBox3 p {
                margin: 20px 0;
            }

        #newsCategoriesToggleButton i {
            display: none;
        }

        #newsArchiveToggleButton i {
            display: none;
        }



        #menuSubValues {
            font-size: 1vw;
        }


        .rtxtSummary {
            line-height: 1.5;
        }
		
		.toolkitSidePanels video {
			width: auto;
		}
    }

	@media only screen and (min-width: 64.0625em) and (max-width:80.0625em) {
		#headerMenu a {
			/*font-size: 13px;*/
			text-decoration: none;
		}
	}




    @media only screen and (max-height: 720px) and (min-width: 600px) {
        .homepageContentWide .valueContentContainer {
            margin: 150px 0 0 0;
        }
    }

    @media only screen and (max-height: 600px) and (min-width: 600px) {
        .homepageContentWide .valueContentContainer {
            margin: 200px 0 0 0;
        }
    }

    @media only screen and (max-height: 250px) {

        .homepageContentWide .valueContentContainer {
            font-size: 1.7vw;
            line-height: 2.5vw;
            font-weight: 300;
            margin: 50px 0 0 0;
        }
    }