/*
	Global Board matters
	last updated 2017-05-05
    Breakpoints: >=568px, <=767px, >=768px, <=1016px
*/

/* initial hiding */
.headline-container {
    display: none;
}
.article > section.section0 {
    display: none;
}
.footer {
    display: none;
}


/* site  name */
.sitename a {
    color: white;
    text-decoration: none;
    font-family: 'Interstate', sans-serif;
}
@media only screen and (min-width: 568px) {
    .sitename {
    }
}
@media only screen and (min-width: 768px) {
    .sitename {
        font-size: 130%;
        margin-top: 35px;
        margin-left: 40%;
    }
}


/* slick custom for carousel */
.slick-track {
    background-color: black;
}
.slick-slide{padding:0; cursor:grab;}
.slick-slide img{width:100%;height:auto;max-width:none;min-height:250px}
.frame3x2{top:70%%}
.eyhero{margin-top:69px}
@media only screen and (min-width:568px){
    .slick-slide img{min-height:400px}
    .frame3x2{top:50%}
    .eyhero{margin-top:0}
}
button.slick-arrow{
    position:absolute;width:40px;height:40px;
    background:transparent url("https://cdn.ey.com/assets/images/simple/icons3.svg") no-repeat;
    top:30%;transform:translateY(0);text-indent:-99999px;border:0;outline:0;cursor:pointer;z-index:10
}
.slick-arrow.slick-prev{left:25px;background-position:0 -40px;margin-top:60px}
.slick-arrow.slick-next{right:25px;background-position:-40px -40px;margin-top:60px}
.slick-dots{text-align:center;background-color:black;}
.slick-dots button{
    -moz-box-shadow:0 1px 8px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow:0 1px 8px 0 rgba(0,0,0,0.3);
    box-shadow:0 1px 8px 0 rgba(0,0,0,0.3);
    width:14px;height:14px;background:#fff;opacity:1;border:0;
    text-indent:-99999px;border-radius:50%;margin:0 3px;cursor:pointer;outline:0;padding:0;
}
.slick-dots li{display:inline}
.slick-dots li.slick-active button{background:#ccc}
@media only screen and (min-width:768px){}
@media only screen and (min-width:1590px){}


/* push content down to make more room for social ribbon */
.article > section.section0 {
    padding-top: 40px;
}



/* filter */
.filters{width:auto;background:#333;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-overflow-scrolling:touch}.filters.active{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.filters nav{display:block;cursor:default}.filters nav>ul>li>a,.filters nav>ul>li>span{display:block;padding:20px 10px;font-weight:bold;font-size:12px;color:#fff;background-color:#333;border-bottom:1px solid #666}.filters nav>ul>li>span{background-color:#8d8d8d}.filters .sub{clear:both;overflow:hidden;background:#d2d2d2;padding:10px 30px}.filters .sub ul li{display:block;margin-right:20px;background:#d2d2d2;width:100%;text-indent:-23px}.filters .sub ul li a{color:#333;font-weight:normal;height:20px;background:url('https://cdn.ey.com/assets/images/simple/checkbox.png') no-repeat 0 0;padding:0 0 0 22px;font-size:.8rem;outline:0}.filters .sub ul li a.checked{background-position:0 -22px}@media only screen and (min-width: 768px) {.filters-mobile{display:none}.filters{-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);width:auto;background:#333}.filters nav>ul>li{display:block}.filters nav>ul>li>a,.filters nav>ul>li>span{position:relative;display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;border:0;font-size:13px}.filters nav>ul>li:hover>a{background-color:black;color:white;}.filters nav>ul>li span{background:#8d8d8d;padding-right:30px;font-size:120%}.filters nav>ul>li:first-child{color:#fff}}@media only screen and (min-width:1024px){.filters nav>ul>li>a,.filters nav>ul>li>span{padding:20px 10px}}.filters .areas ul li{width:200px}.filters .languages ul li{width:100px}
.filters nav ul {
    margin: 0;
}
.filters nav > ul > li {
    background: none;
    padding-left: 0;
    margin: 0;
}
.filters .sub ul li {
    padding-left: 0;
    margin: 0;
}
.filters {background-color: transparent;}
.filters nav>ul>li > a {
    background: #646464;
    padding: 10px 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
}
nav h2, .type-system-ey nav h2 {
    color: white;
    font-size: 150%;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 25px;
    margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .filters nav>ul>li > a {
  font-size:  15px;
  }
}
nav h2, .type-system-ey nav h2 {
    color: #646464;
    margin: 35px 0 18px;
    padding: 0;
}


/* override hiding of subnav in mobile */
@media only screen and (max-width: 767px) {
    .article .article-subnav {
        display: block;
    }
}
header.fake {
    display: block;
}



/* insights content */
.content-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: left;
}
#insightsSection {
    width: 100%;
}
#insightsSection.oneColumn {
    width: 50%;
}
@media only screen and (max-width: 767px) {
    #insightsSection.oneColumn {
        width: 50%;
    }
}
#globalSection {
    width: 50%;
    border-left: 1px solid #ccc;
}
#globalSection.collapsed {
    padding: 0;
    border: none;
    width: 0;
}
#globalSection.collapsed #globalContent {
    display: none;
    transition:all 1s;
}
#globalSection.collapsed .pod {
    display: none;
}

.pod {
    flex: 1 1 auto;
    width: 360px;
    min-height: 380px;
    padding: 15px 15px 0;
    margin-bottom: 10px;
    margin-right: 10px;
    background:#eee;
    height: auto;
    opacity: 0;
    transition:opacity 1s;
	float:left;
}
.pod:hover { background: #FFFF88; }
@media only screen and (max-width: 767px) {
    .pod {
        min-height: inherit;
    }
}
/* Brian */
/*.pod {
    flex: 1 1 auto;
    width:   auto;
    margin: 0;
    background: transparent;
}
#insightsContent > a {
    font-weight: bold;
    flex: 1 1 320px;
    width: 50%;
    background: #eeeeee;
    border: 3px solid white;
}
#insightsContent > a:hover {
  background-color: #FFFF88;
  transition: background-color 1s;
}*/

#insightsSection h2 {
    font-size: 150%;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

#globalSection h2 {
    font-size: 150%;
    padding-top: 10px;
    background-position: right 50px top 100%;
    padding-left: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
}
#globalSection.collapsed h2 {
	display:none;
}
@media only screen and (max-width: 767px) {
    #globalSection h2 {
        background: none;
    }
    #globalSection.collapsed h2 {
        position: inherit;
        background: none;
    }
    #insightsSection .highlight {
    }
}

#globalSection .pod {
    background-color: #333;
}
#globalSection .pod:hover{background:#777;transition:all .4s}
#globalSection .pod h3 {
    color: white;
    font-size: .9rem;
}
#globalSection .pod p {
    color: white;
}
#globalSection .pod img {
}



/* content items */
.pod h3{margin-top:10px;color:#369; font-size: 1rem; font-family:'Interstate', sans-serif;}
.pod p{margin:10px 0; font-size: .8rem;}
.pod img{width:100%;height:auto;}
.pod img.playicon {
    z-index:10;
    position:absolute;
    width: 50px;
    height: 50px;
    margin: 10px;
}
.pod .podimagemask img {
    max-height: 160px;
}
.pod .releasedate{font-size:11px;text-align:right}
.pod .releasedate img {padding-right: 3px; width: 26px; height: 13px; display: inline; }
.pod .country{font-size:11px;text-align:right}
.pod .country img {padding-right: 3px; width: 26px; height: 13px; }
.pod li { color: white; font-size: .8rem; list-style-type: square; margin-left: 15px; }
@media only screen and (max-width: 767px) {
    .content-container {
        display: block;
    }
    #insightsSection {
        width: 100%;
    }
    .pod {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.podimagemask {
   overflow: hidden;
   max-height: 140px;
}
.pod .podimagemask img {
  max-height: none;
}
@media (min-width: 650px) {
  .fluid-box {
    top: 30px;
      -webkit-transform: translateX(-65%) translateY(0) scale(1);
      transform: translateX(-65%) translateY(0) scale(1);
      -webkit-transition: all .25s;
      transition: all .25s;
  }
  .is-smallmenu ~ .eyhero .fluid-box {
    top: 80px;
      -webkit-transform: translateX(-65%) translateY(0) scale(1);
      -webkit-transform: translateX(-65%) translateY(0) scale(1);
      transform: translateX(-65%) translateY(0) scale(1);
  }
}


/* highlighted articles */
.highlight {
    background-color: #aaa;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}
.highlight h3 {
    color: black;
}



/* related articles */
.related {
    width: 100%;
    margin-bottom: 10px;
    background:#eee;
    padding: 10px;
    clear: both;
}
.related:hover{background:#FFFF88;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
.related h3{margin-top:10px;color:#369;}
.related p{margin:10px 0;}
.related img{width:25%;height:auto;}
.related img.playicon {
    z-index:10;
    position:absolute;
    width: 50px;
    height: 50px;
    margin: 10px;
}
.related .podimagemask img {
    height: 160px;
    float:left;
    padding-right: 10px;
}
@media only screen and (max-width: 767px) {
    .related {
        height:auto;
    }
    .related img{width:100%;}
    .related .podimagemask img {float: none;}
}


/* learn more reused for related articles */
.quote{border-top:10px solid #ffe600;background:rgba(255,255,255,1) url('https://cdn.ey.com/echannel/gl/en/issues/business-environment/digital/assets/img/site/quote.png') no-repeat 20px 20px;padding:20px 20px 30px 85px;background-size:50px;width:100%;margin:auto;font-family:Arial;margin-top:40px}.quote p{font-size:18px;margin:0 0 20px;line-height:normal}.quote span{font-size:16px}@media screen and (min-width:768px){.quote{padding:45px 30px 30px 125px;background:rgba(255,255,255,1) url('https://cdn.ey.com/echannel/gl/en/issues/business-environment/digital/assets/img/site/quote.png') no-repeat 30px 45px;background-size:auto;width:90%;margin-top:20px}.quote p{font-size:25px}.quote span{font-size:20px}}@media screen and (min-width:1024px){.quote{padding:45px 30px 30px 125px;width:80%;margin-top:40px}}@media screen and (min-width:1200px){.quote{margin-top:60px}}.grid-threecol{overflow:hidden;margin-top:2%}.grid-threecol h3{margin-top:0}.grid-threecol>a{font-size:1.142rem;position:relative;display:block;border-top:12px solid #ffe600;box-sizing:border-box;width:32%;float:left;padding:20px;min-height:320px;background:rgba(0,0,0,0.6);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.grid-threecol>a:nth-child(n){margin-bottom:2%;margin-right:2%}.grid-threecol>a:nth-child(3n){margin-right:0;margin-bottom:0}.grid-threecol>a:nth-child(3n+1){*zoom:1}.grid-threecol>a:nth-child(3n+1):before,.grid-threecol>a:nth-child(3n+1):after{content:"";display:table}.grid-threecol>a:nth-child(3n+1):after{clear:both}@media only screen and (max-width:480px){.grid-threecol>a{margin-bottom:20px !important}}@media only screen and (min-width:480px){.grid-threecol>a{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}}@media(max-device-width:1024px) and (orientation:landscape){.grid-threecol>a{min-height:410px}}.grid-threecol>a:after{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;content:'';background:url(https://cdn.ey.com/echannel/gl/en/services/transactions/CCB-2015-spring-global/arrow.svg) right bottom;background-size:cover;display:block;position:absolute;bottom:20px;right:20px;width:50px;height:50px;opacity:.2}.grid-threecol>a:hover,.grid-threecol>a:active{background:rgba(255,230,0,0.7);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.grid-threecol>a:hover:after,.grid-threecol>a:active:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.6}.grid-threecol>a:hover>*,.grid-threecol>a:active>*{color:#000}@media only screen and (max-width:768px){.grid-threecol>a{width:100%;float:left}.grid-threecol>a:nth-child(n){margin-bottom:0;margin-right:0}.grid-threecol>a:nth-child(1n){margin-right:0;margin-bottom:0}.grid-threecol>a:nth-child(1n+1){*zoom:1}.grid-threecol>a:nth-child(1n+1):before,.grid-threecol>a:nth-child(1n+1):after{content:"";display:table}.grid-threecol>a:nth-child(1n+1):after{clear:both}}.grid-threecol>a:nth-child(3n+1){clear:left}@media print{.grid-twocol>a,.grid-threecol>a{min-height:0;height:auto}}div[class*="grid-"] *{text-align:left;color:#fff}.grid-threecol a{min-height:26em}


/* video */
.eyhero video {
    object-fit: cover;
    height: auto;
}
.videoArea {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .videoArea {
        margin: 0;
        margin-bottom: 70px;
    }
}
.videoArea .close {
    position: relative;
    top: 40px;
    left: 100%;
    cursor: pointer;
    background: url(https://cdn.ey.com/assets/images/simple/close-grey.png) no-repeat;
    width: 28px; height: 28px;
}
*.videoArea .close::after {
    content: '';
}
/*.videoArea .close::after, .videoArea .close::before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 30px;
    width: 5px;
    background: #ccc;
    content: '';
    display: block;
    margin: -3px 0 0 -1px;
}
.videoArea .close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}*/
.videoEmbed {
  display: block; position: relative; max-width: 100%;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 70px;
}
.videoEmbed div {
    padding-top: 56.25%;
}
.videoEmbed iframe {
    width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;
}
@media only screen and (max-width: 767px) {
    .videoEmbed {
        width: 100%;
        margin: 0;
    }
}


/* footer */
.footer .container ul {
    margin: 0;
}
.footer .container li {
    background: none; padding: 0; margin: 0; list-style-type: none;
}


/* pop-up subscription form */
#subscriberForm {display: none; position:absolute; top: -400px; margin: 0% 15% 15%; width:70%; z-index: 1001; border: 3px solid black; background: white; padding: 30px;}
#subscriberForm form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: left;
}
#subscriberForm h4, p { width: 100%; }
#subscriberForm .label { width: 20%; }
#subscriberForm .field { width: 80%; }
#subscriberForm input[type="text"] { width: 100%; padding: 3px; background-color: #FF8 }
#subscriberForm textarea { width: 100%; padding: 3px; background-color: #FF8 }
#backgroundFade { background: black; opacity: .5; -moz-opacity: .5; -filter: alpha(opacity=50); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 150; display: none; }
@media only screen and (max-width: 767px) {
    #subscriberForm { width: 100%; margin-left: 0%; margin-right: 0%; } 
}
#subscriberForm .closer { margin-left: auto; width: 20px; font-weight: bold; font-size: 120%; }
#subscriberForm .closer a { border: 1px solid black; padding: 5px; }
#subscriberForm .closer a:hover { color: red; }
#subscriberForm .invalid { border: 3px solid red; }



/* infographics */
.infographic {
    display: flex;
    justify-content: center;
}
.infographic img {
    width: 80%;
    height: 80%;
}
@media only screen and (max-width: 568px) {
    .infographic img {
        width: 100%;
        height: 100%;
    }
}



/* bullets and numbers */
.container ul {
    margin-left: 10px;
    margin-bottom: 30px;
}
.container ol {
    margin-left: 30px;
    margin-bottom: 30px;
}
.container ul li {
    background: url(https://www.ey.com/ecimages/blt_gray_md.gif) 0 1px no-repeat;
    padding-left: 20px;
    margin: 9px 0;
}
.container ol li {
    list-style-type: decimal;
    margin: 0 30px 10px 0;
}



/* accordeon 2016-12-14 */
ul.accordeon{padding:0;}
ul.accordeon li{border-bottom:1px solid #fff;background: none;padding:0;margin:0; margin-top: 10px;}
ul.accordeon li ul li {list-style-type: none; background: url("https://www.ey.com/ecimages/blt_gray_md.gif") no-repeat scroll 0px 1px transparent;padding-left: 15px; border-bottom: none}
ul.accordeon li h3{font-weight:normal;margin:0;padding:0;}
ul.accordeon li h3 a{display:block;color:#fff;background:#999 url('https://www.ey.com/Media/vwLUExtFile/CFO-Program-2014/$FILE/more.png') no-repeat 0 center;/*height:44px;line-height:44px;*/font-size:18px;text-decoration:none;padding:12px 5px 12px 70px;}
ul.accordeon li.open h3 a{background:#333 url('https://www.ey.com/Media/vwLUExtFile/CFO-Program-2014/$FILE/less.png') no-repeat 0 center}
ul.accordeon li article{display:none;background: #eee;font-size:15px;padding:10px 10px;color:#333;}
ul.accordeon li article h4{font-weight:normal;margin:10px 0px 2px;padding:0;color:#666;font-size:21px}
ul.accordeon li article h2{font-size: 1.3em;}
ul.accordeon li.open article{background: #eee url('https://www.ey.com/Media/vwLUExtFile/CFO-Program-2014/$FILE/arrow-down.png') no-repeat center 0;display:block}
ul.accordeon li:last-child{border-bottom:none;}
ul.accordeon li h3.smallfont{font-weight:normal;margin:0;padding:0;}
ul.accordeon li h3.smallfont a{display:block;color:#fff;background:#999 url('https://www.ey.com/Media/vwLUExtFile/CFO-Program-2014/$FILE/more2.jpg') no-repeat 0 center;height:56px;line-height:20px;font-size:14px;text-decoration:none;padding-left:50px; font-weight:bold}
ul.accordeon li.open h3.smallfont a{background:#333 url('https://www.ey.com/Media/vwLUExtFile/CFO-Program-2014/$FILE/less2.jpg') no-repeat 0 center}
ul.accordeon li ol{margin-left:23px;}
@media print { ul.accordeon li article { display: block !important; } }


/* tabs */
.accordion-tabs-minimal li.tab-header-and-content {
    background: none;
    padding-left: 0;
    margin: 0;
}

/* image rotator */
.cbp-qtrotator .cbp-qtcontent img
{
  float: none;
  width: 100%;
  margin-top: auto;
  margin-left: auto;
}
.cbp-qtrotator {
  max-width: 100%;
  max-height: auto;
}
@media only screen and (max-width: 767px) {
  .cbp-qtrotator {
    max-height: auto;
  }
}


/* IOM */
.iom h3 {
    font-size: 1.2em;
    text-align: left;
}
.iom h4 {
    margin-top: 20px;
    text-decoration: underline;
}
.iom li {
    font-weight: normal;
    font-size: 90%;
}
.iom div {
    padding: 20px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
}
.iom ul li {
    margin-top: 3px;
    margin-bottom: 3px;
}
.filters ul.iom li a {
    background-color: #00a3ae;
    color: white;
}
@media only screen and (max-width: 767px) {
    .iom, .iom section, .iom div {
        display: none;
    }
}


/* tables */
.theading { background-color: #CCC; padding-left: 5px; font-weight: bold }


.boardquestions {
    background-color: #333;
}
.boardquestions h3, .boardquestions h4, .boardquestions p {
    color: white;
}


/* make image inside of CTA button full height */
.bold-bttn img {
    height: auto;
}



/* quotes */
blockquote {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    vertical-align: auto;
    font-weight: bold;
    font-size: 120%;
}

/* fix the weird phone numbers */
.container li, .container p{
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
}

/* Print mode */

.print-only { display: none;
}
@media print {
img { display: none;
}
.print-only { display: block;
}
}

/* Global Insight articles */

.global-insights-shading {
    background-color: #333;
}
.global-insights-shading:hover {
    background-color: #999;

}
.global-insights-shading h3, .global-insights-shading p {
	color:#FFF;
}

	