/* linking.css
 *
 * Nick Casey
 * Linking Mobile
 * 2017-01-09
 *
 * CSS for linking mobile web site
 */
 
 
/* GLOBAL */
 
html 
{ 
    overflow: -moz-scrollbars-vertical;  
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

body {

    font-family: "Raleway Webfont", Verdana, Arial, sans-serif;
    font-size: 12pt;
}

@media (min-width: 1520px) {
    .container {
        width: 1484px !important;
    }
}
 
a, a:visited, a:focus, a:active, a:hover {
    outline:0 none !important;
    text-decoration: none;
    color: #6f6f6f;
}

div {
    letter-spacing:0.25em;
}
 
a {
    color: #6f6f6f;
    text-decoration: none; /* no underline */
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
}

a:hover {

    color: #75c3b5;
}

.clear {
    clear:both;
    line-height:0;
    height:0;
}

.arrow-button-container {

    text-align:center;
    margin: 60px 0 0 0;
}

.arrow-button-container .arrow-button {

    font-size:10pt;
    letter-spacing:1pt;
    padding:10px 30px 26px 30px;
    cursor:pointer;
    position:relative;
}

.arrow-button-container .arrow-button:after {

    content:"";
    position:absolute;
    width: 0; 
    height: 0; 
    left:64px;
    top:33px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.lm-slash
{
    width: 60px;
    height: 2px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Safari and Chrome */
    display: inline-block;
}

@media (max-width: 670px) {
    .lm-slash
    {
        width: 30px;
    }
}

@media (max-width: 670px) {
    .disappear-for-phone {
        line-height: 0 !important;
    }
}

/* GENERAL PAGE TITLE PANEL */


.title-panel {

    background-color: #8CCEC4; /*url(../images/city_scene.jpg) no-repeat center center; */
    margin-top:76px;
    height:346px;
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.title-panel .title-container {
    color:white;
    padding-top:0; /*add padding shift up and down*/
    z-index:10;
    text-align:center;
    border:0px solid red;

}


.title-panel .title-text {
     font-size: 4.167em;
     font-weight: bold;
     border:0px solid red;
     margin: 0 0 0 0;
}

@media (max-width: 670px) {
    .title-panel .title-text {
        font-size: 2em;
    }
}

.title-panel .title-text:after { 

    content: "";
    display:block;
    width: 64px;
    height: 2px;
    margin:20px auto 0 auto;
    background-color: white;
}

.title-panel .medium-title-text {
     font-size: 2.2em;
     line-height: 1em;
     border:0px solid red;
     padding:0;
     margin: 0 0 0 0;
     font-weight:medium;
}

@media (max-width: 670px) {
    .title-panel  .medium-title-text {
        font-size: 1.2em;
        line-height:1.67em;
    }
}

.lm-grey-background {

    background-color:#f9f9f9;
}



/* GENERAL DESCRIPTION PANEL */

.description-panel {

    min-height:350px;
    margin:0 20px 0 20px;
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    
    font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino";
    font-size: 1.5em;
    line-height:1.75em;
}


.description-panel .description-container {
    color:#6f6f6f;
    padding-top:0; /*add padding shift up and down*/
    z-index:10;
    text-align:center;
}

.description-panel .description-text {
    margin:20px 0 20px 0;
    padding:0 100px 0 100px;
    letter-spacing:0em;
}

@media (max-width: 992px) {
    .description-panel .description-text {
        padding:0 0 0 0;
        /*font-size: 16pt;
        line-height:24pt;*/
    }
}   

@media (max-width: 670px) {
    .description-panel .description-text {
        font-size: 0.75em;
        line-height:1.67em;
    }
}

.description-panel .description-text .green-text {
    color:#75c3b5;
    font-weight:bold;
}

.description-panel .lm-slash-container {
    width:100%;
}

.description-panel .lm-slash-container.left {
    text-align:left;
    margin:40px 0 0 0;
}

.description-panel .lm-slash-container.right {
    text-align:right;
    margin:0 0 40px 0;
}

.description-panel .lm-slash {
    margin: 0 0 8px 0;
    background-color:#75c3b5;
}

/* GENERAL PAGE CONTENT PANEL */

.lm-content-panel {

    text-align:center;    
    padding:0 0 100px 0;
}

.lm-content-panel .lm-content-panel-text {
    margin:20px 0 20px 0;
    padding:0 100px 0 100px;
    letter-spacing:0em;
    line-height:1.5em;
}

@media (max-width: 992px) {
    .lm-content-panel .lm-content-panel-text {
        padding:0 20px 0 20px;
        /*font-size: 16pt;
        line-height:24pt;*/
    }
}   

@media (max-width: 670px) {
    .lm-content-panel .lm-content-panel-text {
    
    }
}

/* GENERAL GREEN TITLE */

.lm-green-title {

    color: #75c3b5;
    font-size:2.2em;
    font-weight:bold;
    padding:50px 0 50px 0;
}

@media (max-width: 670px) {
    .lm-green-title {

        font-size:2em;
    }
}

.lm-green-title:after { 

    content: "";
    display:block;
    width: 64px;
    height: 2px;
    margin:0 auto;
    background-color: #75c3b5;
}

/* HOME PAGE */

/* TITLE PANEL */


/* first attempt */
/*
.splash-panel {

    overflow:hidden;
    position:relative;
    height:674px;
    margin-top:76px;
}


#splashVideo {

    background:#8CCEC4;
    z-index:5;
    position:absolute;
    left:50%;
    margin-left:-600px;
    width:1200px;
    height:674px;
    border:0px solid red;
}

#homeTitlePanel {

    /*background: url(../images/city_scene.jpg) no-repeat center center; 
    background-color:#8CCEC4; */
/*    background-color: transparent;
    height:674px;
    margin-top:0;
}
*/

/*full width for > 1200px */
.splash-panel {

    overflow:hidden;
    position:relative;
    margin-top:76px;
}

#splashVideo {

    background:#8CCEC4;
    z-index:5;
    position:absolute;
    width:100%;
    bottom:0; /* so that the animation is prominent */
    border:0px solid red;
}

#homeTitlePanel {

    background-color: transparent;
    height:674px;
    margin-top:0;
}

@media (max-width: 1200px) {

    #splashVideo {
    
        position:relative;
    }

    #homeTitlePanel {
    
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        height:auto;
    }
}


#homeTitlePanel #mobilePerformance {
     font-size: 4.167em;
     font-weight: bold;
     border:0px solid red;
     margin: 0 20px 0 20px;
}

#homeTitlePanel .lm-slash
{
    margin: 50px 0 50px 0;
    background-color:white;    
}


#homeTitlePanel #londonNewYork {
     font-size: 1em;
     line-height: 1em;
     border:0px solid red;
     margin: 0 0 10px 0;
}

@media (max-width: 670px) {


    #splashVideo {
        visibility:hidden;
    }
    
    #homeTitlePanel {
        background-color: #8CCEC4;
    }

    #homeTitlePanel #mobilePerformance {
        font-size: 2em;
    }
    
    #homeTitlePanel #londonNewYork {
        font-size: 0.5em;
        line-height:1.67em;
    }
    
    #homeTitlePanel .lm-slash
    {
        margin: 20px 0 20px 0;
    }
    
}

@media (max-width: 520px) {
    #homeTitlePanel .lm-slash {
        display:none;
    }
    
    #homeTitlePanel #londonNewYork {
        /*display:none;*/
        margin-top:10px;
    }
}
  


@media (max-width: 520px) {
    /*#homeTitlePanel  .medium-title-text {
        font-size: 1em;
        line-height:1.67em;
    }
    
    #homeTitlePanel #mobilePerformance {
        font-size: 1.2em;
        line-height:1.67em;
    }
    
    #homeTitlePanel #londonNewYork {
        font-size: 0.5em;
        line-height:1.67em;
        margin-top:30px;
    }
    
    #homeTitlePanel .lm-slash
    {
        display:none;   
    }*/
    
}


/* SOLUTIONS PANEL */

#solutionsList {

    margin:0 200px 0 200px;
    border:0px solid red;
    display:block;
}

@media (max-width: 992px) {
    #solutionsList {
        margin:0 auto 0 auto;
    }
} 

#solutionsList .solutions-item {

    padding:20px 40px 20px 40px;
}

@media (max-width: 670px) {
    #solutionsList .solutions-item {
        padding:20px 20px 20px 20px;
    }
} 

.solutionsImage img {

    width:100px;
    height:100px;
}


.solutionsTitle {

    font-size:1.67em;
    font-weight:bold;
    color:#75c3b5;
    letter-spacing:0;
}

.solutionsDescription {

    min-height:80px;
    letter-spacing:0;    
}


#solutionsButton {

    color:#75c3b5;
    border:2px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;   
}

#solutionsButton:after {

    border-top: 10px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;       
}

#solutionsButton:hover {

    /*
    color:#3b3b3b;
    border:2px solid #3b3b3b;
    */
    
    color:#f9f9f9;
    /*border:2px solid #f9f9f9;*/
    background:#75c3b5;
    
}

#solutionsButton:hover:after {

    /*border-top: 10px solid #3b3b3b;*/
    border-top: 10px solid #f9f9f9;

}

/* PUBLISHERS ADVERTISERS PANEL */

#publishersAdvertisersPanel {

    
}

#publishersAdvertisersPanel #publishersPanel {
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align:center;
    
    background-color: #768193;
    background: -webkit-linear-gradient(#768193, #495465); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#768193, #495465); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#768193, #495465); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#768193, #495465); /* Standard syntax */
    height:595px;

}

#publishersAdvertisersPanel #advertisersPanel {

    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align:center;
    
    background-color: #b89899;
    background: -webkit-linear-gradient(#b89899, #957879); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b89899, #957879); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b89899, #957879); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b89899, #957879); /* Standard syntax */
    height:595px;


}

#publishersAdvertisersPanel #publishersPanel .publisher-advertiser-panel-container {
    
}   

#publishersAdvertisersPanel .publisher-advertiser-panel-title {

    color: white;
    font-size:2.2em;
    font-weight:bold;
    margin:0 0 80px 0;
}

@media (max-width: 670px) {
    #publishersAdvertisersPanel .publisher-advertiser-panel-title {

        font-size:2em;
    }
}

#publishersAdvertisersPanel .publisher-advertiser-panel-title:after { 

    content: "";
    display:block;
    width: 64px;
    height: 2px;
    margin:0 auto;
    background-color: white;
}

#publishersAdvertisersPanel .publisher-advertiser-panel-description {

    color:white;
    font-size: 1em;
    letter-spacing:0em;
    line-height: 2em;
    border:0px solid red;
    padding:0;
    margin: 0 0 0 0;
    font-weight:medium;
    margin: 0 40px 0 40px;
    min-height:120px;
    max-width:550px;
}

#publishersAdvertisersPanel .publisher-advertiser-panel-button {

    color:white;
    border:2px solid white;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;    
}

#publishersAdvertisersPanel .publisher-advertiser-panel-button:after {

    border-top: 10px solid white;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;    
}

#publishersAdvertisersPanel .publisher-advertiser-panel-button:hover {

    background: white;   
}

#publishersAdvertisersPanel #publishersPanel .publisher-advertiser-panel-button:hover {

    color:#768193;
    /*border:2px solid #768193;*/
}

#publishersAdvertisersPanel #publishersPanel .publisher-advertiser-panel-button:hover:after {

    border-top: 10px solid #768193;
}

#publishersAdvertisersPanel #advertisersPanel .publisher-advertiser-panel-button:hover {

    color:#b89899;
    /*border:2px solid #b89899;*/
}

#publishersAdvertisersPanel #advertisersPanel .publisher-advertiser-panel-button:hover:after {

    border-top: 10px solid #b89899;
}


/* INTEGRATIONS PANEL */

#integrationsList {

    /*margin:0 200px 0 200px;*/
    border:0px solid red;
    display:block;
    padding:0;
}

@media (max-width: 992px) {
    #integrationsList {
        margin:0 20px 0 20px;
    }
} 

#integrationsList .integrations-item {

    /*padding:20px 0 20px 0;
    margin:0;
    padding:0;*/
}

#integrationsList .integrations-item .integrations-image {

    line-height:100px;
}

#integrationsList .integrations-item .integrations-image img {

    width:192px;
}


/* TESTIMONIAL PANEL */

#testimonialPanel {

    min-height:350px;
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    
    font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino";
    font-size: 1.5em;
    line-height:1.75em;
    
    background:#f9f9f9;
}


#testimonialPanel #titleContainer {
    color:#75c3b5;
    padding-top:0; /*add padding shift up and down*/
    z-index:10;
    text-align:center;
}

#testimonialPanel #descriptionText {
    margin:20px 0 20px 0;
    padding:0 100px 0 100px;
}

@media (max-width: 992px) {
    #testimonialPanel #descriptionText {
        padding:0 0 0 0;
        /*font-size: 1em;
        line-height:1.5em;*/
    }
}   

@media (max-width: 670px) {
    #testimonialPanel #descriptionText {
        font-size: 0.75em;
        line-height:1.67em;
    }
}

#testimonialPanel #descriptionText {
    color:#75c3b5;
    font-weight:bold;
    letter-spacing:0em;        
}

#testimonialPanel #attributionText {
    margin:20px 0 20px 0;
    font-family: "Raleway Webfont", Verdana, Arial, sans-serif;
    font-size: 0.67em;
    line-height:1.33em;
    letter-spacing:0em;    
    color: #6f6f6f;
}

#testimonialPanel .lm-quote-container {
    width:100%;
}

#testimonialPanel .lm-quote-container.left {

    margin: 40px 0 0 0;
}

#testimonialPanel .lm-quote-container.left .lm-quote {
    width: 0px;
    height: 0px;
    border-top: 45px solid #75c3b5;
    border-right: 45px solid transparent;
    float:left;
    margin: 0 10px 0 0;
}

#testimonialPanel .lm-quote-container.right {

    margin: 0 0 40px 0;
}

#testimonialPanel .lm-quote-container.right .lm-quote {
    width: 0px;
    height: 0px;
    border-bottom: 45px solid #6f6f6f;
    border-left: 45px solid transparent;
    float:right;
    margin: 0 10px 0 0;
}

/* CLIENTS PANEL */


#clientsList {

    /*margin:0 200px 0 200px;*/
    border:0px solid red;
    display:block;
    padding:0;
}

@media (max-width: 992px) {
    #clientsList {
        margin:0 20px 0 20px;
    }
} 

#clientsList .clients-item {

    /*padding:20px 0 20px 0;*/
}

#clientsList .clients-item .clients-image  {

    line-height:100px;
}

#clientsList .clients-item .clients-image img {

    width:192px;
}


/* PUBLISHERS PAGE */


/* KEY BENEFITS */


#keyBenefitsList {

}

#keyBenefitsList .left-list-container {
    width:50%;
    float:left;
    margin:0 -20px 20px auto; /* minus half of the center container width */
    text-align:right;
}

#keyBenefitsList .left-list-container .left-list {
    margin-right:20px; /* half of the center container width */
    letter-spacing:0em; 
    overflow-wrap: break-word;
    float:right;
    max-width:400px;

}



#keyBenefitsList .bullet-column {
    width:40px; /* size of the fixed width */
    float:left;
    text-align:center;
    margin:0 0 20px 0;
}

#keyBenefitsList .bullet {

    width:6px;
    height:6px;
    border-radius:3px;
    background:#75c3b5;
    margin:8px auto 0 auto;
}


#keyBenefitsList .right-list-container {
    width:50%;
    float:right;
    margin:0 0 20px -20px; /* minus half of the center container width */
}

#keyBenefitsList .right-list-container .right-list {
    margin-left:20px; /* half of the center container width */
    text-align:left;
    letter-spacing:0em; 
    float:left;
    max-width:400px;
}

#keyBenefitsList .mobile-bullet-column {
    width:30px;
    float:left;
    display:none;
}



/* collapsed key benefits */

@media (max-width: 670px) {

    #keyBenefitsList {

        margin:0 auto 0 auto;
        max-width:400px;
        text-align:center;
    }

    #keyBenefitsList .left-list-container {
        width:100%;
        margin:0 0 20px 0;
        float:none; 
        text-align:left;
    }
    
    #keyBenefitsList .left-list-container .left-list {
        float:left;    
        width:80%; /*stops the float div wrapping rather than the words */
    }
    
    #keyBenefitsList .bullet-column {
        
        display:none;
    }
    
    #keyBenefitsList .right-list-container {
        
        width:100%;
        margin:0 0 20px 0;
        float:none;    
        text-align:left;
    }
    
    #keyBenefitsList .right-list-container .right-list {

        float:left;
        margin-left:0;
        width:80%; /*stops the float div wrapping rather than the words */
    }

    
    #keyBenefitsList .mobile-bullet-column {
    
        display:block;
    }
 
    #keyBenefitsList br {  /*remove the forced line breaks */
        
        display:none;
    }
}


#keyBenefitsButton {

    color:#75c3b5;
    border:2px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;   
}

#keyBenefitsButton:after {

    border-top: 10px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;    
    
    left:70px;
    top:33px;
}

#keyBenefitsButton:hover {

    /*
    color:#3b3b3b;
    border:2px solid #3b3b3b;
    */
    
    color:#f9f9f9;
    /*border:2px solid #f9f9f9;*/
    background:#75c3b5;
    
}

#keyBenefitsButton:hover:after {

    /*border-top: 10px solid #3b3b3b;*/
    border-top: 10px solid #f9f9f9;

}

/* CONTACT PAGE */


/* LONDON NEW YORK PANEL */

#londonNewYorkPanel  {

    background: #f9f9f9;
    padding:50px;
}


#londonNewYorkPanel .city-panel {
    
    text-align:center;
    padding:0;
}

#londonNewYorkPanel #londonPanel {
    
    border-right: 2px solid white;
    padding:0 50px 50px 0;
}

#londonNewYorkPanel #newYorkPanel {
    
    padding:0 0 50px 50px;
}


@media (max-width: 991px) {

    #londonNewYorkPanel #londonPanel {

        border:none;
        padding:0 0 50px 0;
    }
}

@media (max-width: 991px) {

    #londonNewYorkPanel #newYorkPanel {

        padding:0 0 50px 0;
    }
}

#londonNewYorkPanel .london-newyork-panel-title {

    padding:0 0 50px 0 !important;
}

#londonNewYorkPanel .london-newyork-panel-address {
    color:#6f6f6f;
    font-size: 1.5em;
    letter-spacing:0;
    padding:0 0 1em 0;
}

#londonNewYorkPanel .london-newyork-panel-phone {
    color:#6f6f6f;
    font-size: 1.5em;
    letter-spacing:0;
    padding:0 0 1em 0;
    font-weight:bold;
}

#londonNewYorkPanel .london-newyork-panel-email {
    color:#75c3b5;
    font-size: 1.5em;
    letter-spacing:0;
    padding:0 0 1.5em 0;
    font-weight:bold;
}

@media (max-width: 670px) {
    #londonNewYorkPanel .london-newyork-panel-email {
        font-size: 1em;
    }
}

#londonNewYorkPanel .london-newyork-panel-map {

    margin:0 auto;
    border:1px solid #75c3b5;
    position: relative;
    max-width: 650px;
}

#londonNewYorkPanel .london-newyork-panel-map:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.mapMarkerLabel {
    color:#860000;
    font-family:Arial, sans-serif;
    font-size:1.125em;
    font-weight:bold;
    letter-spacing:0;
}

/* CONTACT FORM */

#contactFormPanel {

    background: white;
    text-align:center;    
    padding:0 50px 60px 50px;
}


#contactFormPanel #contactForm {

    max-width:710px;
    margin:10px auto;
}

#contactFormPanel #contactForm .form-line {

    margin: 0 0 20px 0;
}

#contactFormPanel #contactForm .field-name {

    float:left;
    width:94px;
    line-height:44px;
    letter-spacing:0;
    text-align:left;
    font-weight:bold;
    font-size:1em;
    color:#6f6f6f;
}

@media (max-width: 670px) {
    #contactFormPanel #contactForm .field-name {
        float:none;
    }
}

#contactFormPanel #contactForm .field-value {

    width:auto;
    overflow:hidden;
    text-align:left;
}


#contactFormPanel #contactForm .field-value .form-field-textbox {
    height:44px;
    width:100%;
    border:1px solid #75c3b5;
    margin:0;
    padding: 0 0 0 10px;
    
    -webkit-transition: border .5s ease;  
    -moz-transition: border .5s ease;  
    -o-transition: border .5s ease;  
    -ms-transition: border .5s ease;  
    transition: border .5s ease;
}


#contactFormPanel #contactForm #validationErrors {

    display:none;
    margin:0 0 0 0 !important;
}

.form-error-message {

    letter-spacing:0;
    color:red;
}

.form-error-input {

    border:1px solid red !important;
}

/*
#contactFormPanel #contactForm .field-value .form-field-textbox:invalid  {
    border:1px solid red;
}
*/

#contactFormPanel #contactForm .field-value .form-field-textbox:focus  {
    outline: none !important;
    border:1px solid #3b3b3b;
}


/* form select - not used 
#contactFormPanel #contactForm .field-value .form-field-select-container {
  
    background: #75c3b5 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%2327ae60%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat;
    float:left;
    height:26px;
    padding:0;
    margin:9px 0 0 0;
    width:160px;
}


#contactFormPanel #contactForm .field-value .form-field-select {
    height:26px;
    width:160px;
    border:none;
    margin:0;
    padding: 0 0 0 10px;
    letter-spacing:0;
    color:white;
    outline: none !important;

  box-shadow: none;
  cursor: pointer;
  
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  
  


  /* Hide arrow on FF 
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
    
}


#contactFormPanel #contactForm .field-value .form-field-select option {
    background: #75c3b5;
    border:none;
}

/* never good this bit
#contactFormPanel #contactForm .field-value .form-field-select option:hover {
    box-shadow: 0 0 10px 100px #3b3b3b inset;
}

option:checked:after {
    content: attr(title);
    background: #666;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    border: none;
}

:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

:-moz-dropdown-list {
    background-color: inherit;
    color: inherit;
    border-style: inherit;
    border-color: inherit;
    border-width: inherit;
    z-index: 2147483647;
    -moz-user-select: none;
}
*/

/*
select::-ms-value {
    background: transparent;
}


select:focus::-ms-value {
    background-color: #75c3b5;
    color:white;
}
*/

#contactFormPanel #contactForm .field-value .form-field-radio-group {

    margin:11px 0 0 0;
    padding:0;
    background-color:red !important;
}

@media (max-width: 670px) {
    #contactFormPanel #contactForm .field-value .form-field-radio-group {

        margin:0 !important;
    }
}    

#contactFormPanel #contactForm .field-value .form-field-radio-group li{
    display: block;
    position: relative;
    float: left;
    /*width: 100%;*/
    margin:0 30px 0 0 ;
}

#contactFormPanel #contactForm .field-value .form-field-radio-group li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

#contactFormPanel #contactForm .field-value .form-field-radio-group li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1em;
    padding: 0 35px 0 0;
    height: 18px;
    z-index: 9;
    cursor: pointer;
    letter-spacing:0px;
    /*-webkit-transition: all 0.25s linear;*/
}

/*
ul li:hover label{
    color: #3b3b3b;
}
*/

#contactFormPanel #contactForm .field-value .form-field-radio-group li .check {
    display: block;
    position: absolute;
    border: 1px solid #75c3b5;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 4px;
    right: 10px;
    z-index: 5;
    /*transition: border .25s linear;
    -webkit-transition: border .25s linear;*/
}

#contactFormPanel #contactForm .field-value .form-field-radio-group li:hover .check {
    border: 1px solid #3b3b3b;
}

#contactFormPanel #contactForm .field-value .form-field-radio-group li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

#contactFormPanel #contactForm .field-value .form-field-radio-group input[type=radio]:checked ~ .check {
    border: 1px solid #75c3b5;
}

#contactFormPanel #contactForm .field-value .form-field-radio-group input[type=radio]:checked ~ .check::before{
    background: #75c3b5;
}

#contactFormPanel #contactForm .field-value .form-field-textarea {

    height:153px;
    width:100%;
    border:1px solid #75c3b5;
    margin:0;
    padding: 10px;
    
    -webkit-transition: border .5s ease;  
    -moz-transition: border .5s ease;  
    -o-transition: border .5s ease;  
    -ms-transition: border .5s ease;  
    transition: border .5s ease;

}

#contactFormPanel #contactForm .field-value .form-field-textarea:focus  {
    outline: none !important;
    border:1px solid #3b3b3b;
}

#contactFormPanel #contactForm .arrow-button-container {

    text-align:left;
    margin:20px 0 0 0;
    height:50px;
}

#contactFormPanel #contactForm .field-value #sendButton {

    padding:10px 54px 26px 54px;
    color:#75c3b5;
    border:2px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;   
}

#contactFormPanel #contactForm .field-value #sendButton:after {

    border-top: 10px solid #75c3b5;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;       
}

#contactFormPanel #contactForm .field-value #sendButton:hover {

    color:#f9f9f9;
    /*border:2px solid #f9f9f9;*/
    background:#75c3b5;
}

#contactFormPanel #contactForm .field-value #sendButton:hover:after {

    /*border-top: 10px solid #3b3b3b;*/
    border-top: 10px solid #f9f9f9;

}

#contactFormPanel #messageSent {

    max-width:710px;
    margin:10px auto;
    letter-spacing:0;
    display:none;
}

/* ADVERTISERS SOLUTIONS ACCORDIAN */

#advertiserSolutionsPanel {

   padding:0 0 20px 0;
}

.solutions-accordian {

    text-align:center; 
    padding:46px 0 26px 0;
}

.solutions-accordian.accordian-closed {
    cursor:pointer;
}

.solutions-accordian.accordian-closed.pale-grey {
    background: #f0f0f0;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

.solutions-accordian.accordian-closed.mid-grey {
    background: #e7e7e7;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

.solutions-accordian.accordian-closed .solutions-accordian-title {

    color: #6f6f6f;
    font-size:1.2em;
    font-weight:bold;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

.solutions-accordian.accordian-closed .solutions-accordian-decoration { 

    content: "";
    display:block;
    width: 10px;
    height: 2px;
    margin:20px auto 0 auto;
    background-color: #75c3b5;
    position:relative;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

.solutions-accordian.accordian-closed .solutions-accordian-decoration:after { 

    content: "";
    position:absolute;
    width: 2px;
    height: 10px;
    left: 4px;
    top:-4px;    
    background-color: #75c3b5;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

.solutions-accordian.accordian-closed .solutions-accordian-copy-container {

    height:0;
    display:block;
    overflow:hidden;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;    
}


/* open*/
/* only apply to #advertiserSolutionsPanel not the template panel */

#advertiserSolutionsPanel .solutions-accordian.accordian-open  {

    background:#75c3b5;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;    
}

#advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-title { 

    color: white;
    font-size:2.2em;
    font-weight:bold;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;
    
}

@media (max-width: 670px) {
    #advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-title {
        font-size: 2em;
    }
}

#advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-decoration { 

    content: "";
    display:block;
    width: 64px;
    height: 2px;
    margin:20px auto 0 auto;
    background-color: white;
    position:relative;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;    
}

#advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-decoration:after { 

    content: "";
    position:absolute;
    width: 2px;
    height: 0;
    left: 30px;
    top:0;    
    background-color: white;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease; 
}

#advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-copy-container {

    height:280px;
    display:block;
    overflow:hidden;
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;
}

@media (max-width: 670px) {
    #advertiserSolutionsPanel .solutions-accordian.accordian-open .solutions-accordian-copy-container {

        height:560px;
    }
}

.solutions-accordian .solutions-accordian-copy {

    max-width:910px;
    margin:40px auto;
    display: table; 
       
    -webkit-transition: all .5s ease;  
    -moz-transition: all .5s ease;  
    -o-transition: all .5s ease;  
    -ms-transition: all .5s ease;  
    transition: all .5s ease;  
}

@media (max-width: 670px) {
    .solutions-accordian .solutions-accordian-copy {
        display: block; 
    }
}    

.solutions-accordian .solutions-accordian-copy .copy-image {

    width:222px;
    text-align:left;
    border:0px solid red;
    display: table-cell; 
    vertical-align: middle;
}

@media (max-width: 670px) {
    .solutions-accordian .solutions-accordian-copy .copy-image {
        display:block;
        width:182px;
        margin: 0 auto 20px auto;
    }
}

.solutions-accordian .solutions-accordian-copy .copy-image .circle {

    width:182px;
    height:182px;
    border-radius:91px;
    background:white;
}

.solutions-accordian .solutions-accordian-copy .copy-image img {
    width:130px;
    height:130px;
    margin:0;
    padding:0;
    margin:25px 0 0 25px;
    border:0px solid green;
}

.solutions-accordian .solutions-accordian-copy .phone-offset img {

    margin:30px 0 0 40px;
}

.solutions-accordian .solutions-accordian-copy .copy-text {

    width:auto;
    overflow:hidden;
    text-align:left;
    letter-spacing:0;
    color:white;
    line-height:1.5em;
    display: table-cell; 
    vertical-align: middle;
}

@media (max-width: 670px) {
    .solutions-accordian .solutions-accordian-copy .copy-text {
        display:block;
        text-align:center;
    }
}

#templateAdvertiserSolutionsPanel {

    position:absolute;
    top:-1000px;
}


/* FOOTER */

#linkingFooter {

    background-color: #75c3b5;
    background: -webkit-linear-gradient(#6ccaba, #a5c8b4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6ccaba, #a5c8b4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6ccaba, #a5c8b4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6ccaba, #a5c8b4); /* Standard syntax */
}

#linkingFooter #addressPanel {

   text-align:center;
   padding: 50px 0 0 0;
   border-bottom: 1px solid white;
}

#linkingFooter #addressPanel .address-panel-half {

    padding:0 0 50px 0;
}

#linkingFooter #addressPanel .address-panel-title {

    color: white;
    font-size:1em;
    line-height:2em;
    font-weight:bold;
    margin:0 0 10px 0;
}

#linkingFooter #addressPanel .address-panel-title:after { 

    content: "";
    display:block;
    width: 64px;
    height: 2px;
    margin:0 auto;
    background-color: white;
}

#linkingFooter #addressPanel .address-panel-address {

    color:white;
    font-size: 1em;
    letter-spacing:0em;
    line-height: 2em;
    border:0px solid red;
    padding:0;
    margin: 0 0 0 0;
    font-weight:medium;
}

#linkingFooter #addressPanel .address-panel-address a {
    color:white;
}

#linkingFooter #addressPanel .address-panel-address a:hover {
    color: #3b3b3b;
}


#linkingFooter #iabPanel {

    padding:20px 0 20px 0;
    border-bottom: 1px solid white;
    text-align:center;
}

#linkingFooter #iabPanel img {

    width:110px;
    height:62px;
}



/*
#linkingFooter #iabPanel {

    color:white;
    padding:20px 0 20px 0;
    font-size: 1em;
    font-family: helvetica, ariel, sand-serif;
    line-height:1.25em;
    border-bottom: 1px solid white;
}


#linkingFooter #iabPanel .iab-panel-left {
    width:50%;
    float:left;
    text-align:right;
    padding-right:3px;
}

#linkingFooter #iabPanel .iab-panel-right {
    width:50%;
    float:right;
    text-align:left;
    padding-left:3px;
 
}



#linkingFooter #iabPanel .iab-panel-right div {

   letter-spacing:0em;
}   

#linkingFooter #iabPanel .circle {

    width:32px;
    height:32px;
    border-radius:16px;
    font-size:1em;
    letter-spacing:0em;
    color:#93c9b6;
    line-height:30px;
    text-align:center;
    background:white;
    float:right;
    margin-top:4px;
}

*/

#linkingFooter #copyrightPanel {

    color:white;
    text-align:center;
    padding:20px 0 20px 0;
    font-size:0.75em; /*0.825em;*/
    letter-spacing:0em;
}

#linkingFooter #copyrightPanel a, #linkingFooter #copyrightPanel a:visited, #linkingFooter #copyrightPanel a:focus, #linkingFooter #copyrightPanel a:active {
    
    color:white;
}

#linkingFooter #copyrightPanel a:hover {

    color:#3b3b3b;
}


/*cookie-consent overrides*/
.cc-window {
    letter-spacing: 0em;
}

.cc-message {
    margin-right:20px;
}