<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="row-depth-11 style1"><g data-tag="div" id="row-depth-11" class="row-depth-1 row-fluid-wrapper row-number-27" data-z-index="auto" data-stacking-context="true" aria-owns="row-fluid1"><g data-tag="div" id="row-fluid1" class="row-fluid" data-z-index="auto" data-stacking-context="true" aria-owns="span1 section-intro1 span7"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/><g data-tag="div" id="section-intro1" class="section-intro span12 widget-span widget-type-rich_text" data-z-index="auto" data-stacking-context="true" aria-owns="cell-wrapper1"><g data-tag="div" id="cell-wrapper1" class="cell-wrapper layout-widget-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="hs_cos_wrapper_module_1563294138623394"><g data-tag="span" id="hs_cos_wrapper_module_1563294138623394" class="hs_cos_wrapper hs_cos_wrapper_type_rich_text hs_cos_wrapper_widget" data-z-index="auto" data-stacking-context="true" aria-owns="span2 h21 p1 p2 span6"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="27.36px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="-0.8208px" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="0" y="30" textLength="248.1875" lengthAdjust="spacingAndGlyphs">Thought Leadership</tspan></text></g></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="span4"><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="0" y="73.96875" textLength="384.25" lengthAdjust="spacingAndGlyphs">Castle Hall offers a weekly ESG newsletter, regular</tspan><tspan xml:space="preserve" x="0" y="99.46875" textLength="326.984375" lengthAdjust="spacingAndGlyphs">blog posts, and white papers, webinars and</tspan><tspan xml:space="preserve" x="0" y="124.96875" textLength="308.96875" lengthAdjust="spacingAndGlyphs">reference materials within ESG Diligence</tspan><tspan xml:space="preserve" x="0" y="150.46875" textLength="82.8125" lengthAdjust="spacingAndGlyphs">University.</tspan></text></g></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true" aria-owns="span5"><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="0" y="206.5625" textLength="371.390625" lengthAdjust="spacingAndGlyphs">Browse through our website to access content on</tspan><tspan xml:space="preserve" x="0" y="232.0625" textLength="375.125" lengthAdjust="spacingAndGlyphs">ESG issues facing the investment industry today -</tspan><tspan xml:space="preserve" x="0" y="257.5625" textLength="112.453125" lengthAdjust="spacingAndGlyphs">and tomorrow.</tspan></text></g></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></g></g></g><g data-tag="span" id="span7" data-z-index="auto" data-stacking-context="true"/></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="row-depth-11 style1"><g data-tag="div" id="row-depth-11" class="row-depth-1 row-fluid-wrapper row-number-27" data-z-index="auto" data-stacking-context="true" aria-owns="row-fluid1"><g data-tag="div" id="row-fluid1" class="row-fluid" data-z-index="auto" data-stacking-context="true" aria-owns="span1 section-intro1 span7"><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"><g data-tag="div" id="section-intro1" class="section-intro span12 widget-span widget-type-rich_text" data-z-index="auto" data-stacking-context="true" aria-owns="cell-wrapper1"><g data-tag="div" id="cell-wrapper1" class="cell-wrapper layout-widget-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="hs_cos_wrapper_module_1563294138623394"><g data-tag="span" id="hs_cos_wrapper_module_1563294138623394" class="hs_cos_wrapper hs_cos_wrapper_type_rich_text hs_cos_wrapper_widget" data-z-index="auto" data-stacking-context="true" aria-owns="span2 h21 p1 p2 span6"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="40.0032px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="-1.2001px" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="23.03125" y="44" textLength="362.84375" lengthAdjust="spacingAndGlyphs">Thought Leadership</tspan></text></g></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="span4"><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="23.03125" y="98" textLength="792.5" lengthAdjust="spacingAndGlyphs">Castle Hall offers a weekly ESG newsletter, regular blog posts, and white papers, webinars and reference</tspan><tspan xml:space="preserve" x="23.03125" y="123.5" textLength="319.96875" lengthAdjust="spacingAndGlyphs">materials within ESG Diligence University.</tspan></text></g></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true" aria-owns="span5"><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="23.03125" y="179.59375" textLength="784.3125" lengthAdjust="spacingAndGlyphs">Browse through our website to access content on ESG issues facing the investment industry today - and</tspan><tspan xml:space="preserve" x="23.03125" y="205.09375" textLength="79.359375" lengthAdjust="spacingAndGlyphs">tomorrow.</tspan></text></g></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></g></g></g></g><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/><g data-tag="span" id="span7" data-z-index="auto" data-stacking-context="true"/></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="row-depth-11 style1"><g data-tag="div" id="row-depth-11" class="row-depth-1 row-fluid-wrapper row-number-27" data-z-index="auto" data-stacking-context="true" aria-owns="row-fluid1"><g data-tag="div" id="row-fluid1" class="row-fluid" data-z-index="auto" data-stacking-context="true" aria-owns="span1 section-intro1 span7"><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"><g data-tag="div" id="section-intro1" class="section-intro span12 widget-span widget-type-rich_text" data-z-index="auto" data-stacking-context="true" aria-owns="cell-wrapper1"><g data-tag="div" id="cell-wrapper1" class="cell-wrapper layout-widget-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="hs_cos_wrapper_module_1563294138623394"><g data-tag="span" id="hs_cos_wrapper_module_1563294138623394" class="hs_cos_wrapper hs_cos_wrapper_type_rich_text hs_cos_wrapper_widget" data-z-index="auto" data-stacking-context="true" aria-owns="span2 h21 p1 p2 span6"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="48px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="-1.44px" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="36.921875" y="52" textLength="435.40625" lengthAdjust="spacingAndGlyphs">Thought Leadership</tspan></text></g></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="span4"><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="36.921875" y="113.1875" textLength="1117.171875" lengthAdjust="spacingAndGlyphs">Castle Hall offers a weekly ESG newsletter, regular blog posts, and white papers, webinars and reference materials within ESG Diligence University.</tspan></text></g></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true" aria-owns="span5"><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"><text color="rgb(68, 68, 68)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(68, 68, 68)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(68, 68, 68)"><tspan xml:space="preserve" x="36.921875" y="169.28125" textLength="868.390625" lengthAdjust="spacingAndGlyphs">Browse through our website to access content on ESG issues facing the investment industry today - and tomorrow.</tspan></text></g></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></g></g></g></g><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/><g data-tag="span" id="span7" data-z-index="auto" data-stacking-context="true"/></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body style=""><div class="row-depth-1 row-fluid-wrapper row-number-27"><div class="row-fluid"><div class="section-intro span12 widget-span widget-type-rich_text" data-w="12" data-widget-type="rich_text" data-x="0" style=""><div class="cell-wrapper layout-widget-wrapper"><span style="" class="hs_cos_wrapper hs_cos_wrapper_type_rich_text hs_cos_wrapper_widget" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text" id="hs_cos_wrapper_module_1563294138623394"><h2><span style="color: #444444;">Thought Leadership</span></h2><p style="font-size: 24px;"><span style="color: #444444;">Castle Hall offers a weekly ESG newsletter, regular blog posts, and white papers, webinars and reference materials within ESG Diligence University.&nbsp;</span></p><p style="font-size: 24px;"><span style="color: #444444;">Browse through our website to access content on ESG issues facing the investment industry today - and tomorrow.&nbsp;</span></p></span></div></div></div></div></body>

<style>


.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{content:"";display:table}.row-fluid:after{clear:both}.row-fluid [class*=span]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;float:left;margin-left:2.127659574%;*margin-left:2.0744680846382977%;min-height:28px;width:100%}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}@media (max-width:767px){.row-fluid{width:100%}.row-fluid [class*=span]{display:block;float:none;margin-left:0;width:auto}}@media (min-width:768px) and (max-width:1139px){.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{content:"";display:table}.row-fluid:after{clear:both}.row-fluid [class*=span]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;float:left;margin-left:2.762430939%;*margin-left:2.709239449638298%;min-height:28px;width:100%}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%}}@media (min-width:1280px){.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{content:"";display:table}.row-fluid:after{clear:both}.row-fluid [class*=span]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;float:left;margin-left:2.564102564%;*margin-left:2.510911074638298%;min-height:28px;width:100%}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}}

@charset "UTF-8";






























































































    
    
    





















    @import url(https://fonts.googleapis.com/css?family=Roboto:lighter,normal,bold|Roboto:lighter,normal,bold);


@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/mp/act2/css/act2.updates.min.css);body{margin:0}a{background-color:transparent;-webkit-text-decoration-skip:objects}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}



@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}





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



::-moz-selection {
    background: #383d47;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #383d47;
    color: #fff;
    text-shadow: none;
}




body {
    min-height: 100%;
}

body {
    color: #383d47;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    font-weight: lighter;
    word-wrap: break-word;
}



a {
    color: #383d47;
    text-decoration: none;
    transition: color .4s ease, text-shadow .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease, opacity .4s ease;
}

a:hover {    
    color: #383d47;
}



p {
    max-width: 100%; 
    margin-top: 0;
    
    font-size: 17px !important;
    font-weight: 300;
    line-height: 29px;
    color: #383D47;
}

p,
.p {
    margin-bottom: 1.8em;
}




h2 {
    margin-top: 0;
    color: #383d47;
    font-family: Roboto, sans-serif;
    font-weight: bold;
}

.section-intro h2 {
    margin-bottom: .8em;
    line-height: 1.1;
    letter-spacing: -.03em;
}

h2 {
    margin-bottom: 1em;
    line-height: 1.3;
    letter-spacing: -.03em;
}



.section-intro h2 { font-size: 3.0rem; }
h2 { font-size: 2.2rem; }

@media (max-width: 1139px) {
    
    .section-intro h2 { font-size: 2.5002rem; }
    h2 { font-size: 2.00002rem; }
}

@media (max-width: 767px) {
    
    .section-intro h2 { font-size: 2.0001rem; }
    h2 { font-size: 1.80004rem; }
}

@media (max-width: 479px) {
    
    .section-intro h2 { font-size: 1.71rem; }
    h2 { font-size: 1.584rem; }
}




h2 a {
    color: inherit;
}







.row-fluid [class*="span"] {
    min-height: 1px;
}



.row-fluid .span12 {
    min-height: 0;
}



.hs_cos_wrapper {
    display: block;
}

.hs_cos_wrapper:before,
.hs_cos_wrapper:after {
    content: "";
    display: table;
    clear: both;
}



.section-intro p {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: lighter;
}

@media (max-width: 1139px) {

    .section-intro p {
        font-size: 1.38rem;
    }
}

@media (max-width: 767px) {

    .section-intro p {
        font-size: 1.25rem;
    }
}





@-webkit-keyframes heroSliderArrowLeft {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes heroSliderArrowLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes heroSliderArrowRight {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes heroSliderArrowRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



@-webkit-keyframes fadeUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}



@-webkit-keyframes fadeDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}



@-webkit-keyframes fadeRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes fadeLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes expandLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
}

@keyframes expandLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
}



@-webkit-keyframes expandRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}

@keyframes expandRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}



@-webkit-keyframes bubbleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(10px);
        transform: scale(.2, .2) translateY(10px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(-5px);
        transform: scale(1.2, 1.2) translateY(-5px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes bubbleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(10px);
        transform: scale(.2, .2) translateY(10px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(-5px);
        transform: scale(1.2, 1.2) translateY(-5px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}



@-webkit-keyframes bubbleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(-10px);
        transform: scale(.2, .2) translateY(-10px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(5px);
        transform: scale(1.2, 1.2) translateY(5px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@keyframes bubbleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(-10px);
        transform: scale(.2, .2) translateY(-10px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(5px);
        transform: scale(1.2, 1.2) translateY(5px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}



@-webkit-keyframes bubbleLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(10px);
        transform: scale(.2, .2) translateX(10px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(-5px);
        transform: scale(1.2, 1.2) translateX(-5px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes bubbleLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(10px);
        transform: scale(.2, .2) translateX(10px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(-5px);
        transform: scale(1.2, 1.2) translateX(-5px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}



@-webkit-keyframes bubbleRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(-10px);
        transform: scale(.2, .2) translateX(-10px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(5px);
        transform: scale(1.2, 1.2) translateX(5px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes bubbleRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(-10px);
        transform: scale(.2, .2) translateX(-10px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(5px);
        transform: scale(1.2, 1.2) translateX(5px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}



@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}



@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
}

</style>