html
{
    height: 100%;
    background: #fff;
    background-size: cover;
    min-height: 100%;
    background-color: ffe;
}
html, body
{
    margin: 0;
    font-family: 'Avenir','Calibri';
    min-height: 100%;
    height: 100%;
}
body
{
    overflow-y: scroll;
}
.clear, .clearfix
{
    clear: both;
}
.clear.buffer
{
    padding: 5px;
}
h1
{
    color: #fff;
    font-family: 'Vitesse';
    font-size: 36px;
}
h2
{
    color: #fff;
    font-family: 'Vitesse';
    font-size: 16px;
}

a
{
    text-decoration: none;
    color: #fff;
}
a img
{
    border: none;
}

#page-content
{
    min-height: 100%;
    position: relative; /*padding-bottom: 70px; */
}


#leftcol
{
    height: 150%;
    width: 28%;
    position: fixed;
    xmin-width: 300px;
    max-width:360px;
    float: left;
    z-index: 20;
    overflow: hidden;
    background-color: #fff;
    border-right: 1px solid #999;
}

#leftcol.homepage-leftcol
{
    height: auto;
    background-color: #fff;
    max-width: none;
}

#main
{
    width: 72%;
    overflow: hidden;
    position: relative;
    left: 28%;
    padding-top: 66px;
}

.parentcontainer
{
    min-height: 100%;
}

/* FONTS */

@font-face
{
    font-family: 'Avenir';
    src: url('AvenirLTStd-Light.eot');
    src: url('AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('AvenirLTStd-Light.otf') format('opentype'), url('AvenirLTStd-Light.woff') format('woff'), url('AvenirLTStd-Light.ttf') format('truetype'), url('AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Avenir';
    src: url('AvenirLTStd-Black.eot');
    src: url('AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('AvenirLTStd-Black.otf') format('opentype'), url('AvenirLTStd-Black.woff') format('woff'), url('AvenirLTStd-Black.ttf') format('truetype'), url('AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'Vitesse';
    src: url('Vitesse-Light.eot');
    src: url('Vitesse-Light.eot?#iefix') format('embedded-opentype'), url('Vitesse-Light.otf') format('opentype'), url('Vitesse-Light.woff') format('woff'), url('Vitesse-Light.ttf') format('truetype'), url('Vitesse-Light.svg#Vitesse-Light') format('svg');
    font-weight: lighter;
    font-style: normal;
}
@font-face
{
    font-family: 'Vitesse';
    src: url('Vitesse-Book.eot');
    src: url('Vitesse-Book.eot?#iefix') format('embedded-opentype'), url('Vitesse-Book.otf') format('opentype'), url('Vitesse-Book.woff') format('woff'), url('Vitesse-Book.ttf') format('truetype'), url('Vitesse-Book.svg#Vitesse-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Vitesse';
    src: url('Vitesse-Bold.eot');
    src: url('Vitesse-Bold.eot?#iefix') format('embedded-opentype'), url('Vitesse-Bold.otf') format('opentype'), url('Vitesse-Bold.woff') format('woff'), url('Vitesse-Bold.ttf') format('truetype'), url('Vitesse-Bold.svg#Vitesse-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* THEME CONTENT */

.mobile-only
{
    display: none;
}
.desktop-only
{
    display: block;
}
.dkblue
{
    background-color: #27599E !important;
}
.blue
{
    background-color: #4b91d7 !important;
}
.yellow
{
    background-color: #cfc014 !important;
}
.ltgreen
{
    background-color: #199749 !important;
}
.dkgreen
{
    background-color: #107670 !important;
}
.brown
{
    background-color: #756913 !important;
}
.ltbrown
{
    background-color: #9f7351 !important;
}
.dkorange
{
    background-color: #b76f17 !important;
}
.orange
{
    background-color: #db922c !important;
}
.purple
{
    background-color: #5e5698 !important;
}
.dkpurple
{
    background-color: #3f3c6b !important;
}
.salmon
{
    background-color: #CF5867 !important;
}
.teal
{
    background-color: #155451 !important;
}
#altbackground
{
    position: fixed; /* GG was fixed */
    top: 0px;
    left: 28%;
    height: 105%;
    width: 100%;
    background-image: url(/assets/temp_bg.png);
}
#altbackground .svg
{
    width: 100%;
    height: 100%;
    background-size: 75%;
    background-position: left 50px;
    opacity: 0.3;
}
#altbackground.theme, #altbackground.entity
{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    xfilter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/imgs/bg_login_1000.jpg', sizingMethod='scale');
    x-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/imgs/bg_login_1000.jpg', sizingMethod='scale')";
}
/* #altbackground.theme.renewableenergy
{
    background-image: url(UN-Bgd-images/Themes/renewable-energy.jpg);
}
#altbackground.theme.renewableenergy.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-renewable-energy.jpg);
}
#altbackground.theme.renewableenergy.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-renewable-energy.jpg);
}
#altbackground.theme.renewableenergy.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-renewable-energy.jpg);
}
#altbackground.theme.renewableenergy.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-renewable-energy.jpg);
}


#altbackground.theme.carboncapture
{
    background-image: url(UN-Bgd-images/Themes/carbon-capture.jpg);
}
#altbackground.theme.carboncapture.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-carbon-capture.jpg);
}
#altbackground.theme.carboncapture.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-carbon-capture.jpg);
}
#altbackground.theme.carboncapture.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-carbon-capture.jpg);
}
#altbackground.theme.carboncapture.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-carbon-capture.jpg);
}

#altbackground.theme.carboneconomy
{
    background-image: url(UN-Bgd-images/Themes/low-carbon-economy.jpg);
}
#altbackground.theme.carboneconomy.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-carbon-economy.jpg);
}
#altbackground.theme.carboneconomy.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-low-carbon-economy.jpg);
}
#altbackground.theme.carboneconomy.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-carbon-economy.jpg);
}
#altbackground.theme.carboneconomy.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-carbon-economy.jpg);
}

#altbackground.theme.carbonprice
{
    background-image: url(UN-Bgd-images/Themes/carbon-price.jpg);
}
#altbackground.theme.carbonprice.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-carbon-price.jpg);
}
#altbackground.theme.carbonprice.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-carbon-price.jpg);
}
#altbackground.theme.carbonprice.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-carbon-price.jpg);
}
#altbackground.theme.carbonprice.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-carbon-price.jpg);
}

#altbackground.theme.emissionreduction
{
    background-image: url(UN-Bgd-images/Themes/emission-reduction.jpg);
}
#altbackground.theme.emissionreduction.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-emission-reduction.jpg);
}
#altbackground.theme.emissionreduction.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-emission-reduction.jpg);
}
#altbackground.theme.emissionreduction.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-emission-reduction.jpg);
}
#altbackground.theme.emissionreduction.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-emission-reduction.jpg);
}

#altbackground.theme.energyefficiency
{
    background-image: url(UN-Bgd-images/Themes/energy-efficiency.jpg);
}
#altbackground.theme.energyefficiency.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-energy-efficiency.jpg);
}
#altbackground.theme.energyefficiency.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-energy-efficiency.jpg);
}
#altbackground.theme.energyefficiency.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-energy-efficiency.jpg);
}
#altbackground.theme.energyefficiency.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-energy-efficiency.jpg);
}

#altbackground.theme.landuse
{
    background-image: url(UN-Bgd-images/Themes/landuse.jpg);
}
#altbackground.theme.landuse.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-landuse.jpg);
}
#altbackground.theme.landuse.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-landuse.jpg);
}
#altbackground.theme.landuse.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-landuse.jpg);
}
#altbackground.theme.landuse.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-landuse.jpg);
}

#altbackground.theme.nonc02
{
    background-image: url(UN-Bgd-images/Themes/non-c02.jpg);
}
#altbackground.theme.nonc02.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-non-c02.jpg);
}
#altbackground.theme.nonc02.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-non-c02.jpg);
}
#altbackground.theme.nonc02.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-non-c02.jpg);
}
#altbackground.theme.nonc02.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-non-c02.jpg);
}

#altbackground.theme.resiliance
{
    background-image: url(UN-Bgd-images/Themes/resilience.jpg);
}
#altbackground.theme.resiliance.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-resiliance.jpg);
}
#altbackground.theme.resiliance.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-resiliance.jpg);
}
#altbackground.theme.resiliance.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-resiliance.jpg);
}
#altbackground.theme.resiliance.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-resiliance.jpg);
}
#altbackground.theme.nonc02.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-non-c02.jpg);
}

#altbackground.theme.urbanenvironment
{
    background-image: url(UN-Bgd-images/Themes/urban-environment.jpg);
}
#altbackground.theme.urbanenvironment.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-urban-environment.jpg);
}
#altbackground.theme.urbanenvironment.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-urban-environment.jpg);
}
#altbackground.theme.urbanenvironment.entity.company
{
    background-image: url(UN-Bgd-images/Entities/Company-urban-environment.jpg);
}
#altbackground.theme.urbanenvironment.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-urban-environment.jpg);
}

#altbackground.theme.other
{
    background-image: url(UN-Bgd-images/Themes/other.jpg);
}
#altbackground.theme.other.entity.commitment
{
    background-image: url(UN-Bgd-images/Entities/Commitment-urban-environment.jpg);
}
#altbackground.theme.other.entity.region
{
    background-image: url(UN-Bgd-images/Entities/Region-urban-environment.jpg);
}
#altbackground.theme.other.company
{
    background-image: url(UN-Bgd-images/Entities/Company-urban-environment.jpg);
}
#altbackground.theme.other.entity.city
{
    background-image: url(UN-Bgd-images/Entities/city-urban-environment.jpg);
}

*/

@media screen and (max-width: 540px)
{
    h1
    {
        font-size: 28px;
        line-height: 30px;
    }
    .mobile-only
    {
        display: block;
    }
    .desktop-only
    {
        display: none;
    }
}

/* ABOUT */

#about
{
    padding: 20px;
    text-align: left;
    position: relative;
    xz-index: 10;
}
#about h2
{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
}
#about h3
{
    max-width: 600px;
    color: White;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}
#about p
{
    max-width: 600px;
    padding: 10px;
    color: #fff;
    margin: 0 auto;
}
#about .social
{
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}
#about .svg
{
    float: left;
    height: 30px;
    width: 30px;
    margin: 10px 0px 10px 10px;
}
#about img
{
    float: left;
    height: 30px;
    background-color: #fff;
    padding: 10px;
}

/* HEADER */

/*#header { width: 100%; background-color:  #fff; position: relative; z-index: 2; }*/
#header
{
    background-color: #fff;
    position: fixed;
    z-index: 200;
    width: 72%;
    top: 0px;
    left: 28%;
}
#header.homepage
{
    width: 291px;
}
#header .banner, #main .banner
{
    float: left;
    width: 16.6667%;
    height: 10px;
    position: relative;
    z-index: 5;
}
#header img
{
    padding: 10px 10px 10px 50px;
}
#header .title
{
    font-family: 'Avenir' , sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}
#header .title.mobile-only
{
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 6px 0;
    z-index: -1;
}
#header .title.desktop-only
{
    text-align: left;
    float: left;
    width: 200px;
}
#desktoplogo
{
    float: left;
}
/*#mobilelogo {  height: 30px; float: left;}*/
#header .logos
{
    padding-top: 10px;
    padding-left: 10px;
    float: left;
}
#header .logos a
{
    border: none;
}
#header .mobile-only.logos img
{
    height: 25px;
    float: left;
    padding: 0px;
}
#header .desktop-only.logos
{
    float: left;
    text-align: center;
    width: 261px;
}
#header .desktop-only.logos img
{
    height: 60px;
    padding: 0px;
}


@media screen and (max-width: 540px)
{
    #header.homepage
    {
        width: 100%;
    }
    #header .banner
    {
        height: 5px;
    }
    #header img
    {
        padding: 5px;
    }
    #info
    {
        height: 30px;
        float: right;
        padding: 20px;
    }
    #header form.filters.city-filters select
    {
        margin-top: 9px;
    }
    #header .city-filters a
    {
        margin: 0;
    }
}
#header h2
{
    margin: 0;
    padding: 10px;
    clear: both;
}


/* COUNTER */

.tickerintro
{
    text-align: center;
    margin-top: -30px;
    margin-bottom: 0px;
    font-size: 20px;
    max-width: 450px;
    padding: 30px 10px 0 10px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}
.homepage-main .strap p
{
    font-size: 16px;
}
.homepage-main .strap span
{
    font-size: 16px;
}
@media screen and (max-width: 540px)
{
    .tickerintro
    {
        font-size: 16px;
    }
    .homepage-main .strap p
    {
        font-size: 12px;
        margin-top: 20px;
    }
    .homepage-main .strap span
    {
        font-size: 19px;
    }
    .homepage-main .strap br
    {
        display: none;
    }
}


/* HOMEPAGE SPECIFIC */


#leftcol.homepage-leftcol
{
    position: absolute;
}
#leftcol.homepage-leftcol.expanded
{
    height: 100%;
}

#leftcol .logos
{
    width: 90%;
    margin: 0 auto;
    max-width: 250px;
}

#leftcol .logos h1
{
    width: 90%;
    margin: 0 auto;
    max-width: 250px;
}

#leftcol .logos-new {
    width: 270px;
    margin: 0 auto;
    padding: 5% 0;
    padding-bottom: 5px;
}
#leftcol .logos-new h1 
{
    color: #0094db;
    font-weight: lighter;
    font-size: 46px;
    float: right;
}

#leftcol .logos-new h1 span {
    font-size: 12px;
    display: block;
    line-height: 18px;
}

#leftcol .logos-new img 
{
    float: left;
    padding: 23px 0;
    width: 100px;
}

#leftcol .logos img
{
    width: 90%;
    margin: 0;
    padding: 5%;
    display: block;
    background-color: #fff;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
#leftcol .logos a:hover img
{
    opacity: 0.6;
}

#leftcol .logos .title
{
    max-width: 90%;
    margin: 0;
    padding: 2.5% 5%;
    background-color: #2059a1;
    color: #fff;
    font-family: 'Vitesse';
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
#leftcol .logos a:hover .title
{
    opacity: 0.6;
}

#leftcol .logos .title h1
{
    font-size: 20px;
    margin: 0;
    padding-top: 5px;
}

#leftcol .logos .title#lpaa
{
    background-color: #D8C732;
}

#leftcol .logos .title p
{
    font-size: 12px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

#leftcol .information
{
    width: 70%;
    margin: 0 auto;
    /* padding: 80px 5%; */ 
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

#leftcol.homepage-leftcol .information 
{
        color: #0094db;
}

#leftcol .information #more
{
    text-align: center;
    display: block;
    font-family: 'Vitesse';
    opacity: 0.8;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 2px;
    clear: both;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    position: relative;
    top: 5px;
}
#leftcol .information #more:hover
{
    /*top: 0px;*/
}
#leftcol.expanded .information
{
    overflow-y: scroll;
    z-index: 20;
    max-height: 70%;
}

#leftcol .information small
{
    text-align: center;
    display: block;
}
#leftcol .information .excess
{
    display: none;
}

#leftcol .show-hide-excess
{
    background: #fff;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 auto;
}

#leftcol .powered-by
{
    max-width: 60%;
    margin: 0 15%;
    padding: 5%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-bottom: 20px;
}
#leftcol .powered-by img
{
    width: 40%;
    padding: 5%;
    float: left;
}

.search-bg-img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    opacity: 0;
}

.search-bg-img.visible
{
    opacity: 1;
}

#main.homepage-main #banner-container
{
    position: absolute;
    bottom: 0px;
    height: 10px;
    width: 100%;
}
#main.homepage-main
{
    padding-top: 0;
}

.strap:first-of-type
{
    padding-top: 0;
}
.strap, .searchbuttons
{
    clear: both;
    padding: 30px 20px 0 20px;
    text-align: center;
    position: relative;
}
.searchbuttons
{
    padding-top: 0px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 35px;
}
.strap p
{
    color: #fff;
    font-family: 'Vitesse';
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}
.strap span
{
    opacity: 0.9;
    font-size: 12px;
}

.homepage-search .searchbuttons a
{
    display: table;
    float: left;
    margin-right: 2px;
    margin-bottom: 10px;
    margin-left: 3px;
}

.searchbuttons .button
{
    background-color: #fff;
    width: 84px;
    padding: 6px 10px;
    color: #999;
    font-family: 'Avenir';
    margin-right: 2px;
    margin-bottom: 10px;
    margin-left: 3px;
    text-align: left;
    height: 35px;
    font-weight: bold;
    font-size: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle; /*-webkit-box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75); 	-moz-box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75); 	box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75);*/
    position: relative;
    -webkit-transition: 0.15s ease-in-out all;
}

.searchbuttons .button.coop-initiative-button 
{
    background-color: #cfc014;
    color: #000;
    padding: 8px 10px 6px 10px;
}

.searchbuttons .button:hover
{
    background-color: rgba(255,255,255,0.6);
}

.searchbuttons .button.double-height
{
    height: 130px;
    width: 100px;
}
.searchbuttons .button h3
{
    font-size: 20px;
    font-family: 'Vitesse';
    margin: 0;
}

.homepage-search .searchbuttons a.mobile-only
{
    display: none;
}

.lpaa-img
{
    padding: 0px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    border: solid 2px #fff;
}
#lpaainitbutton
{
    xwidth: 120px;
    xbackground-color: #C3B321;
    xcolor: #fff;
    xborder: solid 1px #fff;
    xfloat: left;
    xmargin-left: 0px;
    xheight: 22px; /* padding-top: 26px; */
    xfont-family: 'Vitesse';
    xfont-weight: normal;
    xfont-size: 14px;
    xposition: absolute;
    top: 10px;
    left: 0px;
    xz-index: 2;
    display: none;
}

#lpaainitbutton span
{
    display: block;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 12px;
}
#lpaainitbutton img
{
    position: absolute;
    margin-left: 463px;
    margin-top: 40px;
    font-size: 12px;
}



.lower-homepage .newly-added-actions .action p.LPAA_NAA_1
{
    background-position: 0 5px;
    background-image: url(/assets/lpaa.png), none;
    background-repeat: no-repeat;
    height: 27px; /* padding-top: 2px;     padding-left: 6px;     width: 120px;     background-color: #C3B321;     color: #fff !important;     border: solid 1px #000;     xfloat: left;     xmargin-left: 0px;     height: 22px;     /* padding-top: 26px; */ /*font-family: 'Vitesse';     font-weight: normal;     font-size: 14px;     top: 10px;     left: 0px;     z-index: 2;*/
}

.LPAA_NAA_0
{
    display: none;
}
.new-search-container
{
    /*background-color: #2059a1;     padding: 20px;     margin-top: 5px;*/
}


.homepage-search.lpaacontainer
{
    display: none;
    text-align: center;
    width: 100%;
    height: 200px;
    xbackground-color: #C3B321; /*#D8C732*/
    background-color: rgba(216,199,50,0.84);
    border-radius: 0px;
    -oborder-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-bottom: 10px;
}
.lpaacontainer h3
{
    font-size: 30px;
    font-family: 'Vitesse';
    font-weight: bold;
    color: #655B0C;
    padding-top: 0px;
    margin: 15px 0;
    color: #fff;
}
.lpaacontainer h3.sub 
{
    font-size: 24px;
    padding-top: 0;
    margin-bottom: 20px;
}
.lpaacontainer .buttonlearnmore
{
    width: 30%;
    background-color: #C5B526;
    color: #fff;
    border: solid 1px #fff;
    float: left;
    margin-left: 2%;
    height: 40px;
    padding-top: 26px;
    font-family: 'Vitesse';
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.lpaacontainer .buttonlearnmore .svg,
.lpaacontainer .buttonlpaa .svg
{
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.lpaacontainer .buttonlpaa
{
    float: left;
    width: 30%;
    background-color: #C5B526;
    color: #fff;
    border: solid 1px #fff;
    margin-left: 2%;
    height: 40px;
    padding-top: 26px;
    font-family: 'Vitesse';
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.lpaacontainer .buttonlpaa-alternate 
{
    background: #C5B526;
}


.lpaabutton
{
    background-color: #D8C732 !important;
    color: #FFF !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.lpaabutton:hover,
.lpaacontainer .buttonlpaa:hover,
.lpaacontainer .buttonlearnmore:hover {
    background:#E7DC7E !important;
}

#total .totalcommitmentsmessage
{
    /*margin-top: 13px;     margin-right: 12px;*/
    /*float: left;*/
    position: relative;
    top: -6px;
    font-size: 12px;
    margin: 12px 10px 0 10px;
}
#lblTotalCommitments
{
    font-family: Vitesse;
    font-size: 31px;
    font-weight: normal;
    /*float: left;*/
    padding-left: 20px;
}

.lblTotalCommitments
{
    font-family: Vitesse;
    font-size: 31px !important;
    font-weight: normal;
    /*float: left;*/
    padding-left: 20px;
}


.searchbuttons #total.button
{
    width: 675px;
    text-align: center;
    background-color: #12274d;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.searchbuttons #total.button:hover {
    background-color: #153967;
}
.searchbuttons #total.button.double-height h3
{
    /*font-size: 40px;
    font-weight: normal;*/
}

.searchbuttons #total.button.double-height small
{
    font-size: 0.75em;
}

.searchbuttons .button-container
{
    width: 250px;
    padding: 13px 15px 3px 15px; /*background-color: rgba(255,255,255,0.4);*/
    border: solid 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin: 0 10px;
}
.searchbuttons .button-container .button
{
    width: 100px;
    height: 40px;
    padding: 10px;
}
#leftcol .searchbuttons .button-container .button
{
    padding: 10px 5px;
}
.downarrow
{
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding-bottom: 20px;
}
#info
{
    position: absolute;
    top: 0px;
    margin: 23px;
    height: 30px;
    right: 0px;
    z-index: 20;
}
/*.homepage #info.close { top: 220px; }*/
#header.homepage h2
{
    text-align: center;
}

.strap-slideshow
{
    padding: 60px 0 30px 0;
    width: 620px;
    margin: 0 auto;
    height: 200px;
    position: relative;
}

.strap-slideshow .strap
{
    padding: 0;
    text-align: left;
    position: absolute;
    margin-left: -20px;
    top: 50%;
    opacity: 0;
    width: 620px;
}
.strap-slideshow .strap p
{
    font-size: 42px;
    font-weight: lighter;
    line-height: normal;
    color: #fff;
    font-family: 'Avenir','Calibri';
    text-align: center;
    margin: 0;
}

.strap-slideshow .strap.visible
{
    opacity: 1;
    margin-left: 0;
    z-index: 200;
}

#main.homepage-main
{
    background-color: #dedede;
}
#main.homepage-main .strap h2
{
    text-align: left;
    color: #fff;
    margin: 5px 0;
}

#main.homepage-main .new-search-container h2
{
    margin-top: 0;
}

.homepage-search
{
    max-width: 655px;
    margin: 0 auto;
    margin-top: 0px;
    xpadding: 10px 20px;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 1px;
    background-color: rgba(50,50,50,0.65);
    position: relative; /*border-radius: 10px; 	-webkit-border-radius: 10px; 	-o-border-radius: 10px; 	-moz-border-radius: 10px;*/ /*padding-top: 70px;*/
    border: solid 1px #fff;
}
.homepage-search .strap, .homepage-search .searchbuttons
{
    padding: 0;
    margin-bottom: 10px;
}



@media screen and (max-width: 540px)
{
    .strap:first-of-type
    {
        padding-top: 30px;
    }
    .searchbuttons
    {
        padding: 0;
        width: 100%;
    }
    .searchbuttons a
    {
        height: 0;
        width: 40%;
        padding: 0% 0% 50% 0;
    }
    .searchbuttons .button
    {
        width: 40%;
        height: 0;
        float: left; /* padding-bottom: 50%; */
        margin: 0;
        padding: 5% 4.65% 45% 5%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-right: solid 1px #2e549f;
        border-bottom: solid 1px #2e549f;
    }
    #header.homepage .breadcrumb-container
    {
        display: none;
    }
    
}


/* SEARCH */

#sitesearch, #headersitesearch
{
    width: 95%;
    padding: 10px 5px;
    padding-right: 30px;
    font-family: 'Vitesse'; /*background: rgb(219,219,219); 	background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(100%,rgba(255,255,255,1))); 	background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); 	background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); 	background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); 	background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );*/
    border: solid 1px #999; /*-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	border-radius: 5px; 	-webkit-box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75);  	-moz-box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75);  	box-shadow: 1px 2px 1px 0px rgba(50, 50, 50, 0.75);*/
    color: #999;
    max-width: 600px;
    border-right-width: 1px;
}
#header form
{
    position: absolute;
    left: 50%;
    width: 50%;
    top: 12px;
}
#header form input
{
    float: left;
    margin-right: 5px;
}
#header .browse
{
    float: left;
    padding: 0 10px;
    margin: 20px 0;
    font-family: 'Vitesse';
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
}
#headersitesearch
{
    /*width: 30%;*/
    margin-top: 4px;
}
#sitesearch.active, #headersitesearch.active
{
    color: #000;
}
#submitsearch, #headersubmitsearch
{
    background-color: #ccc;
    /*background-image: url(Icons-SVG/search.svg), none;*/
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 3px #999;
    color: #000;
    height: 42px;
    padding: 10px;
    position: relative;
    width: 43px;
    border-left-width: 1px;
    font-family: 'Vitesse';
    text-transform: uppercase;
}
#headersubmitsearch
{
    top: 2px;
}

#frmSearch
{
    max-width: 675px;
    margin: 0 auto;
}
#header #frmSearch
{
    margin: 0;
    max-width: none;
}
#headersubmitsearch
{
    margin-right: 10px;
}
.searchresults
{
    -webkit-box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.75); /*width: 50%;*/
    min-width: 410px; /*float: right;  */
    position: relative;
    padding-top: 60px;
}
.searchresults .sectionheader
{
    background-color: #27599e;
}
.searchbuttons .sectionheader p, .searchresults .sectionheader p
{
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    opacity: 0.8;
    font-family: 'Vitesse';
    font-size: 12px;
    text-align: left;
}
.searchresults .button
{
    background-color: #4f92d5;
    padding: 10px 20px;
    border-bottom: solid 2px #27599e;
    position: relative;
    color: #fff;
}
.searchresults .button .svg
{
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 25px;
    width: 25px;
}
.searchresults .button .action-information .more
{
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 36px;
    width: auto;
}
.searchresults.textsearchresults .button > .more
{
    right: 40px;
    position: absolute !important;
    top: 50%;
    margin-top: -12px;
    height: 30px;
    width: auto;
}
.searchresults.textsearchresults .button .svg.more
{
    right: -20px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.searchresults.textsearchresults .button:hover .svg.more
{
    right: -30px;
}
.searchresults.textsearchresults .button p.more
{
    margin-top: 7px;
    text-transform: uppercase;
}
.searchresults .button .action-information .more.svg
{
    position: relative;
    right: auto;
    top: 15px;
}
.searchresults .button h3, .searchresults .button p
{
    margin: 2px 0;
}
.searchresults .button p
{
    font-size: 12px;
}
.searchresults .button.no-sub-header h3
{
    padding: 9px 0;
}
.searchresults .strap
{
    text-align: left;
    padding: 10px 20px;
    background-color: rgba(39, 89, 158, 0.8);
}
.searchresults .strap p
{
    margin: 0;
}
.searchresults .strap h1
{
    margin-top: 0;
    margin-bottom: 10px;
}
.searchresults .filters, .journeyresults .filters, .filters.city-filters
{
    background-color: #4f92d5;
    padding: 20px;
    border-bottom: solid 2px #27599e;
    position: relative;
    font-family: 'Vitesse';
    color: #fff;
}
.searchresults .filters .filter-button, .journeyresults .filters .filter-button .filters.city-filters .filter-button
{
    text-transform: uppercase;
}

/*#Coopbutton{ width: 225px; }

#Explorethedata{ width: 225px;}*/


.button.leftnav
{
    width: 100px;
    float: left;
}
.searchbuttons.leftnav
{
    /*max-width: 248px;*/
    max-width: 320px;
    min-width: 270px;
    margin: 0 auto;
    padding: 5% 0;
    width: 70%;
    margin-top: 12px;
}

.searchbuttons.leftnav h2 
{
    color: #999;
}

.leftnavexternal
{
    width: 18px;
    height: 16px;
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: -2px;
}
.filter-button.entity-type, .searchresults .filters .filter-button, .searchresults .filters select, .journeyresults .filters .filter-button, .journeyresults .filters select, .filters.city-filters .filter-button, .filters.city-filters select, #gmapmarker .filter-button
{
    background-color: #27599e;
    padding: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.filter-button.entity-type
{
    margin: 0;
    float: right;
    font-family: 'vitesse';
    text-transform: uppercase;
    margin-left: 10px;
    margin-bottom: 10px;
}
.searchresults.cityresults .filters
{
    border-bottom: solid 2px #27599e;
}
.searchresults .filters span.view-all
{
    float: right;
}
.cityresults .filters label
{
    padding-top: 12px;
    padding-bottom: 20px;
    clear: left;
}
.searchresults .filters label, .journeyresults .filters label, .filters.city-filters label
{
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.7;
}
.commitmentresults .filters label
{
    float: left;
    padding-top: 12px;
    padding-bottom: 0px;
}
.searchresults .filters select, .journeyresults .filters select, .filters.city-filters select
{
    height: 40px;
    border: none;
    font-family: 'Vitesse';
    width: 70px;
    -webkit-appearance: none;
    background-image: url(Icons-SVG/black/expand.svg), none;
    background-position: right 5px center;
    background-size: 10px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.searchresults .filters select option, .journeyresults .filters select option, .filters.city-filters select option
{
    color: #fff;
    border: none;
}
.filters a
{
    padding: 10px 0;
    margin-bottom: 8px;
    display: block;
    float: left;
}
.commitmentresults .filters a, .filter-catch
{
    float: left;
}
.filters.city-filters
{
    background-color: transparent;
}
@media screen and (max-width: 700px)
{
    #header .browse
    {
        display: none;
    }
}
@media screen and (max-width: 540px)
{
    .searchresults
    {
        width: 100%;
        float: none;
        min-width: 0;
    }
    .searchresults .filters span, .searchresults .filters label, .searchresults .filters select
    {
        float: left;
    }
    /*.searchresults .filters label { margin: 10px 10px 20px 10px; width: 40px; }*/
    .searchresults .filters span
    {
        margin: 0px 10px 10px 0px;
        width: 90%;
    }
    .searchresults.commitmentresults .filters span
    {
        width: auto;
    }
    .searchresults .filters select
    {
        width: 70px;
    }
    .searchresults .filters.pagination
    {
        padding: 5px;
    }
    .searchresults .filters.pagination label
    {
        margin: 5px;
        width: auto;
        font-size: 10px;
    }
    .searchresults .filters.pagination .filter-button
    {
        font-size: 10px;
    }
    .searchresults .filters.pagination select
    {
        margin: 10px;
        height: 32px;
        font-size: 10px;
    }
}

/* JOURNEY */

.journeyresults .button
{
    min-height: 50px;
    border-bottom: solid 2px #27599e;
    padding: 25px 20px;
    background-color: #4f92d5;
    font-family: 'Vitesse';
}
.journeyresults .button p
{
    color: #fff;
    opacity: 0.8;
    font-size: 12px;
    text-transform: uppercase;
}
.journeyresults .button h3, .journeyresults .button p
{
    margin: 2px 0;
}
.journeyresults .button h3
{
    font-size: 28px;
}
.journeyresults .button span, .searchresults.cityresults .strap span, .cityresults .button span, .searchresults.textsearchresults .strap span
{
    font-size: 50px;
    float: right;
    opacity: 0.5;
    font-weight: lighter;
    letter-spacing: -1px;
    font-family: 'Vitesse';
    color: #fff;
}
.searchresults.themeresults
{
    float: none;
    width: 100%;
    padding-top: 60px;
    }
.searchresults.cityresults .strap span
{
    font-size: 100px;
    line-height: 100px;
}
.searchresults.cityresults .strap
{
    text-align: left;
    padding: 25px 40px 15px 40px;
    background-color: rgba(39, 89, 158, 0.4);
}
.searchresults.commitmentresults .strap
{
    min-height: 100px;
    text-align: left;
    padding: 25px 40px;
}
.searchresults.cityresults .strap.cities-page
{
    background-color: rgba(39, 89, 158, 1);
}
.searchresults.cityresults.themeresults .strap
{
    background-color: transparent;
}
.searchresults.cityresults .strap p
{
    margin: 10px 0;
    color: #2059a1;
}

.searchresults.cityresults .strap p a 
{
    text-decoration: underline;
    color: #2059a1; 
}
.searchresults.cityresults .strap h1
{
    margin: 0;
}
.cityresults.searchbuttons
{
    width: 100%;
    padding: 0;
}
.cityresults.searchbuttons .button
{
    width: 15%;
    height: 0;
    float: left; /* padding-bottom: 50%; */
    margin: 0;
    padding: 2.5% 2.5% 17.5% 2.5%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: none;
    border-bottom: none;
}
.cityresults.searchbuttons .button:hover
{
    opacity: 0.8;
}
.cityresults.searchbuttons .button span, .cityresults.searchbuttons .button .svg
{
    position: absolute;
    bottom: 0px;
    right: 20px;
    font-size: 100px;
    font-weight: lighter;
}

.themeresults.searchbuttons .button span
{
    bottom: 10px;
    font-size: 48px;
    right: auto;
    left: 20px;
}
.cityresults.searchbuttons .button .svg
{
    right: 20px;
    bottom: 20px;
    height: 100px;
    width: 100px;
    left: auto;
    opacity: 0.25;
}
.cityresults.searchbuttons .button h3
{
    font-size: 24px;
    margin-top: 0;
}
.companyresults.searchbuttons .button h3
{
    font-size: 20px;
    margin-top: 0;
}
.searchresults.cityresults .strap img
{
    height: 25px;
}
@media screen and (max-width: 1200px)
{
    /*.cityresults.searchbuttons .button { width: 20%; padding: 2.5% 2.5% 22.5% 2.5%; }*/
}

@media screen and (max-width: 768px)
{
    .cityresults.searchbuttons .button h3
    {
        font-size: 20px;
    }
    .companyresults.searchbuttons .button h3
    {
        font-size: 14px;
        margin-top: 0;
    }
}
@media screen and (max-width: 540px)
{
    .searchresults.cityresults .strap span
    {
        font-size: 50px;
        line-height: 50px;
    }
    .cityresults.searchbuttons .button h3
    {
        font-size: 14px;
    }
    .cityresults.searchbuttons .button
    {
        width: 40%;
        padding: 5% 4.65% 50% 5%;
    }
    .cityresults.searchbuttons .button span
    {
        font-size: 48px;
    }
    .cityresults.searchbuttons .button .svg
    {
        height: 30px;
        width: 30px;
    }
}

.searchresults.commitmentresults .button img
{
    position: relative;
    top: auto;
    margin: 0;
    padding: 10px 0;
    right: auto;
}
.searchresults .button .more
{
    float: right;
}
/*.searchresults.commitmentresults .button .more { right: 10px;   position: absolute;   bottom: 10px; }*/

.searchresults.commitmentresults .button h3
{
    margin-bottom: 20px;
}
.searchresults.commitmentresults .button h4
{
    margin-bottom: 5px;
}
.searchresults.commitmentresults .button p
{
    font-size: 14px;
    line-height: 20px;
}
/*.searchresults.commitmentresults .button p.more { margin: 0; padding: 12px 10px; font-family: 'Vitesse'; text-transform: uppercase; font-weight: bold; }*/
.searchresults.commitmentresults .button p.more
{
    text-transform: uppercase;
}
.searchresults.commitmentresults .sectionheader span
{
    float: left;
    font-size: 24px;
    margin-top: -7px;
    font-weight: bold;
    margin-right: 10px;
}
.searchresults.themeresults .commitment-type, .searchresults.commitmentresults .commitment-type
{
    width: auto;
    float: left;
    padding-right: 2%;
}
.searchresults.commitmentresults .commitment-type
{
    clear: both;
}
/*.searchresults.commitmentresults .svg { width: 25px; height: 33px; display: inline-block; float: left; position: relative; right: auto; top: auto; margin-top: auto; }*/


.searchresults.commitmentresults .supporter h3
{
    margin-bottom: 5px;
}
.searchresults.commitmentresults .supporter p
{
    font-size: 12px;
    line-height: normal;
    opacity: 0.8;
}

/* BREADCRUMB */

.breadcrumb-container
{
    position: fixed;
    width: 100%;
    z-index: 2;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    background-color: #fff !important;
    height: 62px;
}
.breadcrumb-container h2
{
    font-weight: normal;
    opacity: 0.8;
    color: #999;
    font-size: 14px;
    padding: 20px !important;
    padding-right: 250px !important;
    border-left: 1px solid #999;
}
.breadcrumb-container h2 a.current
{
    font-weight: bold;
    opacity: 1;
}
.breadcrumb-container h2 a
{
    font-weight: normal;
    opacity: 1;
    color: #999;
    padding-right: 5px;
}
.breadcrumb-container h2 a:hover
{
    text-decoration: underline;
}
.breadcrumb-container h2 b
{
    padding-left: 5px;
    color: #666;
}
.breadcrumb-container span
{
    display: block;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px;
}
#showhidefilters
{
    cursor: pointer;
}
#header form.filters.city-filters
{
    position: relative;
    left: 0px;
    width: auto;
    top: 0px;
    padding-top: 0;
    display: none;
}
#header form.filters.city-filters select
{
    width: 45%;
}
#header form.filters.city-filters span.filter-button
{
    width: 38%;
    float: none;
    margin-right: 10px;
    display: inline-block;
}
#header #frmFilterMobile.filters.city-filters span.filter-button
{
    width: auto;
}

/* MAP */

#map-canvas
{
    position: fixed !important;
    top: 66px;
    background-color: #2b5999;
}
#gmapmarker
{
    width: 180px;
    min-height: 150px;
}
#gmapmarker h2
{
    color: #333;
    margin: 0;
}
#gmapmarker h4
{
    color: #999;
    margin: 0;
}
#gmapmarker p
{
    width: 50%;
    float: left;
    font-size: 12px;
    font-family: 'Vitesse';
}
#gmapmarker span
{
    font-family: 'Vitesse';
    font-size: 45px;
    float: right;
    margin-top: -3px;
    color: #4f92d5;
    letter-spacing: -4px;
}
#gmapmarker .filter-button
{
    width: 87%;
    font-family: 'Vitesse';
    font-size: 18px;
}
#gmapmarker .filter-button img
{
    float: right;
}
#gmapmarker .filter-button .svg
{
    width: 20px;
    height: 20px;
    float: right;
}
.map-cover
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 89, 158, 0.4);
}
.map-cover.below-map
{
    z-index: -1;
}

/* COMMITMENT THEMING */

#main.blue .strap
{
    border-bottom: solid 2px #27599e;
    margin-left: 25%; 
}
#main.blue .opaque .strap
{
    background-color: #4f92d5;
}
#main.blue .sectionheader
{
    border-bottom: solid 2px #27599e;
}

#main.yellow .strap
{
    background-color: rgba(155, 143, 35, 0.4);
    border-bottom: solid 2px #cfc014;
}
#main.yellow .opaque .strap
{
    background-color: #cfc014;
    border-bottom: rgb(155, 143, 35);
}
#main.yellow #map-canvas, #main.yellow .sectionheader
{
    background-color: rgb(155, 143, 35);
    border-bottom: solid 2px #cfc014;
}
#main.yellow .button
{
    background-color: #cfc014;
    border-color: rgb(155, 143, 35);
}
#main.yellow .filters
{
    border-color: rgb(155, 143, 35);
    background-color: #cfc014;
}
.yellow .filters span, .yellow .filters select
{
    background-color: rgb(155, 143, 35) !important;
}

#main.dkgreen .strap
{
    background-color: rgba(16, 118, 112, 0.4);
    border-bottom: solid 2px #135954;
}
#main.dkgreen .opaque
{
    background-color: #107670;
    border-bottom: solid 2px #135954;
}
#main.dkgreen #map-canvas, #main.dkgreen .sectionheader
{
    background-color: #135954;
    border-bottom: solid 2px #107670;
}
#main.dkgreen .button
{
    background-color: #107670;
    border-color: #135954;
}
#main.dkgreen .filters
{
    border-color: #135954;
    background-color: #107670;
}
.dkgreen .filters span, .dkgreen .filters select
{
    background-color: #135954 !important;
}

#main.dkorange .strap
{
    background-color: rgba(137, 83, 17, 0.4);
    border-bottom: solid 2px #895311;
    margin-left:25%;
}
#main.dkorange .opaque .strap
{
    background-color: #b76f17;
    border-bottom: solid 2px #895311;
}
#main.dkorange #map-canvas, #main.dkorange .sectionheader
{
    border-bottom: solid 2px #b76f17;
    background-color: #895311;
    
}
#main.dkorange .button
{
    border-color: #895311;
    background-color: #b76f17;
    
}
#main.dkorange .filters
{
    border-color: #895311;
    background-color: #b76f17;
}
.dkorange .filters span, .dkorange .filters select
{
    background-color: #895311 !important;
}

#main.brown .strap
{
    background-color: rgba(117, 105, 19, 0.4);
    border-bottom: solid 2px #584f0e;
    margin-left: 25%;
}
#main.brown .opaque .strap
{
    background-color: #756913;
    border-bottom: solid 2px #584f0e;
}
#main.brown #map-canvas, #main.brown .sectionheader
{
    background-color: #584f0e;
    border-bottom: solid 2px #756913;
}
#main.brown .button
{
    background-color: #756913;
    border-color: #584f0e;
}
#main.brown .filters
{
    border-color: #584f0e;
    background-color: #756913;
}
.brown .filters span, .brown .filters select
{
    background-color: #584f0e !important;
}

#main.orange .strap
{
    background-color: rgba(219, 146, 44, 0.4);
    border-bottom: solid 2px #a46e21;
    margin-left: 25%;
}
#main.orange .opaque .strap
{
    background-color: #db922c;
    border-bottom: solid 2px #a46e21;
}
#main.orange #map-canvas, #main.orange .sectionheader
{
    background-color: #a46e21;
    border-bottom: solid 2px #db922c;
}
#main.orange .button
{
    background-color: #db922c;
    border-color: #a46e21;
}
#main.orange .filters
{
    border-color: #a46e21;
    background-color: #db922c;
}
.orange .filters span, .orange .filters select
{
    background-color: #a46e21 !important;
}

#main.ltgreen .strap
{
    background-color: rgba(25, 151, 73, 0.4);
    border-bottom: solid 2px #1a7139;
    margin-left: 25%;
}
#main.ltgreen .opaque .strap
{
    background-color: #23964c;
    border-bottom: solid 2px #1a7139;
}
#main.ltgreen #map-canvas, #main.ltgreen .sectionheader
{
    background-color: #1a7139;
    border-bottom: solid 2px #23964c;
}
#main.ltgreen .button
{
    background-color: #23964c;
    border-color: #1a7139;
}
#main.ltgreen .filters
{
    border-color: #1a7139;
    background-color: #23964c;
}
.ltgreen .filters span, .ltgreen .filters select
{
    background-color: #1a7139 !important;
}

#main.purple .strap
{
    background-color: rgba(94, 86, 152, 0.4);
    border-bottom: solid 2px #5e5698;
    margin-left: 25%;
}
#main.purple .opaque .strap
{
    background-color: #5e5698;
    border-bottom: solid 2px #5e5698;
}
#main.purple #map-canvas, #main.purple .sectionheader
{
    background-color: #474172;
    border-bottom: solid 2px #5e5698;
}
#main.purple .button
{
    background-color: #5e5698;
    border-color: #474172;
}
#main.purple .filters
{
    border-color: #474172;
    background-color: #5e5698;
}
.purple .filters span, .purple .filters select
{
    background-color: #474172 !important;
}

#main.dkpurple .strap
{
    background-color: rgba(63, 60, 107, 0.4);
    border-bottom: solid 2px #2f2d50;
    margin-left:25%;
}
#main.dkpurple .opaque .strap
{
    background-color: #3f3c6b;
    border-bottom: solid 2px #2f2d50;
}
#main.dkpurple #map-canvas, #main.dkpurple .sectionheader
{
    background-color: #2f2d50;
    border-bottom: solid 2px #3f3c6b;
}
#main.dkpurple .button
{
    background-color: #3f3c6b;
    border-color: #2f2d50;
}
#main.dkpurple .filters
{
    border-color: #2f2d50;
    background-color: #3f3c6b;
}
.dkpurple .filters span, .dkpurple .filters select
{
    background-color: #2f2d50 !important;
}

#main.ltbrown .strap
{
    background-color: rgba(159, 115, 81, 0.4);
    border-bottom: solid 2px #77563d;
    margin-left: 25%;
}
#main.ltbrown .opaque .strap
{
    background-color: #9f7351;
    border-bottom: solid 2px #77563d;
}
#main.ltbrown #map-canvas, #main.ltbrown .sectionheader
{
    background-color: #77563d;
    border-bottom: solid 2px #9f7351;
}
#main.ltbrown .button
{
    background-color: #9f7351;
    border-color: #77563d;
}
#main.ltbrown .filters
{
    border-color: #77563d;
    background-color: #9f7351;
}
.ltbrown .filters span, .ltbrown .filters select
{
    background-color: #77563d !important;
}

#main.teal .strap
{
    background-color: rgba(21, 84, 81, 0.4);
    border-bottom: solid 2px #103f3d;
    margin-left: 25%;
}
#main.teal .opaque .strap
{
    background-color: #155451;
    border-bottom: solid 2px #103f3d;
}
#main.teal #map-canvas, #main.teal .sectionheader
{
    background-color: #103f3d;
    border-bottom: solid 2px #155451;
}
#main.teal .button
{
    background-color: #155451;
    border-color: #103f3d;
}
#main.teal .filters
{
    border-color: #103f3d;
    background-color: #155451;
}
.teal .filters span, .teal .filters select
{
    background-color: #103f3d !important;
}

.strap
{
    border-bottom: none !important;
}

/* FOOTER */

#footer
{
    /*background-color:#27599e; position: fixed; bottom: 0px;  width: 100%;*/
    padding: 10px; /*min-height: 50px; GG to remove the cutting off new added actions text on home page*/
    position: absolute; /*bottom: 0px; GG to remove the cutting off new added actions text on home page on mobile*/
    right: 0px;
    width: 75%;
    background-color: #ffe;
}
#footer img
{
    padding: 5px;
    height: 30px;
    padding-right: 0;
}
#footer #share
{
    float: right;
    margin: 10px;
    height: 30px;
    width: 30px;
}
#footer .social-link
{
    float: right;
}
#footer .svg
{
    width: 30px;
    height: 35px;
    margin: 0 10px;
}
.social-link .svg
{
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.social-link .svg:hover
{
    opacity: 0.2;
}
@media screen and (max-width: 540px)
{
    #footer img
    {
        height: 20px;
    }
    #footer .svg
    {
        width: 25px;
        height: 30px;
        margin: 0 5px;
    }
}


/* SVGs */

div.svg, span.svg
{
    background-position: bottom left;
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
}
div.svg.info, div.svg.close
{
    cursor: pointer;
}
div.svg.info.desktop-only
{
    background-image: url(Icons-SVG/aboutblue.svg), none;
    width: 30px;
}
div.svg.close.desktop-only
{
    background-image: url(Icons-SVG/Close.svg), none;
    width: 30px;
}
div.svg.info.desktop-only.homepage
{
    background-image: url(Icons-SVG/about.svg), none;
}
div.svg.close.desktop-only.homepage
{
    background-image: url(Icons-SVG/Close.svg), none;
}
div.svg.info.mobile-only
{
    background-image: url(Icons-SVG/aboutblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.close.mobile-only
{
    background-image: url(Icons-SVG/Closeblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.searchblue.mobile-only
{
    background-image: url(Icons-SVG/searchblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.expandgrey
{
    background-image: url(Icons-SVG/expandgrey.svg), none;
    height: 15px;
    width: 15px;
    float: left;
    margin-top: 19px;
}
div.svg.expand
{
    background-image: url(Icons-SVG/expand.svg), none;
    width: 100%;
    height: 30px;
    float: none;
    margin: 5px;
    background-position: center;
    background-size: 30px;
}
div.svg.energyefficiency
{
    background-image: url(Icons-SVG/energyefficiency.svg), none;
}
div.svg.renewableenergy
{
    background-image: url(Icons-SVG/renewableenergy.svg), none;
}
div.svg.carbonprice
{
    background-image: url(Icons-SVG/carbonprice.svg), none;
}
div.svg.resiliance
{
    background-image: url(Icons-SVG/resiliance.svg), none;
}
div.svg.urbanenvironment
{
    background-image: url(Icons-SVG/urbanenvironment.svg), none;
}
div.svg.carboneconomy
{
    background-image: url(Icons-SVG/carboneconomy.svg), none;
}
div.svg.emissionreduction
{
    background-image: url(Icons-SVG/emissionreduction.svg), none;
}
div.svg.nonc02
{
    background-image: url(Icons-SVG/nonc02.svg), none;
}
div.svg.landuse
{
    background-image: url(Icons-SVG/landuse.svg), none;
}
div.svg.carboncapture
{
    background-image: url(Icons-SVG/carboncapture.svg), none;
}
div.svg.next
{
    background-image: url(Icons-SVG/next.svg), none;
}
div.svg.back
{
    background-image: url(home-icon.png), none;
    height: 15px;
    width: 15px;
    padding: 5px;
    display: inline-block;
    margin-left: 7px;
}
div.svg.share
{
    background-image: url(Icons-SVG/share.svg), none;
}
div.svg.email
{
    background-image: url(Icons-SVG/email.svg), none;
}
div.svg.twitter
{
    background-image: url(Icons-SVG/twitter.svg), none;
}
div.svg.external, span.svg.external
{
    background-image: url(Icons-SVG/Link.svg), none;
}
div.svg.externalcdp
{
    background-image: /*url(cdp_link_black.png),*/ url(CDP-link.png), none;
    width: 90px !important;
    margin-right: 11px;
}
div.svg.externalcarbonn
{
    background-image: /*url(carbonn_link_black.png),*/ url(carbonn-link.png), none;
    width: 90px !important;
    margin-right: 11px;
    margin-left: 11px;
}
div.svg.externalclimategroup
{
    background-image: /*url(climategroup_link_black.png),*/ url(climate-group-link.png), none;
    width: 132px !important;
    margin-right: 11px;
    margin-left: 11px;
}
div.svg.externalinvestorsclimatechange
{
    background-image: /*url(investorsclimatechange_link_black.png),*/ url(investor-on-climate-change-link.png), none;
    width: 108px !important;
}
div.svg.externalcofmayors
{
    background-image: /*url(carbonn_link_black.png),*/ url(cofmayors-link.png), none;
    width: 84px !important;
    margin-right: 11px;
    margin-left: 11px;
    margin-top: -24px !important;
}
div.svg.externalclimatebonds
{
    background-image: /*url(carbonn_link_black.png),*/ url(climatebonds-link.png), none;
    width: 150px !important;
    margin-right: 11px;
    margin-left: 11px;
}


div.svg.externalglobalcompact
{
    background-image: url(global-compact-link.png), none;
    width: 58px !important;
    height: 33px !important;
    margin-right: 11px !important;
    margin-left: 11px;
    margin-top: -5px !important;
}



div.svg.facebook
{
    background-image: url(Icons-SVG/facebook.svg), none;
}
div.svg.other
{
    background-image: url(Icons-SVG/other.svg), none;
}
div.svg.finance
{
    background-image: url(Icons-SVG/finance.svg), none;
    background-position: center left;
}

/* SVGs BLACK */

div.svg.black
{
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
}
div.svg.info.black, div.svg.close.black
{
    cursor: pointer;
}
div.svg.info.desktop-only.black
{
    background-image: url(Icons-SVG/BLACK/aboutblue.svg), none;
    width: 30px;
}
div.svg.close.desktop-only.black
{
    background-image: url(Icons-SVG/BLACK/Close.svg), none;
    width: 30px;
}
div.svg.info.desktop-only.homepage.black
{
    background-image: url(Icons-SVG/BLACK/about.svg), none;
}
div.svg.close.desktop-only.homepage.black
{
    background-image: url(Icons-SVG/BLACK/Close.svg), none;
}
div.svg.info.mobile-only.black
{
    background-image: url(Icons-SVG/BLACK/aboutblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.close.mobile-only.black
{
    background-image: url(Icons-SVG/BLACK/Closeblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.searchblue.mobile-only.black
{
    background-image: url(Icons-SVG/BLACK/searchblue.svg), none;
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px;
    position: relative;
    z-index: 20;
}
div.svg.expandgrey.black
{
    background-image: url(Icons-SVG/BLACK/expandgrey.svg), none;
    height: 15px;
    width: 15px;
    float: left;
    margin-top: 19px;
}
div.svg.expand.black
{
    background-image: url(Icons-SVG/BLACK/expand.svg), none;
    width: 100%;
    height: 30px;
    float: none;
    margin: 5px;
    background-position: center;
    background-size: 30px;
}
div.svg.energyefficiency.black
{
    background-image: url(Icons-SVG/BLACK/energyefficiency.svg), none;
}
div.svg.renewableenergy.black
{
    background-image: url(Icons-SVG/BLACK/renewableenergy.svg), none;
}
div.svg.carbonprice.black
{
    background-image: url(Icons-SVG/BLACK/carbonprice.svg), none;
}
div.svg.resiliance.black
{
    background-image: url(Icons-SVG/BLACK/resilience.svg), none;
}
div.svg.urbanenvironment.black
{
    background-image: url(Icons-SVG/BLACK/urbanenvironment.svg), none;
}
div.svg.carboneconomy.black
{
    background-image: url(Icons-SVG/BLACK/carboneconomy.svg), none;
}
div.svg.emissionreduction.black
{
    background-image: url(Icons-SVG/BLACK/emissionreduction.svg), none;
}
div.svg.nonc02.black
{
    background-image: url(Icons-SVG/BLACK/nonc02.svg), none;
}
div.svg.landuse.black
{
    background-image: url(Icons-SVG/BLACK/landuse.svg), none;
}
div.svg.carboncapture.black
{
    background-image: url(Icons-SVG/BLACK/carboncapture.svg), none;
}
div.svg.next.black
{
    background-image: url(Icons-SVG/BLACK/next.svg), none;
}
div.svg.back.black
{
    background-image: url(home-icon.png), none;
    height: 15px;
    width: 15px;
    padding: 5px;
    display: inline-block;
    margin-left: 7px;
}
div.svg.share.black
{
    background-image: url(Icons-SVG/BLACK/share.svg), none;
}
div.svg.email.black
{
    background-image: url(Icons-SVG/BLACK/email.svg), none;
}
div.svg.twitter.black
{
    background-image: url(twitter.png), none;
}
div.svg.external.black
{
    background-image: url(Icons-SVG/BLACK/Link.svg), none;
}
div.svg.externalcdp.black
{
    background-image: /*url(cdp_link_black.png),*/ url(CDP-link).png, none;
    width: 90px !important;
    margin-right: 11px;
    top: auto;
    bottom: 20px;
}
div.svg.externalcarbonn.black
{
    background-image: /*url(carbonn_link_black.png),*/ url(carbonn-link.png), none;
    width: 90px !important;
    margin-right: 11px;
    margin-left: 11px;
}
div.svg.externalclimategroup.black
{
    background-image: /*url(climategroup_link_black.png),*/ url(climate-group-link.png), none;
    width: 157px !important;
    height: 35px !important;
    margin-right: 11px;
    margin-left: 11px;
}
div.svg.facebook.black
{
    background-image: url(facebook.png), none;
}
div.svg.other.black
{
    background-image: url(Icons-SVG/BLACK/other.svg), none;
}
div.svg.finance.black
{
    background-image: url(Icons-SVG/BLACK/finance.svg), none;
}

.searchresults.tccommitmentresults div.svg.externalcarbonn
{
    margin-top: 5px;
}


#PageContent_FileUpload1, #PageContent_lblMessage
{
    color: White;
    font-family: Vitesse;
    font-size: 18px;
}

#PageContent_btnUpload
{
    color: Black;
    font-family: Vitesse;
    font-size: 18px;
}

.loaddata
{
    padding-top: 20px;
    margin: 0;
    padding: 20px;
    margin-top:75px;
    background: rgba(75,145,215, 0.5);
    width: 600px;
    height: 200px;
    position: relative;
    left: 30%;
}
@media screen and (max-width: 540px)
{
    .loaddata
    {
        width: 200px;
    }
}

.filter-button.selected
{
    border: solid 1px #fff;
    padding: 10px !important;
    background-color: #4b91d7 !important;
}
.dkgreen .filter-button.selected, .button.dkgreen:hover
{
    background-color: #107670 !important;
}
.blue .filter-button.selected, .button.blue:hover
{
    background-color: #4b91d7 !important;
}
.yellow .filter-button.selected, .button.yellow:hover
{
    background-color: #cfc014 !important;
}
.ltgreen .filter-button.selected, .button.ltgreen:hover
{
    background-color: #199749 !important;
}
.brown .filter-button.selected, .button.brown:hover
{
    background-color: #756913 !important;
}
.ltbrown .filter-button.selected, .button.ltbrown:hover
{
    background-color: #9f7351 !important;
}
.dkorange .filter-button.selected, .button.dkorange:hover
{
    background-color: #b76f17 !important;
}
.orange .filter-button.selected, .button.orange:hover
{
    background-color: #db922c !important;
}
.purple .filter-button.selected, .button.purple:hover
{
    background-color: #5e5698 !important;
}
.dkpurple .filter-button.selected, .button.dkpurple:hover
{
    background-color: #3f3c6b !important;
}
.teal .filter-button.selected, .button.teal:hover
{
    background-color: #155451 !important;
}

.filter-button.entity-type
{
    padding: 5px !important;
    margin-right: 9px;
}

#standalonesearch #sitesearch
{
    width: 90%;
}




/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
.radio-button-buttonstyle
{
    display: none;
    margin: 10px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
.radio-button-buttonstyle + label
{
    display: inline-block;
    margin: -2px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
.radio-button-buttonstyle:checked + label
{
    background-image: none;
    background-color: #d0d0d0;
    color: #fff;
}



#navBar
{
    /*width: 75%;*/ /*height: 125px;*/
    margin-left: 0%;
    margin-right: auto;
    margin-top: 2%;
    xborder-width: 1px;
    xborder-style: solid;
    xborder-radius: 10px;
    xborder-color: #008040;
    overflow: hidden;
    clear: both;
}

#navBar label
{
    color: #fff;
    font-family: 'Vitesse';
    font-size: 14px;
}
#subDiv1, #subDiv2, #subDiv3, #subDiv4
{
    width: 18.5%; /*height: 75px;*/
    border-width: 1px;
    margin-right: 1.5%; /*position: absolute;*/
}
#subDiv1
{
    width: 33.5%;
    xborder-top-left-radius: 10px;
    xborder-bottom-left-radius: 10px;
    float: left; /*margin-left: 0%;*/
}
#subDiv2
{
    float: left; /*margin-left: 15%;*/
}
#subDiv3
{
    float: left; /*margin-left: 30%;*/
}
#subDiv4
{
    xborder-top-right-radius: 10px;
    xborder-bottom-right-radius: 10px;
    float: left;
    width: 25%;
    margin-right: 0; /*margin-left: 45%;*/
}

.lower-homepage
{
    background-color: #ffe;
    margin-top: -25px;
}

.lower-homepage .feature-buttons
{
    float: left;
    width: 37.5%;
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    margin-left: 2.5%;
}

.lower-homepage .newly-added-actions
{
    float: left;
    width: 55%;
    padding: 40px 2.5%;
}

.lower-homepage .feature-buttons h1
{
    font-size: 18px;
    color: #4b91d7;
}

.lower-homepage .newly-added-actions h1
{
    font-size: 18px;
    color: #4b91d7;
}

.lower-homepage h2, .lower-homepage p, .lower-homepage h3
{
    color: #000;
}

.lower-homepage .feature-buttons .mask
{
    width: 4500%;
    clear: both;
}

.lower-homepage .feature-buttons .button
{
    background-color: #dedede;
    width: 1%;
    margin-right: 0.125%;
    float: left;
    overflow: hidden;
    min-height: 336px;
}

.lower-homepage .feature-buttons .button img
{
    width: 100%;
}
/*.lower-homepage .feature-buttons .button:hover img  
{
    width: 105%; 
    margin-left: -2.5%;
    margin-bottom: -5%;
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}*/
.lower-homepage .feature-buttons .button h2
{
    font-size: 14px;
    padding: 15px 15px 0 15px;
    margin: 0;
    background-color: #dedede;
    z-index: 2;
    position: relative;
    min-height: 30px;
}
.lower-homepage .feature-buttons .button h3
{
    font-size: 14px;
    padding: 5px 15px 15px 15px;
    margin: 0;
    font-weight: normal;
    min-height: 68px;
}

.feature-pagination-left, .feature-pagination-right
{
    position: absolute;
    right: 5%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 0px;
    margin-top: 12px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.feature-pagination-left
{
    margin-right: 30px;
}

.strap-pagination-left, .strap-pagination-right
{
    width: 20px;
    height: 20px;
    background-color: #999;
    cursor: pointer;
    margin-top: -10px;
    margin-left: -30px;
    position: absolute;
    top: 50%;
    z-index: 200;
    float: left;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.strap-pagination-right
{
    right: 0px;
    margin-right: -30px;
}

.strap-pagination-left:hover, .strap-pagination-right:hover, .feature-pagination-left:hover, .feature-pagination-right:hover
{
    opacity: 0.5;
}

/*.strap-pagination-left:hover { margin-left: -35px; }
.strap-pagination-right:hover { margin-right: -35px; }

.feature-pagination-left:hover { margin-right: 35px; }
.feature-pagination-right:hover { margin-right: -5px; }*/

.strap-pagination-left
{
    background: url(left-arrow-w.png) 100% no-repeat;
}
.strap-pagination-right
{
    background: url(right-arrow-w.png) 100% no-repeat;
}

.feature-pagination-left
{
    background: url(left-arrow.png) 100% no-repeat;
}
.feature-pagination-right
{
    background: url(right-arrow.png) 100% no-repeat;
}

.lower-homepage .newly-added-actions .action
{
    padding-bottom: 10px;
}
.lower-homepage .newly-added-actions .action-column
{
    width: 45%;
    float: left;
    margin-right: 5%;
}
.lower-homepage .newly-added-actions .action h2, .lower-homepage .newly-added-actions .action p
{
    margin: 5px;
}
.lower-homepage .newly-added-actions .action h3
{
    float: right;
    font-size: 12px;
    padding: 2px 10px;
    margin: 5px 0;
    margin-left: 15px;
    border: solid 1px #999;
    color: #999;
    text-transform: uppercase;
}
.lower-homepage .newly-added-actions .action h2:hover
{
    text-decoration: underline;
}
.lower-homepage .newly-added-actions .action p
{
    font-size: 14px;
}

.lower-homepage .newly-added-actions .action p.country
{
    font-weight: bold;
}

#leftcol .button-container
{
    width: 100%;
    border: none;
    margin: 0 0 10px 0;
    padding: 15px 0;
    
}

#leftcol .button-container#old_joystick
{
    padding-top: 5px;
}

#leftcol .button-container.wide-container
{
    padding-bottom: 5px;
}

#leftcol .button-container .button
{
    width: auto;
}

#leftcol .searchbuttons .button
{
    font-size: 12px;
    border: solid 1px;
}

#leftcol .searchbuttons a
{
    width: 31%;
    margin: 4px;
    margin-left: 0;
}

#leftcol .searchbuttons a.wide
{
    width: 95%;
    margin: 3px 0 10px 0px;
    border: none;
}

#leftcol form
{
    /*max-width: 250px;   width: 90%;   margin: 20px auto;*/
}

.button.leftnav
{
    width: 95%;
    padding: 8px 2.5%;
    margin: 10px 1px;
    float: none;
}

.searchbuttons.leftnav h2
{
    text-align: left;
    font-size: 15px;
    margin-bottom: -7px;
    font-weight: normal;
    
}

.searchbuttons.leftnav a
{
    display: table;
    float: left;
}

#leftcol #sitesearch
{
    width: 85%;
    padding: 8px 2.5%;
    float: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

#leftcol #searchform h2
{
    margin: 7px 0;
}

#leftcol #searchform input[type=submit]
{
    width: 10%;
    padding: 10px 0;
    margin-left: -10%;
    font-family: 'Vitesse';
    text-transform: uppercase;
    background-color: #cdcdcd;
    border: solid 1px #999;
    position: absolute;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left-width: 1px;
    height: 34px;
    line-height: 14px;
}

#Coopbutton
{
    padding: 5px 2.5%;
}
#Explorethedata
{
    background-color: #2059a1;
    color: #fff;
    padding: 5px !important;
    position: relative;
    top: 10px;
}
#Explorethedata:hover
{
    background-color: #153967;
}

#altbackground.beige
{
    background-color: #ffffee;
    background-image: none;
}
.beige
{
    background-color: #ffffee !important;
    background-image: none;
}

.searchresults.cityresults .strap.cities-page, .searchresults.cityresults .filters
{
    background-color: #ffffee;
    border-bottom: none;
}
.searchresults.cityresults .filters
{
    color: #000;
    padding: 0 40px 25px 40px;
}
.searchresults.cityresults .filters label
{
    float: left;
    display: block;
    padding-bottom: 5px;
}
.searchresults.cityresults .strap.cities-page h1, .searchresults.cityresults .strap.cities-page span, .searchresults.cityresults .strap.cities-page p
{
    color: #2059a1;
    opacity: 1;
}
.searchresults.themeresults h1, .searchresults.themeresults .strap span
{
    color: #2059a1;
    opacity: 1;
}

.searchresults.cityresults .strap.cities-page span, .searchresults.themeresults .strap span
{
    font-size: 100px;
}
.searchresults.themeresults #navBar
{
    display: none;
}
.searchresults.themeresults #navBar p
{
    font-family: 'Avenir';
    margin-bottom: 5px;
    font-size: 16px;
    background-color: rgba(0,0,0,0.4);
    padding: 10px; /* width: 81%; */
    color: #fff;
}
.searchresults.themeresults #navBar #subDiv1 p
{
    width: 85%;
}
.searchresults.themeresults #navBar #subDiv2 p, .searchresults.themeresults #navBar #subDiv3 p
{
    width: 75%;
}

.searchresults.cityresults .strap.cities-page p
{
    margin: 5px 0;
}

.searchresults.cityresults #frmFilter
{
    display: none;
}

.searchresults.cityresults.cities-only #adifferentform
{
    padding: 0px 40px 25px 40px;
    background: #EDEDD4;
}
.searchresults.cityresults.cities-only .filter-hack
{
    background: #f2ede4;
    display: block;
    padding: 20px 160px 0 40px;
    margin-bottom: -20px;
}
.searchresults.cityresults #adifferentform .show-hide-filters
{
    padding: 20px 20px 0 20px;
}
.searchresults.cityresults > p
{
    display: none;
}
#main .commitmentresults .filters-on-background-image #frmFilter .filter-button, .searchresults.themeresults #navBar label, .searchresults.themeresults #navBar select, .searchresults.cityresults #frmFilter .filter-button, .searchresults.cityresults #frmFilter select
{
    color: #666;
    border: solid 1px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Vitesse';
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 5%;
    width: 72.5%;
    font-size: 13px;
    margin: 5px 2.5% 5px 0;
    float: left;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
#main .commitmentresults .filters-on-background-image #frmFilter .filter-button:hover, .searchresults.themeresults #navBar label:hover
{
    background-color: #dedede !important;
}
select
{
    cursor: default !important;
}
.searchresults.themeresults #navBar select
{
    width: 100% !important;
    text-transform: none;
}
.searchresults.themeresults #navBar #subDiv1 label
{
    width: 33%;
}
.searchresults.themeresults #navBar #subDiv4 label
{
    width: 89%;
    margin-top: 40px;
}
.searchresults.themeresults #navBar input[type=checkbox]
{
    display: none;
}
.searchresults.themeresults #navBar input[type=checkbox]:checked + label
{
    color: #fff;
    background-color: #999;
}
.searchresults.cityresults #frmFilter .filter-button, .searchresults.cityresults #frmFilter select
{
    width: auto;
    min-width: 60px;
}
.searchresults.cityresults #frmFilter select
{
    text-transform: none;
}
.searchresults.cityresults #frmFilter option
{
    color: #666;
}
.searchresults.cityresults #frmFilter .filter-catch
{
    margin-right: 20px;
}
.searchresults.cityresults #frmFilter .filter-button
{
    margin-top: 27px;
}

#adifferentform
{
    clear: both;
}

.cityresults.searchbuttons .button
{
    width: 20%; /*padding-bottom: 22.5%;*/
}

.cityresults.searchbuttons .button h3
{
    font-size: 24px;
    line-height: 26px;
    margin-top: 0;
    text-align: left;
    color: #fff;
    text-transform: none;
    font-weight: normal;
}



.show-hide-filters
{
    float: right;
    color: #999;
    font-family: 'Vitesse';
    font-size: 14px;
    cursor: pointer;
    padding: 0 20px 20px 20px;
    background-image: url(Down-double-arrow-black.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15px;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
.cities-page .show-hide-filters
{
    background-position: right 21px;
    padding: 20px 20px 5px 20px;
}
.show-hide-filters:hover
{
    color: #666;
    background-position: right 25px !important;
}
.show-hide-filters.open
{
    background-image: url(Up-double-arrow-black.png);
}
.show-hide-filters.open:hover
{
    background-position: right 17px !important;
}
.searchresults.themeresults.themetoplevel #adifferentform .show-hide-filters, .searchresults.coop-initiative .show-hide-filters
{
    /*background-image: url(Down-double-arrow-white.png);*/
    padding: 20px;
    background-position: right 21px; /*color: #fff;*/
}
.searchresults.themeresults.themetoplevel #adifferentform .show-hide-filters.open, /*.searchresults.coop-initiative .show-hide-filters.open { background-image: url(Up-double-arrow-white.png); }*/ .searchresults.coop-initiative .show-hide-filters
{
    margin-right: 20px;
}
.filters-on-background-image
{
    min-height: 55px;
}

@media screen and (max-width: 1300px)
{
    .cityresults.searchbuttons .button h3
    {
        font-size: 24px;
        line-height: 25px;
    }
    .companyresults.searchbuttons .button h3
    {
        font-size: 18px;
        line-height: 20px;
    }
}
@media screen and (max-width: 1080px)
{
    .cityresults.searchbuttons .button .svg
    {
        
        right: 20px;
        bottom: 20px;
        height: 100px;
        width: 100px;
        left: auto;
        opacity: 0.25;
    
    
    }
    .themeresults.searchbuttons .button span
    {
        xbottom: 5px;
        xfont-size: 40px;
        xright: 10px;
    }
    .cityresults.searchbuttons .button h3
    {
        font-size: 20px;
        line-height: 21px;
    }
    .companyresults.searchbuttons .button h3
    {
        font-size: 18px;
        line-height: 20px;
    }

    #subDiv1
    {
        width: 65%;
    }
    #subDiv2
    {
        width: 32%;
    }
    #subDiv3
    {
        width: 48%;
    }
    #subDiv4
    {
        width: 43%;
    }
    .searchresults.themeresults #navBar #subDiv4 label
    {
        margin-top: 2px;
    }
    .cityresults.searchbuttons .button
    {
        width: 27.3%;
        padding: 3% 3% 22% 3%;
    }
    .cityresults.searchbuttons .button .svg
    {
        xheight: 50px;
        xwidth: 50px;
    }
}

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



    /*#leftcol .searchbuttons a { width: 94%; }
    	.homepage-search .searchbuttons { width: 100%; }
    	.homepage-search .searchbuttons .button-container { width: 200px; }
    	.homepage-search .searchbuttons .double-height.button { height: 130px; }
    	.homepage-search .searchbuttons .button-container .button { width: 73px; font-size: 12px; padding: 10px; }
    	.searchbuttons #total.button.double-height { width: 90px; }
    	#frmSearch {
    	  max-width: 510px;
    	  margin: 0;
    	}
    	#leftcol .powered-by img { padding: 5% !important; width: 90% !important }*/
}

@media screen and (max-width: 720px)
{
    #leftcol
    {
        width: 30%;
    }
    #main
    {
        left: 30%;
        width: 70%;
    }
    #altbackground
    {
        left: 30%;
    }
    #header
    {
        left: 30%;
    }
    .cityresults.searchbuttons .button
    {
        width: 44%;
        padding: 3% 3% 28% 3%;
    }
    .cityresults.searchbuttons .button .svg
    {
        xheight: 50px;
        xwidth: 50px;
    }

    /*.strap-slideshow .strap p { font-size: 18px; }
    	.strap-slideshow { width: 240px; }
    	.strap-slideshow .strap { width: 240px; }*/

    .homepage-search
    {
        max-width: 525px;
    }
    .homepage-search .searchbuttons
    {
        width: 100%;
    }
    .homepage-search .searchbuttons .button-container
    {
        width: 200px;
        padding: 10px 4px 3px 4px;
    }
    .homepage-search .searchbuttons .double-height.button
    {
        height: 130px;
        width: 70px;
        font-size: 12px;
    }
    .homepage-search .searchbuttons .button-container .button
    {
        width: 73px;
        font-size: 12px;
        padding: 10px;
    }
    .searchbuttons #total.button.double-height
    {
        width: 90px;
    }
    #frmSearch
    {
        max-width: 510px;
        margin: 0;
    }
    .searchbuttons #total.button
    {
        text-align: center;
        width: 108px;
    }
    #lblTotalCommitments
    {
        font-size: 16px;
        float: none;
        padding-left: 0px;
    }
    #total .totalcommitmentsmessage
    {
        float: none;
        font-size: 12px;
        margin: 5px 0 0 0;
    }
    .searchbuttons .button#total, 
    .searchbuttons .button
    {
        width: 145px;
    }
    .totalcommitmentsmessage 
    {
        display: block;
    }
    .lpaacontainer .buttonlpaa
    {
        padding-top: 26px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 600px)
{
    .searchbuttons .button
    {
        font-size: 10px;
        padding: 6px;
    }
}

@media screen and (max-width: 540px)
{
    a.total-actions
    {
        clear: both;
        width: 90%;
    }
}

#register
{
    font-family: 'Vitesse';
    font-weight: bold;
    display: block;
    width: 55%;
    xmax-width: 245px;
    margin-left: 137px; /* margin-top: 6px; */
    padding: 5px 15px;
    border: solid 3px #cdcdcd;
    background-color: #666;
    color: #fff;
    float: none;
    position: relative;
    margin: 9px auto;
    margin-bottom: 0px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#register:hover
{
    background-color: #db922c;
}

.searchresults.cityresults #frmFilter h3
{
    text-align: right;
    margin-top: 35px;
    font-size: 16px;
}

.searchresults.cityresults .button
{
    background-color: #27599e;
    border-bottom: solid 1px #4f92d5;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.searchresults.cityresults .button:hover
{
    background-color: #db922c;
}
.searchresults.cityresults .svg.next
{
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.searchresults.cityresults .button:hover .svg.next
{
    right: 10px;
}
.searchresults.cityresults.multiple-styles .button
{
    /*display: none;*/
    width: calc(25% - 40px);
    left: 75%;
}

.style-switcher
{
    clear: both;
    display: none;
}

.style-switch
{
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px 0;
    background-color: #dedede;
    color: #999;
    font-family: 'Vitesse';
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.style-switch:hover
{
    opacity: 0.6;
}
.style-switch.selected
{
    background-color: #327FCD;
    opacity: 1;
    color: #fff;
}

#map-canvas
{
    /*position: relative !important;*/
    top: auto;
    width: 71% !important;
    xleft: 24%;
}
#map-canvas.cities-page
{
    left: 28%;
}
@media screen and (max-width:960px)
{
    #map-canvas.cities-page
    {
        left: 0;
    }
}
#map-canvas.city-commitment-page
{
    position: relative !important;
    top: auto;
    width: 100% !important;
}
.contextual-subtitle
{
    display: none;
}
.contextual-subtitle.selected
{
    display: block;
}

.searchresults.companyresults .strap
{
    background-color: #fff !important;
    padding: 25px 40px;
    min-height: 100px;
}
.searchresults.companyresults .strap h1, .searchresults.companyresults .strap p, .searchresults.companyresults .strap span
{
    color: #2059a1;
    opacity: 1;
}
.searchresults.companyresults .strap p
{
    margin: 5px 0;
}
.searchbuttons.companyresults
{
    width: 75%;
    margin-left: 25%;
}

.cityresults.searchbuttons.companyresults .button
{
    border-top: #cdcdcd 1px solid !important;
    border-left: #cdcdcd 1px solid !important;
    border-right: #cdcdcd 1px solid !important;
    border-bottom: #cdcdcd 1px solid !important;
    width: 33.3%;
    box-sizing: border-box;
    float: left;
}
.cityresults.searchbuttons.companyresults .button:hover
{
    opacity: 1;
    background-color: #db922c !important;
}


.company-result-buttons, #commitment-result-buttons, #theme-result-buttons
{
    width: 75%;
    margin-left: 25%;
}

@media screen and (max-width: 1080px)
{
    .cityresults.searchbuttons.companyresults .button
    {
        width: 50%;
        padding-bottom: 30%;
    }

}

#altbackground.company-background
{
    background-image: url(UN-Bgd-images/companies.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#altbackground.company-background.investor-background
{
    background-image: url(UN-Bgd-images/investor-background.jpg);
}

.beige .searchresults.commitmentresults .strap
{
    background-color: #ffffee;
}

.beige .searchresults.commitmentresults .strap h1, .beige .searchresults.commitmentresults .strap p, .beige .searchresults.commitmentresults .strap span
{
    color: #2059a1;
    opacity: 1;
}

.searchresults.commitmentresults #map-canvas
{
    position: absolute !important;
    left: 0px;
}

.with-map-bg
{
    position: relative;
}

#commitment-result-buttons .sectionheader p, #theme-result-buttons .sectionheader p
{
    background-color: #333;
    opacity: 1;
    position: relative;
    font-size: 14px;
    font-weight: bold;
}
#theme-result-buttons .sectionheader span
{
    float: left;
    line-height: 16px;
    font-size: 18px;
    margin-right: 10px;
}
#main #theme-result-buttons .sectionheader
{
    border: none;
}

#commitment-result-buttons .button h3, #main #theme-result-buttons .button h3
{
    margin-bottom: 5px;
}
#commitment-result-buttons .button, #main #theme-result-buttons .button
{
    border-color: #ccc;
    background-color: rgba(255, 255, 238, 0.95);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#commitment-result-buttons .button, #main .coop-initiative #theme-result-buttons .button:hover, #main #theme-result-buttons a .button:hover
{
    background-color: #EDEDD4;
}
#commitment-result-buttons .button, #commitment-result-buttons .button a, #main #theme-result-buttons .button, #main #theme-result-buttons .button a
{
    color: #333;
}
#main #theme-result-buttons .button p
{
    color: #000;
    font-size: 14px;
}
.button p.more
{
    font-weight: bold;
    font-size: 12px;
    margin: 0 10px 0 25px;
}
#main #theme-result-buttons .button p.action
{
    width: 70%;
    font-size: 16px;    
}
#commitment-result-buttons p.term-length, #theme-result-buttons p.term-length
{
    text-transform: uppercase;
    color: #4b91d7;
    font-weight: bold;
}
#commitment-result-buttons .action-information
{
    float: left; /*width: calc(100% - 340px);  padding-right: 170px;*/
}
#commitment-result-buttons .action-information .more img
{
    height: 30px;
    padding: 0;
    left: -35px;
}
#commitment-result-buttons .action-information .more .svg.next
{
    float: right; /* margin-top: 20px; */
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: 22px;
    right: 0px;
    width: 22px;
}
#commitment-result-buttons .button:hover .action-information .more .svg.next
{
    right: -10px;
}
.supporter .svg.next
{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.button:hover .supporter .more .svg.next
{
    right: 10px;
}
#commitment-result-buttons .action-information .more .svg:hover
{
    opacity: 0.5;
}
.searchresults.themeresults.themetoplevel h1, .searchresults.themeresults.themetoplevel p, .searchresults.themeresults.themetoplevel .strap span
{
    color: #fff;
}
.searchresults.themeresults.themetoplevel .svg
{
    float: left;
    width: 40px; /*margin-right: 2%;*/
    height: 40px;
    margin-right: -7px; /*padding-bottom: 5%;*/
}
.svg.externalclimatebonds.more.black
{
    float: right;
    margin-top: 0;
    top: auto;
    bottom: 0px;
    position: relative;
}
.searchresults.themeresults.themetoplevel .strap .svg
{
    margin-right: 10px;
}
.searchresults.themeresults.themetoplevel .svg.finance
{
    margin-top: 3px;
}


#filters-on-background-image
{
    padding: 10px 50px;
    min-height: 20px;
}
#filters-on-background-image > p
{
    display: none;
}
#filters-on-background-image .show-hide-filters
{
    color: #000;
}
/*#filters-on-background-image #navBar p { color: #fff; }*/

#main .searchresults.themeresults.themetoplevel #theme-result-buttons p.more
{
    float: right;
    margin-bottom: 2px;
    padding-right: 0;
    position: relative;
    top: -8px;
    right: 4px;
}
.searchresults.themeresults.themetoplevel .svg.next.more
{
    width: 20px;
    height: 20px;
    padding: 0;
    top: 10px; /* bottom: 10px; */
    margin-right: -25px;
    margin-left: 10px;
    position: relative;
    float: right;
}
#main #theme-result-buttons .individual-button.button h3
{
    xmargin-top: -15px;
}
.view-all
{
    font-size: 12px;
    padding: 2px 10px;
    margin: 5px 0;
    margin-left: 0;
    border: solid 1px #999;
    color: #999;
    text-transform: uppercase;
    width: 75px;
    position: relative;
    background: #fff;
    opacity: 0.9;
    font-family: 'Avenir';
    font-weight: bold;
    text-align: center;
    clear: both;
    top: 50px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.view-all:hover, .view-all:hover a
{
    color: #000 !important;
}
#header .view-all
{
    display: inline;
    padding: 2px 10px;
    clear: none;
    float: none;
    position: absolute;
    right: 100px;
    top: 10px;
    border-color: #4b91d7;
    text-transform: none;
    width: auto;
}
#header .view-all a
{
    font-weight: bold;
    color: #4b91d7;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#header .view-all:hover
{
    background-color: #4b91d7;
}
#header .view-all:hover a
{
    color: #fff;
}
.searchresults.cityresults .view-all
{
    top: auto;
    float: left;
    clear: left;
    margin: 9px;
    padding: 2px 0px;
    font-size: 10px;
}
.searchresults.cityresults strong.view-all
{
    float: none;
    padding: 2px 5px;
}
.searchresults.cityresults .view-all a
{
    color: #666;
}
#coop-themes .svg
{
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 5px;
}
.coop-initiative h1 span.svg
{
    height: 25px;
    width: 25px;
    display: inline-block;
}

.cityresults.searchbuttons.not-industry .button h3
{
    font-size: 28px;
    line-height: 28px;
}
.company-result-buttons .commitment-type .svg, #theme-result-buttons .commitment-type .svg, #commitment-result-buttons .commitment-type .svg
{
    position: relative;
    float: left;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 4px;
    height: 25px;
    width: 25px;
}
.company-result-buttons .commitment-type .svg
{
    margin-top: 0px;
}

.register-header, .about-header, .aboutlpaa-header
{
    background-image: url(/assets/UN-Bgd-images/Register.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
.about-header
{
    background-image: url(/assets/UN-Bgd-images/About-LPAA.jpg);
}
.aboutlpaa-header
{
    background-image: url(/assets/UN-Bgd-images/About-LPAA.jpg);
}

.register-header h2, .about-header h2, .aboutlpaa-header h2
{
    padding: 100px 0;
    text-align: center;
    font-weight: normal;
    margin: 0;
    font-size: 48px;
    color: #FFF;
}

#about
{
    max-width: 920px;
    margin: 0 auto;
    padding: 20px;
}
#about p
{
    color: #000;
    max-width: none;
}
#about.register p
{
    text-align: center;
}
#about .register-box
{
    width: 27%;
    padding: 10px 1.5%;
    margin: 10px 1%;
    float: left;
}
#about .register-box p
{
    font-size: 18px;
    min-height: 54px;
}
#about .register-box .linkbox
{
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    min-height: 162px;
    border: solid 1px #999;
    position: relative;
}


#about-lpaa
{
    max-width: 920px;
    margin: 0 auto;
    padding: 20px;
}
#about-lpaa p
{
    color: #000;
    max-width: none;
}

#about-lpaa a
{
    color: #000;
    text-decoration: underline;
}
#about-lpaa a:hover
{
    text-decoration: none;
}
#about-lpaa h2
{
    color: #2059a1;
    font-family: Avenir;
    font-size: 22px;
}
#about-lpaa strong
{
    opacity: 0.7;
}
#about-lpaa h3
{
    color: #000;
    font-family: Avenir;
    font-size: 20px;
}
.hyphenbullet
{
    list-style-type: none;
}
.hyphenbullet li:before
{
    content: "- ";
}



@media screen and (max-width: 1024px)
{
    #about .register-box p
    {
        font-size: 16px;
        min-height: 45px;
    }
    
    
    
    
}

#about .register-box .linkbox img
{
    width: 80%;
    padding: 10px 10%;
    height: auto;
}
#about h3
{
    color: #000;
    max-width: none;
}
#about a
{
    text-decoration: none;
    color: #000;
}
#main .filters-on-background-image #frmFilter
{
    background-color: transparent;
}
#main .commitmentresults .filters-on-background-image #frmFilter
{
    width: 73%;
    padding: 20px 2% 10px 0%;
    left: 25%;
    border: none;
    clear: both;
}

#main .commitmentresults .filters-on-background-image #frmFilter label
{
    display: block;
    float: none;
    font-family: 'Avenir';
    text-transform: none;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 10px; /* font-weight: bold; */
}
#main .commitmentresults .filters-on-background-image #frmFilter a
{
    float: none;
    display: inline;
}
#main .commitmentresults .filters-on-background-image #frmFilter .filter-button
{
    background-color: #fff !important;
    width: auto;
    padding: 10px;
    margin-right: 5px;
}
#main .commitmentresults .filters-on-background-image #frmFilter .filter-button.selected
{
    color: #fff;
    background-color: #999 !important;
}
@media screen and (max-width: 800px)
{
}
@media screen and (max-width: 540px)
{
    #leftcol
    {
        display: none;
    }
    #main, #header
    {
        left: 0;
        width: 100%;
        padding-top: 0px;
    }
    .search-bg-img
    {
        min-height: 0;
        height: 346px;
        width: auto;
        min-width: 100%;
    }

    #header h1
    {
        color: #4b91d7;
        font-size: 18px;
        padding: 12px 0px 9px 0px;
        float: left;
        margin: 0;
    }
    /*#main.homepage-main .strap h2 { color: #ffffff; }*/
    .strap-slideshow
    {
        width: 100%;
        xbackground-color: rgba(255, 255, 255, 0.8);
        position: relative;
        padding-left: 20px;
        height: 20px;
        padding-bottom: 90px;
        box-sizing: border-box;
    }
    .strap-slideshow .strap
    {
        width: calc(100% - 90px);
        position: absolute;
        left: 20px;
        padding: 0 20px;
    }
    .strap-slideshow .strap p
    {
        font-size: 15px;
        position: absolute;
        margin: 0;
        padding: 5px 0;
        width: 90%;
    }
    .strap-pagination-left, .strap-pagination-right
    {
        position: absolute; /* display: none; */
        width: 9px;
        height: 15px;
        background-size: 100%;
        margin-top: 12px;
    }
    .strap-pagination-left
    {
        margin-left: -13px;
    }
    .strap-pagination-right
    {
        float: none;
        right: 0;
        margin-right: 10px;
    }
    .homepage-search
    {
        padding-top: 85px;
        background-color: transparent;
    }
    .homepage-search .strap:first-of-type
    {
        padding-top: 0;
    }
    #frmSearch
    {
       padding-bottom: 16px;
    }
    #main.homepage-main
    {
        background-color: #12274d;
    }
    .homepage-search .downarrow
    {
        display: none;
    }
    .homepage-search .searchbuttons a.mobile-only
    {
        display: table;
    }
    .homepage-search .searchbuttons a.desktop-only
    {
        display: none;
    }
    .homepage-search .searchbuttons .double-height.button, .searchbuttons #total.button.double-height
    {
        
        height: 40px;
        width: 90%;
        background-color: #2059a1;
        color: #fff;
    }
    .homepage-search .searchbuttons
    {
        width: auto;
        padding: 5px 0px;
        margin-bottom: 0;
    }
    .homepage-search .searchbuttons a {
        padding-bottom: 0;
        xwidth: 90%;
        margin-bottom: 2%;
    }
    .homepage-search .searchbuttons .button-container a
    {
        width: 48%;
        margin-left: 1%;
    }
    .homepage-search .searchbuttons .button-container a.commitments 
    {
        width: 97.5%;
    }
    .homepage-search .searchbuttons .button-container a .button.coop-initiative-button {
        height: 26px;
        padding: 17px 5%;
    }
    .homepage-search .searchbuttons .button-container a .button
    {
        width: 90%;
        padding: 10px 5%;
    }
    .searchbuttons .button
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 83%;
    }
    .homepage-search .searchbuttons .button-container
    {
        margin-left: 3px;
        width: 90%;
        padding: 15px 4% 5px 4%;
    }
    #main.homepage-main
    {
        height: auto !important;
        padding-bottom: 30px;
    }
    #header img
    {
        padding: 7px 10px;
        height: 37px;
    }
    .lpaa-img 
    {
           top: -32px;
    }
    .lower-homepage
    {
        margin-top: 10px;
    }
    .lower-homepage .feature-buttons
    {
        width: 90%;
        padding: 10px 5%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        margin: 0;
    }
    .lower-homepage .newly-added-actions
    {
        width: 90%;
        padding: 10px 5%;
        margin: 0;
    }
    .feature-pagination-left, .feature-pagination-right
    {
        display: none;
    }
    .lower-homepage .newly-added-actions h1
    {
        font-weight: bold;
    }
    .lower-homepage .newly-added-actions .action-column
    {
        width: 100%;
        margin: 0;
    }
    .lower-homepage .newly-added-actions .action h3
    {
        margin: 1px 5px 5px 5px;
        text-align: center;
    }
    .info-mobile
    {
        padding: 5px;
    }
    .info-mobile p
    {
        text-align: left;
        color: #fff;
        font-size: 14px;
    }
    .info-mobile .powered-by p
    {
        text-align: center;
    }
    .homepage-search .searchbuttons .info-mobile a
    {
        width: auto;
    }
    .homepage-search .searchbuttons .info-mobile a
    {
        width: 48%;
        padding-top: 10px;
    }
    .homepage-search .searchbuttons .info-mobile a img
    {
        width: 100%;
    }
    #register
    {
        width: 90%;
        left: 0px;
        margin: 0 auto;
        height: 19px;
        display: block;
        max-width: none;
        padding: 4px 6px 0px 12px;
        clear: both;
        font-size: 13px;
    }
    .strap-slideshow .view-all
    {
        display: none;
    }
    .searchresults.cityresults .strap.cities-page span, .searchresults.themeresults .strap span
    {
        font-size: 50px;
        line-height: 50px;
    }
    .searchresults .strap h1
    {
        font-size: 18px;
        line-height: 20px;
    }
    .totalactionresults p
    {
        display: none;
    }
    #subDiv1, #subDiv2, #subDiv3, #subDiv4
    {
        width: 98.5%;
    }
    .searchresults.themeresults #navBar #subDiv1 label
    {
        width: 47%;
        box-sizing: border-box;
    }
    .searchresults.themeresults #navBar label
    {
        width: 85.5%;
    }
    .searchresults.themeresults #navBar select
    {
        width: 96.5% !important;
    }
    .searchresults.cityresults.cities-only .filter-hack
    {
        display: none;
    }
    .cityresults.searchbuttons .button .svg
    {
        xheight: 25px;
        xwidth: 25px;
    }
    .cityresults.searchbuttons.not-industry .button h3
    {
        font-size: 20px;
        line-height: 21px;
    }
    .cityresults.searchbuttons .button h3
    {
        font-size: 16px;
        line-height: 17px;
    }
    #altbackground
    {
        left: 0;
    }
    .searchbuttons.companyresults, .company-result-buttons, #commitment-result-buttons, #theme-result-buttons
    {
        width: 100%;
        margin-left: 0;
    }
    #coop-themes
    {
        margin-right: -10px;
        margin-left: 10px;
    }
    #coop-themes p, #coop-themes .clear
    {
        display: none;
    }
    #coop-themes .svg
    {
        height: 25px;
        width: 25px;
    }
    .coop-initiative h1 span.svg
    {
        height: 20px;
        width: 20px;
    }
    .searchresults.themeresults.themetoplevel .svg
    {
        width: 25px;
        height: 25px;
        margin-left: -5px;
        margin-right: 5px;
    }
    .searchresults.themeresults .commitment-type, .searchresults.commitmentresults .commitment-type
    {
        width: auto;
    }
    .searchresults .company-result-buttons .button .commitment-type .svg
    {
        float: left;
    }
    #commitment-result-buttons .action-information .more .svg, .searchresults.company-commitments .company-result-buttons .button .svg
    {
        float: right;
        position: relative;
        top: 0;
        right: 0;
    }
    .style-switcher
    {
        display: none;
    }
    #map-canvas
    {
        display: none;
    }

    .cities-page .contextual-subtitle
    {
        display: none;
    }
    .cities-page .show-hide-filters
    {
        background-position: bottom right;
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .searchresults.commitmentresults .strap, .searchresults.cityresults .strap
    {
        padding: 25px;
        min-height: 0;
    }
    .total-action-label
    {
        margin: 4px 0 !important;
    }
    .searchresults.cityresults #frmFilter .filter-catch
    {
        margin-right: 5%;
        width: 45%;
    }
    .searchresults.cityresults #frmFilter select
    {
        width: 100% !important;
    }
    #commitment-result-buttons .commitment-type .svg
    {
        float: left;
    }
    .with-map-bg
    {
        height: auto !important;
    }
    #commitment-result-buttons .action-information
    {
        width: auto;
        padding-right: 0px;
    }
    #header .banner
    {
        height: 10px;
    }
    #about .register-box
    {
        width: 95%;
    }

    #main .commitmentresults .filters-on-background-image #frmFilter
    {
        width: 90%;
        left: 0;
        padding: 10px 5%;
    }
    #main .commitmentresults .filters-on-background-image #frmFilter .filter-button
    {
        background-color: #fff !important;
        width: 40%;
        padding: 3%;
        margin-right: 3%;
    }

    .info-mobile .logos img
    {
        width: 50%;
        float: left;
    }
    .info-mobile .logos
    {
        width: 100%;
    }
    .searchresults.cityresults .view-all
    {
        margin: 0;
    }
    .searchresults.companyresults .strap
    {
        min-height: 0;
    }
    #lblTotalCommitmentsMobile
    {
        /*font-size: 30px;*/
    }
    #commitment-result-buttons .button.three-source
    {
        min-height: 200px !important;
    }
    #commitment-result-buttons .button.three-source .action-information > .more
    {
        bottom: 65px !important;
    }
    #commitment-result-buttons .button.three-source .svg.externalcofmayors
    {
        margin-right: 0 !important;
    }
}
#info
{
    display: none;
}


#coop-themes
{
    float: right;
}
#coop-themes p
{
    margin-top: 10px;
    float: left;
    margin-left: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

#coop-themes .svg.external
{
    padding-top: 25px;
}


.searchresults.textsearchresults .strap
{
    padding: 25px 40px;
}
.searchresults.textsearchresults .strap p
{
    font-size: 40px;
    color: #4b91d7;
    margin: 10px 0;
    line-height: 42px;
    font-weight: bold;
}
.searchresults.textsearchresults .strap span
{
    color: #4b91d7;
    opacity: 1;
    font-size: 60px;
}
.searchresults.textsearchresults .strap h1
{
    color: #000;
    font-family: 'Avenir';
    font-weight: normal;
}
.searchresults.textsearchresults #theme-result-buttons .button
{
    border: none;
}

@media screen and (max-width:640px)
{
    .register-header, .about-header, .aboutlpaa-header
    {
        background-size: auto 100%;
    }
}

.companyresults.searchresults .sectionheader
{
    background-color: #4b91d7;
}

#altbackground.theme.renewableenergy
{
    background-image: url(UN-Bgd-images/renewable-energy.jpg) !important;
}
#altbackground.theme.carboncapture
{
    background-image: url(UN-Bgd-images/carbon-capture.jpg) !important;
}
#altbackground.theme.carboneconomy
{
    background-image: url(UN-Bgd-images/low-carbon-economy.jpg) !important;
}
#altbackground.theme.carbonprice
{
    background-image: url(UN-Bgd-images/carbon-price.jpg) !important;
}
#altbackground.theme.emissionreduction
{
    background-image: url(UN-Bgd-images/emission-reduction.jpg) !important;
}
#altbackground.theme.energyefficiency
{
    background-image: url(UN-Bgd-images/energy-efficiency.jpg) !important;
}
#altbackground.theme.landuse
{
    background-image: url(UN-Bgd-images/landuse.jpg) !important;
}
#altbackground.theme.nonc02
{
    background-image: url(UN-Bgd-images/non-c02.jpg) !important;
}
#altbackground.theme.resiliance
{
    background-image: url(UN-Bgd-images/resilience.jpg) !important;
}
#altbackground.theme.urbanenvironment
{
    background-image: url(UN-Bgd-images/urban-environment.jpg) !important;
}
#altbackground.theme.finance
{
    background-image: url(UN-Bgd-images/finance.jpg) !important;
}
#altbackground.theme.other
{
    background-image: url(UN-Bgd-images/other.jpg) !important;
}

.searchresults .commitment-type p
{
    float: left;
    font-family: 'Vitesse';
    font-size: 12px !important;
    line-height: 14px !important;
    width: 100px;
    padding: 5px;
    text-transform: uppercase;
}
#about.statements p
{
    padding-right: 5px !important;
    padding: 20px 0;
}


.coop-initiative h1
{
    font-size: 28px;
}

#leftcol .information .logos img
{
    padding: 0;
    float: left;
    width: 50%;
}
.social-links
{
    float: right;
    position: absolute;
    right: 0px;
    top: 15px;
    padding-right: 10px;
    z-index: 20;
}
a.social-link
{
    float: left;
    padding-right: 10px;
}
a.social-link .svg
{
    height: 22px;
    width: 22px;
}

.tablet-only
{
    display: none;
}
@media screen and (max-width: 960px)
{
    #leftcol
    {
        position: relative;
        width: auto;
        height: auto;
        float: none;
        z-index: 2;
        max-width: none;
    }
    #leftcol.homepage-leftcol
    {
        position: relative;
    }
    
    #leftcol .logos-new
    {
        margin: 0 25px;   
        padding:0;
    }
    
    #leftcol .logos-new img 
    {
            padding: 30px 10px;
        width: 80px;
    }
    #leftcol .information
    {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0 20px;
    }
    #leftcol .information p
    {
        width: 365px;
        margin-top: 0px;
    }
    /*#leftcol .information {  width: 375px; float: right; margin: 0; padding: 0 20px 20px 0; }*/
    #leftcol .logos
    {
        margin: 0 0 20px 20px;
        width: 450px;
        max-width: 450px;
        float: left;
    }
    /*#leftcol.homepage-leftcol .logos { width: 200px; max-width: 200px; }*/
    #leftcol .powered-by
    {
        width: 100%;
        max-width: none;
        margin: 0;
        float: left;
        text-align: left;
        font-size: 14px;
        color: #fff;
        padding: 0 20px;
        clear: both;
    }
    #leftcol .powered-by p
    {
        float: left;
        margin-top: 0;
        margin-bottom: 30px;
    }
    #leftcol .powered-by img
    {
        width: auto !important;
        height: 30px !important;
        margin: 0 0 0 20px !important;
        padding: 0 !important;
    }
    #leftcol .powered-by img.longlogo
    {
        height: 20px !important;
    }
    #leftcol form, #leftcol .searchbuttons
    {
        display: none;
    }
    #header
    {
        position: absolute;
        left: 0;
        width: 100%;
        top: 135px;
    }
    #main
    {
        width: auto;
        left: auto;
    }

    #leftcol .logos img, #leftcol .logos .title
    {
        width: 28%;
        float: left;
        padding: 2.66%;
    }
    /*#leftcol.homepage-leftcol .logos img, #leftcol.homepage-leftcol .logos .title { width: 90%; }*/
    #leftcol .logos img
    {
        padding: 6px 2.5%;
    }
    #leftcol .logos .title p, #leftcol .logos .title h1
    {
        padding: 0;
    }

    #leftcol .information .logos
    {
        float: right;
        width: 180px;
        max-width: 180px;
        margin: 10px 50px 0 0;
    }
    #leftcol .information .logos img
    {
        width: 50%;
    }
    #leftcol .information #more
    {
        float: left;
        margin-top: 17px;
        clear: none;
        margin-left: -10px;
        font-size: 12px;
        padding-bottom: 10px;
    }
    .social-links.homepage div.svg.twitter.black
    {
        background-image: url(twitter_w.png), none;
    }
    .social-links.homepage div.svg.facebook.black
    {
        background-image: url(facebook_w.png), none;
    }
    .ignore-tablet
    {
        display: none;
    }
    .tablet-only
    {
        display: block;
    }


    .lower-homepage .feature-buttons .button
    {
        min-height: 410px;
    }

    .lower-homepage .newly-added-actions .action-column
    {
        width: 95%;
    }
    .lower-homepage .newly-added-actions .action-column:last-of-type
    {
        display: none;
    }

    #altbackground
    {
        left: 0;
    }
    #leftcol .information #more img
    {
        height: 15px;
        position: relative;
        top: 2px;
    }
    #footer
    {
        width: 100%;
    }

}
@media screen and (max-width: 750px)
{
    /*#leftcol .information { clear:both; width: 95%; float: none; max-width: none; padding: 5px 2.5% 20px 2.5%; }*/
    #leftcol .powered-by
    {
        text-align: center;
        padding: 0 !important;
        padding-bottom: 10px !important;
    }
    /*#leftcol .information {   width: 280px; font-size: 12px;  }*/
    #leftcol .powered-by img, #leftcol .powered-by p
    {
        float: none;
        margin-bottom: 20px;
    }
    #leftcol .powered-by img
    {
        height: 20px !important;
    }
    #leftcol .powered-by img.longlogo
    {
        height: 15px !important;
    }
    /*#leftcol .logos { width: 300px; max-width: 300px; }*/
    /*#leftcol .logos img { padding: 2px 2.5%; }*/
    #leftcol .information p
    {
        
    }
    #leftcol .information #more
    {
        margin-left: 20px;
    }
    #leftcol.homepage-leftcol .information .logos
    {
        width: 160px;
        margin: 40px 10px 0 0;
    }

    #header
    {
        top: 135px;
    }
    #main
    {
        padding-top: 45px;
    }
    .social-links
    {
        top: -75px;
    }
    .social-links.homepage
    {
        top: 15px;
    }
    .breadcrumb-container h2
    {
        padding: 10px !important;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #header .view-all
    {
        display: none;
    }
    .searchresults.cityresults.multiple-styles .button
    {
        width: calc(40% - 40px);
        left: 60%;
    }
    .searchresults.themeresults.themetoplevel #adifferentform .show-hide-filters, .searchresults.coop-initiative .show-hide-filters
    {
        padding: 10px;
        padding-right: 20px;
        background-position: right 10px;
    }
    .filters-on-background-image
    {
        min-height: 36px;
    }
}
@media screen and (max-width: 540px)
{
    .social-links.homepage div.svg.twitter.black
    {
        background-image: url(twitter.png), none;
    }
    .social-links.homepage div.svg.facebook.black
    {
        background-image: url(facebook.png), none;
    }
    #header
    {
        top: 0px;
    }
    #main, #main.homepage-main
    {
        padding-top: 60px;
    }
    .searchresults.cityresults.multiple-styles .button
    {
        display: block;
        width: 100%;
        left: 0;
    }
    .homepage-search
    {
        margin-top: 0;
        border: none;
    }

    .homepage-search.lpaacontainer
    {
        /*text-align: center;     width: 100%;*/
        height: auto;
        padding-bottom: 20px;
        margin: 0;
    }

    .lpaacontainer h3
    {
        font-size: 20px;
        padding-top: 0px;
        margin-top: 0;
        margin-left: 0px;
        margin-bottom:0;
        color: #fff;
    }
    .lpaacontainer h3.sub 
    {
        font-size: 16px;
        margin-bottom: 20px;
        padding: 0;
    }
    .lpaacontainer .buttonlearnmore
    {
        width: 100%;
        float: none;
        margin-left: 0;
        height: 27px;
        padding-top: 10px;
        font-family: 'Vitesse';
        font-weight: bold;
    }

    .lpaacontainer .buttonlpaa
    {
        width: 100%;
        float: none;
        margin-left: 0;
        height: 27px;
        padding-top: 10px;
        margin-top: 10px;
        font-family: 'Vitesse';
        font-weight: bold;
    }
    .homepage-search
    {
        background-color: #12274d;
        padding-top: 20px;
        padding-left: 10px;
    }

    .homepage-search.lpaacontainer
    {
        padding-top: 10px;
        margin-top: 0;
        padding-left: 20px;
        padding-right: 25px;
        width: auto;
    }
    #main.homepage-main .new-search-container h2 {
        margin-top: 0;
        margin-left: 2px;
    }

    .new-search-container
    {
       padding-left: 10px;
    }
    #theme-result-buttons .button .svg.externalcofmayors.more
    {
        height: 45px;
        right: 2px;
    }
}

@media screen and (max-width: 360px)
{
    .homepage-search.lpaacontainer
    {
        
    }
    .lpaacontainer h3
    {
        font-size: 17px;
    }
    .lpaacontainer .buttonlearnmore, .lpaacontainer .buttonlpaa
    {
        height: 23px;
        padding-top: 6px;
        font-size: 14px;
    }
    .strap-slideshow
    {
        padding-bottom: 100px;
    }
    #header img
    {
        height: 28px;
        padding: 13px;
        float: left;
    }
    #register
    {
        height: auto;
        padding-bottom: 4px;
    }
}

.searchresults.companyresults .company-result-buttons .button .more
{
    top: auto;
    bottom: 20px;
}
.searchresults.companyresults .company-result-buttons .button p.more
{
    position: absolute;
    right: 50px;
}
.searchresults.coop-initiative .button
{
    border-width: 1px;
}
#main .coop-initiative #theme-result-buttons .button p.more
{
    padding-right: 15px;
  
}

#main .coop-initiative #theme-result-buttons .button .supporter > .more {
    position: static;
}

#main .coop-initiative #theme-result-buttons .button .svg.more
{
    top: auto;
    bottom: 17px;
    position: absolute;
}
.with-map-bg #map-canvas
{
    min-height: 100%;
}

.total-action-label
{
    float: right;
    margin-right: 20px !important;
    margin-top: 15px;
}

.commitment-type a:hover *
{
    opacity: 0.4;
}

.coop-initiative .strap p
{
    font-size: 16px;
}
.coop-initiative #frmFilter label
{
    color: #000;
    padding-bottom: 0 !important;
    font-weight: bold;
}

.company-country
{
    margin-top: 0;
    font-size: 19px;
    color: #2059a1;
    font-weight: normal;
}

.textsearchresults .svg.next
{
    background-image: url(Icons-SVG/BLACK/next.svg);
}

/*.map-padout { padding-top: 181px; }*/
.fixedbar
{
    position: relative;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    padding-top: 60px;
}
.multiple-styles #frmFilter
{
    padding-bottom: 0;
}

@media screen and (max-width: 960px)
{
    .fixedbar
    {
        width: 100%;
        left: 0;
    }
}

/*.searchresults.companyresults #commitment-result-buttons .button h3, #commitment-result-buttons .button > p {
  padding-left: 146px;
  padding-right: 135px;
}*/
#theme-result-buttons .button .svg.externalinvestorsclimatechange.more, #theme-result-buttons .button .svg.externalclimategroup.more, #theme-result-buttons .button .svg.externalcarbonn.more, #theme-result-buttons .button .svg.externalcdp.more
{
    float: right;
    margin-top: 0;
    top: auto;
    bottom: 0px;
    position: relative;
}

#theme-result-buttons .button .more
{
    /*clear: right;*/
    position: relative;
}

#theme-result-buttons .button .svg.externalcofmayors.more
{
    position: relative;
    top: auto; /* bottom: 15px; */
    float: right;
    margin-top: 0 !important;
}

#theme-result-buttons .button .svg.externalinvestorsclimatechange.more:hover, #theme-result-buttons .button .svg.externalclimategroup.more:hover, #theme-result-buttons .button .svg.externalcarbonn.more:hover, #theme-result-buttons .button .svg.externalcdp.more:hover
{
    opacity: 0.6;
}


#about .linkbox .svg
{
    position: absolute;
    top: auto;
    bottom: 0px;
    right: 10px;
}

#theme-result-buttons .button.no-results-found
{
    width: 95%;
    text-align: left; /* box-sizing: border-box; */
    padding-bottom: 2.5%;
    height: auto;
    background: #EDEDD4 !important;
}
#theme-result-buttons .sectionheader.no-results-found-header
{
    margin-top: 60px;
}
#theme-result-buttons .button.no-results-found .supporter
{
    text-transform: none;
}
.searchresults #commitment-result-buttons .button .action-information .more
{
    top: auto;
    bottom: 10px;
}


.searchresults #commitment-result-buttons .button .action-information p.more
{
    bottom: 20px;
}

.pagination select
{
    margin-top: 3px;
}
.searchresults.cityresults .pagination.filters
{
    padding: 20px 25px;
}

a#more-mob
{
    width: 25%;
    padding: 10px 37.5%;
}

a#more-mob img
{
    height: auto;
}

@media screen and (max-width: 540px)
{
    .searchresults #theme-result-buttons .button a .more
    {
        clear: right;
    }
    #theme-result-buttons .more .externalcdp.svg, #theme-result-buttons .more .externalcarbonn.svg, #theme-result-buttons .more .externalinvestorsclimatechange.svg, #theme-result-buttons .more .externalclimategroup.svg, #commitment-result-buttons .action-information .more .externalcdp.svg, #commitment-result-buttons .action-information .more .externalcarbonn.svg, #commitment-result-buttons .action-information .more .externalinvestorsclimatechange.svg, #commitment-result-buttons .action-information .more .externalclimategroup.svg
    {
        float: none;
        position: relative;
        top: -25px;
        right: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .searchresults.themeresults #navBar #subDiv1 p, .searchresults.themeresults #navBar #subDiv2 p, .searchresults.themeresults #navBar #subDiv3 p, .searchresults.themeresults #navBar #subDiv4 p
    {
        width: 90%;
    }
    #about .register-box p
    {
        font-size: 16px;
        min-height: 0;
        padding: 0;
    }
}

.textsearchresults .button h3, .textsearchresults .button > p
{
    width: calc(100% - 110px);
}
.homepage-search .searchbuttons .info-mobile p a
{
    padding: 0;
    width: auto;
    margin: auto;
    text-decoration: underline;
    margin-right: 5px;
}

#investorslink
{
    color: rgb(32, 89, 161);
    text-decoration: underline;
}

#investorslink:hover
{
    text-decoration: none;
}

.about-link
{
    text-decoration: underline !important;
}
.about-link:hover
{
    text-decoration: none !important;
}

.companyindustriesdesc
{
    width: calc(100% - 200px);
    float: left;
}
@media screen and (max-width: 540px)
{
    .companyindustriesdesc
    {
        float: none;
        width: auto;
    }
}


@media screen and (max-width: 768px)
{
    #about .register-box p
    {
        font-size: 14px;
        min-height: 54px;
    }
}

#lpaalink
{
    width: 32px;
    margin-top: 10px;
}

.lightergreen
{
    background-color: #B1CC67 !important;
}



#main.lightergreen .strap
{
    background-color: rgba(177,204,103, 0.4);
    margin-left: 25%;
}
#main.lightergreen .opaque .strap
{
    background-color: #B1CC67;
}
#main.lightergreen #map-canvas, #main.lightergreen .sectionheader
{
    background-color: #B1CC67;
}
#main.lightergreen .button
{
    background-color: #B1CC67;
}
#main.lightergreen .filters
{
    background-color: #B1CC67;
}
.lightergreen .filters span, .lightergreen .filters select
{
    background-color: #B1CC67 !important;
}

.lightergreen .filter-button.selected, .button.lightergreen:hover
{
    background-color: #B1CC67 !important;
}


div.svg.renewableenergy2
{
    background-image: url(Icons-SVG/renewableenergy2.svg), none;
}


div.svg.renewableenergy2.black
{
    background-image: url(Icons-SVG/BLACK/renewableenergy2.svg), none;
}


#altbackground.theme.renewableenergy2
{
    background-image: url(UN-Bgd-images/renewable-energy.jpg);
}


.agriculture_col
{
    background-color: #AD8F16 !important;
}



#main.agriculture_col .strap
{
    background-color: rgba(173,143,22,0.4);
    margin-left: 25%;
}
#main.agriculture_col .opaque .strap
{
    background-color: #AD8F16;
}
#main.agriculture_col #map-canvas, #main.agriculture_col .sectionheader
{
    background-color: #AD8F16;
}
#main.agriculture_col .button
{
    background-color: #AD8F16;
}
#main.agriculture_col .filters
{
    background-color: #AD8F16;
}
.agriculture_col .filters span, .agriculture_col .filters select
{
    background-color: #AD8F16 !important;
}

.agriculture_col .filter-button.selected, .button.agriculture_col:hover
{
    background-color: #AD8F16 !important;
}


div.svg.agriculture
{
    background-image: url(Icons-SVG/agriculture.svg), none;
}


div.svg.agriculture.black
{
    background-image: url(Icons-SVG/BLACK/agriculture.svg), none;
}


#altbackground.theme.agriculture
{
    background-image: url(UN-Bgd-images/agriculture.jpg);
}



.forest_col
{
    background-color: #2C9547 !important;
}



#main.forest_col .strap
{
    background-color: rgba(44,149,71,0.4);
    margin-left: 25%;
}
#main.forest_col .opaque .strap
{
    background-color: #2C9547;
}
#main.forest_col #map-canvas, #main.forest_col .sectionheader
{
    background-color: #2C9547;
}
#main.forest_col .button
{
    background-color: #2C9547;
}
#main.forest_col .filters
{
    background-color: #2C9547;
}
.forest_col .filters span, .forest_col .filters select
{
    background-color: #2C9547 !important;
}

.forest_col .filter-button.selected, .button.forest_col:hover
{
    background-color: #2C9547 !important;
}


div.svg.forest
{
    background-image: url(Icons-SVG/forest.svg), none;
}


div.svg.forest.black
{
    background-image: url(Icons-SVG/BLACK/forest.svg), none;
}


#altbackground.theme.forest
{
    background-image: url(UN-Bgd-images/forest.jpg);
}


.short_term_pollutants_col
{
    background-color: #59A5B2 !important;
}



#main.short_term_pollutants_col .strap
{
    background-color: rgba(89,165,178,0.4);
    margin-left: 25%;
}
#main.short_term_pollutants_col .opaque .strap
{
    background-color: #59A5B2;
}
#main.short_term_pollutants_col #map-canvas, #main.short_term_pollutants_col .sectionheader
{
    background-color: #59A5B2;
}
#main.short_term_pollutants_col .button
{
    background-color: #59A5B2;
}
#main.short_term_pollutants_col .filters
{
    background-color: #59A5B2;
}
.short_term_pollutants_col .filters span, .short_term_pollutants_col .filters select
{
    background-color: #59A5B2 !important;
}

.short_term_pollutants_col .filter-button.selected, .button.short_term_pollutants_col:hover
{
    background-color: #59A5B2 !important;
}


div.svg.short_term_pollutants
{
    background-image: url(Icons-SVG/nonc02.svg), none;
}


div.svg.short_term_pollutants.black
{
    background-image: url(Icons-SVG/BLACK/nonc02.svg), none;
}


#altbackground.theme.short_term_pollutants
{
    background-image: url(UN-Bgd-images/non-c02.jpg);
}


.innovation_col
{
    background-color: #DC6261 !important;
}



#main.innovation_col .strap
{
    background-color: rgba(220,98,97,0.4);
    margin-left: 25%;
}
#main.innovation_col .opaque .strap
{
    background-color: #DC6261;
}
#main.innovation_col #map-canvas, #main.innovation_col .sectionheader
{
    background-color: #DC6261;
}
#main.innovation_col .button
{
    background-color: #DC6261;
}
#main.innovation_col .filters
{
    background-color: #DC6261;
}
.innovation_col .filters span, .innovation_col .filters select
{
    background-color: #DC6261 !important;
}

.innovation_col .filter-button.selected, .button.innovation_col:hover
{
    background-color: #DC6261 !important;
}


div.svg.innovation
{
    background-image: url(Icons-SVG/innovation.svg), none;
}


div.svg.innovation.black
{
    background-image: url(Icons-SVG/BLACK/innovation.svg), none;
}


#altbackground.theme.innovation
{
    background-image: url(UN-Bgd-images/innovation.jpg);
}


.building_col
{
    background-color: #179EE0 !important;
}



#main.building_col .strap
{
    background-color: rgba(23,158,224,0.4);
    margin-left: 25%;
}
#main.building_col .opaque .strap
{
    background-color: #179EE0;
}
#main.building_col #map-canvas, #main.building_col .sectionheader
{
    background-color: #179EE0;
}
#main.building_col .button
{
    background-color: #179EE0;
}
#main.building_col .filters
{
    background-color: #179EE0;
}
.building_col .filters span, .building_col .filters select
{
    background-color: #179EE0 !important;
}

.building_col .filter-button.selected, .button.building_col:hover
{
    background-color: #179EE0 !important;
}


div.svg.building
{
    background-image: url(Icons-SVG/building.svg), none;
}


div.svg.building.black
{
    background-image: url(Icons-SVG/BLACK/building.svg), none;
}


#altbackground.theme.building
{
    background-image: url(UN-Bgd-images/building.jpg);
}


.transport_col
{
    background-color: #DC9219 !important;
}



#main.transport_col .strap
{
    background-color: rgba(23,158,224,0.4);
    margin-left:25%;
}
#main.transport_col .opaque .strap
{
    background-color: #DC9219;
}
#main.transport_col #map-canvas, #main.transport_col .sectionheader
{
    background-color: #DC9219;
}
#main.transport_col .button
{
    background-color: #DC9219;
}
#main.transport_col .filters
{
    background-color: #DC9219;
}
.transport_col .filters span, .transport_col .filters select
{
    background-color: #DC9219 !important;
}

.transport_col .filter-button.selected, .button.transport_col:hover
{
    background-color: #DC9219 !important;
}


div.svg.transport
{
    background-image: url(Icons-SVG/transport.svg), none;
   
}


div.svg.transport.black
{
    background-image: url(Icons-SVG/BLACK/transport.svg), none;
}


#altbackground.theme.transport
{
    background-image: url(UN-Bgd-images/transport.jpg);
}

.resilience_col
{
    background-color: #5B579A !important;
}



#main.resilience_col .strap
{
    background-color: rgba(91,87,154,0.4);
    margin-left:25%;
}
#main.resilience_col .opaque .strap
{
    background-color: #5B579A;
}
#main.resilience_col #map-canvas, #main.resilience_col .sectionheader
{
    background-color: #5B579A;
}
#main.resilience_col .button
{
    background-color: #5B579A;
}
#main.resilience_col .filters
{
    background-color: #5B579A;
}
.resilience_col .filters span, .resilience_col .filters select
{
    background-color: #5B579A !important;
}

.resilience_col .filter-button.selected, .button.resilience_col:hover
{
    background-color: #5B579A !important;
}


div.svg.resilience
{
    background-image: url(Icons-SVG/resilience.svg), none;
}


div.svg.resilience.black
{
    background-image: url(Icons-SVG/BLACK/resilience.svg), none;
}


#altbackground.theme.resilience
{
    background-image: url(UN-Bgd-images/resilience.jpg);
}


.use_of_carbon_price_col
{
    background-color: #756913 !important;
}



#main.use_of_carbon_price_col .strap
{
    background-color: rgba(117,105,19,0.4);
    margin-left: 25%;
}
#main.use_of_carbon_price_col .opaque .strap
{
    background-color: #756913;
}
#main.use_of_carbon_price_col #map-canvas, #main.use_of_carbon_price_col .sectionheader
{
    background-color: #756913;
}
#main.use_of_carbon_price_col .button
{
    background-color: #756913;
}
#main.use_of_carbon_price_col .filters
{
    background-color: #756913;
}
.use_of_carbon_price_col .filters span, .use_of_carbon_price_col .filters select
{
    background-color: #756913 !important;
}

.use_of_carbon_price_col .filter-button.selected, .button.use_of_carbon_price_col:hover
{
    background-color: #756913 !important;
}


div.svg.use_of_carbon_price
{
    background-image: url(Icons-SVG/carbonprice.svg), none;
}


div.svg.use_of_carbon_price.black
{
    background-image: url(Icons-SVG/BLACK/carbonprice.svg), none;
}


#altbackground.theme.use_of_carbon_price
{
    background-image: url(UN-Bgd-images/carbon-price.jpg);
}


.private_finance_col
{
    background-color: #AD8F16 !important;
}



#main.private_finance_col .strap
{
    background-color: rgba(173,143,22,0.4);
    margin-left: 25%;
}
#main.private_finance_col .opaque .strap
{
    background-color: #AD8F16;
}
#main.private_finance_col #map-canvas, #main.private_finance_col .sectionheader
{
    background-color: #AD8F16;
}
#main.private_finance_col .button
{
    background-color: #AD8F16;
}
#main.private_finance_col .filters
{
    background-color: #AD8F16;
}
.private_finance_col .filters span, .private_finance_col .filters select
{
    background-color: #AD8F16 !important;
}

.private_finance_col .filter-button.selected, .button.private_finance_col:hover
{
    background-color: #AD8F16 !important;
}


div.svg.private_finance
{
    background-image: url(Icons-SVG/finance.svg), none;
}


div.svg.private_finance.black
{
    background-image: url(Icons-SVG/BLACK/finance.svg), none;
}


#altbackground.theme.private_finance
{
    background-image: url(UN-Bgd-images/finance.jpg);
}


#LPAAFocusareaBar
{
    background-color: #D8C732;
    height: 30px;
    width: 100%;
    /* z-index: 5; */
    position: relative;
    padding-top: 7px;
}

#LPAAFocusareaBar span 
{
    margin-left: 20px;
    margin-top: 5px;
    color:#FFF;
    font-weight: bold;
}

#LPAAFocusareaBar span u
{
    text-decoration: none;
    xborder-bottom: 3px solid white;    
   
}

#OtherBar 
{
    background-color: #B0AC93;
    height: 30px;
    width: 100%;
    /* z-index: 5; */
    position: relative;
    padding-top: 7px;
}

#OtherBar span 
{
    margin-left: 20px;
    margin-top: 5px;
    color:#FFF;
    font-weight: bold;
}

@media screen and (min-width: 1600px)
{

    .cityresults.searchbuttons .button .svg {
        right: 20px;
        bottom: 20px;
        height: 150px;
        width: 150px;
        left: auto;
        opacity: 0.25;
    }

}


.cso-button:after
{
    content: 'Civil Society Organizations';
    background-color: #4b91d7;
    padding: 10px;
    display: block;
    position: absolute;
    color: #fff;
    top: -40px;
    left: -40px;
    width: 170px;
    text-transform: none;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
     -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
    pointer-events: none;

}

.cso-button.leftnav:after
{
    
    top: 50px;
    left: 0px;
    xbackground-color: #2059a1;
    background-color: #999;
    z-index: 200;
}

.cso-button:before 
{
    content: ' ';
    border-style: solid;
    border-color: #4b91d7 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    width: 0px;
    height: 0px;
    top: -10px;
    left: 53px;
    display: block;
    position: absolute;
    z-index: 200;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
}

.cso-button.leftnav:before 
{
    xborder-color: transparent transparent #2059a1 transparent;
    border-color: transparent transparent #999 transparent;
    border-width: 0 10px 15px 10px;
    left: 40px;
    top: 35px;
}



.cso-button:hover:after, .cso-button:hover:before
{
    opacity: 1;
}

#leftcol .searchbuttons .button#Explorethedata 
{
    font-size: 10px;
    top: 0px;
    padding: 0px 5px !important;
}


#leftcol .searchbuttons .button.coop-button 
{
    font-size: 10px;
    background-color: #ffffcc;
}

#leftcol .searchbuttons .button#Explorethedata small 
{
    display: none;
}

.button.cso-button {
    text-transform: none;
}

.cso-button { position: relative; }
#frmFilter .cso-button:after {
    top: -60px;
    left: -70px;
}
#frmFilter .cso-button:before {
    left: 15px;
}




.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;	box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{

}.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
vertical-align:middle;


border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:12px;
font-family:arial;
font-weight:normal;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
background-color:#005fbf;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:arial;
font-weight:bold;
color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}

#resultspanel {
    width: 70%;
    position: relative;
    left: 120px;
    padding-top: 88px;
    
}

#resultspanel h1 { color: #666; font-size:21px; }
#resultspanel h2 { color: #666; }
#resultspanel a { color: #666; }
#resultspanel a:hover {text-decoration: underline;}


#resultsheader  
{
  
    height: 100px;
    position: fixed;
    xbackground-color: red;
    width: 81%;
    z-index: 200;
    background-color: #FFF;
    top: 144px;
    left: 362px;
    padding-left: 28px;
    border-bottom: 1px solid #999;

    
}
#resultsheader h1 { color: #666; font-size:21px; }

#resultsheader a {color: #666;}
#resultsheader a:hover {text-decoration: underline;}
#resultsheader span { display:inline; float:none; font-size:21px;}

.anchor 
{
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

@media screen and (max-width: 960px) 
{
    #resultsheader { width: 100%; left: 0; top: 0; position: relative; }
    #resultspanel { padding-top: 120px; width: 95%; left: 2.5%;  }
}

.strap p.ICISecondaryStatement {
    margin: 10px 0;
    font-size: 12px;
}

.strap p.ICISecondaryStatement img {
    width: 20px;
    float: left;
    margin-top: -2px;
    margin-right: 5px;
}

.searchbuttons #total.button {
    width: 100%;
}

.homepage-search .searchbuttons a.total-actions 
{
    width: 96%;
}


@media screen and (min-width: 1300px) 
{
    #main, #altbackground, #header, #map-canvas, #map-canvas.cities-page
    {
        left: 360px;
        width: calc(100% - 360px);
    }   
}