@font-face {
    font-family: 's4mio';
    src:    url('../fonts/s4mio.eot?6cjzb1');
    src:    url('../fonts/s4mio.eot?6cjzb1#iefix') format('embedded-opentype'),
        url('../fonts/s4mio.ttf?6cjzb1') format('truetype'),
        url('../fonts/s4mio.woff?6cjzb1') format('woff'),
        url('../fonts/s4mio.svg?6cjzb1#s4mio') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-s4m-"], [class*=" icon-s4m-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 's4mio' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-s4m-s4m_icon_absolutevalue:before {
    content: "\e900";
}
.icon-s4m-s4m_icon_audience:before {
    content: "\e901";
}
.icon-s4m-s4m_icon_behaviours:before {
    content: "\e902";
}
.icon-s4m-s4m_icon_buyingmodel:before {
    content: "\e903";
}
.icon-s4m-s4m_icon_contexte:before {
    content: "\e904";
}
.icon-s4m-s4m_icon_creative:before {
    content: "\e905";
}
.icon-s4m-s4m_icon_dusseldorf:before {
    content: "\e906";
}
.icon-s4m-s4m_icon_guarantee:before {
    content: "\e907";
}
.icon-s4m-s4m_icon_london:before {
    content: "\e908";
}
.icon-s4m-s4m_icon_mobile:before {
    content: "\e909";
}
.icon-s4m-s4m_icon_newyork:before {
    content: "\e90a";
}
.icon-s4m-s4m_icon_paris:before {
    content: "\e90b";
}
.icon-s4m-s4m_icon_peaceofmind:before {
    content: "\e90c";
}
.icon-s4m-s4m_icon_peoplefirst:before {
    content: "\e90d";
}
.icon-s4m-s4m_icon_realmetrics:before {
    content: "\e90e";
}
.icon-s4m-s4m_icon_saopaulo:before {
    content: "\e90f";
}
.icon-s4m-s4m_icon_signals:before {
    content: "\e910";
}
.icon-s4m-s4m_icon_singapore:before {
    content: "\e911";
}
.icon-s4m-s4m_icon_targeting:before {
    content: "\e912";
}
.icon-s4m-s4m_icon_trueimpression:before {
    content: "\e913";
}

/******************************************/
/*              S4M HOME SLIDE            */
/******************************************/
.slide-wrap form input[type="text"]::-webkit-input-placeholder {
   color: black;
}
.slide-wrap form input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: black;
}
.slide-wrap form input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: black;
}
.slide-wrap form input[type="text"]:-ms-input-placeholder {
   color: black;
}
.slide-wrap form input[type="text"] {
    max-width: 40%;
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
}
.slide-wrap form input[type="submit"] {
    width: auto%;
    position: relative;
    display: inline-block;
    background-color: #009ec0;
    color: white;
    margin-top: -4px;
}
.slide-wrap form img.ajax-loader {
   height: 16px;
   width: 16px;
   margin: 10px auto;
}

/******************************************/
/*              S4M PORTFOLIO             */
/******************************************/
.s4m-portfolio .work-content {
    display: none;
}

#gallery-modal video {
    position: relative;
    max-height: 500px;
    width: auto;
    height: 90%;
}

/******************************************/
/*              S4M ADVERFI BLOCK         */
/******************************************/
.adverification_score h3 {
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.adverification_score .meter {
   height: 35px;
   position: relative;
   background: #FFF;
   border: 3px solid #009ec0;
   width: 70%;
}

.adverification_score .image {
   text-align: right;
   padding-right: 5px;
   width: 50%;
}

.adverification_score .data {
    padding-left: 5px;
   width: 50%;
}
.adverification_score .data .meter > span {
   position: absolute;
   display: block;
   height: 100%;
   overflow: hidden;
   background-color: black;
   transition: 2s;
}
.adverification_score .data .score {
   color: black;
   font-size: 27px;
   font-weight: 600;
}
.adverification_score .data .text {
   color: black;
   font-size: 14px;
   font-weight: 400;
}

/******************************************/
/*         S4M SERVICE IMAGE: ;           */
/******************************************/
.service-image .image img {
   max-width: 55px;
   margin-bottom: 30px;
}
/******************************************/
/*         S4M ADVERFI BLOCK VS           */
/******************************************/
.adverification_score_vs {
   background: url("../images/baseline.png") repeat-x scroll center center rgba(0, 0, 0, 0) !important;
   width: 70%;
   margin: auto;
}
.adverification_score_vs h3 {
   background: #FFF;
   display: table;
   position: relative;
   text-transform: uppercase;
   padding: 0px 15px;
   color: black;
   font-size: 16px;
   font-weight: 600;
   text-align: center;
   margin: auto;
}