@charset "UTF-8";
/* CSS Document */
/*Resets*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;

    vertical-align: baseline;
/*    background: transparent;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
a, button {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
/*    background: transparent;*/
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}*/
input, select {
    vertical-align: middle;
}
/*Basic o.com Animations*/
@keyframes o-scalezoom {
0% {
-moz-transform:scale(1.3, 1.3);
-webkit-transform:scale(1.3, 1.3);
transform:scale(1.3, 1.3)
}
100% {
-moz-transform:scale(1, 1);
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
}
@keyframes o-upfade-y {
0% {
opacity:0;
-ms-transform:translateY(90px);
-webkit-transform:translateY(90px);
transform:translateY(90px)
}
100% {
opacity:1;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes o-downfadeout-y {
0% {
opacity:1;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-ms-transform:translateY(90px);
-webkit-transform:translateY(90px);
transform:translateY(90px)
}
}
@keyframes o-upfade-top {
0% {
opacity:0;
top:90px
}
100% {
opacity:1;
top:0
}
}
@keyframes o-fadezoomin {
0% {
opacity:0;
-moz-transform:scale3d(1, 1, 1);
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
100% {
opacity:1;
-moz-transform:scale3d(1, 1, 1);
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes o-fadezoomin-flip {
0% {
opacity:0;
-moz-transform:scale3d(-1, 1, 1);
-webkit-transform:scale3d(-1, 1, 1);
transform:scale3d(-1, 1, 1)
}
100% {
opacity:1;
-moz-transform:scale3d(-1.07, 1.07, 1);
-webkit-transform:scale3d(-1.07, 1.07, 1);
transform:scale3d(-1.07, 1.07, 1)
}
}
@keyframes o-fadezoomout {
0% {
opacity:0;
-moz-transform:scale3d(0.93, 0.93, 1);
-webkit-transform:scale3d(0.93, 0.93, 1);
transform:scale3d(0.93, 0.93, 1)
}
100% {
opacity:1;
-moz-transform:scale3d(1, 1, 1);
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes o-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
/*Begin body styles*/
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
    text-align: left;
}
/*Fonts*/
/*.basefont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
}*/

/*Background and Text Colors*/
.transparent { /*to prevent jumping for sighted users using voiceover on ipad*/
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

/*Cover*/

.coverbox {
/*    height: 70vh;
    position: relative;
    overflow: hidden;
    z-index: 0;*/
    z-index: 1;
position: relative;
overflow: hidden;
width: 100%;
min-height: 520px;
background-color: #ffffff;
/*padding-top: 5em;*/
padding-top: calc(3.1948881789vw + 39.8817891374px);
    padding-bottom: 91px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-align: left;
align-items: left;
-ms-overflow-style: none;
}
.coverbox-home-sm {
z-index: 1;
position: relative;
overflow: hidden;
width: 100%;
min-height: 400px;
background-color: #ffffff;
/*padding-top: 5em;*/
padding-top: calc(3.1948881789vw + 39.8817891374px);
    padding-bottom: 91px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-align: left;
align-items: left;
-ms-overflow-style: none;
}
.coverbox-sm {
z-index: 1;
position: relative;
overflow: hidden;
width: 100%;
min-height: 350px;
background-color: #ffffff;
/*padding-top: 5em;*/
padding-top: calc(3.1948881789vw + 39.8817891374px);
    padding-bottom: 91px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-align: left;
align-items: left;
-ms-overflow-style: none;
}
/*.flex-item {
	height: auto;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1;
	padding: 60px 40px 40px;
}*/
.photo {
	width: 100%;
}



@media (max-width: 1024px) {
.coverbox {
    height: auto;
}
}
.cover {
/*    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    animation: o-fadezoomin ease .9s forwards;*/
    background-size: cover;
background-position: 30% 0%;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
opacity: 0;
animation: o-fadezoomin ease .9s forwards;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.homecover {
    background-image: url(../images/homecover.jpg);
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.hcmcover {
    background-image: url(../images/hcmcover.jpg);
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.cscover {
    background-image: url(../images/cscover.jpg);
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.financover {
	
    background-image: url(../images/finan_bg.jpg);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.seccover {
	
    background-image: url(../images/sec_bg.jpg);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.texture1cover {
	
    background-image: url(../images/texture_1.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.texture2cover {
	
    background-image: url(../images/texture_2.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.texture3cover {
	
    background-image: url(../images/texture_3.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.texture4cover {
	
    background-image: url(../images/texture_4.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.texture5cover {
	
    background-image: url(../images/texture_5.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.innocover {
    background-image: url(../images/innovatorscover.jpg);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}

.innobg{background:url("../images/rw-graphic07-10p.png") 0 0 repeat #F8F7F4 !important}
.questcover {
    background-image: url(../images/questcover.jpg);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.ptcover {
    background-image: url(../images/ptcover.jpg);
    background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.cloudmgrcover {
    background-image: url(../images/cloudmgrcover.jpg);
    background-position: center center;
	background-size: cover;
	min-height: 240px;
}
.questcover {
    background-image: url(../images/questcover.jpg);
    background-position: top center;
	background-size: cover;
}
.innovatorscover {
    background-image: url(../images/innovators_cover.jpg);
    background-position: top center;
}
.valign-50 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.valign-25 {
    position: relative;
    top: 25%;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
}
.headertext {
    margin: 0px 60px;
    max-width: 50%;
    z-index: 6;
    position: relative;
    animation: o-fadezoomout ease .9s forwards;
}
.headertext .vlink {
    background: rgb(255, 255, 255, .8);
    padding: 10px;
    border: solid 1px inherit;
    border-radius: 3px;
}
.slink {
    background: rgb(255, 255, 255, .8);
    padding: 10px;
    border: solid 1px inherit;
    border-radius: 3px;
}
.slink::after {
    
    display: inline-block;
    margin: 0 8px;
    position: relative;
    top: 3px;
}
@media (max-width: 1200px) {
.headertext {
    font-size: .9em;/*        margin-top: 120px;*/
}
}

@media (max-width: 1023px) {
.headertext {
    font-size: .8em;/*        margin-top: 120px;*/
}
}

@media (max-width: 767px) {
.headertext {
    font-size: .8em;/*        max-width: 70%;*/
}
/*    .headertext input.searchtext {
        width:65%;
    }*/
}

@media (max-width: 480px) {
.headertext {
/*    font-size: .7em;*/
    margin: 0 20px;
    max-width: 100%;
}
#search-box input[type="text"] {
    font-size:1.2em;
    }
}
.headersimple {
    padding-top: 3em;
    margin: 0 60px;
}
.headersimple h1 {
    padding-bottom:0px;
}
.tagline {
    font-size: 1.25em;
    font-weight: normal;
    text-align: left;
    line-height: 1.3em;
}

/*tabs*/
/*.boxtab {
    height: auto;
    text-align: left;
    padding: 0;
    z-index: 9;
    position: relative;
}*/
/*.flex-tab {
    background-color: #00758f;
    color: #FFFFFF;
    text-align: center;
}*/
/*.flex-tab.active {
    background-color: #fff;
}*/
/*.flex-tab:hover, .flex-tab:focus {
    text-decoration: none;
    background:#bde6ee;
    color:#000;
    cursor:pointer;
}*/

/*.flex-tab.active:hover, ui .flex-tab.active:focus {
    text-decoration: none;
    background-color: #fff;
    color: #000;
    cursor: default;
}
*/
/*@media (max-width: 480px) {
.tab-pane {
    padding: 40px;
}
}*/
/*.flex-tabs {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    /*	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-around;*/
/*    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}*/

/*@media (max-width: 480px) {
.flex-tabs {
    margin: 0 40px;
}
}
.flex-tab {*/
    /*min-height: 60px;*/
/*    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.flex-tab a {
    display: inline-block;
}*/
/*Ocom overrides*/
#maincontent {
    position: static;
    width: inherit;
    height: inherit;
    top: inherit;
}
.u02smap {
    padding-top: 3em;
    margin: 0 60px;
}
/*! FONT - ORACLE ICONS */
@font-face{font-family:'oracleicons';src:url("fonts/oracleicons.woff2?cache_arg") format("woff2"),url("fonts/oracleicons.ttf?cache_arg") format("truetype"),url("fonts/oracleicons.woff?cache_arg") format("woff"),url("fonts/oracleicons.svg?cache_arg#oracleicons") format("svg");font-weight:normal;font-style:normal}

/*! FONT - ORACLESANS FONT */
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_Lt.woff2") format("woff2"),url("fonts/OracleSans_W_Lt.woff") format("woff");font-weight:200;font-style:normal}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_LtIt.woff2") format("woff2"),url("fonts/OracleSans_W_LtIt.woff") format("woff");font-weight:200;font-style:italic}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_Rg.woff2") format("woff2"),url("fonts/OracleSans_W_Rg.woff") format("woff");font-weight:300;font-style:normal}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_It.woff2") format("woff2"),url("fonts/OracleSans_W_It.woff") format("woff");font-weight:300;font-style:italic}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_SBd.woff2") format("woff2"),url("fonts/OracleSans_W_SBd.woff") format("woff");font-weight:400;font-style:normal}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_SBdIt.woff2") format("woff2"),url("fonts/OracleSans_W_SBdIt.woff") format("woff");font-weight:400;font-style:italic}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_Bd.woff2") format("woff2"),url("fonts/OracleSans_W_Bd.woff") format("woff");font-weight:700;font-style:normal}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_BdIt.woff2") format("woff2"),url("fonts/OracleSans_W_BdIt.woff") format("woff");font-weight:700;font-style:italic}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_XBd.woff2") format("woff2"),url("fonts/OracleSans_W_XBd.woff") format("woff");font-weight:800;font-style:normal}
@font-face{font-display:fallback;font-family:"Oracle Sans";src:url("fonts/OracleSans_W_XBdIt.woff2") format("woff2"),url("fonts/OracleSans_W_XBdIt.woff") format("woff");font-weight:800;font-style:italic}
@font-face{font-display:fallback;font-family:"Oracle Sans Condensed";src:url("fonts/OracleSans_W_Bd.woff2") format("woff2"),url("fonts/OracleSans_W_Bd.woff") format("woff");font-weight:500;font-style:normal}

body{font-family:"Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 16px;}
h1{font-weight:400}
h2,h3,h4,h5,h6{font-weight:500}
i{font-style:italic}

.u02 {
    font-family:"Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}

/*.u10v0 .u10w1 {
    background: url("../images/oracle-o-logo.svg") no-repeat 3% 43px;
}*/
.u02tabnav .u02logo a:focus {

    outline: 1px dotted #000;
}
.u02menu-l2 a:focus {
   outline: 1px dotted #000; 
}
.u02searchbttn:focus {
   outline: 1px dotted #000; 
}
.ct14w3 a:focus {
   outline: 1px dotted #000; 
}
#u22 b {

    visibility:visible;
}
#u22:focus {
    outline: 1px dotted #fff; 
}

.ct14.bgwhite {
    background: #fff !important;

}
.ct14w5 {

    margin: 0;
    padding:0 100px 40px 100px;

}
@media (max-width: 1024px) {
.ct14w5 {
    padding: 40px;
}
}

.ct14w4  {
    padding:20px;
}
.u02notools .u02logo {
    margin-left: 15px;
} /*Remove this when menu is added*/

@media (max-width: 670px) {
    .f11 .u02logo, .ocom-responsive .u02logo {
    width: auto;

}
}

/*.u02logo {
    height:60px;
}

.u02logow2 {
    height: 60px;*/
/*    top: -10px;*/
/*}*/ /*Adjusts height of fly-out from logo*/

/*@media (max-width: 974px) {
.u02logow2 {
    height: 52px;
}
.f11 .u02logo, .ocom-responsive .u02logo {
    height:52px;
    width:66px;
}
}
@media (max-width: 670px) {
.u02logow2 {
    height: 44px;
}
.f11 .u02logo, .ocom-responsive .u02logo {
    height:44px;
    width:66px;
}
    
}
.u02logo {
    width: 66px;
}
.u02logow2 {
    right:auto;
    left:0;
}

.u02opened .u02logow2 {
    -webkit-transform:translateX(30%);
    -ms-transform:translateX(30%);
    transform:translateX(30%);
    visibility:visible;
    transition-delay:0s, 0s
}
.u02closing .u02logow2 {
    visibility:hidden;
    transition-delay:0s, 0s;
}*/

.cpad.cb105 {
    padding-top:0;
}
.cb105w1 h3 {
    margin: 0;
    font-size:1.1em;
}
.cb105w1 h4 {
    font-size:1em !important;
    font-weight:bold;
}

.cb105w1 .cb105open-all, .cb105w1 .cb105close-all {
    font-size: 1em;
    font-weight: normal;
}

@media (max-width: 1476px) {
.cb105 .mwidth, .cb105 .cwidth {
    padding-left: 0;
    padding-right: 0;
}
}

.cb105w2 ul.obullets li {
    margin-bottom: 0.6em;
}
.cb105w2 > :not(.ocode) {
    padding-top: 0;
}
.cb105w1 .icn-min .cb105close-all, .cb105w1 .icn-plus .cb105open-all {
    top: -5px;
}

.txtlight input {
    color: #333 !important;
}

/*Divs*/

.boxfull {
    height: auto;
    text-align: left;
    padding: 40px 60px;
    z-index: 9;
    position: relative;
}

@media (max-width: 480px) {
.boxfull {
    padding: 40px;
}
}
.subsect {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 40px 0px;
}
.line-r {
    border-right: solid 1px #d1ccc7;
    padding-right: 20px;
}
.line-r-pad {
    padding-right: 20px;
}
.line-l {
    border-left: solid 1px #d1ccc7;
    padding-left: 20px;
}
/*Flexboxes*/
.flex-container {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-around;*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.flex-item-50 {
    height: auto;
    width: 49%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-item-33 {
    height: auto;
    width:32%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-item-25 {
    height: auto;
    width:24%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-item-20 {
    height: auto;
    width:14%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width:768px) {
.flex-item-50 {
/*    flex: 1 1 99%;*/
    width:99%;
}
.flex-item-33 {
/*    flex: 1 1 99%;*/
    width:99%;
}
.flex-item-25 {
/*    flex: 1 1 49%;*/
    width:99%;
}
.flex-item-20 {
/*    flex: 1 1 33%;*/
    width:33%;
}
.flex-item-50.line-l {
    border-left: none;
    padding-left: 0;
    padding-top: 40px;
}
.flex-item-50.line-r-pad {
    padding-right: 0;
}
}

@media (max-width: 480px) {
.flex-item-25 {
/*    flex: 1 1 99%;*/
    width:99%
}
.flex-item-20 {
/*    flex: 1 1 49%;*/
        width:99%;
}
.innocard {
        margin: 0 0 10px 0;
    }
.boxfull.innobg {
       padding-bottom:0; 
    }
}
/*News Box*/

.newslist {
    padding: 10px 0 40px 0px;
    list-style: none;
}
.newslist li {
    margin: 0 0 0 50px;
    padding: 10px 0 0 50px;
    line-height: 1.4em;
    text-indent: -50px;
}
.newslist a {
}
.newsdate {
    display: inline-block;
    width: 50px;
}
/*Cards and lists*/
.iconlist, .textcardlist, .photocardlist, .textlinklist {
    list-style: none;
}
.textlinklist {
    padding: 0 0 40px 0;
}
.textlinklist .textlinklist {
    padding: 0;
    margin:0 10px 0 20px;
}
/*p + .textlinklist {
    margin-top:-20px;
}*/
h2 + .textlinklist {
    margin-top:-10px;
}
.tlinktext + h2 {
    padding-top:40px;
}
.tlinkdesc + .textlinklist .textitem {
    padding-top:0;
}

h2 +.tlinktext  {
    padding-top:10px;
}
/*.tlinkdesc + .textlinklist {
    padding-top:10px;
}*/
.iconcard, .textcard {
    padding: 20px 20px 20px 0;
    margin: 0 1% 0 0;
    text-align: left;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    -webkit-transition: transform .2s ease-in-out, border .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, border .2s ease-in-out;
    transition: transform .2s ease-in-out, border .2s ease-in-out;
}
 .innocard {
    padding: 0px 0px 10px 0px;
    margin: 0 1% 1% 0;
    text-align: center;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    -webkit-transition: transform .2s ease-in-out, border .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, border .2s ease-in-out;
    transition: transform .2s ease-in-out, border .2s ease-in-out;
	background-color: #FFFFFF;
box-shadow: 0px 1px 16px 0 rgba(0,0,0,0.18);
border-radius: .5em !important;
}
 .innocard img {
border-top-left-radius: .5em !important;
border-top-right-radius: .5em !important;
}
.textitem {
    padding: 10px 0 0 0;
    text-align: left;
}
.photocard {
    padding: 0;
    margin: 0 1% 0 0;
    -webkit-transition: transform .2s ease-in-out, border .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, border .2s ease-in-out;
    transition: transform .2s ease-in-out, border .2s ease-in-out;
}
.inview {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
    opacity: 1;
}
.photobox {
    text-align: center;
    /*    border:solid 1px #8aadbf;*/
    padding: 20px 0 0 0;
    margin: 0px 20px 20px 0;
    border: solid 1px #f8f7f4;
    background-color: #f8f7f4;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: transform .2s ease-in-out, border .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, border .2s ease-in-out;
    transition: transform .2s ease-in-out, border .2s ease-in-out;
}
.photocardimg {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.iconlink {
    display: table;
    padding: 0;
    width: 100%;
    line-height: 1.4em;
}
.cardlink, .photolink {
    padding: 0;
    width: 100%;
    line-height: 1.4em;
}
.iconbox {
    display: table-cell;
    vertical-align: top;
    width: 80px;
}
.iconbg {
    height: 80px;
    width: 80px;
    display: block;
}
.iconbox img {
    height: 80px;
    width: 80px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.iconcardtext {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
}

@media (max-width: 480px) {
.iconcardtext {
    padding: 0 0 0 20px;
}
}
.ilinktext, .plinktext {
    display: block;
    padding: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.tlinktext {
    padding: 10px 0 0 0;
}

.plinktext {
    min-height: 45px;
    margin: 0 5px;
}

@media (max-width: 480px) {
.plinktext {
    min-height: auto;
}
}
.ilinkdesc, .clinkdesc, .plinkdesc {
    color: #000;
    display: block;
    margin: 4px 0 0 0;
}
.clinkdesc, .clinktext {
    display: block;
    padding:8px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.tlinkdesc {
    color: #000;
    margin: 0;
    padding: 10px 0 0 0;
}
.iconlink:hover, .cardlink:hover, .photolink:hover, .iconlink:focus, .cardlink:focus, .photolink:focus {
    text-decoration: none;
}
/*.iconlink:hover .ilinktext, .cardlink:hover .clinktext, .photolink:hover .plinktext,.iconlink:focus .ilinktext, .cardlink:focus .clinktext, .photolink:focus .plinktext {
    text-decoration:underline;
}*/

.iconcard:hover img {
    transform: scale(1.1);
}
.innocard:hover img, .photocard:hover img {
    transform: scale(1.03);
}
.innocard {
    overflow:hidden;
}
.innocard .photo {
    width:100%;
    height:auto;
    display:block;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.iconcard:hover, .textcard:hover {
    border-top: solid 1px #D6682B;
    border-bottom: solid 1px #D6682B;
}
.photobox:hover {
    border: solid 1px #D6682B;
}
/*Headings*/

h1 {
    font-size: 2.5em;
/*    font-weight: bold;*/
    padding: 0 0 10px 0;
    line-height: 1.3em;
}
.homecover + .headertext h1 {
    font-size: 2.5em;
    padding: 0 0 20px 0;
}

h1 + #search-box {
    margin-top:20px;
}

.homecover + .headertext .tagline {
    font-size: 1.5em;
}

h2 {
    font-size: 1.5em;
/*    font-weight: bold;*/
    padding: 0 0 20px 0;
    line-height: 1em;
}
p + h2, .obullets + h2 {
    padding-top:10px;
}
.obttns + h2 {
    padding-top:40px;
    clear:both;
}
h2 + .obullets {
    padding-top:0px;
}@media (max-width: 767px) {
h2 {
    font-size: 1.4em;
}
}
h3 {
    font-size: 1.3em;
/*    font-weight: bold;*/
    padding: 0 0 10px 0;
    line-height: 1em;
}
h3 + p {
    padding-top:10px;
}
h2+ h3, p + h3 {
    padding-top:30px;
}
h4 {
    font-size: 1em;
/*    font-weight: bold;*/
    padding: 0 0 10px 0;
    line-height: 1em;
}
/*Content*/

.introhead {
    font-weight: bold;
    display: block;
}
p {
    padding: 0 0 30px 0;
    line-height: 1.4em;
}
li p + .obullets {
    margin:10px 0 0 0;
}

.obullets li p {
    padding: 0 0 10px 0;
}

.textcardlist + p {
    padding-top:40px;
}

.intro {
    font-size: 1.2em;
}
a {
/*    color: #00758f;*/
    color:#BB501C;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.vlink::after {
    content: url("../images/play.svg");
    height: 16px;
    width: 16px;
    display: inline-block;
    margin: 0 8px;
    position: relative;
/*    top: 3px;*/
}
/*.button .buttonlink {
    background: #003b4d;
    color:#ffffff;
    padding: 10px;
    margin:20px 0;
    border: solid 1px #003b4d;
    border-radius: 3px;
    text-decoration:none;
    -webkit-transition: transform .2s ease-in-out, all .2s ease-in-out;
-o-transition: transform .2s ease-in-out, all .2s ease-in-out;
transition: transform .2s ease-in-out, all .2s ease-in-out;
}
.button .buttonlink:hover {
    background: #ffffff;
    color:#003b4d;
    padding: 10px;
    border: solid 1px #003b4d;
    border-radius: 3px;
    text-decoration:none;
}*/
/*Multi-column layout*/

.col2 {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    -webkit-column-gap: 10em;
    -moz-column-gap: 10em;
    column-gap: 10em;
    text-align: left;
}
.col2-100 {
    -webkit-columns: 100px 2;
    -moz-columns: 100px 2;
    columns: 100px 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: left;
}
.col3 {
    -webkit-columns: 300px 3;
    -moz-columns: 300px 3;
    columns: 300px 3;
    -webkit-column-gap: 10em;
    -moz-column-gap: 10em;
    column-gap: 10em;
    text-align: left;
    padding: 40px 40px 20px;
}

@media (max-width:1024px) {
.col2, .col3 {
    column-gap: 3em;
}
}
.keeptogether {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0 0 20px;
}
.keeptogetherpara {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/*Images*/
.imgcenter {
    text-align:center;
    margin-bottom:40px;
}
.diagram100 {
    width:100%;
    height:auto;
}
.screenshot {
    border:solid 1pt #dee0e0;
    margin:10px 0;
    width:100%;
}
@media (max-width:768px) {
.diagram50 {
    width: 50%;
    height: auto;
}
}

@media (max-width:480px) {
.diagram50 {
    width: 75%;
    height: auto;
}
}
/*Pseudo Footer*/
.pfooter {
    padding: 40px 60px;
    font-size: .8em;
}
.pfooter p {
    padding: 0 0 10px 0;
}
.pfooter a {
    text-decoration: none;/*    color: #DCE3E4;*/
}
.pfooter a:hover {
    text-decoration: underline;
}
.pfooter .flex-container {
    /*	width: 80%;
	margin: 0px auto;*/
    margin: 0;
}
.pfooter .flex-item-33 {
    text-align: left;
    padding-bottom: 40px;
}

/*Finan search box*/
#search-box {
position: relative;
width: 100%;
margin: 0;
}

#search-form 
{
height: 40px;
border: 1px solid #ccc;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
background-color: #fff;
overflow: hidden;
}
#search-text 
{
/*font-size: 14px;*/
/*color: #ddd;*/
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
/*padding: 11px 0 12px 1em;
color: #333;
outline: none;*/
margin: 0;
/*font-size: 14px;*/
padding: 1.5% !important;
height: auto !important;
/*border: 1px solid #ccc;*/
}
::placeholder { 
  opacity: 1;
}

#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
/*font-size: 14px;*/
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #00758f;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}

@media (max-width:1024px) {
#search-box input[type="text"]
{
padding: 2.0% !important;
}
}
@media (max-width:768px) {
#search-box input[type="text"]
{
padding: 2.5% !important;
}
}
