/* Global reset
*******************************************************************************/
html, body, div, a, object, iframe, p, blockquote, pre,
img, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6,
fieldset, form, legend, textarea, button, input, select, span{
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* =HTML5 display definitions
*******************************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
svg:not(:root)  { overflow: hidden; }
/* Tags reset
*******************************************************************************/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a       { text-decoration: none; }
table   { border-collapse: collapse; border-spacing: 0; }
hr      { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding:0; }
ul, ol  { list-style: none; }
a:hover, a:active, label:focus, label:active { outline: none; }
img     { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* Normalizing form elements
*******************************************************************************/
fieldset { border: none; }
textarea, button, input, select { font-size: 100%; vertical-align: baseline; }
textarea { overflow: auto; min-height: 30px; max-height: 400px; resize: vertical; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align: middle; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="search"]{ -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button[disabled],
input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
/* Normalizing Tags
*******************************************************************************/
small       { font-size: 85%; }
strong, th  { font-weight: bold; }
td, td img  { vertical-align: top; }
sub, sup    { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup         { top: -0.5em; }
sub         { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6  { font-weight: normal; margin: 0; }

/* =Minimal base appearance
*******************************************************************************/
html {
    height: 100%;
}
body {
    font: 12px/1.2 Arial, sans-serif;
    background: #fff;
    height: 100%;
    width: 100%;
}
select, input, textarea {
    color: #444;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
a:link  { -webkit-tap-highlight-color: #478FB2; }
a       { color: #4aa6bd; }
a:hover { color: #036; }
::-webkit-input-placeholder { color: #878a8c; }
::-moz-placeholder          { color: #878a8c; opacity: 1; }
::-moz-selection            { color: #fff; background: #0078AE; }
::selection                 { color: #fff; background: #0078AE; }
/* Placeholder fix */
:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder { color: transparent; }
.oms-item a h2
.whitepaper-subtext p a,
.header a,
.footer a
.mce-content a,
.aside a,
.text-lnk,
.soc-column .socc-text a,
.site-map a,
.das-item .das-content h3 a,
.job-section .js-item h3 a {
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
/* = Useful classes
*******************************************************************************/
.clearfix:before, .clearfix:after,
.container:before, .container:after,
.nav:before, .nav:after,
.f-row:before, .f-row:after { content: ""; display: table; }
.clearfix:after, .f-row:after, .container:after, .nav:after { clear: both; } /* .clearfix, .f-row, .container, .nav */
.debug    { border: 1px dotted red !important; }
.hidden   { display: none; visibility: hidden; }
.no-marg  { margin: 0 !important; }
.no-marg-b  { margin-bottom: 0 !important; }
.no-pad   { padding: 0 !important; }
.no-pad-b { padding-bottom: 0 !important;}
.no-pad-t { padding-top: 0 !important;}
.no-bg    { background: none !important; }
.no-bd    { border: none !important; }
.fl-l     { float: left !important; }
.fl-r     { float: right !important; }
.a-center { text-align: center; }
.a-left   { text-align: left; }
.a-right  { text-align: right; }
.clear    { clear: both; }
.d-block  { display: block !important; }
.d-none   { display: none; }
.error-messages,
.warning_mess {color:#f00;}
.error-messages li,
.ul_message_box li {padding:0 0 6px;}
.form-login-box .error-messages {margin-left:25px;}
.text-alt {color: #0078ae;}
.show-in-mobile,
.show-in-tablet,
.show-in-desktop {
    display: none;
}
/* = Layout/Modules
*******************************************************************************/
.wrapper {
    height: auto !important;
}
.frame {
    max-width: 980px;
    margin: 0 auto;
    min-width: 268px;
}

.frame-narrow {
    max-width: 724px;
}
/* = Custom Fonts
*******************************************************************************/
@font-face { font-family: 'roboto-black-webfont'; font-weight: bold; src: url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-black-webfont.eot"); src: local("roboto-black-webfont Regular"), local("century-gothic"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-black-webfont.woff") format("woff"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-black-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-bold-webfont'; font-weight: bold; src: url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-bold-webfont.eot"); src: local("roboto-bold-webfont Regular"), local("century-gothic"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-bold-webfont.woff") format("woff"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-bold-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-light-webfont'; font-weight: bold; src: url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-light-webfont.eot"); src: local("roboto-light-webfont Regular"), local("century-gothic"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-light-webfont.woff") format("woff"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-light-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-medium-webfont'; font-weight: bold; src: url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-medium-webfont.eot"); src: local("roboto-medium-webfont Regular"), local("century-gothic"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-medium-webfont.woff") format("woff"), url("/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/roboto-medium-webfont.ttf") format("truetype"); }
@font-face { font-family: 'Roboto Bold Condensed'; src: url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.eot'); src: url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.eot#iefix') format('embedded-opentype'), url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.woff') format('woff'), url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('/web/20150623063248im_/http://www.bluefountainmedia.com/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; }
/* = Header
*******************************************************************************/
.header {
    padding: 23px 0 21px;
    border-top:5px solid #0078ae;
    position:relative;
    background:#fff;
    box-shadow:0 3px 3px rgba(132, 136, 138, 0.1);
}
.header .frame {
    position:relative;
}
.logo {
    float: left;
    position:absolute;
    top:0;
    left:0;
}
.logo a {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo.png) no-repeat;
    display: block;
    height:65px;
    width: 360px;
    font: 0/0 serif;
    color: transparent;
}
.logo img { display: none; }
.head-r-side {
    float:right;
}
.head-top {
    float: right;
    text-align: right;
}
.ht-nav {
    float: right;
    font: 0/0 Arial;
}
.additional-nav {
    display:inline-block;
    vertical-align:middle;
}
.ht-nav li {
    display:inline-block;
    padding: 0 2px 0 5px;
}
.ht-nav li a{
    color: #878a8c;
}
.ht-nav li:first-child {
    border: none;
}
.head-mid{
    clear:both;
    padding: 0 0 14px;
    float: right;
}
.head-bot { clear: both; }
.ht-simplemenu li:first-child em.arrow{
    background: none;
}
.ht-simplemenu em.arrow{
    width: 4px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -44px 0;
}
.ht-simplemenu .phone em{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat 0 0;
    width: 21px;
    height: 21px;
    margin: 0 5px 0 0;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.ht-simplemenu .phone{
    font:bold 16px/20px 'roboto-bold-webfont', arial, sans-serif;
    color: #5a6063;
    display:inline-block;
    vertical-align:middle;
    margin: -5px 0 0 9px;
    padding:2px 0 3px 15px;
    border-left:1px solid #dadada;
}
.ht-simplemenu .phone:hover {
    color: #5a6063;
}
.search-line {
    display:inline-block;
    vertical-align:middle;
    padding:0 0 0 9px;
    border-left:1px solid #dadada;
    margin:-5px 0 0 12px;
}
.ht-simplemenu .search{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -23px 0;
    width: 21px;
    height: 21px;
    margin: 2px 5px 0;
    display:inline-block;
    vertical-align:middle;
    font-size: 0;
    line-height: 0;
    color: transparent;
    overflow:hidden;
    text-align:left;
}
.ht-simplemenu .search:hover{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -300px 0;
}
.separate-border{
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -50px 0;
    width: 1px;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: bottom;
}
.additional-nav li a,
.additional-nav li span{
    float: left;
    font: 13px/25px Arial;
}
.btn-raq {
    border-left: 1px solid #DADADA;
    color: #90c404 !important;
    padding-right: 2px !important;
    font-family: 'roboto-black-webfont', Arial, sans-serif !important;
}
.btn-raq:after {
    content: "»";
    font: 26px/14px 'roboto-black-webfont',Arial,sans-serif;
    padding-left: 6px;
    vertical-align: -2px;
    position:relative;
    left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.btn-raq:hover:after {left:2px;}
.menu-frame{
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -62px 0;
    width: 34px;
    height: 29px;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 10px 21px 0 26px;
    cursor: pointer;
}
.separate-border.top-indent{
    margin: 10px 0 0;
}
.hm-advancedmenu{
    float:right;
    padding:30px 0 0;
}
.header .hm-advancedmenu .active a,
.header .hm-advancedmenu a:hover{
    color:#0078ae !important;
    font-family: "roboto-black-webfont";
}
/* = Main Nav */
.header .nav {
    clear: both;
    text-align: left;
    font: 14px/35px Roboto-m, Arial, sans-serif;
    float: right;
}
.header .nav > li {
    float: left;
    position: relative;
}
.header .nav > li > a {
    color: #5a6063;
    display: block;
    font: 14px/25px 'roboto-medium-webfont', Arial, sans-serif;
    padding: 0 13px;
    text-transform: uppercase;
}
.header .nav > li.active a {
    color:#389fd8 !important;
    position: relative;
}
.header .nav > li.active:before {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -250px 0;
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 13px;
    margin-left: -2px;
    height: 7px;
    content: '';
}
.h-animated .nav > li.active:before {display: none;}
.header .nav > li:first-child {
    border-left: medium none;
}
.header .nav li:nth-child(1){
    max-width:99px;
}
.header .nav li:nth-child(2){
    max-width:91px;
}
.header .nav li:nth-child(3){
    max-width:82px;
}
.header .nav li:nth-child(4){
    max-width:94px;
}
.header .nav li:nth-child(5){
    max-width:87px;
}
.link-more{
    font: 14px/25px 'roboto-black-webfont', Arial, sans-serif;
    color: #90c404 !important;
    text-transform: uppercase;
    padding-right: 0 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.link-more:hover {color:#036 !important;}
.link-more:after{
    font: 24px/14px 'roboto-black-webfont', Arial, sans-serif;
    padding-left: 5px;
    vertical-align: -2px;
    content: "\bb";
}
.header .nav li .btn-h-request {
    height:30px;
    border-radius: 15px;
    padding:0 14px;
    margin:-3px 0 0;
    font:13px/30px "roboto-bold-webfont", sans-serif;
    color:#fff;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #739b5f;
    background: rgb(0,156,219);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODljMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc5YjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,156,219,1) 0%, rgba(0,137,195,1) 50%, rgba(0,121,176,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,156,219,1)), color-stop(50%,rgba(0,137,195,1)), color-stop(100%,rgba(0,121,176,1)));
    background: -webkit-linear-gradient(top,  rgba(0,156,219,1) 0%,rgba(0,137,195,1) 50%,rgba(0,121,176,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,156,219,1) 0%,rgba(0,137,195,1) 50%,rgba(0,121,176,1) 100%);
}
.header .nav li .btn-h-request:hover {
    color:#fff !important;
    background: rgb(0,121,176);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzliMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODljMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDljZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00b6fe, #00a9ed, #009edd);
    background: -webkit-linear-gradient(top,  #00b6fe, #00a9ed, #009edd);
    background: linear-gradient(to bottom,  #00b6fe, #00a9ed, #009edd);
}
.header .nav li ul {
    display: none;
    position: absolute;
    background: #f5f4f4;
    border: 1px solid #ccc;
    white-space: nowrap;
    z-index: 10;
}
.header .nav li:hover > ul {
    display: block;
}
.header .nav li ul a {
    display: block;
    padding: 10px;
}
.nav li ul li {
    border-top: 1px solid #ccc;
}
.nav li ul li:first-child {
    border-top: none;
}
.header .active a,
.header a:hover{
    color:#009ddc !important;
}
.nav .p-box {
    width: 0;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/* additional styles */
.open-m-menu {
    float:left;
    margin:0 22px 0 0;
    width:80px;
    height:36px;
    font-size:0;
    line-height:0;
    overflow:hidden;
    text-indent:-9999px;
    border-right:1px solid #dadada;
}
.header .open-m-menu,
.mm-opening .header .open-m-menu {
    display:none;
}
.menu-title .open-m-menu {
    float:right;
    margin:9px 0 0;
}
.open-m-menu:before {
    display:block;
    margin:5px auto 0;
    width:34px;
    height:29px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -62px 0;
}
.menu-title {
    border-top:5px solid #0078ae;
    width:205px;
    height:62px;
    background:#fff;
    font:17px/59px "roboto-medium-webfont", sans-serif;
    color:#0078ae;
    text-transform:uppercase;
    padding:0 0 0 26px;
}
.search-field {
    float:left;
    width:0;
    overflow:hidden;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.search-field input[type="text"] {
    width:110px;
    padding:5px 5px 4px;
    font:12px/15px Arial, Helvetica, sans-serif;
    color:#5a6063;
    border:1px solid #ccc;
    margin:0 4px 0 0;
}
.search-active .search-field {
    width:110px;
}
.head-top {
    max-width:615px;
    padding-top: 10px;
}
/* = Footer
*******************************************************************************/
.footer{
    /*min-height: 800px;*/
    position: relative;
}
.start-getting-results{
    border-radius: 3px;
    background:#007eb6;
    padding-left: 95px;
    margin-top: -50px;
}
.start-getting-results h5{
    font:45px/45px 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
    padding: 30px 0;
    color:White;
    text-shadow: 0 -1px 0 black;
    float:left;
}
.start-getting-results h5 span{
    font:45px/45px 'roboto-black-webfont', Arial, Helvetica, Sans-Serif;
    text-shadow: 0 -1px 0 black;
}
.start-getting-results h5 em{
    display: block;
    font-size: 17px;
    font-style: normal;
    text-align: center;
}
.start-getting-results a{
    margin: 35px 95px 0 0;
    float:right;
    font: 18px/18px 'roboto-black-webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 9px 40px;
    text-shadow: 0 -1px 0 #447523;
    box-shadow: 0px -1px 0 #c9e973, 0 1px 0 #5e8900;
    border-radius: 18px;
    background: #95c906;
    background: -moz-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2d90c), color-stop(100%,#89bb00));
    background: -webkit-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: -ms-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: linear-gradient(to bottom, #a2d90c 0%,#89bb00 100%);
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}
.start-getting-results a:hover{
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ie9 .start-getting-results a:hover {
    background: #a2d90c;
}
.grow-brand-online{
    padding-left: 105px;
}
.f-information-columns-wrapper{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png") repeat 0 0;
    padding-bottom: 75px;
}
.f-information-columns-wrapper-light {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png") repeat;
    border-top: 1px solid #e5e5e5;
}
.f-information-columns-wrapper-alt { padding-top: 58px;}
.f-information-columns-content .start-getting-results{
    margin-bottom: 80px;
}
.f-information-columns-content .ficc-column{
    width:31%;
    float: left;
    padding:2px;
    position: relative;
}
.f-information-columns-content .ficc-bfm{
    margin-right: 3.5%;
    text-align: center;
    padding-bottom: 45px;
}
.f-information-columns-content .ficc-bfm h6{
    font: bold 20px/20px Arial, Helvetica, Sans-Serif;
    color:White;
    padding-top: 20px;
}
.f-information-columns-content .bfm-map{
    width: 100%;
    max-height: 120px;
    line-height: 120px;
    text-align: center;
    overflow: hidden;
}
.f-information-columns-content .bfm-map img{
    border-radius: 3px;
    max-width: none;
}
.f-information-columns-content .bfm-text p{
    color:#b8e0f1;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
}
.f-information-columns-content .direction-follow-btn{
    font: 14px/14px 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    color:#fff;
    text-transform: uppercase;
    background: #0078ae;
    padding: 11px 28px 14px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 black;
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 20%;
    bottom:-20px;
    border:1px solid #008ece;
    box-shadow: inset 0 -1px 0 #004664, -1px -1px 0px #004664;
}
.f-information-columns-content .direction-follow-btn:hover{
    background: #009ddc;
}
.f-information-columns-content .direction-follow-btn:after{
    font: 25px/14px 'roboto-black-webfont', Arial, sans-serif;
    padding-left: 8px;
    vertical-align: -1px;
    content: "\bb";
}
.f-information-columns-content .ficc-bfm,
.f-information-columns-content .ficc-twitter{
    background-color: rgba(0, 28, 54, 0.3);
    border:1px solid #0094d2;
    border-radius: 4px;
    /*min-height: 284px;*/
}
.f-information-columns-content .ficc-email{
    margin-right: 3.5%;
}
.f-information-columns-content .email-receive-tips{
    border:1px solid #1face5;
    border-radius: 5px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/fice-receive-tips-bkg.png) repeat 0 0;
    box-shadow: 0 1px 0 #000;
    position: relative;
    text-align: center;
}
.f-information-columns-content .email-receive-tips h6{
    font-weight:bold;
    font-size: 20px;
    text-shadow: 0 -1px 0 #000;
    color:White;
    margin-top: 25px;
}
.f-information-columns-content .email-receive-tips p{
    font-size: 15px;
    color:White;
    text-shadow: 0 -1px 0 #000;
    padding: 15px 0 14px;
}
.f-information-columns-content .email-receive-tips:after{
    content:"";
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat 0 -110px;
    position:absolute;
    left:50%;
    margin-left: -15px;
    bottom:-14px;
    width:31px;
    height:14px;
}
.email-sign-up{
    text-align: center;
    position: relative;
    padding: 10px 0 0;
}
.email-sign-up .esu-input{
    position: relative;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat 0 -130px;
    height:39px;
    margin-top: 43px;
}
.email-sign-up .esu-input input[type="text"]{
    margin: 8px 0 0 0;
    width: 100%;
    background: transparent;
    border-style: none;
    font-size: 14px;
    font-style: italic;
    color:#878a8c;
    text-align: left;
    height: 27px;
    padding-left: 20px;
}
.email-sign-up .esu-input .esui-corner{
    position: absolute;
    right: -1px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat 0 -174px;
    width:20px;
    height:39px;
    top:0;
}
.email-sign-up .sign-up-btn{
    border-radius: 18px 18px 18px 18px;
    box-shadow: 0 -1px 0 #C9E973, 0 1px 0 #5E8900;
    color: #FFFFFF;
    font: 14px/14px 'roboto-black-webfont',Arial,Helvetica,sans-serif;
    display: inline-block;
    padding: 10px 40px;
    text-shadow: 0 -1px 0 #447523;
    margin: 18px 0 0;
    background: #95c906;
    background: -moz-linear-gradient(top, #A2D90C 0%, #a2d90c 100%);
    background: -webkit-linear-gradient(top, #A2D90C 0%,#89BB00 100%);
    background: -ms-linear-gradient(top, #A2D90C 0%,#89BB00 100%);
    background: linear-gradient(to bottom, #A2D90C 0%, #89BB00 100%);
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    cursor: pointer;
}
.email-sign-up .sign-up-btn:hover{
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ie9 .email-sign-up .sign-up-btn:hover {
    background: #A2D90C;
}
.f-information-columns-content .ficc-twitter{
    float: right;
    padding-top: 105px;
    text-align: center;
    min-height:280px;
}
.ficc-twitter .twitter-bfm-logo{
    position: absolute;
    width:97px;
    height: 96px;
    top:-24px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -369px -10px;
    left:50%;
    margin-left:-48px;
}
.ficc-twitter .twitter-text{
    font-size: 15px;
    color:#b8e0f1;
    margin: 0 35px;
    line-height: 25px;
    padding-bottom: 40px;
}
.ficc-twitter .twitter-text a{
    color:#30c1fb;
}
.ficc-twitter .twitter-text a:hover{
    color: #FFC45C;
}
.ficc-twitter .direction-follow-btn{
    padding-right: 45px;
}
.ficc-twitter .direction-follow-btn:before{
    content:"";
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -363px -184px;
    display: block;
    width:66px;
    height:53px;
    position: absolute;
    right: -40px;
    top:-16px;
    z-index: 9999;
}
.ficc-twitter .direction-follow-btn span {
    content:"";
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -288px -184px;
    display: block;
    width:66px;
    height:53px;
    position: absolute;
    right: -41px;
    top:-16px;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.ficc-twitter .direction-follow-btn:hover span{
    opacity:1;
}
.ficc-twitter .direction-follow-btn:after{
    font: 25px/14px 'roboto-black-webfont', Arial, sans-serif;
    padding-left: 8px;
    vertical-align: -2px;
    content: "\bb";
}
.f-social-columns-content{
    padding: 40px 0;
}
.f-social-columns-content .fscc-column{
    width:31%;
    float: left;
}
.f-social-columns-content .fscc-column:first-child,
.f-social-columns-content .fscc-column:nth-child(2){
    margin-right: 3.5%;
}
.fscc-column .social-icon{
    width:75px;
    height: 75px;
    float: left;
    position: relative;
    top:0;
    z-index: 2;
    -webkit-transition: top 0.4s ease-out;
    -moz-transition: top 0.4s ease-out;
    transition: top 0.4s ease-out;
}
.fscc-column a:hover .social-icon {
    top:-8px;
}
.fscc-facebook .social-icon{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -471px -1px;
}
.fscc-googleplus .social-icon{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -104px -174px;
}
.fscc-googleplus .sh-subcaption{
    width:100%;
}
.linkedin-share .social-icon{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -189px -174px;
}
.fscc-column .social-header{
    float: left;
    display: block;
    margin-left: -40px;
    position: relative;
    z-index: 1;
    margin-top: 4px;
    width:265px;
}
.fscc-column .social-header .sh-caption,
.fscc-column .social-header .sh-subcaption{
    background-color:rgba(0, 0, 0, 0.3);
}
.fscc-column .social-header .sh-caption{
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    color:#336aa8;
    padding: 10px 18px 0 50px;
    display: inline-block;
}
.fscc-googleplus .social-header .sh-caption{
    color:#aa4141;
}
.linkedin-share .social-header .sh-caption{
    color:#286d8f;
}
.fscc-column .social-header .sh-subcaption{
    display: block;
    color:#798185;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    padding: 10px 20px 10px 50px;
}
.fscc-column .social-header .sh-subcaption{
    border-right: 4px solid rgba(51, 106, 168, 0.5);
}
.fscc-column .social-share-wrapper{
    float: right;
    margin-top: 13px;
}
.fscc-googleplus .social-header .sh-subcaption{
    border-right-color: rgba(170, 65, 65, 0.5);
}
.fscc-googleplus .check-our-page-lnk{
    color:#aa4141;
    font: 13px/13px 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    float: right;
    margin-top: 20px;
    text-shadow: 0 -1px 0 black;
}
.fscc-googleplus .check-our-page-lnk:after{
    font: 23px/14px 'roboto-black-webfont', Arial, sans-serif;
    padding-left: 8px;
    vertical-align: -2px;
    content: "\bb";
}
.fscc-googleplus .check-our-page-lnk:hover{
    color:#389FD8;
}
.f-social-columns-wrapper{
    background:url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png") repeat 0 0;
}
.f-social-columns-content .linkedin-share{
    float: right;
}
.f-menu-wrapper{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/f-menu-wrapper-bkg.png) repeat 0 0;
    padding: 25px 0 65px;
    text-align: center;
}
.f-menu-content .fmc-list{
    margin: 0 0 40px;
}
.f-menu-content .fmc-list li{
    display: inline-block;
    margin-right: 32px;
}
.f-menu-content .fmc-list a{
    color:#798185;
    font: 14px/14px 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}
.f-menu-content .fmc-list .active a,
.f-menu-content .fmc-list a:hover{
    color:#fff;
}
.f-menu-content .fmc-copyright{
    color:#798185;
    font: 14px/14px 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}
.f-menu-content .fmc-copyright a{
    color:#798185;
    text-decoration: underline;
}
.f-menu-content .fmc-copyright a:hover{
    color:#389FD8;
    text-decoration: none;
}
.f-menu-content .fmc-copyright a:hover{
    text-decoration: none;
}
/* = Home Page
*******************************************************************************/
/* = Common Classes for Home Page */
.next-step{
    width:115px;
    height: 115px;
    position: absolute;
    top:-55px;
    left:50%;
    margin-left: -58px;
    border-radius: 50%;
    padding-top: 45px;
    display: block;
    padding-left: 22px;
    text-align: left;
    -webkit-transition: box-shadow 0.4s ease-out;
    -moz-transition: box-shadow 0.4s ease-out;
    transition: box-shadow 0.4s ease-out;
}
.next-step:before {
    position:absolute;
    top:42px;
    left:22px;
    width:56px;
    height:24px;
    content:"";
    z-index:10;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -26px -174px;
    -webkit-transition: top 0.4s ease-out;
    -moz-transition: top 0.4s ease-out;
    transition: top 0.4s ease-out;
}
.next-step:hover:before{
    background-position: -26px -200px;
    top:48px;
}
.next-step:after{
    position:absolute;
    top:0;
    left:0;
    width:99px;
    height:99px;
    content:"";
    border-radius:50%;
    z-index:1;
    background:#000;
}
.next-step:hover:after{
    background: #009ddc !important;
}
.home-wide-button{
    border-radius: 3px 3px 3px 3px;
    display: block;
    font: 16px/16px 'roboto-bold-webfont',Arial,sans-serif;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -webkit-transition: all 0.3s ease-out, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out, all 0.3s ease-out;
    transition: all 0.3s ease-out, all 0.3s ease-out;
}
.home-wide-button:after{
    font: 26px/14px 'roboto-black-webfont', Arial, sans-serif;
    padding-left: 8px;
    vertical-align: -1px;
    content: "\bb";
}
/* = Home Slider */
.home-slider-wrapper{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/home-slider-bkg-blue.png) repeat-x;
}
.home-slider-wrapper .home-slider-content{
    position: relative;
}
.home-slider-content .hs-left{
    width: 46%;
    padding-top: 31px;
}
.home-slider-content .hs-right{
    width: 54%;
    padding-top: 40px;
    position: absolute;
    right:0;
    top:0;
}
.hs-left .hsl-header,
.hs-left .hsl-header h1{
    font: 27px/32px 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
    color:#fff;
    text-shadow:0 -1px 0 #0b5c7d;
}
.hs-left .hsl-header h2 {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.hs-left .hsl-header h2,
.hs-left .hsl-header h1{
    display: inline;
}
.hs-left .hsl-header strong{
    text-shadow:0 1px 1px #0b5c7d;
    font:51px/63px 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.hs-left .hsl-header .sep-line{
    display:block;
    height:0;
}
.hs-left .hsl-subcaption{
    font:17px/25px 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
    color:#fff;
    padding-right:36px;
    text-shadow:0 1px 1px #0b5c7d;
}
.hs-left .hsl-subcaption strong{
    font:17px/17px 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    text-shadow: none;
}
.hs-left .see-our-work-btn{
    display: inline-block;
    font: 18px/18px 'roboto-black-webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 10px 40px;
    text-shadow: 0 -1px 0 #447523;
    box-shadow: 0px -1px 0 #c9e973, 0 1px 0 #5e8900;
    border-radius: 18px;
    background: #95c906;
    background: -moz-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2d90c), color-stop(100%,#89bb00));
    background: -webkit-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: -ms-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: linear-gradient(to bottom, #a2d90c 0%,#89bb00 100%);
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}
.hs-left .see-our-work-btn:hover{
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.hs-left .see-our-work-btn{
    margin: 30px 0 35px;
}
.ie9 .hs-left .see-our-work-btn:hover {
    background: #a2d90c;
}
.hs-left .simple-sep{
    height: 0;
    border:1px solid #3d95b8;
    border-width:0 0 1px;
    margin: 20px 26px 30px 0;
}
.hs-left .shadow-sep{
    height: 10px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/hs-shadow-sep.png) no-repeat center top;
    border-style: none;
    width:100%;
    margin:0 auto 30px;
}
.hs-sub-row {
    padding:44px 0 41px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg) repeat;
}
.hs-sub-item {
    display:inline-block;
    vertical-align:middle;
    margin:0 46px 0 0;
    max-height:46px;
}
/* = Home Companies */
.home-company-logos-wrapper{
    background:#fff;
    padding: 13px 0 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,.26);
    position:relative;
    z-index:10;
}
.home-company-logos-content{
    display:table;
    width:100%;
    text-align:center;
}
.home-company-logos-content li {
    display:table-cell;
    vertical-align: middle;
    font-size:0;
    line-height:0;
}
.client-logo-item {
    display:inline-block;
    font-size:0;
    line-height:0;
    color: transparent;
    position:relative;
}
.client-logo-item:before {
    position:absolute;
    top:0;
    left:0;
    height:69px;
    z-index:2;
    content:"";
    opacity:0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
.client-logo-item:hover:before {opacity:1;}
/* PG */
.cl-pg {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -145px 0;
    width: 81px;
    height: 36px;
}
.cl-pg:before {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -145px -84px;
    width: 80px;
    height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-pg {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -145px 0;
        background-size: 490px 490px;
    }
    .cl-pg:before {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -145px -84px;
        background-size: 490px 490px;
    }
}
/* AT & T */
.cl-at {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat;
    width:105px;
    height: 48px;
}
.cl-at:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat 0 -77px;
    width: 105px;
    height: 49px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-at {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat 0 0;
        background-size: 490px 490px;
    }
    .cl-at:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat 0 -77px;
        background-size: 490px 490px;
    }
}
/* NASA */
.cl-nasa {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -258px 0;
    width:71px;
    height: 58px;
}
.cl-nasa:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -258px -73px;
    width:71px;
    height: 59px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-nasa {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -258px 0;
        background-size: 490px 490px;
    }
    .cl-nasa:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -258px -73px;
        background-size: 490px 490px;
    }
}
/* CANON */
.cl-canon {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon1x.png) no-repeat;
    width: 109px;
    height: 23px;
}
.cl-canon:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon1x.png) no-repeat 0 -23px;
    width: 109px;
    height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-canon {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon.png) no-repeat;
        background-size: 108px 46px;
    }
    .cl-canon:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon.png) no-repeat 0 -23px;
        background-size: 108px 46px;
    }
}
/* NFL */
.cl-nfl {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -378px 0;
    width: 48px;
    height: 63px;
}
.cl-nfl:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -378px -73px;
    width: 48px;
    height: 63px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-nfl {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -378px 0;
        background-size: 490px 490px;
    }
    .cl-nfl:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -378px -73px;
        background-size: 490px 490px;
    }
}
/* HC */
.cl-hc {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -378px -162px;
    width: 108px;
    height: 62px;
}
.cl-hc:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -371px -249px;
    width: 108px;
    height: 62px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-hc {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -378px -162px;
        background-size: 490px 490px;
    }
    .cl-hc:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -371px -249px;
        background-size: 490px 490px;
    }
}
/* USN */
.cl-usm {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -258px -159px;
    width: 94px;
    height: 68px;
}
.cl-usm:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -258px -246px;
    width: 94px;
    height: 67px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-usm {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -258px -159px;
        background-size: 490px 490px;
    }
    .cl-usm:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-2x.png) no-repeat -258px -246px;
        background-size: 490px 490px;
    }
}
/* OP */
.cl-op {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax1x.png) no-repeat;
    width: 46px;
    height: 61px;
}
.cl-op:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax1x.png) no-repeat 0 -61px;
    width: 46px;
    height: 61px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-op {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax.png) no-repeat;
        background-size: 46px 123px;
    }
    .cl-op:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax.png) no-repeat 0 -61px;
        background-size: 46px 123px;
    }
}
/* EA */
.cl-ea {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea1x.png) no-repeat;
    width: 125px;
    height: 46px;
}
.cl-ea:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea1x.png) no-repeat 0 -46px;
    width: 125px;
    height: 46px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .cl-ea {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea.png) no-repeat;
        background-size: 124px 92px;
    }
    .cl-ea:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea.png) no-repeat 0 -46px;
        background-size: 124px 92px;
    }
}
/* = What We Do In a Nutshell */
.home-nutshell-wrapper{
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png) repeat 0 0;
    padding-top: 40px;
    border-bottom:1px solid #0d1013;
}
.home-nutshell-content div.h3{
    font: 57px/57px 'roboto-light-webfont', Arial, sans-serif;
    color:#fff;
    text-align: center;
}
.before-and-after-wrapper h3,
.case-studies-content h3,
.before-and-after-wrapper h6,
.case-studies-content h6{
    font: 57px/1 'roboto-light-webfont', Arial, sans-serif;
    color:#0078ae;
    text-align: center;
}
.home-nutshell-content .h3 span,
.home-nutshell-content h3 span,
.before-and-after-wrapper h3 span,
.case-studies-content h3 span,
.home-nutshell-content h6 span,
.before-and-after-wrapper h6 span,
.case-studies-content h6 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.home-nutshell-content .section-title p,
.before-and-after-wrapper .section-title p,
.case-studies-content .section-title p,
.our-clients-content .section-title p{
    color: #5A6063;
    font-size: 17px;
    line-height: 26px;
    margin:10px 0;

}
.before-and-after-wrapper .section-title p,
.case-studies-content .section-title p,
.our-clients-content .section-title p{
    text-shadow: none;
}
.hnc-simple-list{
    margin-top: 18px;
    text-align: center;
}
.hnc-simple-list li{
    display: inline-block;
    color:#5a6063;
    font-size: 17px;
    padding: 5px 0;
    margin-right: 15px;
    vertical-align:top;
}
.hnc-simple-list li br{
    display:none;
}
.hnc-simple-list li strong{
    color:#0078ae;
}
.hnc-simple-list .arrow-item{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/arrow-item-blue.png) no-repeat 0 4px;
    padding-left: 35px;
    /*background-position: 0 0; width: 22px; height: 22px;*/
}
.hnc-subcaption{
    color:#758288;
    text-align:center;
    font-size:17px;
    margin-top: 20px;
}
.hnc-subcaption-fs{
    font-size:24px;
}
.hnc-subcaption-short{
    letter-spacing:10px;
}
.hnc-features-list{
    margin: 55px 0 80px;
}
.hnc-features-list > li{
    width:25%;
    float:left;
    text-align: center;
    overflow: hidden;
}
.hnc-features-list .sc-bubble{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/nutshell-bubble.png) no-repeat 0 0;
    width:218px;
    min-height:90px;
    margin: 25px auto 0;
    font-size: 18px;
    padding-top: 35px;
}
.hnc-features-list .sc-bubble .h3,
.hnc-features-list .sc-bubble h2{
    font-size: 18px;
}
.hnc-features-list .sc-img{
    text-align: center;
}
.hnc-features-list .sc-img a{
    width:200px;
    height:200px;
    display:inline-block;
    position:relative;
    text-align: center;
}
.hnc-features-list .sc-link-1{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/strategy-consulting-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-2{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/creative-design-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-3{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/web-mobile-development-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-4{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/online-marketing-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-img img{
    position:absolute;
    top:0;
    left:0;
    width:180px;
    height:180px;
    margin:10px;
    display:block;
    max-width: none !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hnc-features-list .sc-img-2{
    opacity:0;
}
.hnc-features-list .sc-img a:hover .sc-img-2,
.hnc-features-list .sc-img a.active .sc-img-2{
    -webkit-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
    opacity:1;
}
.ie .hnc-features-list .sc-img a:hover .sc-img-2,
.ie .hnc-features-list .sc-img a.active .sc-img-2{
    opacity:0;
}
.hnc-features-list .sc-img a:hover .sc-img-1,
.hnc-features-list .sc-img a.active .sc-img-1{
    -webkit-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
    opacity:0;
}
.ie .hnc-features-list .sc-img a:hover .sc-img-1,
.ie .hnc-features-list .sc-img a.active .sc-img-1{
    opacity:1;
}
.desktop-mode .hnc-features-list > li:hover .sc-bubble,
.desktop-mode .hnc-features-list .sc-bubble:hover,
.hnc-features-list .activated{
    background-position: 0 -169px;
}
.desktop-mode .sc-bubble ul{
    opacity:0;
    visibility: hidden;
    display: block;
}
.sc-bubble ul{
    /*opacity:0;
    visibility: hidden;*/
    display: none;
    position: absolute;
    border-radius: 0 0 3px 3px;
    width: 218px;
    padding: 20px 0 15px;
    background: #1a2023;
    margin-top: -20px;
    /*height: 190px;*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 11;
}
.sc-bubble li:last-child a{
    border-style: none;
}
.sc-bubble ul h3 a{
    font-size: 12px;
    line-height: 12px;
    color:#777e84;
    border-bottom:1px solid #252a30;
    display: block;
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 15px;
    line-height: 18px;
    padding: 9px 6px;*/
}
.sc-bubble ul h3 a:hover{
    background: #000;
}
.desktop-mode .sc-bubble:hover ul,
.desktop-mode .sc-bubble ul.active{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.sc-bubble .h3 > a,
.sc-bubble h2 > a,
.sc-bubble > span{
    position: relative;
    z-index: 2;
    display:table-cell;
    vertical-align:middle;
    height:43px;
    width:218px;
}
.strategy-consulting .sc-bubble > span,
.strategy-consulting .sc-bubble h2 > a,
.strategy-consulting .sc-bubble .h3 > a,
.strategy-consulting .sc-bubble ul h3 a:hover{
    color:#71980d;
}
/*.strategy-consulting .sc-bubble ul a:hover{
    background:#6e9601;
}*/
.creative-design .sc-bubble h2 > a,
.creative-design .sc-bubble .h3 > a,
.creative-design .sc-bubble ul h3 a:hover{
    color:#d57e0e;
}
/*.creative-design .sc-bubble ul a:hover{
    background: #fb8e00;
}*/
.web-mobile-development .sc-bubble h2 > a,
.web-mobile-development .sc-bubble .h3 > a,
.web-mobile-development .sc-bubble ul h3 a:hover{
    color:#9b3bb5;
}
/*.web-mobile-development .sc-bubble ul a:hover{
    background:#c220eb;
}*/
.web-online-marketing .sc-bubble h2 > a,
.web-online-marketing .sc-bubble .h3 > a,
.web-online-marketing .sc-bubble ul h3 a:hover{
    color:#0c95cd;
}
/*.web-online-marketing .sc-bubble ul a:hover{
    background: #009ddc;
}*/

/* = Full Services Link */
.full-services-lnk-wrapper{
    border-top:1px solid #22292f;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/full-services-lnk-bkg.png) repeat 0 0;
    padding-bottom: 90px;
}
.full-services-lnk-wrapper .see-all-large {margin-top:-23px;}
.full-services-lnk-content .fslc-lnk{
    margin-top: -23px;
    background: #1e2227;
    color:#758288;
    border:1px solid #2d353c;
    box-shadow: inset 0 -1px 0 #000;
    text-shadow:0 -1px 0 #000;
}
.full-services-lnk-content .fslc-lnk:hover{
    color: #389FD8;
    /*box-shadow: inset 0px 0 2px #0079AA;*/
    background: #23272c;
}
/* = Our Latest Projects */
.our-latest-projects-wrapper{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat 0 0;
    border-top:1px solid #0079aa;
    position: relative;
    text-align: center;
    padding: 90px 0;
}
.our-latest-projects-wrapper .next-step{
    border:8px solid #12171c;
    box-shadow: 0px 1px 0 #0079AA;
}
.our-latest-projects-wrapper .next-step:after {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat 0 0;
}
.our-latest-projects-wrapper .next-step:hover:after{
    background: #009ddc;
}
.our-latest-projects-wrapper .next-step:hover:before{
    background-position: -26px -200px;
}
.our-latest-projects-content h3{
    font: 57px/57px 'roboto-light-webfont', Arial, sans-serif;
    color:White;
    text-align: center;
    text-shadow:0 -1px 0 #000;
}
.our-latest-projects-content h3 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.our-latest-projects-content .olpc-subcaption{
    font-size: 17px;
    color:#74c9ef;
    margin-top: 10px;
    text-shadow: 0 -1px 0 #000;
}
.olpc-board{
    margin-top: 40px;
}
.olpc-board img {
    font-size:0;
    line-height:0;
}
.olpc-board .olp-item{
    position: relative;
    padding-bottom: 5px;
}
.olpcb-left-column,
.olpcb-right-column{
    width:50%;
    float: left;
}
.olpcb-right-column .olp-marketing-case-study{
    /*padding-bottom: 1px;*/
}
.olpcb-left-column{
    padding-right: 3px;
}
.olpcb-right-column {
    padding-left:2px;
}
.olpcb-two-items{
    width: 100%;
}
.olpcb-two-items .olp-item{
    width:50%;
}
.olpcb-two-items .olp-item:first-child{
    float: left;
    padding-right:2px;
}
.olpcb-two-items .olp-item:last-child{
    float: right;
    padding-left:2px;
}
.olp-item .item-lnk,
.olp-item .hs-sticky-label{
    display: inline-block;
    background: #009ddc;
    border-radius: 0 3px 3px 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color:White;
    text-transform: uppercase;
    position: absolute;
    left:0;
    top: 16px;
    padding: 10px;
    text-shadow: 0 -1px 0 #000;
    max-width: 90%;
}
.olpcb-two-items .olp-item:last-child .item-lnk,
.olpcb-two-items .olp-item:last-child .hs-sticky-label {left:2px;}
.olp-item:hover{
    cursor:pointer;
}
.olp-item:hover .item-lnk{
    padding-left:25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.our-latest-projects-content .our-latest-projects-lnk{
    background: #0078ae;
    border: 1px solid #008ece;
    box-shadow: inset 0 -1px 0 #004463;
    color: #fff;
    margin-top: 25px;
    text-shadow: 0 -1px 0 #004c6e;
}
.our-latest-projects-content .our-latest-projects-lnk:hover{
    color:#FFC45C;
    /*box-shadow: inset 0px 0 2px #FFC45C;*/
    background: #007eb6;
}
.olp-ecommerce .olpi-hover-stare{
    display: none;
    position: absolute;
    width: 100%;
    height: 99%;
    background: rgba(19, 24, 29, 0.9);
    left: 0;
    top:0;
    padding: 25% 40px 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.desktop-mode .olp-ecommerce .olpi-hover-stare{
    visibility: hidden;
    opacity: 0;
    display: block;
}
.olpi-hover-stare .hs-content{
    border-top:1px solid #454549;
    margin-top: 30px;
    font-size: 17px;
    line-height: 25px;
    color:#ffffff;
    text-align: center;
    padding-top: 30px;
}
.olpi-hover-stare .hs-lnk{
    margin-top: 50px;
    display: inline-block;
    color:#90c404;
    font: 16px/16px 'roboto-black-webfont',Arial,sans-serif;
    text-transform: uppercase;
}
.olpi-hover-stare .hs-lnk .raquo{
    font-size: 28px;
    vertical-align: -2px;
}
.desktop-mode .olpi-hover-stare .hs-lnk:hover{
    color:#FFC45C;
}
.desktop-mode .olp-ecommerce:hover .olpi-hover-stare{
    opacity: 1;
    visibility: visible;
}
/* = We Serve All Industries */
.serve-all-industries-wrapper{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png) repeat 0 0;
    padding: 90px 0;
    border-bottom: 1px solid #dce2e3;
    position: relative;
}
.serve-all-industries-wrapper .next-step{
    border:8px solid #005f8b;
    box-shadow: 0px 1px 0 #fff;
}
.serve-all-industries-wrapper .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png) repeat 0 0 !important;
}
.serve-all-industries-wrapper .next-step:hover:after{
    background: #009DDC !important;
}
.serve-all-industries-content h3{
    color: #0078ae;
    font: 57px/57px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
}
.serve-all-industries-content h3 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.serve-all-industries-content .saic-main-list{
    background: #009ddc;
    width:660px;
    margin: 15px auto 0;
    text-align: center;
    padding: 5px 0;
}
.serve-all-industries-content .saic-main-list li{
    display: inline;
    font-size: 16px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
}
.serve-all-industries-content .saic-main-list li a {
    color: #fff;
}
.serve-all-industries-content .saic-main-list .sep{
    margin: 0 10px;
    font-size: 20px;
    color:#66c4ea;
}
.serve-all-industries-content .saic-main-list a:hover{
    color:#FFC45C;
}
.serve-all-industries-content .saic-subcaption{
    padding-top: 30px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color:#5a6063;
}
.our-work-section-grey{
    padding-bottom: 100px;
}
.our-work-section-grey .section-title h2{
    color: #0078ae;
    font: 50px/50px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
}
.our-work-section-grey .section-title p{
    color:#5a6063;
    text-shadow:none;
}
.saic-columns{
    margin-top: 30px;
}
.saic-columns .saic-column-list{
    float: left;
    width:31%;
    margin-right: 3.5%;
    overflow: hidden;
}
.saic-column-list:last-child{
    float: right;
    margin-right: 0;
}
.saic-column-list ul{
    border-top:4px solid #0079aa;
    padding-top: 10px;
}
.saic-column-list li{
    border-bottom:1px solid #dde1e3;
    white-space: nowrap;
}
.saic-column-list a{
    padding: 13px 0 13px 18px;
    color: #5a6063;
    font-size: 15px;
    position: relative;
    display: block;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.saic-column-list a:hover{
    background: #009ddc;
    color:White;
}
.saic-column-list a:before{
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/common-sprite.png) no-repeat 0 -256px;
    width:9px;
    height: 9px;
    color:#11a4de;
    position: absolute;
    left: 6px;
    top:17px;
}
.saic-column-list a:hover:before {
    background-position: 0 -421px;
}
/* = Home Resources */
.home-resources-img-wrapper{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/home-resources-img-bkg.png) repeat 0 0;
    border-top:1px solid White;
    padding-bottom: 120px;
    position: relative;
}
.home-resources-img-content .hric-img{
    margin-top: 70px;
}
.home-resources-img-content .hric-img .tablet-img,
.home-resources-img-content .hric-img .mobile-img{
    display: none;
}
/* = Our Clients In Their Own Words */
.our-clients-wrapper,
.before-and-after-wide-section{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat 0 0;
    padding: 90px 0;
    position: relative;
    border-top: 1px solid #fff;
}
.our-clients-wrapper .next-step{
    border:8px solid #dfe4e5;
    box-shadow: 0 1px 0 #fff;
}
.our-clients-wrapper .next-step-alt-v1 {border:8px solid #f8f8f8;}
.before-and-after-wide-section .next-step{
    border: 8px solid #01608b;
    box-shadow: 0 1px 0 #fff;
}
.our-clients-wrapper .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat 0 0;
}
.before-and-after-wide-section .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat 0 0;
}
.our-clients-wide-section{
    background:#eaedee;
}
.our-clients-wide-section .testimonials-items{
    margin-bottom:60px;
}
.our-clients-wide-section .next-step{
    border:8px solid #f7f7f7;
    box-shadow: 0 1px 0 #fff;
}
.our-clients-wide-section .next-step-l-grey{
    border:8px solid #eef2f3;
}
.our-clients-wrapper .next-step:after{
    background:#eaedee;
}
.our-clients-content h3,
.our-clients-content h2{
    color: #0078ae;
    font: 57px/57px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
    text-shadow:0 1px 0 #fff;
}
.our-clients-content h3 span,
.our-clients-content h2 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.our-clients-content .occ-subcaption{
    font-size: 17px;
    color:#5a6063;
    text-align: center;
    margin-top: 20px;
    text-shadow:0 1px 0 #fff;
}
.our-clients-content .occ-columns{
    margin-top: 50px;
}
.occ-columns .occc-column{
    width:33%;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}
.our-clients-wide-section .occ-columns{
    text-align:center;
}
.our-clients-wide-section .occ-columns .occc-column{
    margin:0 7%;
    display:inline-block;
    float:none;
}
.occc-thumb-link{
    display: block;
    position: relative;
    text-align: center;
}
.occc-thumb-link:after{
    width:80px;
    height: 80px;
    display: block;
    position: absolute;
    z-index:10;
    left:6px;
    top:7px;
    content: "";
    border-radius: 50%;
    background: #009ddc url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -437px -181px;
    box-shadow: inset 0 0 0 2px #0079b0;
    border:4px solid #fff;
    -webkit-transition: background-color .4s linear;
    -moz-transition: background-color .4s linear;
    transition: background-color .4s linear;
}
.occc-thumb-link:hover:after{
    background-position: -517px -181px;
    background-color:#fff;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
}
.occc-column .client-photo {
    position:relative;
    z-index:1;
    padding:4px 0 0;
    margin:0 0 -68px;
}
.occc-thumb-link .client-photo img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    border-radius:50%;
    border:8px solid transparent;
}
.occc-thumb-link:hover .client-photo img {
    border:8px solid #fff;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
.occc-column .client-name{
    position:relative;
    z-index:2;
    padding: 0 4px;
}
.occc-column .client-name .c {
    min-height: 83px;
    width: 100%;
    max-width: 293px;
    margin: 0 auto;
    padding: 8px 10px;
    border: 1px solid rgba(223, 227, 228, 0.7);;
    border-radius: 3px;
    background: #fff;
    position: relative;
}
.occc-column .client-name .c:after {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    content: "";
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/testimonial-shadow.png) no-repeat 50% 0;
}
.occc-thumb-link .text-lnk{
    font-size: 18px;
    color:#0078ae;
}
.occc-thumb-link:hover .text-lnk{
    color: #90C404;
}
.occc-column .client-name .cn-title{
    font-size: 13px;
    margin-top: 3px;
    color:#3e3e3e;
}
.occc-column:last-child{
    float: right;
}
.occc-column .client-logo{
    margin: 30px 0 60px;
}
.our-clients-content .occ-lnk{
    background: #e1e6e8;
    border: 1px solid #d2d2d2;
    color: #009ddc;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 -1px 0 #d9dfe1;
}
.our-clients-content .occ-lnk:hover{
    color: #009ddc;
    box-shadow: 0 0 4px #d9dfe1;
    background: #ffffff;
}
.our-clients-wide-section .home-wide-button{
    line-height:22px;
}
/* = Our services have been created to accomplish the 3 key aspects of succeeding online */
.succeeding-online{
    padding: 90px 0;
    position: relative;
}
.succeeding-online .next-step{
    border:8px solid #eef2f3;
    box-shadow: 0 1px 0 #fff;
}
.succeeding-online .next-step:after{
    background: #ffffff;
}
.succeeding-online > h2,
.succeeding-online > h3{
    color: #0078ae;
    font: 45px/45px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
    text-shadow:0 1px 0 #bbdbe9;
}
.succeeding-online > h2 span,
.succeeding-online h3 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.so-columns .soc-column{
    width:31%;
    float: left;
    padding-top: 100px;
}
.soc-column:first-child{
    margin-right: 3.5%;
}
.soc-column:last-child{
    float: right;
}
.soc-column h5,
.soc-column h2,
.soc-column h3{
    position: relative;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/fice-receive-tips-bkg.png) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #888888;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color:White;
    padding: 60px 0 25px;
}
.soc-column h5 .step-number,
.soc-column h2 .step-number,
.soc-column h3 .step-number{
    font-family: Arial, Helvetica, Sans-Serif;
    position: absolute;
    border:3px solid White;
    left:50%;
    top:-45px;
    background: #88ba00;
    width:90px;
    height:90px;
    margin-left: -45px;
    border-radius: 50%;
    font-size: 57px;
    color:White;
    font-weight: bold;
    padding-top: 10px;
}
.soc-column h5:after,
.soc-column h2:after,
.soc-column h3:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/common-sprite.png) no-repeat 0 -387px;
    bottom: -14px;
    content: "";
    height: 14px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 31px;
}
.soc-column h5 .step-arrow,
.soc-column h2 .step-arrow,
.soc-column h3 .step-arrow{
    width: 95px;
    height: 22px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/common-sprite.png) no-repeat 0 -315px;
    position: absolute;
    right: -60px;
    top: -45px;
}
.soc-column .socc-text{
    padding-top: 40px;
}
.soc-column .socc-text ul,
.soc-column .socc-text p{
    color:#5a6063;
    font-size: 15px;
    padding-bottom: 15px;
    text-align: justify;
    line-height: 24px;
    word-spacing: -1px;
}
.site-map a,
.soc-column .socc-text a {
    color: #0078AE;
}
.site-map a:hover,
.soc-column .socc-text a:hover {
    color: #90C404;
}
/* = Our Blog Insights */
.our-blog-wrapper{
    padding: 90px 0;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png) repeat 0 0;
    position: relative;
}
.our-blog-wrapper-alt {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-page-panel-bkg.png) repeat 0 0;
}
.our-blog-wrapper .next-step{
    border:8px solid #fff;
    box-shadow: 0 1px 0 #fff;
}
.our-blog-wrapper .next-step:after{
    background: #12171c;
}
.our-blog-content h3{
    color: #fff;
    font: 45px/45px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
}
.our-blog-content h3 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.obc-subcaption{
    color: #fff;
    font-size: 17px;
    margin-top: 20px;
    text-align: center;
}
.obc-columns{
    padding: 80px 0 60px;
}
.obc-columns .obcc-column{
    background-color: rgba(1, 2, 3, 0.3);
    border-radius: 2px;
    padding: 10px 10px 50px 10px;
    position: relative;
    width: 45%;
}
.obcc-column:first-child{
    float: left;
}
.obcc-column:last-child{
    float: right;
}
.obcc-column .blog-date{
    width:90px;
    height:90px;
    border-radius: 50%;
    background: #009ddc;
    display: block;
    border:3px solid #fff;
    left:-23px;
    top:-45px;
    position: absolute;
    font: 21px/21px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
    color:White;
    padding-top: 13px;
    text-transform: uppercase;
    z-index: 1;
}
.obcc-column .blog-author-comment{
    background: #0078ae;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    padding: 15px 5px;
    bottom: 28px;
    white-space: nowrap;
    width:85%;
    left: 50%;
    margin-left: -42%;
}
.obcc-column .blog-author-comment ul{
    text-align: center;
}
.obcc-column .blog-author-comment li{
    display: inline;
}
.obcc-column .blog-date strong{
    display: block;
    font: 33px/33px 'roboto-black-webfont', Arial, sans-serif;
}
.obcc-column .blog-img{
    position: relative;
    text-align: center;
}
.blog-shadow-corner{
    position: absolute;
    bottom: 0;
    width:100%;
    height: 17px;
    left: 0;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/common-sprite.png) no-repeat center -72px;
}
.obcc-column .blog-text{
    background: White;
    border-radius: 0 0 2px 2px;
    padding: 35px 30px 70px;
}
.obcc-column .blog-text h5{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.obcc-column .blog-text h5 a{
    color:#0078ae;
}
.obcc-column .blog-text h5 a:hover{
    color:#90C404;
}
.obcc-column .blog-text p{
    color:#5a6063;
    line-height: 24px;
    font-size: 15px;
}
.obcc-column .blog-author-comment,
.obcc-column .blog-author-comment a{
    color:White;
    font-size: 13px;
}
.obcc-column .blog-author-comment a{
    text-decoration: underline;
    font-weight: bold;
}
.obcc-column .blog-author-comment a:hover{
    text-decoration: none;
}
.obcc-column .blog-author-comment .sep{
    padding: 0 15px;
    color:#37c6ff;
}
.obc-lnk{
    background: #1e2227;
    border: 1px solid #293139;
    color: #758288;
    text-shadow: 0 1px 0 #000;
    box-shadow: inset 0 -1px 0 #0f1318;
}
.full-services-lnk-wrapper .obc-lnk {margin-top:-23px;}
.obc-lnk:hover{
    color: #fff;
    /*box-shadow: inset 0px 0 2px #0079AA;*/
    background: #34373b;
}
/* = In The News */
.in-the-news-wrapper,
.in-the-news-wide-section{
    padding: 90px 0;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat 0 0;
    position: relative;
}
.in-the-news-wide-section-alt {
    background:none;
}
.in-the-news-wrapper .next-step{
    border:8px solid #14191e;
    box-shadow: 0 1px 0 #fff;
}
.in-the-news-wrapper .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat 0 0;
}
.in-the-news-wide-section .next-step{
    border:8px solid #f7f7f7;
}
.in-the-news-wide-section-alt .next-step{
    border:8px solid #eef2f3;
}
.in-the-news-wide-section .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat 0 0;
}
.h-h3,
.in-the-news-content h3,
.in-the-news-content h2{
    color: #0078ae;
    font: 57px/57px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
    text-shadow:0 1px 0 #bbdbe9;
}
.h-h3 span,
.in-the-news-content h3 span,
.in-the-news-content h2 span{
    font-family: 'roboto-black-webfont', Arial, sans-serif;
}
.in-the-news-content .itnc-sep{
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E2E3E3;
    height: 0;
    margin: 50px 0;
}
.in-the-news-content .tablet-img,
.in-the-news-content .mobile-img{
    display: none;
}
/* top-page-panel */
.top-page-panel {
    position: relative;
    margin-top: -12px;
    padding: 42px 0 12px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-page-panel-bkg.png);
}
.top-page-panel h1,
.top-page-panel h5 {
    font-family: 'roboto-medium-webfont', Arial, sans-serif;
    font-size: 47px;
    line-height: 47px;
    color: #fff;
    float: left;
    margin: 1px 0 0;
}
/* tpp-nav */
.top-page-panel .tpp-nav {
    float: right;
    margin: 1px 2px 0 0;
}
.top-page-panel .tpp-nav li {
    float: left;
    margin-left: 5px;
    min-width: 154px;
    position:relative;
}
.top-page-panel .tpp-nav li a {
    display: block;
    text-shadow: 0 -1px 0 #004c6e;
    border: 1px solid #00618a;
    border-color: #005b81 #006f9c #00618a #00648d;
    -webkit-box-shadow: 1px 1px 0px 0px #008fcd;
    box-shadow: 1px 1px 0 0 #008fcd;
    border-radius: 4px;
    padding: 12px 20px 11px;
    color: #fff;
    font: 15px/1 "roboto-bold-webfont", sans-serif;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    background: rgb(0,135,189);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODdiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODdiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYWFlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFhZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(0,135,189,1) 0%, rgba(0,135,189,1) 50%, rgba(0,170,238,1) 50%, rgba(0,170,238,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,135,189,1)), color-stop(50%,rgba(0,135,189,1)), color-stop(50%,rgba(0,170,238,1)), color-stop(100%,rgba(0,170,238,1)));
    background: -webkit-linear-gradient(left,  rgba(0,135,189,1) 0%,rgba(0,135,189,1) 50%,rgba(0,170,238,1) 50%,rgba(0,170,238,1) 100%);
    background: linear-gradient(to right,  rgba(0,135,189,1) 0%,rgba(0,135,189,1) 50%,rgba(0,170,238,1) 50%,rgba(0,170,238,1) 100%);
    background-size:200% 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.top-page-panel .tpp-nav li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #00aaee;
    content: "";
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.top-page-panel .tpp-nav .hover > a,
.top-page-panel .tpp-nav a:hover {
    color: #fff;
    background-position:-100% 0;
}
.top-page-panel .tpp-nav .active a {
    color: #0078ae;
    background:#fff;
    text-shadow: none;
}

.top-page-panel .tpp-nav li ul {
    opacity:0;
    visibility: hidden;
    width:152px;
    background:#fff;
    position: absolute;
    border: none;
    white-space: nowrap;
    right:1px;
    top:52px;
    border-radius:0 0 3px 3px;
    padding: 8px 15px  8px 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 11;
    box-shadow: 0 2px 4px #5a6063;
}
.top-page-panel .tpp-nav li ul.nav-drop-wide {
    width: 99%;
}
.top-page-panel .tpp-nav li:hover > ul {
    display: block;
    opacity:1;
    visibility: visible;
}
.top-page-panel .tpp-nav li ul a {
    display: block;
    background: none;
    border:none;
    padding:10px 20px;
    color: #009ddc;
    text-shadow: none;
    text-transform:none;
    font-weight:normal;
    box-shadow: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    font: 13px/1.3 Arial, sans-serif;
    position: relative;
}
.top-page-panel .tpp-nav li ul a:before{
    position: absolute;
    top: 50%;
    left: 0;
    content: "»";
    margin-top:-10px;
    font: bold 20px/1 Arial, sans-serif;
    color: #009ddc;
    width:auto;
    height:auto;
    background: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.top-page-panel .tpp-nav li ul a:hover,
.top-page-panel .tpp-nav li ul a:hover:before{
    color:#90c404;
}

.top-page-panel .tpp-nav li ul li {
    /*border-top: 1px solid #00618a;*/
    display:block;
    float:none;
    clear:both;
    border-top:1px solid #f8f8f8;
    white-space:normal;
    min-width:100%;

}
.top-page-panel .tpp-nav li ul li:first-child {
    border-top: none;
}
/* page-title */
.page-title {
    padding: 28px 0 0;
}
.page-title h2,
.page-title h1 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/diveder-page-title.png") repeat-x 0 100%;
    font-size: 50px;
    text-align: center;
    color: #0078ae;
    padding: 0 0 32px;
    font-family: 'roboto-light-webfont', Arial, sans-serif;
}
.page-title h2 span,
.page-title h1 span {
    font-family: 'roboto-bold-webfont', Arial, sans-serif;
}
/* btn green */
.btn-green {
    float: right;
    font: 18px/18px 'roboto-black-webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 9px 40px 11px;
    text-shadow: 0 -1px 0 #447523;
    box-shadow: 0 -1px 0 #c9e973, 0 1px 0 #5e8900;
    border-radius: 18px;
    background: #95c906;
    background: -moz-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2d90c), color-stop(100%, #89bb00));
    background: -webkit-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: -ms-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: linear-gradient(to bottom, #a2d90c 0%, #89bb00 100%);
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}
.btn-green:hover {
    color: #fff;
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ie9 .btn-green:hover {
    background: #a2d90c;
}
/* = Case studies
**************************************************************/
.case-studies-section {padding:0 0 102px;}
.case-studies-wide-section .case-studies-section{
    padding:0;
}
.cs-block {
    padding:34px 0 36px;
    position:relative;
    border-bottom:1px solid #fff;
}
.cs-block:before {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    content:"";
    border-bottom:1px solid #e3e4e4;
}
.cs-thumb {
    float:left;
    margin:5px 35px 0 0;
    position:relative;
}
.cs-thumb-right {
    float:right;
    margin-right:0;
    margin-left:35px;
}
.cs-site-screen {
    display:block;
    max-width:440px;
    -webkit-box-shadow: 1px 1px 0 0 #a5a5a5;
    box-shadow: 1px 1px 0 0 #a5a5a5;
}
.website-tag {
    position:absolute;
    top:19px;
    left:0;
    z-index:2;
    float:left;
    height:33px;
    padding:0 13px;
    background:#009ddc;
    border-radius:0 2px 2px 0;
    font-size:14px;
    line-height:33px;
    font-weight:bold;
    color:#fff;
    text-shadow:0 -1px 0 #007bad;
    text-transform:uppercase;
}
.our-work-section .website-tag{
    top:42px;
}
.preview-aside .website-tag,
.preview-after-frame .website-tag,
.preview-after-additional .website-tag {top:36px;}
.cs-thumb a:hover .website-tag {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding-left:25px;
}
span.website-tag:hover {
    cursor:default;
    color:#fff;
}
.cs-description {
    overflow:hidden;
    font-size:15px;
    line-height:1.5;
    color:#5a6063;
}
.cs-block h1,
.cs-block h2,
.cs-block h6{
    font-size:20px;
    line-height:1.2;
    font-weight:bold;
    color:#0078ae;
    margin:0 0 12px;

    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left;
}
.cs-block h2 a,
.cs-block h6 a {
    color:#0078ae;
}
.cs-block h2 a:hover,
.cs-block h6 a:hover{
    color:#009DDC;
}
.cs-block p {margin:0 0 16px;}
.custom-list {
    font-size:15px;
    color:#5a6063;
    margin:0 0 14px;
}
.custom-list-first{
    float:left;
}
.custom-list-second{
    padding-left:50px;
}
.custom-list li {
    padding:0 0 8px 23px;
    position:relative;
}
.custom-list li:before {
    position:absolute;
    top:0;
    left:0;
    content:"»";
    font:bold 19px/1 Arial, sans-serif;
    color:#009ddc;
}
.st-column a,
.custom-list a,
.custom-list span {
    color: #0f70b8;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.st-column a:hover,
.custom-list a:hover {
    color:#009DDC;
}
.re-collapse a,
.view-more {
    display:inline-block;
    vertical-align:top;
    font:16px/1 "roboto-bold-webfont", sans-serif;
    color:#90c404;
    text-transform:uppercase;
}
.re-collapse a:after,
.view-more:after {
    display:inline-block;
    vertical-align:top;
    margin:-9px 0 0 6px;
    content:"»";
    font:28px/1 "roboto-bold-webfont", sans-serif;
    position:relative;
    left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.re-collapse a:hover:after,
.view-more:hover:after {
    left:3px;
}
.cs-block a {
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

/* = Case studies details
**********************************************************************************/
.page-navigation {
    padding:22px 0;
    position:relative;
    border-bottom:1px solid #fff;
    margin:0 0 46px;
}
.page-navigation:before {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    content:"";
    border-bottom:1px solid #e3e4e4;
}
.paging-basic .page-navigation {
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
}
.paging-basic .page-navigation:before {display:none;}
.prev-link,
.page-navigation a {
    font:14px/1 "roboto-bold-webfont", sans-serif;
    color:#009ddc;
    cursor:pointer;
    text-transform:uppercase;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.prev-link:hover,
.page-navigation a:hover {color:#009DDC;}
.page-navigation .prev-page {
    float:left;
}
.page-navigation .next-page {
    float:right;
}
.prev-link:before,
.page-navigation .next-page:after,
.page-navigation .prev-page:before {
    display:inline-block;
    vertical-align:top;
    content:"«";
    margin:-7px 3px 0 0;
    font:22px/1 "roboto-bold-webfont", sans-serif;
    position:relative;
    left:0;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.page-navigation .next-page:hover:after {left:3px;}
.page-navigation .prev-page:hover:before {left:-3px;}
.page-navigation .next-page:after {
    margin-right:0;
    margin-left:3px;
    content:"»";
}
.page-navigation-left .page-navigation {
    float: left;
}
.cs-block-single {
    padding:0 0 115px;
    border-bottom:0;
}
.cs-block-single .cs-thumb {
    margin-top:-55px;
}
.cs-block-single:after {border-bottom:0;}
.cs-block h1 {
    font-size:36px;
    margin-bottom:20px;
    padding-right:53%;
}
.cs-wide-section {
    position:relative;
}
.cs-preview-design {
    border-top:1px solid #0079aa;
    padding:100px 0 116px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat;
}
.cs-preview-design .next-step {
    border:8px solid #fff;
}
.cs-preview-design .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat;
}
.section-title {
    text-align:center;
    margin:0 0 36px;
}
.h-h2,
.frame-section-title h2,
.section-title h2 {
    font:57px/1 "roboto-light-webfont", sans-serif;
    color:#fff;
    margin:0 0 15px;
}
.section-title h2.text-alt {color: #0078AE;}
.frame-section-title h2 span, .h-h2 span,
.section-title h2 span {font-family:"roboto-black-webfont", sans-serif;}
.section-title p {
    font-size:17px;
    line-height:1.4;
    color:#74c9ef;
    text-shadow:0 -1px 0 #00374f;
}
.preview-preview-aside {
    display:table;
    width:100%;
}
.preview-aside {
    display:table-cell;
    vertical-align:top;
    width:290px;
    padding:0 6px 0 0;
    font-size:15px;
    line-height:1.4;
    color:#74c9ef;
}
.preview-before {
    position:relative;
    margin:0 0 22px;
}
.cs-before-img {
    display:block;
    width:100%;
    -webkit-box-shadow: 1px 1px 0 0 #013c57;
    box-shadow: 1px 1px 0 0 #013c57;
}
.arrow-from-to {
    position:absolute;
    top:88px;
    right:-38px;
    width:87px;
    height:45px;
    z-index:999;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat;
}
.preview-aside h3 {
    font-size:20px;
    font-weight:bold;
    margin:0 0 5px;
    color:#fff;
}
.preview-aside p {
    margin:0 0 20px;
}
.preview-list {
    border-top:1px solid #004b6d;
    border-bottom:1px solid #007cb3;
    margin:0 0 30px;
}
.preview-list li {
    display:block;
    border-top:1px solid #007cb3;
    border-bottom:1px solid #004b6d;
}
.preview-list a {
    display:block;
    font:16px/1 "roboto-bold-webfont", sans-serif;
    color:#74c9ef;
    text-transform:uppercase;
    text-shadow:1px -1px 0 #003045;
    padding:14px 0 10px;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.preview-list a:hover {color:#fff;}
.preview-list a:after {
    display:inline-block;
    vertical-align:top;
    font:28px/1 "roboto-bold-webfont", sans-serif;
    content:"»";
    margin:-8px 0 0 6px;
}
.sw-description .btn-simple-blue,
.cs-block .btn-simple,
.btn-simple {
    display:inline-block;
    font: 18px/18px 'roboto-black-webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 9px 40px;
    text-shadow: 0 -1px 0 #447523;
    border-radius: 18px;
    background: #95c906;
    background: -moz-linear-gradient(top, #a2d90c 0%, #89bb00 100%);
    background: -webkit-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: -ms-linear-gradient(top, #a2d90c 0%,#89bb00 100%);
    background: linear-gradient(to bottom, #a2d90c 0%,#89bb00 100%);
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}
.btn-simple:hover {
    color:#fff;
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ie9 .cs-block .btn-simple:hover,
.ie9 .btn-simple:hover {
    background: #a2d90c;
}
.preview-after {
    display:table-cell;
    vertical-align:top;
}
.cs-after-img {width:100%;}
.preview-after-frame, .preview-after-additional {position:relative;}
.preview-after-additional{
    display:none;
}
.preview-after-additional img{
    width:100%;
    margin-bottom:20px;
}
.cs-results .next-step {
    border:8px solid #005F8B;
}
.cs-results {
    padding:100px 0 112px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png) repeat;
}
.cs-results .section-title p {
    color:#758288;
}
.cs-graphs {
    text-align:center;
}
.cs-graphs img {
    margin:26px 0 0;
    border:1px solid #5b5d5f;
}
.cs-details .next-step {
    border:8px solid #14191e;
}
.cs-details .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cs-details {
    padding:100px 0 70px;
    font-size:15px;
    line-height:1.5;
    color:#5a6063;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cs-services .section-title h2,
.cs-details .section-title h2 {
    color:#0078ae;
}
.cs-detail-description {
    display:table;
    width:100%;
}
.cs-detail-col {
    display:table-cell;
    width:54%;
    padding:0 0 0 60px;
}
.cs-detail-col:first-child {
    padding-left:0;
    width:46%;
}
.cs-detail-description h3 {
    color:#0078ae;
    font-size:20px;
    font-weight:bold;
    margin:0 0 5px;
}
.cs-detail-description p {
    margin:0 0 30px;
}
.cs-services .next-step {
    border:8px solid #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}
.cs-services .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat;
}
.cs-services {
    border-top:1px solid #f9f9f9;
    padding:100px 0 90px;
    text-align:center;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat;
}
.cs-service-columns {
    display:table;
    width:100%;
    padding:0 0 18px;
}
.cs-service-column {
    display:table-cell;
    vertical-align:top;
    width:25%;
    text-align:center;
}
.service-logo {
    margin:0 0 28px;
}
.cs-service-column h3 {
    font-size:18px;
    font-weight:bold;
    color:#0c95cd;
    margin:0 0 10px;
}
h3.color-green {color:#71980d;}
h3.color-orange {color:#d57e0e;}
h3.color-purple {color:#872f9f;}
.cs-simple-list {
    font-size:15px;
    color:#5a6063;
}
.cs-simple-list li {
    padding:0 0 10px;
}
.cs-simple-list a {
    color:#5a6063;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.cs-simple-list a:hover {
    color: #4AA6BD;
}
/* = Services page */
.page-intro-block {
    padding:20px 0 10px;
    margin-bottom:40px;
    overflow:hidden;
    border-bottom:1px solid #fff;
    position:relative;
}
.page-intro-block:after {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    content:"";
    border-bottom:1px solid #d9d9d9;
}
.intro-block-industries-served,
.intro-block-industries-served:after{
    border:none;
}

.page-intro-text {
    display:table-cell;
    vertical-align:top;
    width:50%;
    padding:40px 30px 0 0;
    font:28px "roboto-light-webfont", sans-serif;
    color:#0078ae;
}
.short-services-intro{
    letter-spacing: -1px;
}
.page-intro-text strong {font-family:"roboto-bold-webfont", sans-serif;}
.page-intro-image {
    display:table-cell;
    vertical-align:top;
    width:50%;
    padding:0 16px 0 0;
}
.services-wide-section {
    position:relative;
}
.services-wide-section.top-shadow:before {
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/top-shadow.png") no-repeat 50% 0;
    width: 100%;
    height: 8px;
}
.service-wide-item {
    position:relative;
    padding:90px 0;
}
.strategy-serv-item {
    padding-top:0;
}
.service-dt-columns {
    display:table;
    width:100%;
}
.sw-logo {
    display:table-cell;
    vertical-align:middle;
    width:270px;
    padding:0 36px 0 8px;
}
.sw-logo-hold {
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:50%;
    border:6px solid #749d05;
}
.sw-logo-hold-cd {border-color:#d57e0e;}
.sw-logo-hold-wmd {border-color:#872f9f;}
.sw-logo-hold-om {border-color:#009ddc;}
.sw-logo-hold img {
    display:block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.sw-logo-hold:hover img {
    -webkit-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
.sw-description {
    display:table-cell;
    vertical-align:middle;
    padding:0 32px 0 0;
    width:402px;
}
.sw-list-col {
    display:table-cell;
    vertical-align:middle;
    width:306px;
}
.sw-description {
    font-size:17px;
    line-height:1.6;
    color:#5a6063;
}
.sw-description .btn-simple-blue:after {
    display: none;
}
.service-wide-item h2 {
    font:36px/1.2 "roboto-light-webfont", sans-serif;
    color:#71980d;
    margin:0 0 16px;
}
.service-wide-item h2 a{
    color:#71980d;
}
.creative-serv-item h2, .creative-serv-item h2 a {color:#d57e0e;}
.mobiledev-serv-item h2, .mobiledev-serv-item h2 a {color:#872f9f;}
.marketing-serv-item h2, .marketing-serv-item h2 a{color:#009ddc;}
.service-wide-item h2 span {font-family:"roboto-bold-webfont", sans-serif;}
.sw-description p {
    margin:0 0 25px;
}
.bullet-service-list {
    position:relative;
    padding:6px 0 6px 52px;
    font-size:15px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bracket.png) no-repeat 0 50%;
}
.strategy-serv-item .bullet-service-list {
    padding-top:36px;
    padding-bottom:36px;
}
.creative-serv-item .bullet-service-list {
    padding-top:26px;
    padding-bottom:26px;
}
.bullet-service-list:before,
.bullet-service-list:after {
    position:absolute;
    left:0;
    top:-10px;
    width:21px;
    height:10px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat 0 -115px;
}
.bullet-service-list:after {
    top:auto;
    bottom:-10px;
    background-position:0 -125px;
}
.bullet-service-list li {
    padding:0 0 16px 32px;
    position:relative;
    color:#5a6063;
}
.bullet-service-list li:before {
    position:absolute;
    top:-1px;
    left:8px;
    content:"»";
    font:bold 19px/19px Arial, Helvetica, sans-serif;
}
.creative-serv-item .bullet-service-list a,
.creative-serv-item .bullet-service-list li:before {color:#d57e0e;}
.mobiledev-serv-item .bullet-service-list a,
.mobiledev-serv-item .bullet-service-list li:before {color:#872f9f;}
.marketing-serv-item .bullet-service-list a,
.marketing-serv-item .bullet-service-list li:before {color:#009ddc;}
.strategy-serv-item .bullet-service-list a,
.strategy-serv-item .bullet-service-list li:before {color: #71980D;}
.bullet-service-list a {
    text-decoration: underline;
    font-size:15px;
}
.bullet-service-list a:hover {text-decoration: none;}
.btn-simple-orange {
    box-shadow: 0 1px 0 #865608;
    text-shadow:0 -1px 0 #937d06
background: rgb(243,144,15);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzOTAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2UwODQwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjdiMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(243,144,15,1) 0%, rgba(224,132,15,1) 47%, rgba(207,123,15,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(243,144,15,1) 0%,rgba(224,132,15,1) 47%,rgba(207,123,15,1) 100%);
    background: linear-gradient(to bottom,  rgba(243,144,15,1) 0%,rgba(224,132,15,1) 47%,rgba(207,123,15,1) 100%);
    background-size: 100% 100%;
}
.ie9 .btn-simple-orange:hover {
    background: rgba(243,144,15,1);
}
.btn-simple-purple {
    box-shadow: 0 1px 0 #582151;
    text-shadow:0 -1px 0 #75614e
background: rgb(171,75,197);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiNGJjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzk4M2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODMwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(171,75,197,1) 0%, rgba(152,60,177,1) 47%, rgba(136,48,160,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(171,75,197,1) 0%,rgba(152,60,177,1) 47%,rgba(136,48,160,1) 100%);
    background: linear-gradient(to bottom,  rgba(171,75,197,1) 0%,rgba(152,60,177,1) 47%,rgba(136,48,160,1) 100%);
    background-size: 100% 100%;
}
.ie9 .btn-simple-purple:hover {
    background: rgba(171,75,197,1);
}
.sw-description .btn-simple-blue,
.btn-simple-blue {
    box-shadow: 0 1px 0 #016e6f;
    text-shadow:0 -1px 0 #438f62
background: rgb(54,189,244);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2YmRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzE5YWNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjllZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(54,189,244,1) 0%, rgba(25,172,231,1) 47%, rgba(2,158,221,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(54,189,244,1) 0%,rgba(25,172,231,1) 47%,rgba(2,158,221,1) 100%);
    background: linear-gradient(to bottom,  rgba(54,189,244,1) 0%,rgba(25,172,231,1) 47%,rgba(2,158,221,1) 100%);
    background-size: 100% 100%;
}
.sw-description .btn-simple-blue:hover {
    background: rgb(54,189,244);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2YmRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzE5YWNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjllZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(54,189,244,1) 0%, rgba(25,172,231,1) 47%, rgba(2,158,221,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(54,189,244,1) 0%,rgba(25,172,231,1) 47%,rgba(2,158,221,1) 100%);
    background: linear-gradient(to bottom,  rgba(54,189,244,1) 0%,rgba(25,172,231,1) 47%,rgba(2,158,221,1) 100%);
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ie9 .btn-simple-blue:hover {
    background: rgba(54,189,244,1);
}
.creative-serv-item,
.marketing-serv-item {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat;
}
.creative-serv-item {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-texture-1.png);
}
.service-wide-item .next-step {
    border: 8px solid #F7F7F7;
    box-shadow: 0 1px 0 #fff;
}
.service-wide-item .next-step:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png") repeat;
}
.mobiledev-serv-item .next-step {
    border: 8px solid #EEF2F3;
    box-shadow: 0 1px 0 #fff;
}
.mobiledev-serv-item .next-step:after {
    background: #fff;
}
.whitepapers-section .next-step {
    border:8px solid #eef2f3;
    box-shadow: 0 1px 0 #fff;
}
.whitepapers-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/grey-dot.png) repeat;
}
.certify-section .next-step {
    border:8px solid #dce2e3;
    box-shadow: 0 1px 0 #fff;
}
.certify-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.blue-middle-box {
    position:relative;
    z-index:1;
    overflow:hidden;
    padding:0 0 30px;
    margin-top:-53px;
    margin-bottom:50px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.blue-middle-box:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:0;
    width:180%;
    height:30px;
    left:-40%;
    right:-40%;
    background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.3), rgba(137, 141, 144, 0.0) 40%);
    background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.3), rgba(137, 141, 144, 0.0) 40%);
}
.blue-box-inner {
    padding:31px;
    color:#fff;
    text-align:center;
    border-radius:3px;
    background: rgb(0,131,188);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzAwNzhhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc4YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,131,188,1) 0%, rgba(0,120,174,1) 47%, rgba(0,120,174,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,131,188,1)), color-stop(47%,rgba(0,120,174,1)), color-stop(100%,rgba(0,120,174,1)));
    background: -webkit-linear-gradient(top,  rgba(0,131,188,1) 0%,rgba(0,120,174,1) 47%,rgba(0,120,174,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,131,188,1) 0%,rgba(0,120,174,1) 47%,rgba(0,120,174,1) 100%);
}
.text-section .blue-box-inner h4,
.blue-box-inner h4 {
    display:inline-block;
    vertical-align:middle;
    margin:-10px 36px 0 0;
    color:#fff;
    font:45px/1 "roboto-light-webfont", sans-serif;
}
.blue-box-inner h4 span {
    font-family:"roboto-bold-webfont", sans-serif;
}
.blue-box-inner h4 br {display:none;}
.work-section {padding:0 0 140px;}
.ws-columns {
    display:table;
    width:100%;
}
.ws-column {
    display:table-cell;
    width:50%;
    padding-left:55px;
    font-size:17px;
    line-height:1.5;
    color:#5a6063;
}
.ws-column:first-child {
    padding-left:0;
    padding-right:55px;
}
.ws-column h3 {
    font-size:36px;
    line-height:1.2;
    font-weight:bold;
    color:#0078ae;
    margin:0 0 16px;
}
.ws-columns p {margin:0 0 12px;}
.more-link {
    font:14px/1 "roboto-bold-webfont", sans-serif;
    color:#009ddc;
    text-transform:uppercase;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.see-all-large .more-link {
    font-size:16px;
    text-shadow:0 1px 0 #fff;
}
.more-link:after {
    display:inline-block;
    vertical-align:top;
    content:"»";
    font-size:25px;
    line-height:25px;
    margin:-1px 0 0 7px;
    position:relative;
    left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.more-link:hover:after {left:3px;}
.more-link:hover {
    color: #009DDC;
}
.see-all-large .more-link:after {
    font-size:28px;
    margin-top:-7px;
}
.whitepapers-section {
    padding:110px 0 140px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/grey-dot.png) repeat;
}
.whitepaper-img {
    float:left;
}
.whitepapers-section h2 {
    font:57px/1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    text-shadow:0 1px 0 #fff;
    width:434px;
    float:right;
}
.whitepapers-section h2 span {font-family:"roboto-black-webfont", sans-serif;}
.whitepaper-descript {
    float:right;
    width:434px;
    padding:16px 0 0;
    font-size:17px;
    line-height:1.5;
    color:#5a6063;
}
.whitepaper-descript p {margin:0 0 25px;}
.whitepaper-subtext {
    border-top:1px solid #cad0d1;
    padding:20px 0 0;
    position:relative;
}
.whitepaper-subtext:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    content:"";
    border-top:1px solid #eff2f2;
}
.whitepaper-subtext h5 {
    font-size:11px;
    text-transform:uppercase;
    color:#878a8c;
    margin:0 0 2px;
}
.whitepaper-subtext p {
    font-size:20px;
    color:#0078ae;
    font-weight:bold;
    margin:0 0 34px;
}
.whitepaper-subtext p a {
    color:#0078ae;
}
.whitepaper-subtext p a:hover {
    color: #90C404
}
.whitepaper-subtext .btn-simple:last-child{
    margin-top:20px;
}
.see-all-large {
    display:block;
    border-radius:3px;
    border:1px solid #d0d7da;
    border-width:1px 0;
    padding:16px 0 14px;
    text-align:center;
    margin:74px 0 0;
    font:16px/1 "roboto-bold-webfont", sans-serif;
    color:#009ddc;
    text-shadow:0 1px 0 #fff;
    text-transform:uppercase;
    box-shadow: 0 1px 0 #fff;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/grey-dot-lite.png) repeat;
    -webkit-transition: all 0.3s ease-out, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out, all 0.3s ease-out;
    transition: all 0.3s ease-out, all 0.3s ease-out;
}
.see-all-large-top {
    margin-top: 30px;
}
.see-all-large:hover {
    background:#fff;
    color:#009ddc;
}
.see-all-large:after {
    display:inline-block;
    vertical-align:top;
    content:"»";
    font-size:28px;
    line-height:28px;
    margin:-9px 0 0 7px;
}
.certify-section {
    padding:124px 0 134px;
    border-top:1px solid #fff;
}
.frame-section-title h2,
.certify-section .section-title h2 {
    color:#0078ae;
    margin-bottom:0;
}
.frame-section-title {
    text-align: center;
}
.frame-section-title,
.certify-section .section-title {
    position:relative;
    padding-bottom:44px;
    margin-bottom:56px;
    border-bottom:1px solid #fff;
}
.frame-section-title:after,
.certify-section .section-title:after {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    content:"";
    border-bottom:1px solid #cfd4d5;
}
.certify-items {
    display:table;
    width:100%;
    color:#5a6063;
    font:14px "roboto-bold-webfont", sans-serif;
    margin:0 0 72px;
}
.certify-item {
    display:table-cell;
    width:50%;
    padding-left:58px;
}
.certify-item:first-child {
    padding-left:0;
    padding-right:10px;
}
.certify-item img {
    float:left;
    margin:0 12px 0 0;
}
.certify-item p {overflow:hidden;}
.trusted-icons {
    text-align:center;
    display:table;
    width:100%;
}
.ti-item {
    display:table-cell;
    text-align: center;
}
/* = Before and After */
.wrapper-textured {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg");
}
.ie9 .ie9-team-bkg{
    background: #f1f1f1;
}
.before-and-after-wrapper {
    margin: 30px 0 0;
    padding: 0 0 86px;
    overflow: hidden;
    width: 100%;
}
.before-and-after-wrapper .text-lnk{
    background:#e0e5e7;
    border-width: 1px;
}
.before-and-after-wrapper .text-lnk:hover{
    background:#f5f5f5;
}
/* baac-row */
.baac-row {
    margin: 0 0 34px;
}
.baac-row h3,
.baac-row h6 {
    font-size: 20px;
    color: #0078ae;
    text-align: center;
    font-weight: bold;
    margin: 0 0 9px;
}
.baac-row h3 span,
.baac-row h6 span {
    cursor: pointer;
}
.baac-row .baac-frame .frame {
    position: relative;
}
.baac-row .baac-arrow {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -566px -13px;
    width: 87px;
    height: 45px;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    left: 50%;
    margin-left: -45px;
    top: 41.09005628517824%;
    z-index: 2;
    -webkit-transition: left 0.4s ease-out;
    -moz-transition: left 0.4s ease-out;
    transition: left 0.4s ease-out;
}
.baac-frame .frame:hover .baac-arrow {
    left:50.5%;
}
.baac-row .baac-visible-row .alignleft {
    float: left;
}
.baac-row .baac-visible-row .alignright {
    float: right;
}
.baac-row .baac-item {
    width: 49.69387755102041%;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(163, 163, 163, 1);
    box-shadow: 1px 1px 0px 0px rgba(163, 163, 163, 1);
}
.baac-row .baac-item .baac-img img {
    display: block;
    max-width: 100%;
}
.baac-more-top { display: none; }
.baac-row .baac-more a {
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    padding: 11px 0 13px;
    text-align: center;
    color: #0078ae;
    text-shadow: none;
    -webkit-transition: background-color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out, background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out, background-color 0.3s ease-out;
}
.baac-row .baac-more a span {
    display: inline-block;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -593px -77px;
    width: 20px;
    height: 19px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 0 7px;
    position: relative;
    top: 3px;
}
.baac-row .baac-item:hover .baac-more a,
.baac-item-active .baac-more a,
.baac-row .baac-more a:hover {
    background: #0078ae;
    color: #fff;
}
.baac-row .baac-item:hover .baac-more a span,
.baac-item-active .baac-more a span,
.baac-row .baac-more a:hover span {
    background-position: -552px -77px;
}
.baac-row .baac-item .baac-img {
    position: relative;
    cursor: pointer;
}
.baac-visible-row-hover .faded .baac-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: '';
}
.baac-item-active .baac-more a:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    width: 21px;
    height: 11px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    content: "";
    margin-left: -13px;
}
.baac-row .baac-hidden-row {
    display: none;
    overflow: hidden;
    height: 0;
}
.baac-row .baac-hidden-item {
    padding: 19px 0 0;
}
.baac-row .baac-hidden-item-frame {
    color: #fff;
    position: relative;
    padding: 52px 0 59px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/before-and-after-bg.png");
}
.baac-row .baac-hidden-item-content {}
.demo-video-box h4,
.expanded-mode h4,
.baac-row .baac-hidden-item-content h4 {
    font-size: 57px;
    padding: 0 80px 18px 0;
    font-family: 'roboto-light-webfont', Arial, sans-serif;
}
.btn-close-it,
.expand-close,
.baac-row .baac-link-close {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -680px 0;
    width: 61px;
    height: 79px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: -52px;
}
.btn-close-it:before,
.expand-close:before,
.baac-row .baac-link-close:before {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -757px 0;
    width: 61px;
    height: 79px;
    content:"";
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.btn-close-it:hover:before,
.expand-close:hover:before,
.baac-row .baac-link-close:hover:before {opacity:1;}
.baac-row .baac-image-holder {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #1d2429;
    border-bottom: 1px solid #2b323a;
    border-radius: 3px;
}
.baac-row .baac-image-frame {
    border-left: 1px solid #262b32;
    border-top: 1px solid #262b32;
    border-right: 1px solid #161a1e;
    border-bottom: 1px solid #0f1318;
    border-radius: 3px;
    background: #1e2227;
    padding: 12px 12px 20px;
}
.baac-row .baac-slider-bottom {
    padding: 13px 0 0;
    position: relative;
}
.baac-slider-bottom .btn-green {
    margin: 24px 5px 0 0;
}
.baac-slider-bottom .btn-launch {
    position: absolute;
    top: 45px;
    left: 50%;
    font-size: 16px;
    color: #758288;
    padding-right: 18px;
    margin-left: -7.755102040816327%;
    text-transform: uppercase;
    font-family: 'roboto-bold-webfont', Arial, sans-serif;
    text-shadow: 0 -1px 0 #14171a;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}
.baac-slider-bottom .btn-launch:after {
    display:inline-block;
    vertical-align:-2px;
    margin: 0 0 0 6px;
    content:"»";
    font:28px/1 "roboto-bold-webfont", sans-serif;
}
.baac-slider-bottom .btn-launch:hover {
    color: #009DDC;
    background-position: 100% -24px;
}
.baac-slider-bottom .btn-launch:after {
    position:absolute;
    top:-7px;
    right:0;
    font:28px/1 "roboto-bold-webfont", sans-serif;
    content:"»";
}
.baac-row .baac-slider-tn {
    float: left;
}
.baac-row .baac-slider-tn ul li {
    float: left;
    margin-right: 12px;
}
.baac-row .baac-slider-tn ul span {
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding: 6px 0 0;
    color: #758288;
}
.baac-row .baac-slider-tn ul img {
    display: block;
    border: 2px solid #1e2227;
    opacity: 0.5;
}
.baac-row .baac-slider-tn ul .active img {
    opacity: 1;
    border: 2px solid #90c404;
}
.baac-row .baac-slider-tn ul .active span {
    color: #90c404;
}
.baac-row .baac-slider-frame {
    position: relative;
    cursor: pointer;
}
/* = Featured Work */
.demo-reel-block {
    font-size: 17px;
    line-height: 26px;
    color: #5a6063;
    padding: 47px 0 0;
}
.demo-reel-block.video-production-custom-nopadding {
    padding-top: 0;
}
.demo-reel-block .frame {
    padding: 0 0 44px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/separator-demo-reel.png") repeat-x 0 100%;
}
.demo-reel-block.video-production-custom-nopadding .drb-main-content {
    margin-bottom: 0;
}
.demo-reel-block.video-production-custom-nopadding .frame {
    padding-bottom: 0;
    background: none;
}
.demo-reel-block .drb-content {
    /*float: left;*/
    overflow: hidden;

}
.demo-reel-block .drb-content h3 {
    font-size: 36px;
    line-height: 41px;
    color: #0078ae;
    font-weight: bold;
    margin: 0 0 18px;
    position: relative;
    padding-right: 99px;
    width: 94%;
}
.demo-reel-block .drb-content h3 .arrow {
    right: -31px;
    top: 22px;
    position: absolute;
    width: 99px;
    overflow: hidden;
    height: 37px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -732px -134px;
}
.demo-reel-block .drb-video-holder {
    float: right;
    padding: 7px 1px 0 0;
    position: relative;
    width: 380px;
    margin-left: 30px;
    margin-right: -1px;
}
.demo-reel-block .drb-video-holder .play {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -48px;
    width: 97px;
    height:97px;
}
.demo-reel-block .drb-video-holder .play:before {
    position:absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat;
    width:97px;
    height: 97px;
    top:0;
    left:0;
    content:"";
    z-index:1;
    webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
.demo-reel-block .drb-video-holder:hover .play:before {opacity:0;}
.demo-reel-block .drb-video-holder .play:after {
    position:absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat left bottom;
    width: 97px;
    height: 97px;
    left:0;
    top: 0;
    content:"";
    z-index:2;
    opacity:0;
    webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.demo-reel-block .drb-video-holder:hover .play:after {
    opacity:1;
}
.demo-reel-block .drb-video-holder img {
    display: block;
    max-width: 100%;
}
.featured-work-block {
    padding: 34px 0 40px;
}
.featured-work-fullscreen {
    padding-top: 20px;
}
/* fwb-row */
.fwb-row {}
.fwb-row .frame {}
.fwb-row .fwb-items {
    width: 100%;
}
.fwb-row .fwb-item {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 32.04081632653061%;
    margin-right: 1.53265306122449%;
    margin-bottom: 28px;
}
.fwb-row .fwb-item > a:hover{
    /*display:block;

    -webkit-transition: all 0.2s ease-out 0.2s;
    -moz-transition: all 0.2s ease-out 0.2s;
    transition: all 0.2s ease-out 0.2s;

    transform: scale(1.02,1.02);
    -ms-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);*/
}
.fwb-row .fwb-item > a img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.fwb-row .fwb-item > a:hover img{
    opacity:0.75;
}

.fwb-row .fwb-item img{
    /*border:1px solid red;*/
}
.ie9 .fwb-row .fwb-item {
    margin-right: 1.0%;
}
.fwb-row .fwb-item-3 {
    margin-right: 0;
}
.fwb-row .fwb-items a {}
.fwb-row .fwb-items img {
    display: block;
    max-width: 100%;
    vertical-align: bottom;
}
.expanded-mode .main-image {
    cursor: pointer;
}
.page-nutshell-wrapper {
    position: relative;
    padding-bottom: 30px;
    padding-top: 90px;
}
.page-nutshell-wrapper .next-step{
    border:8px solid #fff;
    box-shadow: 0 1px 0 #fff;
}
.page-nutshell-wrapper .next-step:after{
    background: #12171c;
}
.page-nutshell-wrapper .next-step-blue-bd{
    border:8px solid #01608b;
}
.page-cs-wide-section {
    padding-bottom: 105px;
}
.page-cs-wide-section .next-step {
    border: 8px solid #15181D;
}
.page-cs-wide-section .next-step-light-bd {
    border:8px solid #eef2f3;
}
.industry-recognition-wide-section {
    padding: 0 0 118px;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/industry-recognition-bkg.png');
}
.industry-recognition-logos .mobile-img,
.industry-recognition-logos .tablet-img {
    display: none;
}
.testimonials-wide-section,
.case-studies-wide-section,
.text-wide-section{
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/testimonials-section-bkg.png');
    padding: 113px 0 130px;
    border-top: 1px solid #fff;
    position: relative;
}
.text-wide-section-alt-bg {
    background: #fff;
}
.text-wide-section{
    padding: 113px 0 87px;
}
.testimonials-wide-section .next-step,
.case-studies-wide-section .next-step,
.text-wide-section .next-step{
    border: 8px solid #F7F7F7;
    box-shadow: 0 1px 0 #FFFFFF;
}
.case-studies-wide-section .next-step{
    border-color: #eef2f3;
}
.case-studies-wide-section .next-step-blue-border{
    border-color: #01608b;
}
.text-wide-section .next-step{
    border-color:#eaedee;
}
.testimonials-wide-section .next-step:after,
.case-studies-wide-section .next-step:after,
.text-wide-section .next-step:after{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/testimonials-section-bkg.png");
}
.cs-wide-section .next-step-blue-bd{
    border:8px solid #01608b;
}
.testimonials-wide-section .frame-section-title:after,
.testimonials-wide-section .frame-section-title,
.text-wide-section .frame-section-title:after,
.text-wide-section .frame-section-title{
    border: 0;
}
.testimonials-wide-section .frame-section-title,
.text-wide-section .frame-section-title{
    margin-bottom: 38px;
    padding-bottom: 30px;
}
.testimonial,
.text-column {
    float: left;
    width: 44.38775510204082%;
    font-size: 15px;
    color: #5a6063;
    line-height: 24px;
}
.testimonial:last-child,
.text-column:last-child{
    float: right;
    margin-right: 1px;
}
.single-text-section {
    font-size:17px;
    line-height:26px;
    color: #5A6063;
    padding: 40px 0 90px;
}
.text-column{
    width:48%;
    font-size:17px;
    line-height:26px;
}
.text-column h4{
    font-size:24px;
    color:#0078ae;
    margin-bottom:15px;
}
.text-column p{
    margin-bottom:40px;
}
.testimonial .ti-content {
    background: #fff;
    padding: 36px 40px 39px;
    border-right: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    border-radius: 3px;
    position: relative;
}
.testimonial .ti-content .title {
    font-size: 20px;
    color: #0078ae;
    display: block;
    margin: 0 0 8px;
}
.testimonial .ti-content:before {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -891px -217px;
    position: absolute;
    width: 64px;
    height: 64px;
    left: -25px;
    top: -25px;
    content: '';
}
.testimonial .ti-content:after {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -820px -235px;
    position: absolute;
    width: 46px;
    height: 28px;
    right: 17.24137931034483%;
    bottom: -28px;
    content: '';
    margin-right: -1px;
}
.testimonial .ti-author {
    padding: 36px 0 0;
    text-align: right;
    font-size: 13px;
    line-height: 18px;
    color: #5a6063;
}
.testimonial .ti-photo {
    float: right;
    border: 1px solid #fff;
    margin: 0 1px 0 20px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(163, 163, 163, 1);
    box-shadow: 1px 1px 0 0 rgba(163, 163, 163, 1);
}
.testimonial .ti-author-content {
    padding: 9px 0 0;
}
.ti-author-content .tiac {
    overflow: hidden;
}
.testimonial .ti-author-content .title {
    display: block;
    color: #0078ae;
}
/* = strategy and consultig */
.page-intro-title {
    font:50px/1.1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    margin:14px 0 15px;
    padding-right:45%;
}
.page-intro-title-wider {padding-right:35%;}
.page-intro-title-narrow {padding-right:54%;}
.page-intro-title span {
    font-family:"roboto-bold-webfont", sans-serif;
}
.page-intro-block {
    color:#5a6063;
    line-height:1.4;
    overflow:hidden;
}
.intro-block-no-bd {
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:24px;
}
.intro-block-no-bd:after,
.intro-block-no-bd:before {display:none;}
.page-intro-block .btn-simple {margin-bottom:30px;}
.page-intro-block .video-production-custom-nopadding  .btn-simple {
    margin-bottom: 22px;
}
.page-intro-block p,
.case-study-intro{
    font:28px "roboto-light-webfont", sans-serif;
    margin:0 0 16px;
}
.page-intro-block p strong {font-family:"roboto-bold-webfont", sans-serif;}
.page-intro-block .custom-list {
    margin-bottom:20px;
    overflow:hidden;
}
.intro-fl-image {
    float:right;
    margin:-50px 0 0 26px;
}
.fl-image-null-top-marg {margin-top:0;}
.intro-fl-image-landing-services{
    margin:-130px 0 0 26px;
}
.intro-fl1-image {
    float:right;
    margin:-11px 0 0 26px;
}
.up-intro-fl1-image{
    margin:-70px 0 0 26px;
}
.up-slightly-intro-fl1-image{
    margin:-30px 0 0 26px;
}
.intro-fl-image-holder {
    float: right;
    margin: -61px 0 0 30px;
    width: 45.91836734693878%;
}
.intro-fl-image-holder .prev-link-holder a {
    float: right;
}
.intro-fl-image-holder .prev-link-holder {
    margin: 0 0 27px;
}
.intro-fl-main-img img {
    float: right;
}
.strategy-consult-list .next-step {
    border: 8px solid #F7F7F7;
    box-shadow: 0 1px 0 #fff;
}
.strategy-consult-list .next-step:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png") repeat;
}
.strategy-consult-item {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/strategy-consult-item.png) repeat;
    border-top:1px solid #fff;
    border-bottom:1px solid #e2e2e2;
    padding:25px 0;
    overflow:hidden;
}
.strategy-consult-item:first-child {
    border-top:0;
    padding-top:106px;
}
.planning-strategy-item {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/planning-strategy-item.png") repeat;
}
.marketing-strategy-item {
    border-bottom:0;
    padding-bottom:108px;
}
.sc-logo {
    float:left;
    margin:0 70px 0 0;
}
.sc-descript {
    overflow:hidden;
    font-size:15px;
    line-height:1.5;
    color:#5a6063;
}
.sc-descript h2 {
    font:28px "roboto-bold-webfont", sans-serif;
    color:#0078ae;
    margin:0 0 9px;
}
.sc-descript h2 a {
    color:#0078ae;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.sc-descript h2 a:hover {
    color: #009DDC;
}
.video-wide-section {
    padding-bottom:124px;
    border-top:1px solid #13181d;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png) repeat;
}
.our-work-section .blue-middle-box,
.video-wide-section .blue-middle-box {
    margin-bottom:30px;
}
.our-work-section .blue-middle-box:after,
.video-wide-section .blue-middle-box:after {
    display:none;
}
.video-wide-section .section-title p {
    color:#758288;
    padding-top:5px;
}
.single-video-box {
    margin:0 auto;
    width:100%;
    max-width:674px;
}
.flexible-frame,
.video-box-inner {
    position:relative;
    padding-top:1px;
    padding-bottom: 56.25%;
    height: 0;
}
.flexible-frame object,
.single-video-box embed,
.single-video-box object,
.single-video-box iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.succeeding-online-inner-page {
    background:#fff;
}
.certify-section-grey .next-step {
    border:8px solid #ebeff0;
}
.our-clients-wrapper-serv-page .next-step {
    border:8px solid #15181D;
}
/* =  creative design */
.creative-design-chapters{
    padding-top:104px;
    padding-bottom:50px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.creative-design-chapters .next-step {
    border: 8px solid #F7F7F7;
    box-shadow: 0 1px 0 #fff;
}
.creative-design-chapters .next-step:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png") repeat;
}
.cd-chapter {
    display:inline-block;
    vertical-align:top;
    width:49%;
    padding:0 0 62px 34px;
    overflow:hidden;
}
.cd-chapter.pad-r-64 {
    padding-right:64px;
    padding-left:0;
}
.cd-logo {
    width:100px;
    float:left;
    margin:0 28px 0 0;
}
.cd-descript {
    overflow:hidden;
    color:#5a6063;
    font-size:15px;
    line-height:1.6;
}
.cd-chapter h3,
.cd-chapter h6 {
    font-weight:bold;
    font-size:20px;
    line-height:1.1;
    color:#0078ae;
    margin:0 0 8px;
}
.cd-chapter h3 a,
.cd-chapter h6 a {
    color:#0078ae;
    webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    transition: color .4s ease;
}
.cd-chapter h3 a:hover,
.cd-chapter h6 a:hover {color:#003366;}
.cd-descript p {margin:0 0 10px;}
.cd-descript .more-link:after {
    margin-top:-3px;
}
.our-team-section,
.our-work-section {
    padding-bottom:115px;
    border-top:1px solid #0079aa;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat;
}
.ow-items {
    width:996px;
}
.ow-item{
    display:inline-block;
    vertical-align:bottom;
    position:relative;
    margin:0 15px 50px 0;
}
.ow-item img {
    /*box-shadow: 1px 1px 0 0 #013e59;*/
}
.ie9 .ow-item {
    margin-right: 14px;
}
.see-all-large-blue {
    background: #0078ae;
    border: 1px solid #018bcc;
    box-shadow: inset 0 -1px 0 #004664, -1px -1px 0px #004664;
    color: #fff;
    text-shadow: 0 -1px 0 #004c6e;
    margin-top:0;
    -webkit-transition: all 0.3s ease-out, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out, all 0.3s ease-out;
    transition: all 0.3s ease-out, all 0.3s ease-out;
}
.see-all-large-blue:hover {
    color:#fff;
    background:#009ddc;
    box-shadow: inset 0 -1px 0 #004664, -1px -1px 0px #004664;
}
.our-latest-projects-content .see-all-large-blue {margin-top:25px;}
.services-before-after-section {
    padding-top:102px;
    padding-bottom:112px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png) repeat;
}
.services-before-after-section .next-step{
    border:8px solid #005f8b;
    box-shadow: 0 1px 0 #fff;
}
.services-before-after-section .next-step:after{
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png) repeat 0 0;
}
.services-before-after-section .section-title {margin-bottom:58px;}
#main .c-section-title h2,
.no-pad-t-section .section-title h2,
.wh-section-4 .section-title h2,
.obtained-section h2,
.cms-wide-section .section-title h2,
.video-landing-section .section-title h2,
.video-presentation-section .section-title h2,
.video-section .section-title h2,
.clients-list-section .section-title h2,
.newsletter-section .section-title h2,
.sample-text-section .section-title h2,
.services-dev-section .section-title h2,
.case-studies-part-section .section-title h2,
.services-before-after-section .section-title h2 {
    color:#0078ae;
}
#main .c-section-title p,
.no-pad-t-section .section-title p,
.obtained-section p,
.cms-wide-section .section-title p,
.video-landing-section .section-title p,
.video-presentation-section .section-title p,
.video-section .section-title p,
.clients-list-section .section-title p,
.newsletter-section .section-title p,
.sample-text-section .section-title p,
.services-dev-section .section-title p,
.case-studies-part-section .section-title p,
.services-before-after-section .section-title p {
    color:#5a6063;
    text-shadow:0 1px 0 #fff;
}
.sample-text-section .section-title p {padding-top:20px;}
.services-before-after-section .before-and-after-wrapper {
    padding-bottom:0;
}
.services-before-after-section .see-all-large{
    margin-top:0;
    background:#E9EFF1;
    border-color:#D2D2D2;
    box-shadow: inset 0 -1px 0 #d9dfe1;
}
.services-before-after-section .see-all-large:hover {
    background:#fff;
    border-color:#fff;
    box-shadow: 0 0 4px #d9dfe1;
}
.our-team-section {
    padding-top:105px;
}
.our-team-section .next-step {
    border:8px solid #fff;
}
.our-team-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat;
}
.our-team-section .next-step-dark {
    border-color:#15181D;
}
.our-team-section .see-all-large-blue {
    margin-top:24px;
}
.team-slider {
    padding-top:30px;
    padding-bottom:14px;
    margin:0 auto;
    max-width:912px;
    position:relative;
}
.team-slider .slides {
    padding-bottom:14px;
    overflow:hidden;
}
.team-slider .slides li {
    text-align:center;
    padding-bottom:7px;
    float: none !important;
    display: inline-block;
    vertical-align: bottom;
}
.slide-post {
    position:absolute;
    /*width:100%;*/
    bottom:0;
    z-index:2;
    background:#fff;
    border-radius:2px;
    width:290px;
    height:58px;
    padding:10px;
    font-size:13px;
    line-height:1.1;
    color:#3e3e3e;
    margin-left:7px;
}
.slide-post:after {
    position:absolute;
    left:50%;
    bottom:-14px;
    margin-left:-144px;
    width:288px;
    height:15px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat -90px -42px;
}
.slide-post strong {
    display:block;
    font-size:18px;
    color:#0078ae;
    margin:0 0 5px;
}
.slide-post span {
    display:block;
}
.case-studies-part-section {
    padding-top:100px;
    padding-bottom:100px;
}
.case-studies-part-section .next-step {
    border:8px solid #005F8B;
}
.case-studies-part-section .next-step:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/testimonials-section-bkg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.case-studies-part-section .next-step-light {
    border-color:#fff;
}
.case-studies-part-section .next-step-light:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg) repeat;
}
.services-dev-section {
    background:#fff;
    padding:102px 0 50px;
}
.services-dev-section .next-step {
    border:8px solid #f8f8f8;
}
.services-dev-section .next-step:after {
    background:#fff;
}
.services-wide-section .next-step-blue-bd,
.services-dev-section .next-step-blue-bd {
    border-color:#005F8B;
}
.services-dev-section .soc-column {
    padding-top:46px;
    padding-bottom:20px;
}
.services-dev-section .soc-column h5,
.services-dev-section .soc-column h2,
.services-dev-section .soc-column h3 {
    height:134px;
}
.services-dev-section .soc-column p {
    padding-left:20px;
    padding-right:20px;
}
.certify-section2 {
    padding-top:140px;
    padding-bottom:130px;
}
.certify-section2 .next-step {border-color:#fff;}
.certify-section3 .next-step {
    border-color:#f2f2f2;
}
.in-the-news-wide-section-alt .next-step:after,
.certify-section3 .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg) repeat;
}
.certify-section2 .next-step-black-bd{
    border:8px solid #005F8B;
    box-shadow: 0px 1px 0 #fff;
}
.certify-section2 .next-step-black-bd:after {
    background: #fff;
}
/* = Website Design */
.page-intro-block .fancy-list {
    overflow: hidden;
}
.fancy-list {
    font-size: 15px;
    color: #5a6063;
    padding: 10px 0 28px;
}
.fancy-list li {
    position: relative;
    margin: 0 1px 9px 0;
}
.fancy-list li:before {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/fancy-list-arrow.png") no-repeat;
    width: 21px;
    height: 17px;
    content: "";
    top: 8px;
    left: 8px;
    position: absolute;
}
.fancy-list-grey li:before {
    background-image:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/fancy-list-arrow-grey.png);
}
.fancy-list a {
    color: #0078ae;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.fancy-list a:hover {
    color: #009DDC;
}
.fancy-list .fl-item {
    float: left;
    background: #fdfdfd;
    padding: 6px 25px 5px 45px;
    border-radius: 16px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(180, 180, 180, 0.68);
    box-shadow: 1px 1px 0 0 rgba(180, 180, 180, 0.68);
}
.our-work-section-with-link {
    padding: 111px 0 97px;
}
.our-work-section-with-link .see-all-large {
    margin-top: -10px;
}
.page-intro-block-pad {
    padding-bottom: 82px;
}
.in-the-news-sub-wrapper {
    padding-bottom: 113px;
}
.services-sub-wide-section {}
.sub-title-box .blue-middle-box {
    margin-top: 0;
}
.sub-title-box {
    position: relative;
    margin-top: -155px;
}
.text-section {
    border-top: 1px solid #fff;
    position: relative;
    padding: 86px 0 80px;
    font-size: 17px;
    line-height: 25px;
    color: #5a6063;
    text-align: center;
}
.text-section h3 {
    color: #0078AE;
    font: 57px/57px 'roboto-light-webfont',Arial,sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 #BBDBE9;
    margin: 0 0 30px;
}
.text-section.a-left h3,
.text-section.a-left {text-align:left;}
.text-section h3 span {
    font-family: 'roboto-black-webfont',Arial,sans-serif;
}
.text-section h4 {
    font-weight: bold;
    font-size: 36px;
    line-height: 1.1;
    color: #0078ae;
    margin: 0 0 30px;
}
.text-section p a {
    color: #009ddc;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.text-section p a:hover {
    color: #009DDC;
}
.text-section p {
    margin: 0 0 30px;
}
.page-intro-block .mobile {
    display: none;
}
/* PPC page */
.page-intro-form p {
    padding-right:45%;
}
.page-navigation-float {
    float:right;
    padding-bottom:0;
    margin-bottom:0;
    border:0;
}
.page-navigation-float:before {display:none;}
.aside-form-box {
    float:right;
    width:335px;
    margin:-101px 0 50px 120px;
    padding:24px 22px 13px;
    border:1px solid #1face5;
    border-radius:6px;
    font-size:15px;
    line-height:1.5;
    color:#fff;
    text-shadow:0 -1px 0 #01547a;
    text-align:center;
    position:relative;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/fice-receive-tips-bkg.png) repeat;
}
.aside-form-box.afb__1 {
    margin-top: -140px;
}
.aside-form-box.afb__2 {
    margin-top: -285px;
    width: 408px;
}
.aside-form-box.afb__2 .field-error input {
    background-position: 330px -811px !important;
}
.aside-form-box.afb__2 .field-success input {
    background-position: 330px -567px !important;
}
.pit__1 {
    padding-right: 45%;
}
.aside-form-box:after {
    position:absolute;
    left:0;
    bottom:-14px;
    width:100%;
    height:13px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/ppc-form-shadow.png) no-repeat 50% 0;
}
.page-intro-block .aside-form-box p {
    font-size:15px;
    line-height: 15px;
    padding-right:0;
    margin-bottom:12px;
}
.aside-form-box h3 {
    font-size:20px;
    line-height:1;
    margin:0 0 5px;
}
.aside-form-box .f-row {
    padding-bottom:11px;
    position: relative;
}
.aside-form-box textarea,
.aside-form-box input[type="text"]{
    width:100%;
    background:#fff;
    border:0;
    border-radius:8px;
    padding:11px 21px 8px 14px;
    font:italic 12px/17px Arial, Helvetica, sans-serif;
    color:#878a8c;
    box-shadow: inset 1px 1px 3px #858585;
}
.aside-form-box textarea {
    resize: none;
    height: 60px;
}
input.btn-simple {
    border:0;
    padding:0 20px;
    height:36px;
}
.aside-form-box input.btn-simple {
    border-radius: 8px;
    width: 248px;
    height: 42px;
    margin: 10px auto 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 1px 1px #5e8900;
    font-family: 'roboto-bold-webfont',sans-serif;
}
.ppc-results-section {
    padding-top:112px;
    padding-bottom:100px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.newsletter-section .next-step,
.ppc-results-section .next-step {
    border:8px solid #f7f7f7;
}
.newsletter-section .next-step:after,
.ppc-results-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.ppc-results-section .see-all-large {
    border-bottom:1px solid #dcdfe1;
}
.cs-block-no-bd {
    border-bottom:0;
}
.cs-block-no-bd:before {display:none;}
.our-blog-ppc-wrapper .next-step {border-color:#ecf0f1;}
.our-blog-ppc-wrapper .obcc-column .blog-text {
    min-height:252px;
    padding-top:30px;
    padding-bottom:58px;
}
.whitepapers-ppc-section .next-step {border-color:#14191E;}
.our-ppc-team-section .next-step {border-color:#dce2e3;}
.whitepapers-ppc-section .next-step-light-border{border-color: #F2F2F2;}
.sample-text-section {
    padding-top:100px;
    padding-bottom:86px;
}
.sample-text-columns {
    width:100%;
}
.st-column {
    display:table-cell;
    vertical-align:top;
    width:50%;
    padding-left:30px;
    font-size:15px;
    line-height:1.6;
    color:#5a6063;
}
.st-column:first-child {
    padding-left:0;
    padding-right:30px;
}
.single-text-section h1 {
    font-size:36px;
    line-height:1.1;
    font-weight:bold;
    color:#0078ae;
    margin:0 0 35px;
    font-family: Arial, Helvetica, sans-serif;
}
.single-text-section h3,
.single-text-section h2,
.st-column h3 {
    font-size:20px;
    line-height:1.1;
    font-weight:bold;
    color:#0078ae;
    margin:0 0 5px;
    font-family: Arial, Helvetica, sans-serif;
}
.single-text-section h3 {font-size: 17px;}
.st-column h4 {
    font-size:15px;
    font-weight:bold;
    color:#009ddc;
    padding-top:15px;
    margin-bottom:5px;
}
.single-text-section p,
.st-column p {
    margin:0 0 30px;
    text-align:justify;
}
.st-column .custom-list {
    margin-bottom:50px;
}
.sample-text-section .next-step {
    border:8px solid #005F8B;
}
.sample-text-section .next-step:after {
    background:#e9eeef;
}
.sample-text-section4,
.sample-text-section {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.sample-text-section5,
.sample-text-section3,
.sample-text-section2 {
    background:none;
}
.sample-text-section2 .next-step {
    border:8px solid #f2f2f2;
}
.sample-text-section2 .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg) repeat;
}
.sample-text-section5 .next-step,
.sample-text-section4 .next-step {
    border-color:#F8F8F8;
}
.sample-text-section5 .next-step:after,
.sample-text-section4 .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.custom-text-field {
    padding-left:25px;
    position:relative;
}
.custom-text-field:before {
    position:absolute;
    top:2px;
    left:0;
    content:"»";
    color:#009ddc;
    font-size:19px;
    line-height:1;
    font-weight:bold;
}
.custom-text-field strong {color:#0078ae;}
.our-clients-ppc-wrapper .next-step {border-color:#f8f8f8;}
/* PR, CRO, Email marketing pages */
/*.our-team-pr-section .next-step {
    border-color:#151a1f;
}*/
.certify-section-pr .next-step {
    border-color:#005F8B;
}
.certify-section-pr {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.news-pr-wrapper {
    background:none;
}
.news-pr-wrapper .next-step {
    border-color:#efefef;
}
.news-pr-wrapper .next-step:after {
    background:#f7f7f7;
}
.page-intro-email .intro-fl-image {margin-top:-20px;}
.newsletter-section {
    padding-top:98px;
    padding-bottom:80px;
}
.certify-section-grey {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.whitepapers-cro-section .next-step {border-color:#f3f3f3;}
.wrapper .next-step-v1 {
    border:8px solid #fff;
}
.wrapper .next-step-v1:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png);
}
.wrapper .next-step-v2 {
    border: 8px solid #F7F7F7;
    box-shadow: 0 1px 0 #FFFFFF;
}
.wrapper .next-step-v2:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png");
}
.wrapper .next-step-v3 {
    border: 8px solid #eef2f3;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 1);
}
.wrapper .next-step-v3:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-2.png");
}
.wrapper .next-step-v4-bd,
.wrapper .next-step-v4 {
    border: 8px solid #edf0f1;
}
.wrapper .next-step-v4:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-4.png");
}
.wrapper .next-step-v5-bd,
.wrapper .next-step-v5 {
    border: 8px solid #fdfdfd;
}
.wrapper .next-step-v5:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-5.png");
}
.wrapper .next-step-v6-bd,
.wrapper .next-step-v6 {
    border: 8px solid #f2f2f2;
}
.wrapper .next-step-v6:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-6.png");
}
.wrapper .next-step-v7 {
    border: 8px solid #f7f7f7;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 1);
}
.wrapper .next-step-v7:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-7.png");
}
.wrapper .next-step-v8 {
    border: 8px solid #005F8B;
    box-shadow: 0 1px 0 #FFFFFF;
}
.wrapper .next-step-v8:after{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png");
}
.wrapper .next-step-v8-bd {
    border: 8px solid #005F8B;
    box-shadow: 0 1px 0 #FFFFFF;
}
.wrapper .next-step-v9 {
    border-color: #d8ddde;
}
.wrapper .next-step-v10 {
    border-color: #eee;
}
.wrapper .next-step-v11 {
    border-color: #fff;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 1);
}
.wrapper .next-step-v11:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-7.png");
}
.wrapper .next-step-v12 {
    border: 8px solid #f6f6f6;
}
.wrapper .next-step-v12:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png");
}
.next-step-v13 {
    border: 8px solid #14191e;
}
.next-step-v13:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg");
}
.wrapper .next-step-v14-bg:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png");
}
.wrapper .next-step-v15-bd {
    border: 8px solid #f7f7f7;
}
.wrapper .next-step-v16 {
    border: 8px solid #f7f7f7;
}
.wrapper .next-step-v16:after{
    background: #fff;
}
.wrapper .next-step-v17 {
    border: 8px solid #f7f7f7;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 1);
}
.wrapper .next-step-v17:after {
    background: #EAEDEE;
}
.wrapper .next-step-v18 {
    border: 8px solid #fdfdfd;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 1);
}
.wrapper .next-step-v18:after {
    background: #EAEDEE;
}
.wrapper .next-step-v20 {
    border: 8px solid #005F8B;
    box-shadow: none;
}
.wrapper .next-step-v21 {
    border: 8px solid #EAEDEE;
    box-shadow: none;
}
.wrapper .next-step-v22 {
    border: 8px solid #005f8b;
    box-shadow: none;
}
.wrapper .next-step-v23 {
    border: 8px solid #fff;
    box-shadow: none;
}
.wrapper .next-step-v24 {
    border: 8px solid #e4e4e4;
    box-shadow: none;
}
.wrapper .next-step-v25 {
    border: 8px solid #f0f0f0;
    box-shadow: none;
}
.wrapper .next-step-v25:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-section-1.png");
}
.wrapper .next-step-v26:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png");
}
.section-bg-1 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-1.png") !important;
    border-top: 1px solid #ffffff;
}
.section-bg-2 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-2.png") !important;
}
.section-bg-3 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-3.png") !important;
}
.section-bg-4 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-4.png") !important;
}
.section-bg-6 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-6.png") !important;
}
.section-bg-7 {
    background: #EAEDEE !important;
}
.see-all-large-v2 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/grey-dot-lite2.png");
    border: 1px solid #e4e7e9;
}
.tpp-heading {
    text-align: center;
    color: #fff;
    line-height: 35px;
    font-size: 28px;
    padding: 0 0 26px;
    font-family: 'roboto-light-webfont', sans-serif;
}
.tpp-heading h1 {
    font-family: 'roboto-light-webfont', sans-serif;
    float: none;
    font-size: 50px;
    margin: 0 0 9px;
}
.tpp-heading h1 span {
    font-family: 'roboto-bold-webfont', sans-serif;
}
.contact-holder {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/contact-holder-bkg.png");
    padding: 55px 0 60px;
}
.contact-holder .ch-form {
    float: left;
    width: 45.51020408163265%;
}
.ch-form .f-row {
    padding: 0 11px 11px 42px;
    position: relative;
}
.ch-form .ff-textarea,
.ch-form .ff-input {
    float: left;
    width: 100%;
}
.page-search-box input[type="text"],
.ch-form .ff-textarea textarea,
.ch-form .ff-input input {
    float: left;
    width: 100%;
    height: 46px;
    font-size: 14px;
    color: #878a8c;
    font-style: italic;
    font-family: "Arial", sans-serif;
    padding: 0 24px 0 18px;
    box-shadow: inset 1px 1px 3px #858585;
    border: solid 1px #c1c1c1;
    background: #fff;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -moz-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -o-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: linear-gradient(to top, #fbfbfb, #fff);
    border-radius: 8px;
}
.ch-form .ff-textarea textarea {
    height: 199px;
    padding: 16px 24px 16px 18px;
    resize: none;
}
.wh-fancy-form label.required:before,
.fancy-form .f-add-field span.required,
.ch-form .ff-input .required {
    position: absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -10px -273px;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    overflow: hidden;
    right: 0;
    top: 3px;
}
.wh-fancy-form label.required:before {
    content:"";
    right:-10px;
}
.ch-form .ff-textarea textarea:focus,
.ch-form .ff-input input:focus {
    box-shadow: inset 1px 1px 3px #858585;
    border: solid 2px #aad15a;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -moz-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -o-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: linear-gradient(to top, #fbfbfb, #fff);
}
.ch-form .ff-input input:focus {
    padding: 0 23px;
}
.ch-form .ff-textarea textarea:focus {
    padding: 15px 23px;
}
.page-search-box input[type="text"]{
    padding:0 24px !important;
    border: solid 1px #c1c1c1 !important;
    color:#0f70b8;
    text-transform:uppercase;
    font-weight:bold;
    font-style:normal;
    font-size:17px;
    display:inline-block;
    float:none;
}
.ch-form.page-search-box .ff-btn-submit {
    position:absolute;
    top:0;
    right:0;
    left:auto;
}
.page-search-box {
    width:100%;
    position:relative;
    padding-right:222px;
    margin:0 0 10px;
}
.ch-form .ff-checkbox {
    overflow: hidden;
    font-size: 14px;
    line-height: 17px;
    color: #5a6063;
    font-style: italic;
    padding: 8px 0 0;
}
.ch-form .ff-checkbox label {
    float: left;
    cursor: pointer;
    padding-right: 90px;
}
.ch-form .ff-checkbox input {
    float: left;
}
.ch-form .ff-checkbox span {
    display: block;
    overflow: hidden;
}
.ch-form .ez-checkbox {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -63px -267px;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px 0 2px;
}
.ch-form .ez-checked {
    background-position: -31px -267px;
}
.ch-form .ez-checkbox input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.ez-hide { opacity: 0; filter: alpha(opacity=0); }
.ch-form .ff-submit {
    text-align: center;
    padding: 12px 0 0;
}
.ch-form .ff-btn-submit {
    position: relative;
    left: -6px;
    font-size: 26px;
    color: #fff;
    font-family: 'roboto-bold-webfont', sans-serif;
    text-align: center;
    padding: 0;
    border: 0;
    width: 181px;
    height: 60px;
    border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3YjkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExZDkwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #87b900 0%, #a1d90b 100%);
    background-image: -o-linear-gradient(bottom, #87b900 0%, #a1d90b 100%);
    background-image: -webkit-linear-gradient(bottom, #87b900 0%, #a1d90b 100%);
    background-image: linear-gradient(bottom, #87b900 0%, #a1d90b 100%);
    box-shadow: 1px 1px #628e00;
    background-repeat: repeat;
    background-size: 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}
.ie9 .ch-form .ff-btn-submit:hover {
    background: #87b900;
}
#cse-search-box .ff-btn-submit {
    height: 46px;
}
.ch-form .ff-btn-submit:hover {
    background-position: 0 -200%;
    background-size: 100% 200%;
}
.ch-form .ff-info {
    text-align: center;
    font-size: 14px;
    color: #5a6063;
    padding: 15px 0 0;
}
.ch-contacts-details {
    float: right;
    width: 42.24489795918367%;
    margin-right: 11px;
}
.contact-list {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    margin-bottom: 59px;
}
.contact-list li {
    padding: 2px 60px 0 95px;
    position: relative;
    margin-bottom: 42px;
    min-height: 55px;
}
.contact-list .phone {
    margin-bottom: 61px;
}
.contact-list .addr:after {
    content: "";
    position : absolute;
    width: 83px;
    height: 82px;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -137px -273px;
    left: 0;
    top: 1px;
}
.contact-list .phone:after {
    content: "";
    position : absolute;
    width: 83px;
    height: 83px;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -230px -272px;
    left: 0;
    top: -10px;
}
.contact-list .fax:after {
    content: "";
    position : absolute;
    width: 83px;
    height: 82px;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -321px -273px;
    left: 0;
    top: -13px;
}
.hiring-box .title,
.contact-list .title {
    font-size: 28px;
    font-weight: normal;
    color: #0078ae;
    display: block;
    margin: 0 0 8px;
    font-family: 'roboto-medium-webfont', sans-serif;
}
.contact-list p {
    margin: 0 0 5px;
}
.hiring-box {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .13);
    margin: 0 2px 0 4px;
    padding: 25px 33px 17px;
}
.hiring-box .title {
    font-size: 21px;
    margin: 0 0 10px;
}
.hiring-box p {
    line-height: 21px;
    margin: 0 0 10px;
}
.arrow-link {
    font-size: 14px;
    color: #009ddc;
    display: inline-block;
    font-family: 'roboto-bold-webfont', sans-serif;
    text-transform: uppercase;
    padding: 0 20px 0 0;
    position: relative;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.arrow-link:hover {
    color: #009DDC;
}
.arrow-link:after {
    content: "»";
    position: absolute;
    right: 0;
    top: -6px;
    width: 12px;
    height: 10px;
    font:26px/26px "roboto-bold-webfont", sans-serif;
    -webkit-transition: right .2s linear;
    -moz-transition: right .2s linear;
    transition: right .2s linear;
}
.arrow-link:hover:after {right:-3px;}
.map-holder {
    position: relative;
    height: 488px;
    overflow: hidden;
}
.mc-data {
    position: relative;
    z-index: 100;
    text-align: center;
    width: 300px;
    height: 130px;
    font-size: 15px;
    color: #5a6063;
    line-height: 20px;
}
.mc-data .title {
    font-size: 20px;
    font-weight: normal;
    color: #0078ae;
    display: block;
    margin: 0 0 8px;
}
.mc-data p {
    margin: 0 0 15px;
}
.mc-data .mc-arrow-link {
    font-size: 14px;
    color: #1ea7de;
    display: inline-block;
    vertical-align:top;
    font-family: 'roboto-bold-webfont', sans-serif;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.mc-data .mc-arrow-link:after {
    display:inline-block;
    vertical-align:top;
    content:"»";
    font:25px/1 "roboto-bold-webfont", sans-serif;
    margin:-5px 0 0 4px;
}
.mc-data .mc-arrow-link:hover {
    color: #009DDC;
}
#map img {
    max-width: none;
}
.map-section {
    position: relative;
}
.map-section .next-step {
    z-index: 2;
}
.contact-holder .frame {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/contact-shadow.png") no-repeat 59.8% 0;
}
.top-page-panel-visible {
    display: block !important;
}
.what-you-get-section {
    background: #fff;
    padding: 25px 0 10px;
    border-bottom: 1px solid #e4e5e5;
}
.what-you-get-section .frame {
    position: relative;
}
.wyg-box {
    font-size: 17px;
    color: #5a6063;
    line-height: 24px;
    float: right;
    width: 32.44897959183673%;
    margin-right: 132px;
}
.wyg-box h2 {
    font-size: 30px;
    color: #0078ae;
    font-weight: normal;
    margin: 0 0 25px;
    font-family: 'roboto-medium-webfont', sans-serif;
}
.wyg-box ul {}
.wyg-box ul li {
    padding: 0 0 19px 36px;
    position: relative;
}
.wyg-box ul li:before {
    position: absolute;
    top: 4px;
    left: 1px;
    width: 21px;
    height: 17px;
    content: "";
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat -23px -115px;
}
.wyg-box ul li span {
    font-weight: bold;
    color: #0078ae;
}
.tpp-arrow-text {
    font-size: 15px;
    padding: 4px 0 34px;
}
.tpp-arrow-down {
    position: relative;
    display: inline-block;
    padding-right: 60px;
}
.tpp-arrow-down:before {
    content: "";
    position: absolute;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png') no-repeat -688px -188px;
    width: 59px;
    height: 26px;
    bottom: -1px;
    left: -71px;
}
.rank-section {
    border-top: 1px solid #fff;
    padding: 20px 0 70px;
}
.rank-section .rs-box {
    margin-right: 104px;
    float: right;
    font-size: 17px;
    line-height: 21px;
    color: #5a6063;
    width: 35.69387755102041%;
}
.rank-section .rs-box img {
    float: left;
    margin: 0 24px 0 0;
}
.rank-section .rs-box p {
    overflow: hidden;
    padding: 42px 0 0;
}
.rank-section .rs-box p span {
    font-weight: bold;
    color: #0078ae;
}
.rank-section .rsb-phone{
    margin-top:45px;
    font: 28px/48px 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    color:#5a6063;
    position:relative;
    padding-left: 70px;
}
.rank-section .rsb-phone:before{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -414px -273px;
    content: "";
    width: 52px;
    height: 51px;
    position: absolute;
    left:0;
    top:0;
}
.wyg-form-box {
    border: 1px solid #dcd8d8;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/form-bkg.png");
    position: absolute;
    left: 13px;
    top: -55px;
    width: 48.87755102040816%;
    border-radius: 5px;
    padding: 39px 0 34px;
}
.wyg-form-box .f-row {
    padding-left: 40px;
    margin-right: 33px;
}
.wyg-form-box .ff-submit {
    position: absolute;
    bottom: -58px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.wyg-form-box .ff-submit input {
    left: 8px;
}
.wyg-form-box:after {

}
.wyg-form-box:before {

}
.ds-row {
    margin: 0 0 60px;
}
.responsive-samples,
.mobile-samples {
    padding-bottom: 55px;
    z-index: 1;
}
.mobile-samples .ds-row {
    margin: 0 0 5px;
}
.responsive-samples .ds-row {
    margin: 0 0 30px;
}
.ds-row .ds-col {
    margin-left: 2.653061224489796%;
    float: left;
    width: 48.46938775510204%;
}
.ds-row .ds-col:first-child {
    margin-left: 0;
}
.ds-row .ds-col img {
    max-width: 100%;
}
.sp-block {
    display: block;
}
.mobile-development-blog {
    padding-top: 0;
}
.fancy-line {
    margin: 50px 0 45px;
    border-color: #d1d2d4;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.whitepapers-holder {
}
.whitepapers-holder .wh-section-1 {
    border-bottom: 1px solid #dcdddd;
    padding: 22px 0 107px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-7.png");
}
.whitepapers-holder .wh-section-2 {
    padding-bottom: 45px;
}

.whitepapers-holder .wh-section-3 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-7.png");
    min-height: 171px;
    border-top: 1px solid #dcdddd;
}
.webinar-section {
    min-height:312px;
}
.whitepapers-holder .wh-section-4 {
    border-top: 1px solid #dcdddd;
    padding: 50px 0 60px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/serve-all-industries-bkg.png") repeat;
}
.wh-infobox {
    float: left;
    width: 47.44897959183673%;
}
.whi-content {
    position: relative;
    float: left;
    color: #5a6063;
    font-size: 17px;
    line-height: 24px;
    width: 100%;
    margin-top: -77px;
}
.wh-add .whi-content {
    margin-top: -124px;
}
.whf-content p,
.whi-content p {
    margin: 0 0 20px;
}
.whf-content a,
.whi-content a {
    color: #0078ae;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.whf-content a:hover,
.whi-content a:hover {
    color: #009DDC;
}
.wh-section-2 .wh-img {
    max-width: 100%;
    display: block;
    margin-bottom: 39px;
}
.whf-content ul li,
.whi-content ul li {
    padding: 0 0 19px 36px;
    position: relative;
}
.whf-content ul li:before,
.whi-content ul li:before {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png") no-repeat -23px -115px rgba(0, 0, 0, 0);
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    top: 4px;
    width: 21px;
}
.wh-section-2 .frame {
    position: relative;
}
.wh-form-holder {
    float: right;
    margin-right: 3px;
    width: 48.77551020408163%;
}
.wh-form {
    width: 100%;
    float: right;
    margin-top: -69px;
}
.wh-form-holder .ch-form {
    padding: 34px 33px 0 43px;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/form-bkg2.png');
    position: relative;
    border-radius: 3px;
    box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.18);
}
.wh-form-holder .ch-form .ff-submit {
    padding-top: 14px;
    padding-bottom: 17px;
}
.wh-form-holder .ch-form .ff-submit input {
    width: 250px;
    left: 0;
}
.wh-form-holder .whf-title {
    margin-bottom: 40px;
    text-align: center;
    color: #0078ae;
    text-shadow: 0 1px #fff;
    font-size: 20px;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.wh-form-holder .whf-title span {
    display: block;
}
.wh-form-holder .whf-title strong {
    font-size: 28px;
    display: block;
}
.wh-form-holder .ch-form .f-row {
    padding-left: 0;
    padding-bottom: 20px;
}
.whf-content {
    font-size: 17px;
    color: #5a6063;
    line-height: 24px;
    padding: 70px 0 0;
}
.wh-presses {
    padding: 23px 0 10px 16px;
}
.wh-press {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/form-bkg2.png');
    float: left;
    border: 4px solid #fff;
    border-radius: 3px;
    width: 46.93877551020408%;
}
.wh-press:last-child {
    float: right;
}
.wh-press:first-child {
    float:left;
}
.wh-press img {
    float: left;
    margin: 22px 21px 30px -31px;
    max-width: 49.55752212389381%;
}
.wh-press .whp-content {
    overflow: hidden;
    color: #5a6063;
    font-size: 17px;
    line-height: 24px;
    padding: 25px 15px 12px 0;
}
.whp-content h2 {
    color: #0078ae;
    font-size: 22px;
    line-height: 27px;
    margin: 0 0 23px;
    text-shadow: 0 1px #fff;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.whp-content h2 a {
    color: #0078ae;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.whp-content h2 a:hover {
    color:#009DDC;
}
.whp-content p {
    margin: 0 0 17px;
}
.whp-content .link-download {
    display: inline-block;
    color: #009ddc;
    font-size: 16px;
    text-shadow: 0 1px #fff;
    text-transform: uppercase;
    font-family: 'roboto-bold-webfont', sans-serif;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.whp-content .link-download:after {
    display:inline-block;
    vertical-align:top;
    content:"»";
    margin:-5px 3px 0 7px;
    font:28px/1 "roboto-bold-webfont", sans-serif;
    text-shadow: 0 1px #fff;
    position:relative;
    left:0;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.whp-content .link-download:hover:after {
    left:3px;
}
.whp-content .link-download:hover {
    color:#009DDC;
}
.wh-top {
    padding: 3px 0 0;
    float: left;
    width: 47.44897959183673%;
}
.wh-top .page-intro-title {
    padding: 0;
    line-height: 45px;
    margin-bottom: 20px;
}
.wh-date {
    font-size: 28px;
    color: #5a6063;
    display: block;
    font-family: 'roboto-light-webfont', sans-serif;
}
.wh-time {
    font-size: 17px;
    color: #009ddc;
    display: block;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.webinars-holder .wh-section-2 {
    padding-bottom: 105px;
    background: #fff;
}
.webinars-holder .wh-form {
    margin-top: -266px;
}
.webinars-holder .wh-form .ch-form {
    box-shadow: none;
    position: relative;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/noise-bkg.png");
    padding-bottom: 1px;
}
.webinars-holder .wh-form .f-row {
    padding-bottom: 26px;
}
.webinars-holder .whf-title {
    color: #fff;
    padding: 6px 0 0;
}
.webinars-holder .whf-title span {
    font-size: 35px;
    font-family: 'roboto-light-webfont', sans-serif;
    text-shadow: none;
}
.webinars-holder .whf-title strong {
    font-size: 50px;
    margin-top: -12px;
    font-weight: normal;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.webinars-holder .fancy-form .f-add-field span.required,
.webinars-holder .ch-form .ff-input .required {
    background-position: -32px -297px;
}
.webinars-holder .wh-form-holder .whi-content {
    margin: 0;
    display: none ;
    padding: 30px 26px 0;
}
.whf-content .visible-for-mobile {
    display: none;
}
.add-mobile-navigation {
    display: none;
    text-align: center;
}
.archive-block .section-title h2 {
    font-size:46px;
}
.upcoming-webinars {
    padding-top:30px;
    border-top:1px solid #DCDDDD;
}
.webinar-list {
    width:100%;
}
.webinar-archive-item {
    display:inline-block;
    vertical-align:top;
    width:33%;
    padding:0 10px 30px;
    text-align:center;
}
.webinar-archive-thumb {
    position:relative;
    display:block;
    margin:0 auto 10px;
    width:228px;
    height:120px;
    border:3px solid #0078ae;
    border-radius:3px;
    background:#fff;
}
.webinar-archive-thumb:before {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-32px;
    margin-left:-32px;
    width: 64px;
    height: 64px;
    content:"";
    z-index:10;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-small.png) no-repeat;
    opacity:1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.webinar-archive-thumb:hover:before {opacity:0;}
.webinar-archive-thumb:after {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-32px;
    margin-left:-32px;
    width: 64px;
    height: 64px;
    content:"";
    z-index:20;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-small.png) no-repeat 0 -64px;
    opacity:0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.webinar-archive-thumb:hover:after {opacity:1;}
.webinar-archive-thumb img {
    display:block;
    margin:0 auto;
}
.webinar-archive-item h3 {
    color: #0078ae;
    font: 18px/1.1 "roboto-bold-webfont", sans-serif;
    margin:0 0 8px;
}
.webinar-archive-item h3 a {
    color:#0078ae;
}
.webinar-archive-item h3 a:hover {color:#009DDC;}
.webinar-archive-item .sample-date {
    display:block;
    margin:0 0 5px;
    color:#5a6063;
    font-style:italic;
}
.whitepapers-holder .webinar-details {
    color:#5A6063;
    padding-bottom:50px;
}
.wh-breadcrumbs {
    padding:0 0 35px;
}
.wh-breadcrumbs li {
    display:inline-block;
    vertical-align:top;
    font-size:13px;
    margin:0 10px 0 0;
}
.wh-breadcrumbs a {
    font-weight:bold;
}
.wh-breadcrumbs li:before {
    display:inline-block;
    content:"»";
    font-size:15px;
    line-height:1.1;
    margin:0 10px 0 0;
}
.wh-breadcrumbs li:first-child:before {display:none;}
.title-detail {
    text-align:center;
}
.webinar-details .page-intro-title {
    padding-right:0;
}
.web-full-post {
    padding:25px 0 0;
}
.web-description {
    font-size:15px;
    line-height:1.6;
}
.web-description ul,
.web-description p {
    margin:0 0 20px;
}
/* = About pages */
.top-page-panel .tpp-narrow-nav li {min-width:142px;}
.page-intro-about {
    text-align:center;
    color:#0078ae;
    padding:38px 0 18px;
    margin-bottom:10px;
}
.about-wide-section {
    position:relative;
    padding:42px 0 112px;
}
.about-first-section {padding-top:0;}
.about-wide-section .next-step {
    border:8px solid #f0f0f0;
}
.about-wide-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg) repeat;
}
.about-marked-section {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.about-marked-section .next-step {
    border-color:#F7F7F7;
}
.about-marked-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.branches-items {
    display:table;
    width:100%;
}
.branch-item {
    display:table-cell;
    vertical-align:top;
    width:50%;
    padding:0 30px;
    text-align:center;
    font-size:17px;
    line-height:1.5;
    color:#5a6063;
}
.branch-img {
    position:relative;
    margin:0 0 32px;
    font-size:0;
    line-height:0;
}
.branch-img:after {
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-190px;
    width:380px;
    height:14px;
    z-index:10;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/branch-shadow.png) no-repeat;
}
.branch-item-dif .branch-img:after {display:none;}
.branch-item h2 {
    font:57px/1.1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    margin:0 0 26px;
}
.branch-item-dif  h2 {font-size:46px;}
.branch-item h2 span {font-family:"roboto-black-webfont", sans-serif;}
.branch-item h2 a {
    color:#0078ae;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear;
}
.branch-item h2 a:hover {color:#009DDC;}
.branch-item p {
    margin:0 0 22px;
}
.btn-simple-blue2 {
    box-shadow: 0 -1px 0 #6cc7eb, 0 1px 0 #005964;
    text-shadow:0 -1px 0 #328156;
    background: rgb(0,156,219);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc5YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,156,219,1) 0%, rgba(0,121,175,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,156,219,1)), color-stop(100%,rgba(0,121,175,1)));
    background: -webkit-linear-gradient(top,  rgba(0,156,219,1) 0%,rgba(0,121,175,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,156,219,1) 0%,rgba(0,121,175,1) 100%);
    background-size: 100% 100%;
}
.ie9 .btn-simple-blue2:hover {
    background: rgba(0,156,219,1);
}
.certify-section4 {
    padding-top:107px;
}
.certify-section4 .next-step {
    border-color:#F7F7F7;
}
.certify-section4 .next-step-v8-bd {
    border: 8px solid #005F8B;
    box-shadow: 0 1px 0 #FFFFFF;
}
.page-intro-center {
    text-align:center;
    padding:36px 34px 25px;
    font-size:15px;
    line-height:1.5;
    color:#5a6063;
}
.da-section .page-intro-center h3.pic-title,
.page-intro-center-holder h2.main-title,
.page-intro-center-holder h1,
.page-intro-center h2 {
    font:50px/1.1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    margin:0 0 20px;
}
.page-intro-center .pic-sub-title span,
.da-section .page-intro-center h3.pic-title span,
.page-intro-center-holder h1 span,
.page-intro-center h2 span {font-family:"roboto-bold-webfont", sans-serif;}
.page-intro-center .pic-sub-title,
.page-intro-center-holder h2,
.page-intro-center h3 {
    font:28px/1.1 "roboto-light-webfont", sans-serif;
    color:#5a6063;
    margin:0 0 20px;
}
.press-events-block {
    padding:54px 0;
}
.press-events-block h3 {
    font-size:18px;
    line-height:1.1;
    color:#5a6063;
    font-weight:bold;
    margin:0 0 18px;
}
.press-events-block p {margin:0 0 30px;}
.press-events-block .cs-thumb > a {
    display: block;
    border:5px solid transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.press-events-block .cs-thumb > a:hover{
    box-shadow:0px 0px 10px 0 rgba(165, 165, 165, .5);
    border:5px solid #fcfcfc;
}
.press-events-block .cs-thumb > a:hover .cs-site-screen {
    box-shadow: none;
}
.cs-marked-block {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.paging-basic {
    background:#fff;
    padding:18px 0 110px;
    text-align:center;
    position:relative;
}
.paging-basic:before {
    position:absolute;
    width:100%;
    height:6px;
    top:-6px;
    left:0;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/paging-shadow.png) repeat-x;
}
.paging-inline a {
    display:inline-block;
    vertical-align:middle;
    width:37px;
    height:37px;
    font:16px/37px "roboto-medium-webfont", sans-serif;
    color:#0078ae;
    margin:0 3px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat -90px -64px;
}
.paging-inline .active,
.paging-inline a:hover {
    color:#fff;
    background-position:-127px -64px;
}
.paging-inline .pag-prev-link,
.paging-inline .pag-next-link {
    height:auto;
    width:auto;
    font-size:14px;
    color:#009ddc;
    background:none;
    text-transform:uppercase;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.paging-inline .pag-prev-link {float:left;}
.paging-inline .pag-next-link {float:right;}
.paging-inline .pag-prev-link:before,
.paging-inline .pag-next-link:after {
    font:25px/25px "roboto-black-webfont", sans-serif;
    display:inline-block;
    vertical-align:middle;
    margin:-9px 4px 0 0;
    content:"«";
    position:relative;
    left:0;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.paging-inline .pag-next-link:after {
    margin-left:4px;
    margin-right:0;
    content:"»";
}
.paging-inline .pag-prev-link:hover:before {left:-3px;}
.paging-inline .pag-next-link:hover:after {left:3px;}
.paging-inline .pag-prev-link:hover,
.paging-inline .pag-next-link:hover {color:#009DDC;}
.page-intro-details {padding-top:0;}
.page-intro-center p a {
    font-weight:bold;
    color:#0078ae;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.page-intro-center p a:hover {
    color: #009DDC;
}
.details-columns {
    display:table;
    width:100%;
}
.detail-column {
    display:table-cell;
    vertical-align:top;
    width:50%;
    padding:0 0 0 13px;
    font-size:17px;
    line-height:1.6;
    color:#5a6063;
}
.detail-column:first-child {
    padding-left:0;
    padding-right:13px;
}
.detail-column p {margin:0 0 34px;}
.details-sub-panel {
    text-align:center;
    padding:0 0 50px;
}
.about-main-logo {
    box-shadow:1px 1px 2px 0 #a5a5a5;
}
.wide-logos-section {
    margin-top:84px;
    padding-top:118px;
    padding-bottom:0;
}
.dif-logos-list li {
    display:inline-block;
    vertical-align:top;
    width:23.5%;
    height:238px;
    line-height:238px;
    margin:0 4px 10px;
    background:#fff;
    box-shadow:1px 1px 1px 0 #c4c4c4;
    border-radius:3px;
    text-align:center;
}
.dif-logos-list img {vertical-align:middle;}
.in-the-news-parent {padding-top:76px;}
.pi-left-col {
    float:left;
    width:60%;
    text-align:left;
}
.rounded-box {
    float:right;
    width:280px;
    height:280px;
    padding:82px 13px 10px;
    background:#fff;
    border-radius:138px;
    box-shadow: 0 2px 9px rgba(0,0,0,.06);
}
.rounded-box h3 {
    font:bold 20px/1.1 Arial, Helvetica, sans-serif;
    color:#0078ae;
    margin:0 0 3px;
}
.rounded-box p {margin:0 0 12px;}
.rounded-box .view-more {
    color:#009ddc;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.rounded-box .view-more:hover {color:#009DDC;}
.employ-wide-section {
    background: -moz-linear-gradient(top,  rgba(241,241,241,0) 0%, rgba(241,241,241,0.8) 1%, rgba(241,241,241,1) 2%, rgba(241,241,241,1) 50%, rgba(241,241,241,1) 98%, rgba(241,241,241,0.8) 99%, rgba(241,241,241,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,0)), color-stop(1%,rgba(241,241,241,0.8)), color-stop(2%,rgba(241,241,241,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(98%,rgba(241,241,241,1)), color-stop(99%,rgba(241,241,241,0.8)), color-stop(100%,rgba(241,241,241,0)));
    background: -webkit-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.8) 1%,rgba(241,241,241,1) 2%,rgba(241,241,241,1) 50%,rgba(241,241,241,1) 98%,rgba(241,241,241,0.8) 99%,rgba(241,241,241,0) 100%);
    background: -o-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.8) 1%,rgba(241,241,241,1) 2%,rgba(241,241,241,1) 50%,rgba(241,241,241,1) 98%,rgba(241,241,241,0.8) 99%,rgba(241,241,241,0) 100%);
    background: -ms-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.8) 1%,rgba(241,241,241,1) 2%,rgba(241,241,241,1) 50%,rgba(241,241,241,1) 98%,rgba(241,241,241,0.8) 99%,rgba(241,241,241,0) 100%);
    background: linear-gradient(to bottom,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.8) 1%,rgba(241,241,241,1) 2%,rgba(241,241,241,1) 50%,rgba(241,241,241,1) 98%,rgba(241,241,241,0.8) 99%,rgba(241,241,241,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#00f1f1f1',GradientType=0 );
}
.employ-block  {
    padding:24px 0 176px;
    position:relative;
}
.employ-bar {margin:0 0 15px;}
.employ-bar.fix {
    background:#fff;
    box-shadow:1px 1px 2px 0 #afafaf;
    padding:0 0 20px;
    z-index:9999;
}
.employ-nav {
    text-align:center;
    padding:0 0 15px;
}
.employ-nav li {
    display:inline-block;
    vertical-align:top;
    box-shadow:1px 1px 0 0 #afafaf;
    margin:0 0 10px 1px;
}
.employ-nav li:first-child {margin-left:0;}
.employ-nav a {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:52px;
    padding:0 10px;
    background:#fff;
    color:#0076ae;
    font:bold 14px/1.1 Arial, Helvetica, sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.employ-nav .active a,
.employ-nav a:hover {
    background:#009ddc;
    color:#fff;
}
.switch-section {
    text-align:center;
}
.switch-section li {
    display:inline-block;
    vertical-align:top;
    margin:0 28px 0 0;
}
.switch-section strong {
    float:left;
    font:bold 14px/1.1 Arial, Helvetica, sans-serif;
    color:#0076ae;
    margin:7px 15px 0 0;
}
.switch-section .btns {
    float:left;
}
.switch-section a {
    float:left;
    width:58px;
    height:33px;
    font-size:0;
    line-height:0;
    color:transparent;
    position:relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.switch-section a:after,
.switch-section a:before {
    position:absolute;
    top:0;
    left:0;
    content:"";
    width:58px;
    height:33px;
    font:14px/33px "roboto-black-webfont", Arial, Helvetica, sans-serif;
    color:#fff;
    text-shadow:0 -1px 0 #016898;
    text-align:center;
    opacity:1;
}
.switch-section a:hover:after,
.switch-section a:hover:before {
    webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.switch-section a:after {
    opacity:0;
    z-index:2;
}
.switch-section a:hover:after {
    opacity:1;
}
a.switch-on:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/switch-btns.png) no-repeat;
}
a.switch-on:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/switch-btns.png) no-repeat 0 -34px;
}
a.switch-off:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/switch-btns.png) no-repeat -58px -34px;
}
a.switch-off:hover {
    cursor:default;
}
.party-on .party-btns a.switch-on:after,
.title-mode-on .title-btns a.switch-on:after {
    opacity:1;
    cursor:default;
}
.party-on .party-btns a.switch-off:before,
.title-mode-on .title-btns a.switch-off:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/switch-btns.png) no-repeat -58px 0;
}
.party-on .party-btns a.switch-off:after,
.title-mode-on .title-btns a.switch-off:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/switch-btns.png) no-repeat -58px -34px;
}
.party-on .party-btns a.switch-off:hover,
.title-mode-on .title-btns a.switch-off:hover {
    cursor:pointer;
}
.member-item {
    display:inline-block;
    vertical-align:top;
    margin:0 0 20px;
    padding:0 22px 13px;
    width:33%;
    height:397px;
    text-align:center;
    overflow:hidden;
    position:relative;
    -webkit-transition: border-color 0.3s ease-out, border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out, border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out, border-color 0.3s ease-out;
}
.member-item:after {
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-146px;
    width:292px;
    height:13px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/member-shadow.png) no-repeat;
}
.member-photo {
    height:384px;
    line-height:384px;
}
.member-photo .photo {
    vertical-align:bottom;
}
.member-descript {
    position:absolute;
    left:22px;
    bottom:13px;
    width:100%;
    max-width:290px;
    background:#fff;
    border:1px solid #d9dadc;
    border-radius:2px;
    padding:9px 8px 11px;
    text-align:center;
    font:13px/1.1 "roboto-medium-webfont", sans-serif;
    color:#3e3e3e;
    opacity:0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.title-mode-on .member-descript,
.member-item:hover .member-descript {
    opacity:1;
}
.member-descript strong {
    display:block;
    margin:0 0 3px;
    font:18px/1.1 "roboto-bold-webfont", sans-serif;
    color:#0078ae;
}
.photo-party-mode {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.party-on .photo-basic-mode {
    display:none;
}
.party-on .photo-party-mode {
    visibility:visible;
    position:static;
    opacity:1;
}
.float-panel {
    position:fixed;
    top:300px;
    width:70px;
    padding:34px 0 0;
    background:#fff;
    border-radius:0 3px 3px 0;
    box-shadow: 1px 0 3px rgba(0,0,0,.18);
}
.fp-socials {
    padding:0 0 9px;
}
.fp-socials li {
    padding:0 5px 17px;
}
.fp-socials img {font-size:0; line-height:0;}
.go-top {
    display:block;
    width:70px;
    height:92px;
    padding:58px 5px 5px;
    background:#0087bd;
    box-shadow: 1px 0 1px #6cc5ee;
    border:1px solid #006f9c;
    border-width:0 1px 1px;
    border-radius:0 3px 3px 0;
    text-align:center;
    color:#fff;
    text-shadow:0 -1px 0 #005c83;
    text-transform:uppercase;
    font:15px/1.1 "roboto-bold-webfont", sans-serif;
    position:relative;
    -webkit-transition: all 0.3s ease-out, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out, all 0.3s ease-out;
    transition: all 0.3s ease-out, all 0.3s ease-out;
}
.go-top:hover {
    color:#fff;
    background:#08668c;
}
.go-top:before {
    position:absolute;
    top:16px;
    left:16px;
    width:36px;
    height:34px;
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite-inner.png) no-repeat -164px -64px;
}
.intro-sample-image {
    float:right;
    margin:0 0 70px 38px;
}
.pi-left-text {
    padding-top:38px;
    text-align:left;
    font-size:17px;
    line-height:1.8;
}
.pi-left-text p {margin:0 0 30px;}
.ts-subtext {
    font:28px/1.2 "roboto-light-webfont", sans-serif;
    color:#5a5f62;
}
.text-section-narrow p {
    padding-left:13%;
    padding-right:13%;
}
.languages-box {
    text-align:center;
    padding:26px 15px 16px;
    margin:0 0 30px;
}
.languages-box h3,
.hobbies-box h3 {
    font-size:36px;
    line-height:1.1;
}
.hobbies-box {margin:0 0 15px;}
.icons-special-list {
    text-align:center;
}
.icons-special-list li {
    display:inline-block;
    vertical-align:bottom;
    margin:0 7px 12px;
}
.icons-special-list img {margin:0 0 10px;}
.hobbies-box .icons-special-list img {margin-bottom:2px;}
.icons-special-list span {
    display:block;
    clear:both;
    font:17px/1 "roboto-medium-webfont", sans-serif;
    color:#5a6063;
}
.sample-sec-text {
    font-size:17px;
    line-height:1.6;
    color:#5a6063;
}
.sample-sec-text p {margin:0 0 34px;}
.sample-right-img {
    float:right;
    margin:0 0 30px 34px;
}
.certify-section-5 {
    padding-top:90px;
    border-top:1px solid #fff;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-2.png) repeat;
}
.certify-section-5 .next-step {
    border-color:#f3f3f3;
}
.certify-section-5 .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-2.png) repeat;
}
/* = Clients page */
.page-intro-narrow {
    padding-left:8%;
    padding-right:8%;
}
.clients-list-section {
    padding-top:105px;
    margin-top:70px;
}
.all-testimonials {
    padding-top:50px;
    padding-bottom:50px;
}
.all-testimonials .frame {
    max-width:930px;
}
.at-item {
    display:inline-block;
    vertical-align:top;
    width:47%;
    margin:0;
    position:relative;
}
.at-item:nth-child(2n) {
    margin-left:50px;
}
.at-item .occc-column {
    width:100%;
    max-width:322px;
    float:none;
    margin:0 auto;
}
.at-item .occc-column .client-logo {margin-top:16px; margin-bottom:20px;}
.at-item .testimonial {
    width:100%;
    max-width:435px;
    float:none;
}
.at-item .ti-content {min-height:252px;}
.re-collapse a,
.at-item .view-more {
    font-size:15px;
    vertical-align:bottom;
    text-transform:none;
    color:#009ddc;
    margin-left:4px;
}
.at-item .view-more:hover, .re-collapse a:hover {color:#009DDC;}
.industries-intro-block {
    border:0;
}
.industries-intro-block:after {display:none;}
.industries-intro-block h3 {
    font:28px "roboto-light-webfont", sans-serif;
    margin:0 0 24px;
    padding-right:52%;
}
.industries-intro-block p {
    font:15px/1.5 Arial, Helvetica, sans-serif;
}
.industries-intro-block .intro-fl-image {margin-top:-130px;}
.industries-inner-wrapper {
    background:none;
    padding-top:0;
    padding-bottom:130px;
}
.testimonial-row {
    padding:30px 0;
}
.testimonial-row:first-child {padding-top:0;}
.testimonial-hidden-row {
    overflow: hidden;
    height: 0;
    display: none;
}
.testimonial-hidden-row-frame {
    position:relative;
    color:#fff;
    padding:52px 0 62px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/before-and-after-bg.png) repeat;
    box-shadow: inset 0px 0px 8px #0a0b0d, inset 0 -2px 8px #0a0b0d;
}
.testimonial-hidden-row .tr-item,
.testimonial-row .tr-item {
    display: none;
}
.testimonial-active-row {display:block;}
.demo-video-box .ec-video-box,
.expanded-mode .ec-video-box,
.testimonial-hidden-row .frame {
    max-width:980px;
    padding-left:20px;
    padding-right:20px;
    position:relative;
}
.testimonial-hidden-row h4 {
    color:#fff;
    font:57px/1 "roboto-light-webfont", sans-serif;
    margin:0 0 28px;
}
.testim-video-holder {
    max-width:940px;
    padding:12px;
    background:#1E2227;
    border:1px solid #262b31;
    box-shadow: inset -1px -1px 0 #0f1418, -1px -1px 0 #0f1418;
    border-radius:3px;
}
.testim-video-holder .single-video-box {
    max-width:940px;
}
.at-item-active {padding-bottom:20px;}
.at-item-active:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    width: 21px;
    height: 11px;
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    margin-left: -13px;
}
.occc-column-active:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    width: 21px;
    height: 11px;
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    margin-left: -13px;
}
/* print design */
.intro-fl-image2 {margin-top:-15px;}
.fancy-list-two li {
    display:inline-block;
    vertical-align:top;
    width:48%;
}
.fancy-list-two .fl-item {
    width:100%;
    padding-right:5px;
}
.ow-items-diff-sizes {text-align:center;}
.ow-items-diff-sizes .ow-item {
    position:relative;
    height:240px;
    width:314px;
    margin-bottom:60px;
}
.ow-items-diff-sizes .ow-item > a {
    display:block;
    height:240px;
}
.ow-items-diff-sizes .ow-item img {
    position:absolute;
    right:0;
    bottom:0;
    max-width:334px;
}
.ow-items-diff-sizes .ow-item:first-child img {bottom:-14px;}
.ow-items-diff-sizes .ow-item:nth-child(8) img {bottom:-12px;}
.text-section-pd {
    padding-top:0;
}
.text-section-pd p {
    padding-left:5%;
    padding-right:5%;
}
.text-section-pd .blue-middle-box {margin-bottom:30px;}
.simple-header {
    padding-bottom: 31px;
}
.simple-header .sh-hide {
    display: none;
}
.simple-header .head-r-side {
    padding-top: 25px;
}
.simple-header .separate-border {
    margin-top: 1px;
}
.simple-header .addr {
    color: #5A6063;
    display:inline-block;
    vertical-align:middle;
    margin:-4px 0 0;
    padding-right:4px;
    font-weight: normal;
    font: bold 16px/22px 'roboto-bold-webfont',arial,sans-serif;
}
.simple-header .addr span {
    color: #a1a1a1;
    font-size: 14px;
    font-family: 'roboto-light-webfont', sans-serif;
}
.center-text-section {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 100px;
}
.sample-text-section .st-add-section .st-column {
    font-size: 18px;
    line-height: 24px;
}
.sample-text-section .st-add-section h3 {
    font-size: 36px;
    margin-bottom: 12px;
}
.two-col-list {
    margin: 0 0 30px;
}
.two-col-list ul {
    margin: 0 0 25px;
    font-size: 17px;
}
.two-col-list ul li {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-bottom: 2px;
    width: 49%;
}
.two-col-list ul li:nth-child(odd) {
    text-align: left;
}
.two-col-list ul a {
    color: #0078AE;
}
.two-col-list ul a:hover {

}
.two-col-list .link-apply {
    font-size: 14px;
    color: #009ddc;
    display: inline-block;
    font-weight: bold;
}
.two-col-list .link-apply:after {
    content: "»";
    font: 24px/14px 'roboto-black-webfont',Arial,sans-serif;
    padding-left: 5px;
    vertical-align: -2px;
    position:relative;
    left:0;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.two-col-list .link-apply:hover:after {left:3px;}
.jufh-box {
    margin: 0 auto;
    width: 80.10204081632653%;
    position: relative;
}
.join-us-form-holder {
    padding: 80px 0 100px;
    position: relative;
}
.join-us-form-holder .jb-1 {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fefefe;
    box-shadow: 1px 1px 1px rgba(0,0,0,.28);
    padding: 40px 65px 27px 80px;
    position: relative;
}
.join-us-form-holder .jb-2 {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fefefe;
    box-shadow: 1px 1px 1px rgba(0,0,0,.28);
    padding: 40px 65px 45px 80px;
}
.join-us-form-holder .ac {
    text-align: center;
}
.join-us-form-holder .jb-1 .fl {
    float: left;
    width: 47.03125%;
}
.join-us-form-holder .jb-1 .fr {
    float: right;
    width: 47.03125%;
}
.join-us-form-holder h2 {
    font-size: 24px;
    color: #0078ae;
    margin: 0 0 20px;
    font-family: 'roboto-medium-webfont', sans-serif;
}
.join-us-form-holder .ff-checkbox label {
    float: none;
    width: auto;
}
.join-us-form-holder .ff-checkbox label span {
    padding-top: 4px;
    font-size: 12px;
    color: #878a8c;
}
.join-us-form-holder .ff-checkbox label,
.join-us-form-holder .ch-form .f-row {
    padding-left: 0;
    padding-right: 0;
}
.join-us-form-holder .ch-form .ff-input {
    border-radius: 18px;
    background-color: #0078ae;
    box-shadow: inset 1px 1px 3px rgba(145,145,145,.46);
    border: solid 1px #d9d9d9;
    background: #fff;
    background-image: -webkit-linear-gradient(bottom, #f6f6f6, #fff);
    background-image: -moz-linear-gradient(bottom, #f6f6f6, #fff);
    background-image: -o-linear-gradient(bottom, #f6f6f6, #fff);
    background-image: linear-gradient(to top, #f6f6f6, #fff);
}
.join-us-form-holder .form-alt-shape .ff-input {
    border-radius: 9px;
    border-color: transparent;
}
.join-us-form-holder .ch-form .ff-input input {
    height: 37px;
    font-size: 14px;
    color: #878a8c;
    font-style: italic;
    font-family: "Arial", sans-serif;
    padding: 0 24px;
    box-shadow: inset 1px 1px 3px #858585;
    border: solid 1px #c1c1c1;
    background: #fff;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -moz-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -o-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: linear-gradient(to top, #fbfbfb, #fff);
    border-radius: 20px;
}
.join-us-form-holder .form-alt-shape .ff-input input {
    border-radius: 7px;
}
.join-us-form-holder .form-alt-shape .field-error .ff-input,
.join-us-form-holder .form-alt-shape .field-error .ff-input {border:2px solid transparent;}
.join-us-form-holder .form-alt-shape .field-error .ff-input.focused,
.join-us-form-holder .form-alt-shape .field-error .ff-input:hover,
.join-us-form-holder .ch-form .ff-input.focused,
.join-us-form-holder .ch-form .ff-input:hover {
    box-shadow: inset 1px 1px 3px #858585;
    border: solid 2px #aad15a;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -moz-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -o-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: linear-gradient(to top, #fbfbfb, #fff);
}
.join-us-form-holder .ch-form .ff-input.focused input,
.join-us-form-holder .ch-form .ff-input:hover input {
    height: 35px;
    padding: 0 23px;
}
.join-us-form-holder .form-alt-shape .field-error .ff-input.focused input,
.join-us-form-holder .form-alt-shape .field-error .ff-input:hover input {height: 37px;}
.join-us-form-holder .form-bold-text {
    padding: 19px 0 12px;
    display: block;
    font-size: 16px;
    color: #73787a;
    font-weight: normal;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.join-us-form-holder .form-bold-text span {
    font-size: 14px;
    font-family: 'roboto-medium-webfont', sans-serif;
}
.developer-container {
    clear: both;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    overflow: hidden;
}
.developer-container h3 {
    font: 20px "roboto-light-webfont", sans-serif;
    margin: 0 0 15px;
}
.developer-container pre {
    margin-bottom: 15px;
}
.developer-container textarea {
    width: 100%;
    height: 200px;
    padding: 16px 24px 16px 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.upload-row {
    height: 39px;
    border-radius: 18px;
    box-shadow: inset 1px 1px 3px rgba(145,145,145,.46);
    border: solid 1px #d9d9d9; background-image: -webkit-linear-gradient(bottom, #f6f6f6, #fff);
    background: #fff;
    background-image: -moz-linear-gradient(bottom, #f6f6f6, #fff);
    background-image: -o-linear-gradient(bottom, #f6f6f6, #fff);
    background-image: linear-gradient(to top, #f6f6f6, #fff);
    margin-bottom: 12px;
}
.form-alt-shape .upload-row {
    border-radius: 7px;
}
.upload-row .citf-active {
    background: none !important;
    height: 39px;
}
.upload-row .citf-active .citfValOutput {
    height: 39px !important;
    line-height: 39px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px;
    font-style: italic;
    color: #878a8c;
}
.upload-row .citfButton {
    width: 83px !important;
    height: 30px !important;
    line-height: 30px !important;
    right: 6px !important;
    top: 4px !important;
}
.upload-row .citf-active .citfBtnOutput {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzYzVmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #009ddd 0%, #33c5fd 100%);
    background-image: -o-linear-gradient(bottom, #009ddd 0%, #33c5fd 100%);
    background-image: -webkit-linear-gradient(bottom, #009ddd 0%, #33c5fd 100%);
    background-image: linear-gradient(bottom, #009ddd 0%, #33c5fd 100%);
    width: 83px !important;
    height: 30px !important;
    line-height: 30px !important;
    right: 6px !important;
    top: 4px !important;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
}
.form-alt-shape .upload-row .citf-active .citfBtnOutput {
    border-radius: 7px;
    top: 0 !important;
    right: 0 !important;
    width: 90px !important;
    height: 37px !important;
    font: 14px/37px "roboto-bold-webfont", sans-serif !important;
    text-shadow: 0 -1px 0 #1288b6;
}
.join-us-form-holder .ff-btn-submit {
    position: absolute;
    left: 50%;
    margin-left: -104px;
    bottom: -23px;
}
.link-add-files {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #0078ae;
    padding: 3px 0 3px 26px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-plus.png") no-repeat;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.link-add-files:hover {
    color: #009DDC;
}
.upload-row-hidden {
    display: none;
}
.video-production-section .ow-item {
    margin-right: 14px;
}
.ie9 .video-production-section .ow-item {
    margin-right: 12px;
}
.video-overlay {
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 97px;
    height:97px;
}
.wide-video-holder .video-overlay {
    z-index: 6;
    width: 154px;
    height: 154px;
}
.video-overlay:before {
    position:absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat;
    width:97px;
    height: 97px;
    top:0;
    left:0;
    content:"";
    z-index:1;
    webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
.wide-video-holder .video-overlay:before {
    width: 154px;
    height: 154px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-larger.png") no-repeat;
}
.wide-video-holder:hover .video-overlay:before,
a:hover .video-overlay:before {opacity:0;}
.video-overlay:after {
    position:absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat left bottom;
    width: 97px;
    height: 97px;
    left:0;
    top: 0;
    content:"";
    z-index:2;
    opacity:0;
    webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.wide-video-holder .video-overlay:after {
    width: 154px;
    height: 154px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-larger.png") no-repeat 0 -154px;
}
.wide-video-holder:hover .video-overlay:after,
a:hover .video-overlay:after {
    opacity:1;
}
.no-padding-section {
    padding-top: 0 !important;
}
.no-margin-section {
    margin-top: 0 !important;
}
.st-column .fancy-list {
    line-height: 21px;
}
/* = Video */
.video-section {
    padding: 45px 0 100px;
}
.vs-holder {
    padding: 10px 0 0;
}
.vs-holder-ib {
    font-size: 0;
}
.vs-holder .vsh-box {
    position: relative;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-bottom: 20px;
}
.vs-holder-ib .vsh-box:nth-child(3n) {
    margin-right: 0;
}
.vs-holder-square .vsh-box {
    width: 49%;
}
.vs-holder-square .vsh-box:nth-child(3n) {
    margin-right: 2%;
}
.vs-holder-square .vsh-box:nth-child(2n) {
    margin-right: 0;
}
.vsh-link-hold {
    display:block;
    background:#fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.vsh-link-hold:hover {
    box-shadow:0px 0px 10px 0 rgba(165, 165, 165, .8);
}
.vs-holder .vsh-video {
    position: relative;
}
.vsh-video{overflow: hidden;}
.home-video-box .fwbi-caption {
    display: block;
}
.home-video-box .js-fwbi-lnk {
    display: block;
    position: relative;
}
.home-video-box .fwb-row .fwb-item {

}
.home-video-box .fwbi-caption,
.vs-holder .vsh-description {
    background: #fff;
    padding: 24px;
    color: #0078ae;
    font-size: 17px;
    line-height: 17px;
    box-shadow: 1px 1px #a8a8a8;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.vs-holder .vsh-link-hold:hover .vsh-description {box-shadow:0 1px #fff;}
.vs-holder .vsh-description a {
    color: #0078ae;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.vs-holder .vsh-description a:hover {
    color: #009DDC;
}
.video-presentation-section {
    position: relative;
    padding: 90px 0 110px;
}
.video-presentation-section .see-all-large {
    border-width: 1px;
    margin-top: 30px;
}
.video-presentation-section .see-all-large {
    padding-bottom: 11px;
}
.video-presentation-section .see-all-large:after {
    margin-left: 9px;
    /*margin-top: -8px;*/
    line-height: 27px;
}
.vsh-video img {
    min-width: 100%;
    max-width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.wide-video-holder {
    position:relative;
    padding-top:1px;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 40px;
}
.wide-video-holder embed,
.wide-video-holder object,
.wide-video-holder iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.pp-row {
    width:100%;
    border-top:1px solid #e0e1e1;
    position:relative;
    padding:45px 0;
}
.pp-row:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    border-top:1px solid #fff;
    content:"";
}
.pp-row:first-child {
    border-top:0;
    padding-top:20px;
}
.pp-row:first-child:before {display:none;}
.pp-nb-col {
    width:134px;
    display:table-cell;
    vertical-align:middle;
}
.pp-nb {
    display:inline-block;
    height:86px;
    width:86px;
    background:#88ba00;
    border:3px solid #fff;
    border-radius:44px;
    text-align:center;
    font:bold 57px/80px Arial, Helvetica, sans-serif;
    color:#fff;
}
.pp-icon {
    display:table-cell;
    vertical-align:middle;
    width:260px;
    text-align:center;
}
.pp-descript {
    display:table-cell;
    vertical-align:middle;
    padding:0 0 0 100px;
    font:bold 20px/1.5 Arial, Helvetica, sans-serif;
    color:#0078ae;
}
.inline-btns-holder .btn-simple {
    margin-right:10px;
    margin-bottom:12px;
}
.cms-wide-section {
    padding-top:90px;
    padding-bottom:40px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cms-single-section .next-step,
.cms-wide-section .next-step {
    border:8px solid #f7f7f7;
}
.cms-single-section .next-step:after,
.cms-wide-section .next-step:after {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cms-wide-section .frame {
    max-width:880px;
}
.cms-features {
    font-size:0;
    line-height:0;
    width:100%;
    text-align:center;
}
.cf-item {
    display:inline-block;
    vertical-align:top;
    margin:0 12px 12px 0;
    width:18.5%;
    height:162px;
    background:#fff;
    border-radius:3px;
    box-shadow: 1px 1px 0px 0px #b9b9b9;
    text-align:center;
    padding:26px 2px 4px;
}
.cf-item:nth-child(5n) {margin-right:0;}
.cf-item span {
    display:block;
    clear:both;
    font:17px/1.2 Arial, Helvetica, sans-serif;
    color:#5a6063;
    padding-top:10px;
}
.cms-spec-item {
    position:relative;
    border-top:1px solid #dbdcdc;
    padding:48px 0;
}
.cms-spec-item:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    border-top:1px solid #fff;
    content:"";
}
.cms-spec-item:nth-child(2n) {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cms-spec-item .frame {
    max-width:760px;
    position:relative;
    padding-left:324px;
}
.cms-spec-item:nth-child(2n) .frame {
    padding-left:0;
    padding-right:324px;
}
.cms-spec-logo {
    position:absolute;
    top:0;
    left:0;
}
.cms-spec-item:nth-child(2n) .cms-spec-logo {
    right:0;
    left:auto;
}
.cms-spec-item h3 {
    font:bold 36px/1 Arial, Helvetica, sans-serif;
    color:#0078ae;
    margin:0 0 20px;
}
.cms-single-section {
    padding-top:50px;
    padding-bottom:34px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
.cms-single-section:nth-child(2n) {background:none;}
.st-column  .text-custom-title,
.text-custom-title {
    color:#0078ae;
    margin:0 0 10px;
    font:36px "roboto-light-webfont", sans-serif;
}
.st-column  .text-custom-title span,
.text-custom-title span {font-family:"roboto-bold-webfont", sans-serif;}
.cms-single-section .st-column h4 {font-size:16px;}
.cms-single-section ol { counter-reset: item }
.cms-single-section ol li {
    display:block;
    padding-bottom:14px;
}
.cms-single-section ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-size:20px;
    font-weight:bold;
}
.sample-text-section-white {
    background:#fff;
}
.sample-text-section-white .next-step {
    border:8px solid #f7f7f7;
}
.sample-text-section-white .next-step:after {
    background:#fff;
}
.certify-section-white-bd .next-step {
    border:8px solid #fff;
}
.seo-traffic-section {
    padding: 120px 0;
    position: relative;
    color: #758288;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png) repeat 0 0;
}
.seo-traffic-section .section-title p {
    color: #758288;
}
.seo-traffic-section .section-content {
    padding: 30px 0 0;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}
.seo-traffic-section .section-content h5 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 10px;
}

.seo-traffic-section .section-content p {
    margin: 0 0 20px;
}
.seo-traffic-section .section-content .full {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
}
.obtained-section {
    position: relative;
    padding: 120px 0 100px;
}
.obtained-section .os-section {
    padding: 20px 0 0;
}
.obtained-section .os-item {
    font-size: 15px;
    color: #5a6063;
    line-height: 25px;
    margin: 0 0 49px;
    padding: 0 0 37px;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}
.obtained-section .os-item:before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    content: ' ';
    left: 0;
    bottom: -2px;
}
.obtained-section .os-item:last-child:before {
    display: none;
}
.obtained-section .os-item:last-child {
    border: 0;
}
.obtained-section .os-item h5 {
    font-size: 20px;
    font-weight: bold;
    color: #0078ae;
    margin: 0 0 10px;
}
.obtained-section .os-item p {
    margin: 0 0 20px;
}
.obtained-section .os-item .alignleft {
    float: left;
    margin-right: 30px;
    max-width: 66.35416666666667%;
}
.obtained-section .os-item .alignright {
    float: right;
    margin-left: 30px;
    max-width: 66.35416666666667%;
}
.os-text {
    overflow: hidden;
    max-width: 31.77083333333333%;
}
.demo-video-box,
.expanded-mode {
    color: #fff;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/before-and-after-bg.png");
}
.expanded-mode #wistia_grid_119_below {display: none;}
.demo-video-box {
    width: 100%;
}
.expanded-mode .ec-frame {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/before-and-after-bg.png");
    color: #FFFFFF;
    padding: 52px 0 59px;
    position: relative;
}
.demo-video-box .fwbi-text,
.expanded-mode .fwbi-text {
    position: relative;
    padding: 60px 0;
}
.expanded-mode .ec-gallery {
    float: left;
    width: 70%;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #1d2429;
    border-bottom: 1px solid #2b323a;
    border-radius: 3px;
}
.expanded-mode .ecg-image-box {
    border-left: 1px solid #262b32;
    border-top: 1px solid #262b32;
    border-right: 1px solid #161a1e;
    border-bottom: 1px solid #0f1318;
    border-radius: 3px;
    background: #1e2227;
    padding: 12px 12px 2px;
}
.featured-work-fullscreen .expanded-mode {
    background: #fff;
    box-shadow: 0 0 5px rgba(23,23,23,.18);
    margin-bottom: 40px;
}
.featured-work-fullscreen .expand-close {
    top: -34px;
    right: 14px;
    width: 60px;
    height: 68px;
    background-position: -636px -280px;
}
.featured-work-fullscreen .expand-close:hover {
    background-position: -636px -276px;
}
.featured-work-fullscreen .expand-close:before {
    width: 60px;
    height: 68px;
    background-position: -697px -280px;
}
.featured-work-fullscreen .expanded-mode .ec-gallery {
    border: 0;
    border-radius: 0;
    position: relative;
    width: auto;
}
.ec-gallery-desk {
    display: none;
}
.featured-work-fullscreen .expanded-mode .ecg-image-box {
    float: left;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    position: relative;
}
.featured-work-fullscreen .ecg-image-box img {
    width: 100%;
}
.featured-work-fullscreen .ec-gallery-control {
    display: none;
}
.featured-work-fullscreen .ec-fs-descr {
    float: left;
    width: 562px;
    font-size: 15px;
    line-height: 1.6;
    color: #878a8c;
    padding: 5px 40px 15px;
}
.ec-fs-logo {
    text-align: center;
    margin: 0 0 18px;
}
.fwb-items .ec-fs-logo img {
    display: inline;
}
.ec-fs-intro {
    color: #323232;
    font: 22px/1.4 "roboto-light-webfont", sans-serif;
    margin: 0 0 18px;
}
.ec-fs-btn-holder {
    padding-top: 20px;
}
.ec-fs-btn-holder .btn-green {
    float: none;
    display: inline-block;
}
.ec-fs-aside-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 72%;
    background-repeat: no-repeat;
    background-size: cover;
}
.expanded-mode .ec-text {
    font-size: 15px;
    line-height: 22px;
    color: #a6aeb2;
    float: right;
    width: 27.4468085106383%;
}
.expanded-mode .ec-text h5 {
    color: #0c95cd;
    font-size: 20px;
    font-weight: bold;
    margin: 2px 0 10px;
}
.expanded-mode .ec-text p {
    margin: 0 0 20px;
}
.expanded-mode .ec-text ul li {
    margin-bottom: 15px;
}
.expanded-mode .ec-text ul li:before {
    content: "»";
    display: inline-block;
    margin: 0 9px 0 0;
    font-size: 19px;
    color: #009ddc;
    vertical-align: -1px;
}
.expanded-mode .main-image {
    margin-bottom: 7px;
}
.fwb-items .expanded-mode .main-image img{
    opacity: 0;
    display: none;
}
.featured-work-fullscreen .fwb-items .expanded-mode .main-image img {
    display: block;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: auto;
    max-width: none;
    height: 100%;
}
.featured-work-fullscreen .fwb-items .expanded-mode .main-image img.active-slide-img {
    z-index: 10;
    -webkit-animation: slideActiveAnim 0.7s forwards;
    -ms-animation: slideActiveAnim 0.7s forwards;
    animation: slideActiveAnim 0.7s forwards;
}
@-webkit-keyframes slideActiveAnim {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@-ms-keyframes slideActiveAnim {
    0% {
        -ms-transform: translateX(100%);
    }
    100% {
        -ms-transform: translateX(0);
    }
}
@keyframes slideActiveAnim {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
.featured-work-fullscreen .fwb-items .expanded-mode .main-image img.past-slide {
    z-index: 1;
    -webkit-animation: slidePastAnim 0.7s forwards;
    -ms-animation: slidePastAnim 0.7s forwards;
    animation: slidePastAnim 0.7s forwards;
}
@-webkit-keyframes slidePastAnim {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
@-ms-keyframes slidePastAnim {
    0% {
        -ms-transform: translateX(0);
    }
    100% {
        -ms-transform: translateX(-100%);
    }
}
@keyframes slidePastAnim {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.expanded-mode .thumbnails img {
    display: inline;
    max-height: 74px;
    max-width: 101px;
}
.expanded-mode .thumbnails a {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
}
.featured-work-fullscreen .expanded-mode .thumbnails {
    font-size: 0;
    line-height: 0;
}
.featured-work-fullscreen .expanded-mode .thumbnails-mobile {
    display: none;
}
.featured-work-fullscreen .expanded-mode .thumbnails a {
    width: 25%;
    margin: 0;
    overflow: hidden;
    opacity: 1;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.featured-work-fullscreen .expanded-mode .thumbnails:hover a {
    opacity: 0.7;
}
.featured-work-fullscreen .expanded-mode .thumbnails:hover a:hover {
    opacity: 1;
}
.expanded-mode .thumbnails a:after {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    content: " ";
    position: absolute;
    width: 94.05940594059406%;
    height: 91.89189189189189%;
    border: 3px solid #90c404;
    left: 0;
    top: 0;
    opacity:0;
}
.expanded-mode .thumbnails a.active:after,
.expanded-mode .thumbnails a:hover:after {
    opacity:1;
}
.featured-work-fullscreen .expanded-mode .thumbnails a:after {
    display: none;
}
.js-thumbnails {
    margin-left: -5px;
}
.ec-gallery-control {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    width: 53px;
    height: 98px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/ec-controls.png") no-repeat;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.ec-control-next {
    left: auto;
    right: 0;
    background-position: -53px 0;
}
.ec-gallery-control:hover {opacity: 1;}
.ec-text .btn-launch {
    display: inline-block;
    color: #758288;
    text-transform: uppercase;
    font: 16px/0 'roboto-bold-webfont', Arial, sans-serif;
    text-shadow: 0 -1px 0 #14171a;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}
.ec-text .btn-launch:after {
    display:inline-block;
    vertical-align:-2px;
    margin: 0 0 0 6px;
    content:"»";
    font:28px/22px "roboto-bold-webfont", sans-serif;
}
.ec-text .btn-launch:hover {
    color: #009DDC;
    background-position: 100% -24px;
}
.ec-text .btn-launch-holder {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 10px 0;
    margin-bottom: 23px;
    position: relative;
}
.ec-text .btn-launch-holder:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #20272e;
    content: " ";
}
.ec-text .btn-launch-holder:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #20272e;
    content: " ";
}
.ec-text .btn-green {
    float: left;
}
.expand-close {
    top: 0;
}
.fwb-item .active-lnk:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
}
.featured-work-fullscreen .fwb-item .active-lnk::after {
    width: 32px;
    height: 15px;
    background-position: 0 -346px;
}
.demo-reel-block .drb-content .hide-from-mobile {
    display: none;
}
.demo-reel-block .aligncenter {
    text-align: center;
}
.br-tablet {display:none;}
.mdt-holder {
    padding: 30px 0 0;
}
.mdt-holder .visible-for-mobile {
    display: none;
}
.mobile-date-table {
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.41);
}
.mobile-date-table table {
    width: 100%;
    font-size: 12px;
    color: #6c6c72;
    line-height: 14px;
}
.mobile-date-table table th {
    background: #0078ae;
    color: #fff;
    padding: 16px 22px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    border-left: 1px solid #dadedf;
}
.mobile-date-table table th:first-child {
    border-left: 0;
    text-align: left;
}
.mobile-date-table table th:first-child {
    background: #0087bd;
}
.mobile-date-table table td {
    padding: 16px 22px;
    vertical-align: middle;
    background: #f9fafa;
    text-align: center;
    border-top: 1px solid #dadedf;
    border-left: 1px solid #dadedf;
}
.mobile-date-table table tr:nth-child(2n) td {
    background: #fff;
}
.mobile-date-table table tr td:first-child {
    background: #dff1f8;
    text-align: left;
    border-left: 0;
    width: 32.91492329149233%;
}
.mobile-date-table table tr:nth-child(2n) td:first-child {
    background: #f2fafd;
}
.mobile-date-table table tr:nth-child(2) td {
    border-top: 0;
}
.mobile-date-table table tr td:nth-child(2) {
    border-left: 0;
}
.design-samples .see-all-large {
    margin-bottom: 45px;
}
.our-clients-content .testimonial-hidden-row-frame {
    margin-bottom: 30px;
}
#menu {
    visibility: hidden;
}
body .mm-menu {
    visibility: visible !important;
}
.mobile-panel-menu {
    display: none;
}
.js-testimonials-area .testimonial-row {
    padding-bottom: 0;
}
.js-testimonials-area .testimonial-row .at-item {
    padding-bottom: 30px;
}
.occ-all .testimonial-hidden-row {
    clear: both;
    width: 100%;
}
.fancy-form .f-row {
    padding-right: 0;
}
.fancy-form .f-add-field {
    padding-right: 11px;
    position: relative;
}
.fancy-form label.required span {
    color: #000 !important;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 15px 5px;
}
.fancy-form .error label.required span,
.error label span {color:#f00;}
.demo-video-box .ec-video-box,
.expanded-mode .ec-video-box {
    padding: 52px 20px 62px;
}
.demo-video-box h4,
.expanded-mode .ec-video-box h4 {
    padding-bottom: 28px;
}
.demo-video-box h4 {
    line-height: 1.2;
}
.expanded-mode .fwbi-text-pad {
    padding-left: 20px;
    padding-right: 20px;
}
.featured-work-fullscreen .expanded-mode .fwbi-text-pad {
    padding: 30px 0;
}
.expanded-mode .fwbi-text-pad .thumbnails img {
    max-width: 98px;
}
.featured-work-fullscreen .expanded-mode .fwbi-text-pad .thumbnails img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.featured-work-fullscreen .expanded-mode .fwbi-text-pad .thumbnails a.active img,
.featured-work-fullscreen .expanded-mode .fwbi-text-pad .thumbnails a:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* search results page */
.search-results-holder {
    padding:40px 20px 100px;
    background:#fff;
}
.search-results-iframe iframe {
    width: 100% !important;
}
/* 404 page */
.flexible-frame {
    clear:both;
    margin:0 0 40px;
}
/* login page */
.login-container {
    padding:40px 0 100px;
}
.form-login-box {
    border: 1px solid #dcd8d8;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/form-bkg.png");
    max-width:480px;
    margin:0 auto;
    border-radius: 5px;
    padding: 39px 0 34px;
}
.form-login-box .f-row {
    margin-right: 33px;
    padding-left: 40px;
}
.form-login-box label {
    display:block;
    color:#0078AE;
    padding:0 0 9px 10px;
    font:21px/1 "roboto-medium-webfont", sans-serif;
}
.form-login-box label .validator {
    color:#f00;
}
.form-login-box .ch-form .ff-checkbox label {
    float:none;
    padding-right:0;
    padding-bottom:0;
    font-size:15px;
}
.form-login-box .ch-form .ff-checkbox label span {padding-top:3px;}
.help-link {
    text-align:center;
}
.services-wide-section-request {
    padding-top: 0;
    position: static;
}
.marketing-serv-item {
    padding-bottom: 140px;
}
.nopad-b {
    padding-bottom: 0 !important;
}
.mr-b-105 {
    margin-bottom: 105px;
}
.re-collapse a:after,
.ti-content .view-more:after {
    vertical-align: 1px;
    margin-top: 0;
    position: relative;
    top: 4px;
}
.ficc-column #footer-newsletter-thankyou-container,
.ficc-column #footer-newsletter-message {
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 10px 0 0;
}
.ficc-column #footer-newsletter-thankyou-container {
    padding: 49px 0 0;
    font-size: 20px;
}
.re-collapse,
.view-more-container {
    display: block;
}
.detail-column a{
    color: #009DDC;
}
.detail-column h3{
    font:bold 30px/1.1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    margin:0 0 20px;
}
.detail-column h2{
    font:bold 28px/1.1 "roboto-light-webfont", sans-serif;
    color:#0078ae;
    margin:0 0 20px;
}
.detail-column strong{
    font:bold 17px/1.1 Arial, sans-serif;
    color:#5a6063;
    margin:0 0 20px;
}
.ti-content .view-more:after {
    font-size: 28px;
}
/* form errors */
.field-title {
    padding: 0 0 0 2px;
}
.field-title .label {
    float: left;
    margin: 0 4px 5px 0;
}
.field-title .req {
    float: left;
    margin-right: 5px;
    font-size: 22px;
    color: #0a4f82;
    font-family: Arial, Helvetica, sans-serif;
}
.field-title .validation {
    float: left;
    font-family: 'roboto-bold-webfont',sans-serif;
    font-size: 13px;
    margin: 3px 0 0;
    color: #D02525;
}
.field-error textarea,
.field-error input {
    border: 2px solid #ef0708 !important;
    background-image: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/forms.png") !important;
    background-repeat: no-repeat !important;
}
.field-success textarea,
.field-success input {
    border: 2px solid #aad15a !important;
    background-image: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/forms.png") !important;
    background-repeat: no-repeat !important;
}
.afb__2 .field-success textarea {
    background-position: 330px -567px !important;
}
.ch-form .field-error textarea,
.ch-form .field-error input {
    background-position: 99% -265px !important;
    padding-right: 40px !important;
    padding-left: 17px !important;
    color: #ef0708;
}
.form-alt-shape .field-error textarea,
.form-alt-shape .field-error input {
    background-position: 99% -270px !important;
}
.ch-form .field-success textarea,
.ch-form .field-success input {
    background-position: 99% 8px !important;
    padding-right: 40px !important;
    padding-left: 17px !important;
}
.aside-form-box .field-success input {
    background-position: 257px -567px !important;
    padding-right: 40px !important;
    padding-left: 12px !important;
    padding-top: 9px !important;
    padding-bottom: 6px !important;
}
.aside-form-box .field-error input {
    background-position: 257px -811px !important;
    padding-right: 40px !important;
    padding-left: 12px !important;
    padding-top: 9px !important;
    padding-bottom: 6px !important;
}
.aside-form-box .req {
    font-size: 18px !important;
    color: #fff !important;
    line-height: 1 !important;
}
.ch-form .f-row .label {
    display: block;
    font-size: 16px;
    color: #0a4f82;
    margin: 0 3px 5px 0;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.aside-form-box form .label {
    display: block;
    font-size: 14px;
    color: #fff;
    margin: 0 3px 1px 0;
    font-family: 'roboto-bold-webfont', sans-serif;
    text-align: left;
}
.aside-form-box form .validation {
    color: #000;
    font-size: 12px;
    margin-top: 2px;
}
.webinars-holder .ch-form .req,
.webinars-holder .ch-form .label {
    color: #fff;
}
.webinars-holder .ch-form .validation {
    color: #000;
}
.webinars-holder .ch-form .field-error input {
    background-position: 352px -265px !important;
}
.webinars-holder .ch-form .field-success input {
    background-position: 352px 8px !important;
}


/*=Loader for works*/
.work-loader {
    position: absolute;
    left: 50%;
    z-index: 999;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: preloader 3s infinite linear;
    -ms-animation: preloader 3s infinite linear;
    animation: preloader 3s infinite linear;
}
.loader-item {
    width: 20px; height: 20px;
    position: absolute;
    border-radius: 50%;
    background: #0078AE;
}
.loader-item-1 {
    top: -14px; left: -26px;
    background: #009DDC;
    -webkit-animation: preloader-1 5s infinite linear;
    -ms-animation: preloader-1 5s infinite linear;
    animation: preloader-1 5s infinite linear;
}
.loader-item-2 {
    top: -25px; left: -5px;
    -webkit-animation: preloader-2 5s infinite linear;
    -ms-animation: preloader-2 5s infinite linear;
    animation: preloader-2 5s infinite linear;
}
.loader-item-3 {
    top: -5px; left: 7px;
    -webkit-animation: preloader-3 5s infinite linear;
    -ms-animation: preloader-3 5s infinite linear;
    animation: preloader-3 5s infinite linear;
}
.loader-item-4 {
    top: 6px; left: -13px;
    -webkit-animation: preloader-4 5s infinite linear;
    -ms-animation: preloader-4 5s infinite linear;
    animation: preloader-4 5s infinite linear;
}
.occ-2-items-columns .occc-column:nth-child(2) {
    float: right;
}
.occ-2-items-columns .occc-column-1 {
    margin-left: 100px;
}
.occ-2-items-columns .occc-column-2 {
    margin-right: 100px;
}
.no-pad-t-section {
    padding-top: 0;
}
.demo-video-box {
    overflow: hidden;
    height: 0;
}
.drb-video-holder .opened:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    bottom: -20px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
}
.drb-main-content {
    margin-bottom: 20px;
}
.team-fixed-switcher {
    z-index: 10001;
    position: fixed;
    bottom: -200px;
    left: 0;
    width: 100%;
    padding: 15px 0 5px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.team-fixed-switcher-active {
    bottom: 0;
}
.team-fixed-switcher .switch-section {
    margin-bottom: 15px;
}
.team-fixed-switcher .employ-nav {
    padding: 0;
}
#barScroll_2 {
    margin: 0;
}
.btn-top {
    position: fixed;
    left: -100px;
    top: 25%;
    width: 65px;
    height: 94px;
    background: #0087bd;
    z-index: 55;
    cursor: pointer;
    opacity: 0;
    padding: 20px 0 0 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px -2px rgba(0, 59, 85, 0.5);
    background-clip: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-top:hover {
    background: #02abee;
}
.btn-top span {
    display: block;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-arrow.png") no-repeat;
    width: 36px;
    height: 34px;
    margin-bottom: 11px;
}
.btn-top em {
    font-family: 'roboto-bold-webfont', sans-serif;
    display: block;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    padding-left: 5px;
    text-transform: uppercase;
    text-shadow: 0 -1px rgba(0, 76, 110, 1);
}
.btn-top-active {
    opacity: 1;
    left: 0;
}
.home-expanded-mode {
    text-align: left;
    width: 100%;
    overflow: hidden;
}
.home-expanded-mode .expanded-mode {
    background: none;
}
.home-expanded-mode .ec-frame {
    padding-top: 0;
    padding-bottom: 0;
}
.home-expanded-mode .fwbi-content {
    padding-bottom: 10px;
}
.olpc-board .link-opener img {
    display: block;
}
.olpc-board .link-opener.active:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
    bottom: 0;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
}
.rank-section .rs-addr {
    padding: 5px 0 3px 96px;
    margin: 20px 0 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-addr.png") no-repeat;
}
.rank-section .rs-phone {
    padding: 11px 0 6px 96px;
    margin: 8px 0 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-phone.png") no-repeat;
}
.rank-section .rs-phone h3,
.rank-section .rs-addr h3 {
    font-size: 28px;
    color: #0078ae;
    margin: 0 0 10px;
    font-family: 'roboto-medium-webfont', "Arial", sans-serif;
}
.rank-section .rs-phone p,
.rank-section .rs-addr p {
    padding: 0;
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
}
.testimonials-wide-section .occ-2-items-columns .occc-column {
    padding-bottom: 20px;
}
@-webkit-keyframes preloader {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-50%) rotate(360deg);
    }
}
@-ms-keyframes preloader {
    0% {
        transform: translateX(-50%) rotate(0);
    }
    100% {
        transform: translateX(-50%) rotate(360deg);
    }
}
@keyframes preloader {
    0% {
        transform: translateX(-50%) rotate(0);
    }
    100% {
        transform: translateX(-50%) rotate(360deg);
    }
}
@-webkit-keyframes preloader-1 {
    0% {
        -webkit-transform: translate(0);
    }
    10% {
        -webkit-transform: translate(-10px, -5px);
    }
    20% {
        -webkit-transform: translate(0);
    }
}
@-ms-keyframes preloader-1 {
    0% {
        -ms-transform: translate(0);
    }
    10% {
        -ms-transform: translate(-10px, -5px);
    }
    20% {
        -ms-transform: translate(0);
    }
}
@keyframes preloader-1 {
    0% {
        transform: translate(0);
    }
    10% {
        transform: translate(-10px, -5px);
    }
    20% {
        transform: translate(0);
    }
}
@-webkit-keyframes preloader-2 {
    20% {
        -webkit-transform: translate(0);
    }
    30% {
        -webkit-transform: translate(3px, -10px);
    }
    40% {
        -webkit-transform: translate(0);
    }
}
@-ms-keyframes preloader-2 {
    20% {
        -ms-transform: translate(0);
    }
    30% {
        -ms-transform: translate(3px, -10px);
    }
    40% {
        -ms-transform: translate(0);
    }
}
@keyframes preloader-2 {
    20% {
        transform: translate(0);
    }
    30% {
        transform: translate(3px, -10px);
    }
    40% {
        transform: translate(0);
    }
}
@-webkit-keyframes preloader-3 {
    40% {
        -webkit-transform: translate(0);
    }
    50% {
        -webkit-transform: translate(10px, 3px);
    }
    60% {
        -webkit-transform: translate(0);
    }
}
@-ms-keyframes preloader-3 {
    40% {
        -ms-transform: translate(0);
    }
    50% {
        -ms-transform: translate(10px, 3px);
    }
    60% {
        -ms-transform: translate(0);
    }
}
@keyframes preloader-3 {
    40% {
        transform: translate(0);
    }
    50% {
        transform: translate(10px, 3px);
    }
    60% {
        transform: translate(0);
    }
}
@-webkit-keyframes preloader-4 {
    60% {
        -webkit-transform: translate(0);
    }
    70% {
        -webkit-transform: translate(-3px, 10px);
    }
    80% {
        -webkit-transform: translate(0);
    }
}
@-ms-keyframes preloader-4 {
    60% {
        -ms-transform: translate(0);
    }
    70% {
        -ms-transform: translate(-3px, 10px);
    }
    80% {
        -ms-transform: translate(0);
    }
}
@keyframes preloader-4 {
    60% {
        transform: translate(0);
    }
    70% {
        transform: translate(-3px, 10px);
    }
    80% {
        transform: translate(0);
    }
}
/*Loader for works*/

/* =Loader for images */
.img-loader {
    width: 100%; height: 470px;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    z-index: 1;
}
@media only screen
and (max-width: 980px) {
    .img-loader {
        height: 390px;
    }
}
@media only screen
and (max-width: 880px) {
    .img-loader {
        height: 330px;
    }
}
@media only screen
and (max-width: 880px) {
    .img-loader {
        height: 330px;
    }
}
@media only screen
and (max-width: 755px) {
    .img-loader {
        height: 470px;
    }
}
@media only screen
and (max-width: 670px) {
    .img-loader {
        height: 270px;
    }
}
.thumbnails .img-loader {
    width: 50px; height: 50px;
}
.baac-slider-tn .img-loader {
    width: 120px; height: 100px;
}
.first-loaded > .img-loader {
    position: absolute;
    opacity: 0.5;
}
.loaded > .img-loader {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.img-loader:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loaderAnim 1.5s steps(28) infinite;
    animation: loaderAnim 1.5s steps(28) infinite;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/loader-sprite.png") no-repeat 0 0;
}
.thumbnails .img-loader:after {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
}
@-webkit-keyframes loaderAnim {
    0% {background-position: 0 0; }
    100% {background-position: 0 -2800px;}
}
@keyframes loaderAnim {
    0% {background-position: 0 0; }
    100% {background-position: 0 -2800px;}
}
.ie9 .img-loader:after {
    width: 80px; height: 80px;
    line-height: 80px;
    color: #fff;
    content: "Loading...";
    font-size: 14px;
    text-align: center;
}
.cs-wide-section  .js-featured-work-block-bottom {
    padding-bottom: 60px;
}
.text-lead {
    font: 28px "roboto-light-webfont",sans-serif;
    margin: 0 0 16px;
}
.text-lead strong {
    font-family: "roboto-bold-webfont",sans-serif;
}
.demo-reel-block-flex {
    padding-top: 0;
    margin-bottom: 30px;
}
.demo-reel-block-flex .frame {
    background: none;
}
@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@-ms-keyframes rotateplane {
    0% { -ms-transform: perspective(120px) }
    50% { -ms-transform: perspective(120px) rotateY(180deg) }
    100% { -ms-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
    0% { transform: perspective(120px) }
    50% { transform: perspective(120px) rotateY(180deg) }
    100% { transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

.load-start img {
    opacity: 0 !important;
    position: absolute;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}
.first-loaded > img:first-child,
.loaded > img {
    opacity: 1 !important;
    position: static;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.expanded-mode .main-image {
    position: relative;
}
.gallery-space-hold img {
    width: 100%;
    height: auto;
}
.featured-work-fullscreen .expanded-mode .main-image {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}

/* Loader for images */
.site-map {
    padding: 40px 0 80px;
}
.site-map ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.site-map ul li {
    list-style-type: none;
    font-weight: normal;
    font-size: 16px;
    padding: 5px 0 5px 40px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/arrow_blue.gif) no-repeat 30px 12px;
}
.site-map ul li li {
    margin: 5px 0 0 0;
    font-weight: bold;
    font-size: 14px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/arrow_blue.gif) no-repeat 26px 10px;
}
.site-map ul li li li {
    font-size: 12px;
    font-weight: normal;
}
.footer .twitter-text .twitter-follow-button {
    display: none !important;
}
.jq-join-us-form.ch-form .field-success textarea, .ch-form .field-success input {
    background-position: 99% 4px !important;
}
.jq-join-us-form.ch-form .field-success .ff-input:hover input {
    background-position: 99.2% 3px !important;
    padding-left: 16px !important;
    padding-right: 40px !important;
}
.jq-contact-form fieldset,
.jq-join-us-form fieldset {
    position: relative;
}
.jq-ppc-raq-form .img-loader,
.jq-raq-form .img-loader,
.jq-webinar-form .img-loader,
.jq-dl-request-form .img-loader,
.jq-contact-form .img-loader,
.jq-join-us-form .img-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 3;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
}
.jq-ppc-raq-form input[type="submit"]:disabled,
.jq-raq-form input[type="submit"]:disabled,
.jq-webinar-form input[type="submit"]:disabled,
.jq-dl-request-form input[type="submit"]:disabled,
.jq-contact-form input[type="submit"]:disabled,
.jq-join-us-form input[type="submit"]:disabled {
    box-shadow: none;
    background: #eeeeee;
    color: #D0D0D0;
    cursor: default;
}
.jq-contact-form .img-loader {
    left: 20px;
    top: -37px;
}
@media screen and (max-width: 800px) {
    .jq-contact-form .img-loader {
        width: 112%;
        left: -20px;
        top: -37px;
    }
}
@media screen and (max-width: 646px) {
    .jq-contact-form .img-loader {
        height: 96%;
        top: auto;
        bottom: 36px;
    }
    .show-in-mobile {
        display: inline;
    }

}
@media screen and (max-width: 646px) {
    .jq-contact-form .img-loader {
        width: 115%;
    }
    .wyg-form-box-frame {
        position: relative;
    }
}
.webinars-holder-single {
    margin-top: -10px;
}
.careers-single .join-us-form-holder {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png");
}
.careers-single .page-intro-center {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
}
.careers-single .page-intro-center p {
    margin: 0 0 20px;
}
.careers-single .page-intro-center h3 {
    color: #0078AE;
    font: 30px/1.1 "roboto-light-webfont",sans-serif;
    margin: 60px 0 20px;
}
.careers-single .page-intro-center ol,
.careers-single .page-intro-center ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.careers-single .page-intro-center ul li {
    padding: 0 0 5px 0;
    list-style: disc;
}
.careers-single .page-intro-center ol li{
    list-style: decimal;
    padding: 0 0 5px 0;
}
.careers-single .page-intro-center ol ul,
.careers-single .page-intro-center ol ol,
.careers-single .page-intro-center ul ul,
.careers-single .page-intro-center ul ol {
    margin: 0 0 0 20px;
}
.video-landing-section-pad {
    padding-bottom: 80px;
}
.btn-simple-blue {
    position: relative;
    font-family: 'roboto-bold-webfont', sans-serif;
    font-size: 18px;
    color: #fff;
    background: #0078ae;
    border-radius: 4px;
    padding: 15px 45px;
    display: inline-block;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    text-shadow: 1px 1px rgba(1,1,1,.4);
}
.btn-simple-blue:after {
    content: "»";
    font: 26px/14px 'roboto-black-webfont',Arial,sans-serif;
    padding-left: 13px;
    vertical-align: -1px;
    text-shadow: 1px 1px rgba(1,1,1,.4);
}
.btn-simple-blue:hover {
    color: #fff;
    background: #035f88;
}
.process-steps-section {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-page-panel-bkg.png");
    position: relative;
}
.process-steps-section .frame {
    padding: 80px 0;
}
.steps-controls {
    padding: 0 0 0 50px;
}
.steps-controls li {
    float: left;
    text-align: center;
    position: relative;
    padding-bottom: 66px;
}
.steps-controls li a {
    display: block;
}
.steps-controls li.sep {
    margin: 0 4px;
    padding: 0;
}
.steps-controls li.sep span {
    display: block;
    height: 3px;
    width: 122px;
    background: #009ddc;
    margin-top: 34px;
}
.steps-controls .num {
    display: inline-block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    background: #009ddc;
    text-align: center;
    color: #fff;
    font-family: 'roboto-bold-webfont', sans-serif;
    font-size: 35px;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
}
.steps-controls .text {
    position: absolute;
    bottom: 35px;
    left: 0;
    font-family: 'roboto-bold-webfont', sans-serif;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(1,1,1,.4);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.steps-controls .active {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/arrow-process.png") no-repeat 50% 100%;
}
.steps-controls .active .num,
.steps-controls a:hover .num {
    background: #fff;
    color: #0078ae;
}
.steps-contents {
    background: #fff;
    overflow: hidden;
    width: 100%;
    min-height: 350px;
}
.steps-contents .sc-frame {
    overflow: hidden;
}
.step-content {
    padding: 50px;
    font-size: 17px;
    color: #5a6063;
    line-height: 26px;
    float: left;
    display: none;
}
.step-content-active {
    display: block;
}
.step-content .img-right {
    float: right;
    margin-left: 40px;
}
.step-content h3 {
    font-family: 'roboto-light-webfont', sans-serif;
    font-size: 40px;
    line-height: 1;
    color: #0078ae;
    margin: 0 0 20px;
}
.step-content p {
    margin: 0 0 30px;
}
.step-content .btn-simple {
    padding: 15px 65px;
}
.process-steps-section .next-step:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-page-panel-bkg.png");
}
.process-steps-videos {
    position: relative;
    padding-top: 80px;
}
.process-steps-videos .next-step {
    border-color: #0178b1;
    box-shadow: none;
}
.jq-verisign-container {
    display: none;
}
.extra-text-slider-section {
    position: relative;
    margin: 70px 0 0;
    padding: 105px 0;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png) repeat;
}
#slider_full-width {
    background: #fff;
    width: 100%;
    margin-top: 10px;
    padding: 0 110px 0 110px;
}
#slider_full-width .bx-wrapper {
    padding: 30px 0;
}
#slider_list_full,
#slider_list_full > li {
    overflow: hidden;
}
#slider_full-width ul {
    overflow: hidden;
}
#slider_full-width ul li {
    float: left;
    width: 100%;
}
.sfw-slide-frame {
    padding: 0;
    display: block;
}
.sfw-slide-frame h3 {
    position: relative;
}
.sfw-slide-frame h3 span {
    position: absolute;
    left: -60px;
    width: 50px;
    text-align: right;
    letter-spacing: -3px;
    font-family: "roboto-bold-webfont", sans-serif;
}
#slider_full-width .bx-prev {
    left: -95px;
    top: 50%;
    margin-top: -50px;
}
#slider_full-width .bx-next {
    right: -85px;
    top: 50%;
    margin-top: -50px;
}
#slider_full-width .bx-prev,
#slider_full-width .bx-next {
    width: 80px;
    height: 100px;
    border-radius: 0;
}
#slider_full-width .bx-prev:before {
    overflow: hidden;
    width: 42px;
    height: 100px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/slider-prev-next3.png) no-repeat;
    background-position: 0 0 !important;
    margin-top: 0;
}
#slider_full-width .bx-next.disabled,
#slider_full-width .bx-prev.disabled {
    display: block;
}
#slider_full-width .bx-prev.disabled:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/slider-prev-next3.png) no-repeat 0 -100px !important;
}
#slider_full-width .bx-next.disabled:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/slider-prev-next3.png) no-repeat -58px -100px !important;
}
#slider_full-width .bx-next:before {
    overflow: hidden;
    width: 42px;
    height: 100px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/slider-prev-next3.png) no-repeat;
    background-position: -58px 0 !important;
    margin-top: 0;
}
#slider_full-width .custom-list li:before {
    top: 3px;
}
#slider_full-width .sfw-slide-frame {
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
}
#slider_full-width .bx-pager {
    display: none;
}
.process-steps-section #button_container {
    text-align: center;
    padding-bottom: 30px;
}
.process-steps-section #button_container a {
    cursor: pointer;
}
.top-page-raq {
    padding-top: 10px;
}
.top-page-raq .tpp-heading {
    padding-bottom: 0;
}
.top-page-raq .tpp-arrow-text {
    padding-bottom: 20px;
}
.what-you-get-section .ff-textarea textarea {
    height: 151px;
}
.extra-text-section {
    padding: 0 0 20px;
}
#slider_full-width #pdf {
    position: relative;
    padding: 8px 10px 9px 46px;
}
#slider_full-width #share {
    position: relative;
    padding: 8px 10px 9px 60px;
}
#slider_full-width #print {
    position: relative;
    padding: 8px 10px 9px 50px;
}
#slider_full-width #pdf:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/components/questions-to-ask/pdf.png) no-repeat;
    width: 30px;
    height: 32px;
    position: absolute;
    top: -5px;
    left: 7px;
    content: "";
}
#slider_full-width #share:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/components/questions-to-ask/mail.png) no-repeat;
    width: 45px;
    height: 32px;
    position: absolute;
    top: -5px;
    left: 7px;
    content: "";
}
#slider_full-width #print:before {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/components/questions-to-ask/printer.png) no-repeat;
    width: 34px;
    height: 32px;
    position: absolute;
    top: -5px;
    left: 7px;
    content: "";
}
.questions-to-ask-intro {
    padding-bottom: 45px !important;
}
.home-video-box {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png) repeat 0 0;
    border-top:1px solid #0079aa;
    position: relative;
    padding: 90px 0;
}
.cms-intro {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png);
}
.fwbi-img {
    display: block;
    position: relative;
}
.itnc-heading {
    text-align: center;
    margin: 0 0 20px;
    font-size: 32px;
    color: #121315;
    font-family: 'roboto-light-webfont', Arial, sans-serif;
}
.itnc-box {
    margin-bottom: 50px;
}
.itnc-box:last-child {
    margin-bottom: 0;
}
.questions-to-ask-intro h3 {
    font-size: 20px;
}
.top-page-panel .tpp-nav-table li a {
    padding-top: 21px;
    padding-bottom: 17px;
}
.bg-section-1 {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-section-1.png);
}
.bg-section-2 {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png");
}
.bg-section-3 {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-section-3.png);
}
.bg-section-4 {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-section-4.png);
}
.phase-section {
    position: relative;
    padding: 110px 0 140px;
}
.ps-nav {
    padding: 0 5px 0 12px;
}
.ps-nav .psn-item {
    float: left;
    width: 20.37238493723849%;
    margin-right: -0.6276150627615063%;
    height: 150px;
    position: relative;
}
.four-phases-slider .ps-nav .psn-item {
    width: 25.3654811715481125%;
}
.ps-nav .psn-item a {
    text-align: center;
    display: block;
    font-size: 35px;
    text-decoration: none;
    color: #fff;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    border-radius: 5px;
    height: 100%;
    padding-top: 25px;
    position: relative;
}
.ps-nav .psn-item a em {
    font-style: normal;
}
.ps-nav .psn-item a.active:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 26px 0 26px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -26px;
}
.ps-nav .psn-item-1 a.active:after {
    border-color: #009ddc transparent transparent transparent;
}
.ps-nav .psn-item-2 a.active:after {
    border-color: #0078ae transparent transparent transparent;
}
.ps-nav .psn-item-3 a.active:after {
    border-color: #006b9b transparent transparent transparent;
}
.ps-nav .psn-item-4 a.active:after {
    border-color: #005981 transparent transparent transparent;
}
.ps-nav .psn-item-5 a.active:after {
    border-color: #003b55 transparent transparent transparent;
}
.ps-nav .psn-item a span {
    display: block;
    font-size: 24px;
    font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}

.ps-nav.ps-nav__2 .psn-item a span {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.ps-nav .psn-item-1 {
    z-index: 5;
}
.ps-nav .psn-item-2 {
    z-index: 4;
}
.ps-nav .psn-item-3 {
    z-index: 3;
}
.ps-nav .psn-item-4 {
    z-index: 2;
}
.ps-nav .psn-item-5 {
    z-index: 1;
}
.ps-nav .psn-item-1 a {
    background: #009ddc;
}
.ps-nav .psn-item-2 a {
    background: #0078ae;
}
.ps-nav .psn-item-3 a {
    background: #006b9b;
}
.ps-nav .psn-item-4 a {
    background: #005981;
}
.ps-nav .psn-item-5 a {
    background: #003b55;
}
.ps-nav__1 .psn-item a b {
    display: none;
}
.ps-nav__1 .psn-item a {
    font-size: 32px;
}
.ps-nav__2 .psn-item a {
    padding-top: 0 !important;
    display: table;
    width: 100%;
}
.ps-nav__2 .psn-item a span {
    display: table-cell;
    vertical-align: middle;
}
.ps-content {
    background: #fff;
    padding: 142px 49px 40px;
    margin-top: -70px;
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    text-align: center;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.psc-lead {
    border-bottom: 1px solid #bfbfbf;
    padding: 0 200px 35px;
    position: relative;
}
.psc-lead h3 {
    font-size: 50px;
    line-height: 1;
    color: #0078ae;
    margin: 0 0 20px;
    font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}
.psc-text {
    font-size: 15px;
    line-height: 30px;
    padding: 40px 120px 40px;
}
.psc-item .last {
    padding: 40px 120px 0px;
}
.ps-content .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
}
.ps-content .bx-controls-direction a {
    height: 80px;
    top: 0;
    z-index: 10;
    border-radius: 0;
}
.ps-content .bx-controls-direction a:hover:before,
.ps-content .bx-controls-direction a:before {
    width: 32px;
    height: 73px;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrows.png) no-repeat;
}
.ps-content .bx-controls-direction a.bx-prev {
    left: -19px;
}
.ps-content .bx-controls-direction a.bx-next {
    right: -11px;
}
.ps-content .bx-controls-direction a.bx-prev:before {
    background: #fff url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrows.png) no-repeat 0 -226px;
}
.ps-content .bx-controls-direction a.bx-next:before {
    background: #fff url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrows.png) no-repeat 0 -151px;
}
.ps-content .bx-controls-direction a.bx-prev.disabled:before {
    background: #fff url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrows.png) no-repeat;
}
.ps-content .bx-controls-direction a.bx-next.disabled:before {
    background: #fff url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrows.png) no-repeat 0 -74px;
}
.ps-content .btn-simple {
    padding: 15px 50px;
    border-radius: 25px;
}
.ps-content .btn-simple:after {
    content: "»";
    display: inline-block;
    font: 28px/1 "roboto-bold-webfont",sans-serif;
    left: 0;
    margin: -9px 0 0 6px;
    position: relative;
    vertical-align: top;
    top: 2px;
}
.psc-text .two-cols .col {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 15px;
    line-height: 18px;
}
.psc-text .two-cols .col:nth-child(2) {
    float: right;
    width: 47%;
}
.ps-content .psc-text-full {
    padding-left: 0;
    padding-right: 0;
}
.psc-text .two-cols .col h4 {
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color: #0078ae;
    margin: 0 0 10px;
}
.psc-text .two-cols .col p {
    margin: 0 0 20px;
}
.psc-holder {
    width: 100%;
}
.ps-content .bx-controls {
    position: absolute;
    top: 0;
    z-index: 50;
    width: 100%;
}
.ps-nav-over .psn-item a {
    padding-top: 15px;
}
.ps-nav-over .psn-item a span {
    font-size: 20px;
}
.wrapper .nsb-1 {
    border-color: #f7f7f7;
}
.wrapper .nsb-2 {
    border-color: #e6e6e6;
}
.wrapper .nsb-3 {
    border-color: #dfe4e5;
}
.wrapper .nsb-4 {
    border-color: #f0f0f0;
}
.wrapper .nsb-5 {
    border-color: #03354c;
}
.wrapper .nsb-6 {
    border-color: #13171c;
}
.seo-traffic-section .gr-area {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 15px 155px 7px;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}
.seo-traffic-section .gr-area h5 {
    color: #0078ae;
}
.seo-traffic-section .gr-area img.full {
    margin-bottom: 0;
}
.box-shadow-holder {
    font-size: 18px;
    line-height: 28px;
    color: #5a6063;
    padding-bottom: 50px;
    margin-bottom: 40px;
}
.box-shadow-holder h3 {
    font-size: 28px;
    color: #0078ae;
    display: inline;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.box-shadow-holder h3 span {
    font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}
.box-shadow-holder p {
    display: inline;
}
.box-shadow-holder.left img {
    float: left;
    margin-right: 40px;
}
.box-shadow-holder.left .bsh-text {
    padding-right: 50px;
}
.box-shadow-holder.right img {
    float: right;
    margin-left: 60px;
}
.box-shadow-holder .bsh-text {
    padding-top: 30px;
    overflow: hidden;
}
.box-shadow-holder {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/line-shadow.png) no-repeat 0 100%;
}
.box-shadow-holder2 {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-line-with-shadow.png) no-repeat -40px 100%;
}
.bsh__1 {
    padding-bottom: 32px;
}
.bsh__1:nth-child(odd) {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-line-with-shadow2.png) no-repeat -40px 100%;
}
.bsh__1 .bsh-text {
    font-size: 15px;
}
.bsh__1 .bsh-text strong {
    color: #0078ae;
}
.box-shadow-holder:last-child {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.seo-section {
    position: relative;
    padding: 110px 0 140px;
}
.seo-traffic-section-static {
    padding-top: 0;
    position: static;
}
.seo-intro-block .intro-fl-image {
    margin-top: -30px;
}
.num-list li {
    margin-bottom: 10px;
}
.num-list li > span {
    display: inline-block;
    background: #ededed;
    color: #0078ae;
    padding: 0 8px;
    line-height: 22px;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 8px;
}
.st-icon-box img {
    float: left;
    margin-right: 12px;

}
.st-icon-box .stib-content {
    overflow: hidden;
    padding-top: 20px;
}
.st-icon-box .fancy-line {
    margin: 0;
}
.st-list-box {
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/ico-list.png) no-repeat 33px 0;
    padding: 3px 0 0 76px;
}
.smm-section .box-shadow-holder .bsh-text {
    padding-top: 0;
}
.smm-section .shadow-right,
.smm-section .box-shadow-holder:nth-child(odd) {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/line-shadow2.png") no-repeat 0 100%;
}
.smm-section .shadow-right:last-child {
    background: none;
}
.smm-section .leverage-smm {
    padding-bottom:60px;
}
.icons-list h4 {
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 17px;
    color: #0078ae;
    padding-top: 4px;
}
.icons-list .st-icon-box .stib-content {
    padding-top: 0;
}
.icons-list .st-icon-box {
    margin-bottom: 20px;
}
.icons-list .st-column .st-icon-box:last-child {
    margin-bottom: 0;
}
.smm-section2 .fancy-line {
    margin: 20px 0;
}
.st-column-boxed h3 {
    font-size: 20px;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    color: #0078ae;
    margin: 0 0 20px;
}
.st-column-boxed h3 span {
    color: #8fc33e;
}
.rounded-content-box {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
}
.rounded-content-box h4 {
    padding-top: 0;
    color: #009ddc;
    font-size: 17px;
}
.rounded-content-box ul li {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/ico-list2.png") no-repeat 9px 4px;
    padding: 0 0 0 44px;
    margin-bottom: 10px;
}
.rounded-content-box ul li:last-child {
    margin-bottom: 0;
}
.d-table {
    display: table;
}
.rounded-content-box p:last-child {
    margin-bottom: 0 !important;
}
.box-shadow-holder img.num {
    float: left;
    margin-right: 25px;
    margin-left: 0;
}
.testimonials-line {
    margin: 0px 0px 40px;
    border-color: #d1d2d4;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.online-marketing-section {
    position: relative;
}
.oms-sub-section {
    padding: 70px 0 40px;
}
.oms-sub-section:last-child {
    padding-bottom: 100px;
}
.oms-item {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 20px;
}
.oms-item > img {
    display: block;
    margin: 0 auto 20px;
}
.oms-item h2 a,
.oms-item h2 {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 30px;
    color: #0078ae;
}
.oms-item a:hover h2 {
    color: #90C43E;
}
.oms-item h2 {
    margin: 0 0 10px;
}
.oms-item p {
    font-size: 15px;
    line-height: 24px;
    color: #5a6063;
    margin: 0 0 16px;
}
.oms-item .more-link {
    color: #90c43e;
    line-height: 25px;
}
.oms-item .more-link:hover {
    color: #0078ae;
}
.oms-item .more-link:after {
    vertical-align: text-bottom;
}
.three-phase-section {
    padding-top: 0;
    position: static;
}
.three-phase-section .blue-middle-box {
    margin-bottom: 20px;
}
.three-phase-section .section-title h2 {
    color: #fff !important;
}
.three-phases-slider .ps-nav .psn-item {
    width: 33.37238493723849%;
}
.three-phase-section .ps-nav .psn-item {
    height: 245px;
    width: 33.37238493723849%;
}
.three-phase-section .ps-nav .psn-item a {
    padding-top: 40px;
    font-size: 35px;
    padding-left: 20px;
    padding-right: 20px;
}
.three-phase-section .ps-nav .psn-item a span {
    font-size: 35px;
}
.three-phase-section .ps-content {
    margin-top: -195px;
    padding-top: 240px;
}
.three-phase-section .psc-lead {
    padding-left: 100px;
    padding-right: 100px;
    border-bottom: 0;
}
.pscl__1 {
    border-bottom: 0;
    padding-left: 130px;
    padding-right: 130px;
}
.tps__1 .psn-item a {
    /*font-size: 26px;*/
    font-size: 35px;
}
.tps__1 .psn-item a span {
    font-size: 22px;
}
.three-phase-section .bx-controls {
    display: none;
}
.three-phase-section .ps-nav .psn-item a em {
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 68px;
    border: 3px solid #fff;
    color: #fff;
    text-align: center;
    background: #88ba00;
    border-radius: 50%;
    top: -40px;
    left: 50%;
    margin-left: -34px;
    font-style: normal;
    font-size: 48px;
}
.three-phase-section .phase-slider-holder {
    padding-top: 60px;
    position: relative;
}
.three-phase-section .phase-slider-holder .step-arrow {
    position: absolute;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/step-arrow.png") no-repeat;
    width: 95px;
    height: 25px;
    top: 10px;
    left: 29%;
}
.three-phase-section .phase-slider-holder .step2 {
    left: 62%;
}
.static-section {
    position: static !important;
    padding-top: 0;
}
.bsh__1 .bsh-text h3 {
    display: block;
    margin-bottom: 20px;
}
.psclm__1 .bsh-text {
    padding-top: 28px;
}
.bshm__1 .bsh-text {
    padding-top: 28px;
}
.pt-section {
    padding-top: 110px;
}
body > iframe {
    display:none;
}
.page-team-bg {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-team.jpg") no-repeat;
    background-size: cover;
    color: #fff;
}
.page-team-bg h2,
.page-team-bg h3 {
    color: #fff;
}
.page-team-bg h3 {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 35px;
    line-height: 41px;
}

.page-team-bg h3 span {
    font-size: 20px;
    display: block;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
}
.benefits-section {
    position: relative;
    padding: 110px 0 50px;
    color: #fff;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png");
}
.benefits-section .bs-item {
    display: inline-block;
    width: 25%;
    margin: 0 -4px 60px 0;
    vertical-align: top;
}
.benefits-section .bsi-content {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.benefits-section .bsi-content img {
    display: block;
    margin: 0 auto 25px;
}
.benefits-section .bsi-content h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: bold;
    margin: 0 0 10px;
}
.raq-logos-section {
    padding: 65px 0 55px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-sponsors.jpg");
    border-top: 1px solid #FFFFFF;
}
.raq-logos {
    font-size: 0;
}
.raq-logos-section .raq-logo-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
}
.raq-logos-section .raq-logo-item span {
    display: block;
    font-size: 14px;
    margin-bottom: 25px;
    color: #5a6063;
}
.raq-logos-section .raq-logo-item em {
    font-style: normal;
    color: #0078ae;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.raq-logos-section .raq-logo-item img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.job-section {
    background: #fff;
    padding: 110px 0 60px;
    position: relative;
}
.job-section .js-items {
    font-size: 0;
}
.job-section .js-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 15px;
    line-height: 20px;
    color: #5a6063;
    margin: 0 0 40px;
}
.job-section .js-item:nth-child(3n+1) {
    padding-right: 17px;
}
.job-section .js-item:nth-child(3n-1) {
    padding: 0 17px;
}
.job-section .js-item:nth-child(3n) {
    padding: 0 0 0 17px;
}
.job-section .js-item h3 {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 35px;
    color: #0078ae;
    margin: 0 0 15px;
}
.job-section .js-item h3 a {
    text-decoration: none;
    color: #0078ae;
}
.job-section .js-item h3 a:hover {
    color: #90C404;
}
.job-section .js-item p {
    margin: 0 0 20px;
}
.job-section .jsi-position {
    display: block;
    color: #5a6063;
    font-weight: bold;
    font-size: 22px;
    background: #f5f5f5;
    padding: 25px 17px;
    margin-bottom: 20px;
}
.job-section .jsi-more {
    display: inline-block;
    font:16px/1 "roboto-bold-webfont", sans-serif;
    color:#90c404;
    text-transform:uppercase;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.job-section .jsi-more:after {
    display:inline-block;
    vertical-align:top;
    content:"»";
    font-size:25px;
    line-height:25px;
    margin:-7px 0 0 7px;
    position:relative;
    left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.job-section .jsi-more:hover:after {left:3px;}
.job-section .js-title {
    padding: 15px 22px;
    font-size: 15px;
    color: #5a6063;
    position: relative;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(bottom, #dbdbdb, #ededed 55%, #fafafa);
    background-image: -moz-linear-gradient(bottom, #dbdbdb, #ededed 55%, #fafafa);
    background-image: linear-gradient(to top, #dbdbdb, #ededed 55%, #fafafa);
}
.job-section .js-title:hover {
    background: #f5f5f5;
}
.job-section .js-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icon/ico-arrow-title.png") no-repeat;
}
.job-section .js-title.opened {
    color: #fff;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(bottom, #0078ae, #009ddc);
    background-image: -moz-linear-gradient(bottom, #0078ae, #009ddc);
    background-image: linear-gradient(to top, #0078ae, #009ddc);
}
.job-section .js-title.opened:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icon/ico-arrow-title.png") no-repeat 0 -34px;
}
.job-section .js-title strong {
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
    color: #0078ae;
}
.job-section .js-title.opened strong {
    color: #fff;
}
.job-section .js-nav {
    display: none;
}
.job-section .js-nav > strong {
    display: block;
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
    color: #0078ae;
}
.job-section .js-nav .js-item h3 {
    margin-top: 0 !important;
}
.text-section.ts__2 .next-step {
    border: 8px solid #f7f7f7;
}
.text-section.ts__2 .next-step:after {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png');
}
.text-section.ts__1 .next-step {
    border: 8px solid #005f8b;
}
.text-section.ts__1 .next-step:after {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/section-bg-2.png');
}
.text-section.ts__1 .section-title {
    max-width: 708px;
    margin: 0 auto;
}
.text-section.ts__1 .section-title h2 {
    color: #0078ae;
    margin: 0 0 45px;
}
.text-section.ts__1 p {
    font-size: 22px;
    line-height: 40px;
    font-family: 'roboto-light-webfont', Arial, Helvetica, sans-serif;
    color: #5a6063;
    text-shadow: none;
    margin: 0 0 60px;
}
.text-section.ts__1 p:last-child {
    margin-bottom: 0;
}
.text-section.ts__1 .preview-columns {
    margin-bottom: 60px;
}
.text-section.ts__1 .preview-aside {
    width: 294px;
    padding-right: 1px;
}
.text-section.ts__1 .preview-aside img {
    box-shadow: none;
}
.text-section.ts__1 .preview-columns span.website-tag {
    top: 17px;
    padding-right: 18px;
}
.text-section.ts__1 .preview-columns .arrow-from-to {
    top: 95px;
    right: -50px;
}
.text-section.ts__2 {
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png');
}
.text-section.ts__2 h2 {
    margin: 0 0 30px;
}
.text-section.ts__2 p {
    font-size: 22px;
    line-height: 40px;
    font-family: 'roboto-light-webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: none;
    margin: 0 0 60px;
}
.text-section.ts__2 p strong {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, sans-serif;
}
.text-section.ts__2 p:last-child {
    margin: 0;
}
.btn-separator-holder {
    position: relative;
    border-top: 1px solid #000;
    padding: 25px 0;
    overflow: hidden;
}
.btn-separator-holder:after {
    background: none repeat scroll 0 0 #20272e;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.result-section {
    position: relative;
    padding: 90px 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/h-nutshell-bkg.png");
}
.result-section .rs-items {
    padding: 130px 0 0;
}
.result-section .rs-item {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-result-box.png") no-repeat;
    width: 324px;
    height: 211px;
    position: relative;
    float: left;
    margin-right: 4px;
}
.result-section .rs-item-diff {
    height: 268px;
    background-position: -324px 0;
}
.result-section .rs-item:last-child {
    margin-right: 0;
}
.result-section .rectangles,
.result-section .rs-item .shapes {
    position: absolute;
    width: 100%;
    left: 0;
    top: 119px;
}
.result-section .rectangles-diff {
    top: 80px;
}
.result-section .rs-item .shape-1 {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    position: absolute;
    top: -146px;
    left: 0;
    width: 100%;
}
.result-section .rs-item .shape-1:after {

}
.result-section .rs-item .shape-1:before {
    position: absolute;
    left: 56px;
    top: -84px;
    width: 207px;
    height: 207px;
    background: rgba(0, 120, 174, 0.7);
    content: '';
    border-radius: 50%;
    z-index: 3;
}
.result-section .rs-item .shape-1-btm:before {
    top: -68px;
}
.result-section .rs-item .shape-1-btm i {
    top: 94px;
}
.result-section .rs-item i {
    font-style: normal;
    z-index: 10;
    position: relative;
}
.result-section .rs-item .shape-2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    position: absolute;
    top: -53px;
    left: 0;
    width: 100%;
}
.result-section .rs-item .shape-2:before {
    position: absolute;
    left: 121px;
    top: -25px;
    width: 78px;
    height: 78px;
    background: rgba(144, 196, 4, 1);
    content: '';
    border-radius: 50%;
    z-index: 4;
}
.result-section .rs-item .shape-2:after {
    position: absolute;
    left: 95px;
    top: -138px;
    width: 130px;
    height: 130px;
    background: rgba(255, 255, 255, 0.16);
    content: '';
    border-radius: 50%;
    z-index: 4;
}
.result-section .rs-item .shape-2-center {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    position: absolute;
    top: -116px;
    left: 0;
    width: 100%;
}
.result-section .rs-item .shape-2-center:before {
    position: absolute;
    left: 118px;
    top: -37px;
    width: 88px;
    height: 88px;
    background: rgba(144, 196, 4, 1);
    content: '';
    border-radius: 50%;
    z-index: 4;
}
.result-section .shape-2-center i {
    top: -5px;
}
.result-section .rs-item .text {
    position: absolute;
    top: 151px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
}
.result-section-alt .rs-item .text {
    top: 140px;
}
.result-section-alt .rs-item .text-vam {
    top: 153px;
}
.result-section .rs-item .text-diff {
    text-transform: none;
    top: 108px;
    line-height: 1.4;
}
.result-section .shapes .arrow {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-result-arrow.png") no-repeat;
    width: 17px;
    height: 30px;
    position: absolute;
    top: -112px;
    left: 152px;
    z-index: 10;
}
.result-section .rectangle-1 {
    position: absolute;
    left: 66px;
    bottom: 0;
    width: 92px;
    background: rgba(0, 120, 174, 0.7);
}
.result-section .rectangle-2 {
    position: absolute;
    left: 158px;
    bottom: 0;
    width: 100px;
    background: rgba(144, 196, 4, 1);
}
.result-section .rectangle-3 {
    position: absolute;
    left: 112px;
    bottom: 0;
    width: 100px;
    background: rgba(255, 255, 255, 0.13);
}
.result-section .arrow-rectangle {
    position: absolute;
    left: 52px;
    bottom: 0;
    width: 40px;
    background: #055a82;
}
.result-section .arrow-rectangle:before {
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -28px;
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 28px solid #055a82;
    content: "";
}
.result-section .arrow-rectangle:nth-child(2) {
    left: 109px;
    background: #057e82;
}
.result-section .arrow-rectangle:nth-child(2):before {
    border-bottom-color: #057e82;
}
.result-section .arrow-rectangle:nth-child(3) {
    left: 167px;
    background: #298c55;
}
.result-section .arrow-rectangle:nth-child(3):before {
    border-bottom-color: #298c55;
}
.result-section .arrow-rectangle:nth-child(4) {
    left: 228px;
    background: #90c404;
}
.result-section .arrow-rectangle:nth-child(4):before {
    border-bottom-color: #90c404;
}
.result-section .rectangles .arrow {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-result-arrow2.png") no-repeat;
    width: 42px;
    height: 40px;
    position: absolute;
    left: 141px;
    z-index: 10;
}
.result-section .rectangles i {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 25px;
    font-style: normal;
}
.result-section .rectangle,
.result-section .rectangles i,
.result-section .rectangles .arrow {
    opacity: 0;
}
.result-graph {
    position: absolute;
    top: -118px;
    left: 32px;
    width: 260px;
    height: 198px;
    text-align: center;
}
.rg-point {
    position: absolute;
    left: 0;
    bottom: -4px;
    font: 25px/1 "roboto-medium-webfont", sans-serif;
    color: #fff;
}
.rg-point2 {
    left: auto;
    right: 0;
}
.rs-blocks {
    padding: 70px 0 30px;
}
.rs-blocks-alt {
    padding-top: 10px;
    padding-bottom: 50px;
}
.rs-blocks .rs-block {
    float: left;
    width: 25%;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    min-height: 120px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 17px;
}
.rs-blocks .rs-block:last-child {
    border-right: 0;
}
.rs-blocks-alt .rs-block {
    width: 32%;
}
.rs-blocks-alt .rs-block:first-child,
.rs-blocks-alt .rs-block:last-child {
    width: 18%;
}
.rs-blocks-diff .rs-block {
    width: 24%;
}
.rs-blocks-diff .rs-block:first-child {
    width: 28%;
}
.rs-blocks .rs-block  span {
    display: block;
    font-size: 72px;
    line-height: 1;
    font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}
.rs-title {
    text-align: center;
    color: #fff;
    font: 24px "robotoregular", sans-serif;
    margin: 0 0 24px;
}
.page-intro-center-holder .page-intro-center {
    padding-bottom: 60px;
}
.page-intro-center-holder h3 span {
    font-family: 'roboto-bold-webfont', Arial, Helvetica, sans-serif;
}
.da-section {
    position: relative;
    background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-latest-projects-bkg.png');
    padding: 120px 22px 85px;
}
.da-section .frame {
    background: #fff;
    border-radius: 5px;
    padding-bottom: 35px;
}
.da-section .page-intro-center {
    font-size: 17px;
    line-height: 24px;
}
.das-item {
    padding: 35px 31px;
    font-size: 15px;
    line-height: 24px;
    color: #5a6063;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}
.das-items .das-item:nth-child(odd) {
    background: #f5f5f5;
}
.das-items .das-item:nth-child(1) {
    border-top: 1px solid #ebebeb;
}
.ddas-items .das-item:last-child {
    border-bottom: 1px solid #f3f3f3;
}
.das-item .tn {
    float: left;
    margin-right: 47px;
}
.das-item .das-content {
    overflow: hidden;
    padding-bottom: 40px;
}
.das-item .das-content .das-title,
.das-item .das-content h3 {
    margin: 0 0 15px;
    color: #0078ae;
    font-size: 28px;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.das-item .das-content .das-title a,
.das-item .das-content h3 a {
    color: #0078ae;
    text-decoration: none;
}
.das-item .das-content .das-title a:hover,
.das-item .das-content h3 a:hover {
    color: #90c404;
}
.das-item .das-content .das-title span,
.das-item .das-content h3 span {
    color: #009ddc;
    display: inline-block;
    padding: 0 0 0 21px;
    font-size: 15px;
    font-family: Arial, Helvetica, Sans-Serif;
}
.das-item .das-content .das-title span i,
.das-item .das-content h3 span i {
    font-style: normal;
    color: #90c404;
}
.das-item .das-content .das-title span em,
.das-item .das-content h3 span em {
    font-style: normal;
    color: #90c404;
}
.das-item .btn-green {
    position: absolute;
    left: 325px;
    bottom: 35px;
    padding: 8px 43px 7px 24px;
    border-radius: 16px;
}
.das-item .btn-green:after {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/arrow.png") no-repeat;
    position: absolute;
    right: 7px;
    top: 4px;
    width: 24px;
    height: 24px;
    content: "";
}
.da-section .page-intro-center .pic-subtext,
.da-section .page-intro-center h3 {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    font-family: Arial, Helvetica, Sans-Serif;
}
.stats-section {
    padding: 80px 22px 40px;
    position: relative;
}
.stats-section:nth-child(2n+1) {
    padding: 40px 22px 40px;
}
.stats-section:last-child {
    padding-bottom: 100px;
    padding-top: 40px;
}
.stats-section-item {
    text-align: center;
    font-size: 20px;
    color: #5a6063;
    font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
}
.stats-section-item .ssi-title,
.stats-section-item h2 {
    font-size: 28px;
    color: #0078ae;
    margin: 0 0 10px;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.stats-section-item strong {
    font-size: 20px;
    color: #009ddc;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.stats-section-item p strong {
    color: #5a6063;
}
.stats-section-item img {
    margin: 30px 0 0;
    display: block;
    max-width: 100%;
    height: auto;
}
.tpp-cut-nav .tpp-nav li {
    min-width: 0 !important;
}
.tpp-cut-nav .tpp-nav li a {
    font-size: 12px;
}
.tpp--resources h5 {
    font-size: 38px;
}
.tpp-heading--resources {
    padding: 20px 0 10px;
}
/* website designers page */
.chart-note {
    background: #fff;
    padding: 22px 22px 32px;
    text-align: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0 0 7px 7px;
    font-size: 15px;
}
.chart-note:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 99%;
    height: 16px;
    content: "";
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/chart-note.png") no-repeat 50% 0;
    background-size: 100% 100%
}
.chart-note strong {
    font-size: 15px;
}
.stat-box {
    margin: 30px 0 0;
    padding: 40px 0;
    border-radius: 7px 7px 0 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 0;
}
.stat-box .st-item {
    padding: 24px 82px 0;
}
.stat-box .st-item:first-child {
    padding-top: 40px;
}
.stat-box .st-item strong {
    text-align: left;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    color: #45B3E7;
}
.stat-box .sti-line span {
    float: left;
    color: #fff;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: right;
    padding: 0 10px 0 4px;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.stat-box .sti-line span em {
    font-style: normal;
}
.stat-box .sti-line .blue {
    background: #0075aa;
}
.stat-box .sti-line .orange {
    background: #f7941d;
}
.stat-box .sti-line .green {
    background: #8fc205;
}
.stat-box .sti-line .gray {
    background: #3e3e3e;
}
.chart-description {
    background: #fff;
    padding: 0 82px 26px;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.chart-description span {
    position: relative;
    margin-left: 30px;
    float: left;
}
.chart-description span:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    content: '';
    vertical-align: -2px;
}
.chart-description .fr {
    float: right;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}
.chart-description .more {
    color: #006a9a;
}
.chart-description .more:before {
    background: #006a9a;
}
.chart-description .same {
    color: #f7941d;
}
.chart-description .same:before {
    background: #f7941d;
}
.chart-description .less {
    color: #8fc205;
}
.chart-description .less:before {
    background: #8fc205;
}
.chart-description .dont-use {
    color: #3e3e3e;
}
.chart-description .dont-use:before {
    background: #3e3e3e;
}
.stat-box.st_block .sti-line span {
    float: none;
    display: block;
}
.stat-box.st_img img {
    display: block;
    margin: 0 auto;
}
.stat-box.st_img .img-mobile {
    display: none;
}
html.no-flash .tpp-heading strong {
    display: none;
}
html.no-flash .holder-404 {
    display: none;
}
html.no-flash .cs-wide-section {
    padding-top: 20px;
}
.search-container {

}
.search-container .top-page-panel {
    padding: 30px 0 34px;
    text-align: center;
}
.search-container .top-page-panel h5 {
    float: none;
    font-size: 47px;
}
.search-container .sc-top {
    background: #fff;
    padding: 20px 0 0;
}
.search-container .sc-panel {
    border-top: 1px solid #e4e5e5;
    padding: 13px 0 14px;
}
.search-container .page-search-box {
    margin-bottom: 15px;
}
.search-container #cse-search-box input[type="text"] {
    height: 62px;
    background: #fff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 17px;
    font-weight: normal;
    color: #5a6063;
    text-transform: none;
    width: 731px;
    padding-left: 31px !important;
    padding-right: 60px !important;
}
.search-container #cse-search-box .ff-btn-submit {
    width: 224px;
    height: 60px;
    border-radius: 7px;
    background-color: #0a4f82;
    background-image: -webkit-linear-gradient(bottom, #88ba00, #a2d90c);
    background-image: -moz-linear-gradient(bottom, #88ba00, #a2d90c);
    background-image: -o-linear-gradient(bottom, #88ba00, #a2d90c);
    background-image: linear-gradient(to top, #88ba00, #a2d90c);
    text-shadow: -1px 0 rgba(85, 116, 0, 0.8);
}
.search-container .sc-nav {
    float: left;
    padding: 4px 0 0;
    text-transform: uppercase;
    font: bold 14px/25px 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
}
.search-container .sc-nav li {
    float: left;
    padding: 0 17px 0 15px;
    border-left: 1px solid #dadada;
}
.search-container .sc-nav li:first-child {
    padding-left: 0;
    border-left: 0;
}
.search-container .sc-nav a {
    text-decoration: none;
    color: #009ddc;
}
.search-container .sc-filter-result {
    float: right;
}
.search-container .sc-filter {
    float: left;
    padding: 0 36px 0 0;
}
.search-container .sc-filter .sc-filter-text {
    float: left;
    font-size: 16px;
    color: #5a6063;
    padding: 8px 0 0;
    margin-right: 16px;
}
.search-container .select2-container {
    width: 155px;
    height: 34px;
}
.search-container .select2-choice {
    width: 155px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    color: #5a6063;
    padding-left: 16px;
    border: 1px solid rgba(193,193,193,.6);
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: inset 0 1px 3px rgba(133,133,133,.41);
    -webkit-box-shadow: inset 0 1px 3px rgba(133,133,133,.41);
    box-shadow: inset 0 1px 3px rgba(133,133,133,.41);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE1MyAzMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijk3JSIgeDI9IjUwJSIgeTI9IjIuOTk5OTk5OTk5OTk5OTklIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTUzIiBoZWlnaHQ9IjMyIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(bottom, #fff 3%, #fff 97%);
    background-image: -o-linear-gradient(bottom, #fff 3%, #fff 97%);
    background-image: -webkit-linear-gradient(bottom, #fff 3%, #fff 97%);
    background-image: linear-gradient(bottom, #fff 3%, #fff 97%);
}
.search-container .select2-choice .select2-arrow {
    background: none;
    border: 0;
}
.search-container .sc-result {
    float: left;
    font-size: 14px;
    color: #5a6063;
    padding: 10px 0 0;
}
.search-container .sc-middle {
    padding: 28px 0;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/in-the-news-bkg.png");
}
.search-container .sc-aside {
    float: left;
    width: 224px;
    margin-right: 31px;
    background: #fff;
}
.search-container .sc-aside .sc-title {
    border-top: 4px solid #0079aa;
    font: bold 17px/1 Arial, Helvetica, Sans-Serif;
    color: #0078ae;
    padding: 19px 0 12px 18px;
}
.search-container .sc-related,
.search-container .sc-aside ul {
    font-size: 15px;
    margin: 0 0 23px;
}
.search-container .sc-related ul li,
.search-container .sc-aside ul li {
    border-bottom: 1px solid #dde1e3;
    position: relative;
}
.search-container .sc-related ul li:before,
.search-container .sc-aside ul li:before {
    content:"";
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/common-sprite.png) no-repeat 0 -256px;
    width:9px;
    height: 9px;
    color:#11a4de;
    position: absolute;
    left: 18px;
    top:17px;
}
.search-container .sc-related ul li:before {
    left: 9px;
}
.search-container .sc-related ul a,
.search-container .sc-aside ul a {
    display: block;
    position: relative;
    padding: 12px 0 12px 37px;
    text-decoration: none;
    color: #5a6063;
}
.search-container .sc-content {
    overflow: hidden;
}
.search-container .search-item {
    position: relative;
    padding: 27px 0 20px;
}
.search-container .search-item:first-child {
    padding-top: 0;
}
.search-container .search-item:after,
.search-container .search-item:before {
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    content: "";
}
.search-container .search-item:before {
    background: #fff;
    bottom: 0;
}
.search-container .search-item:after {
    background: #e3e4e4;
    bottom: 1px;
}
.search-container .search-item .si-tn {
    margin-right: 23px;
    width: 124px;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
}
.search-container .search-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.search-container .si-content {
    overflow: hidden;
    font-size: 17px;
    color: #5a6063;
}

.search-container .si-content .title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 4px;
}
.search-container .si-content .title a {
    color: #0078a9;
}
.search-container .si-content p {
    margin: 0 0 7px;
}
.search-container .si-content .link {
    font-size: 15px;
}
.search-container .si-content .link a {
    color: #878a8c;
    text-decoration: none;
}
.search-container .sc-related {
    padding: 80px 0 0;
}
.search-container .sc-related .title {
    font-size: 30px;
    color: #0078ae;
    border-bottom: 4px solid #0079aa;
    padding: 0 0 5px;
    margin: 0 0 20px;
    font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif;
}
.search-container .sc-related ul {
    float: left;
    width: 33.33%;
    padding-left: 40px;
}
.search-container .sc-related ul:first-child {
    padding-left: 0;
}
.search-container .sc-related ul li {
    border-bottom: 1px solid rgba(206, 212, 215, 0.7);
}
.search-container .sc-nav a,
.search-container .sc-related ul a,
.search-container .sc-aside ul a,
.search-container .si-content .title a,
.search-container .si-content .link a {
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.search-container .sc-nav a:hover,
.search-container .sc-related ul a:hover,
.search-container .sc-aside ul a:hover,
.search-container .si-content .title a:hover,
.search-container .si-content .link a:hover {
    color: #009ddc;
}
.search-container .ch-input-field {
    position: relative;
}
.search-container .clear-search {
    position: absolute;
    right: 18px;
    top: 16px;
    background: #eee;
    color: #8c2727;
    text-decoration: none;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
}
.search-container .clear-search:hover {
    background: #8c2727;
    color: #fff;
}
.search-container .select2-choice .select2-arrow {
    width: 28px;
}
.search-container .select2-choice .select2-arrow b {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/select/arrows.jpg) no-repeat 0 50%;
    width: 13px;
}
.search-container .select2-dropdown-open .select2-arrow b {
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/select/arrows.jpg) no-repeat -13px 50%;
}
.search-container .search-message {
    font: bold 22px/1.2 Arial,Helvetica,sans-serif;
    color: #0078AE;
}
::-ms-clear { display: none; }
::-ms-reveal { display: none; }
.google-search-container {
    display: inline-block;
    border: 1px solid #c1c1c1 !important;
    border-radius: 8px;
    padding: 0 24px !important;
    height: 62px;
    background: #fff;
    width: 731px;
    padding-left: 31px !important;
    padding-right: 60px !important;
    box-shadow: inset 1px 1px 3px #858585;
    position: relative;

}
#cse-search-box .google-search-container input[type="text"] {
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
/* wide video section */
.fvs-container {
    margin: 0 0 20px;
}
.full-video-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 0 60px;
}
.full-video-section-single {
    padding-bottom: 116px;
}
.full-video-section .section-title h2 {
    color: #0078ae;
    text-align: center;
}
.fvs-item {
    display: none;
}
.fvs-item.show {
    display: block;
}
.fvs-title {
    padding: 30px 10px;
    margin-bottom: -1px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    font: 48px/1 "roboto-black-webfont", sans-serif;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-page-panel-bkg.png") repeat;
    position: relative;
    z-index: 2;
}
.full-video-section .wide-video-holder {
    margin: 0;
}
.fvs-thumbs {
    margin: 0 -0.2%;
}
.fvs-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.4% 20px;
    width: 32.2%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.fvs-box.active {
    display: none;
}
.fvs-video-thumb {
    position: relative;
}
.fvs-video-thumb img {
    display: block;
    width: 100%;
    box-shadow: 1px 1px #a8a8a8;
}
.fvs-thumb-descr {
    background: #fff;
    padding: 0;
    color: #0078ae;
    font-size: 17px;
    line-height: 1.4;
    box-shadow: 1px 1px #a8a8a8;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.thumb-descr-frame {
    padding: 24px 36px;
}
.fvs-thumb-descr a {
    color: #0078ae;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.fvs-thumb-descr a:hover {
    color: #D57E0E;
}
.fvs-box h4 {
    font: 50px/1.2 "roboto-bold-webfont", sans-serif;
}
.fvs-box p {
    color: #5A6063;
}
.video-overlay-mob {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.7%;
    z-index: 4;
    background: #5A6063;
    opacity: 1;
    display: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.video-overlay-mob img {
    width: 100%;
}
.full-video-section .fvs-player {
    opacity: 0;
    z-index: 10;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.full-video-section .video-plays .fvs-player {
    opacity: 1;
}
.mobile-mode .full-video-section .fvs-player {
    opacity: 1;
}
.video-overlay-pause,
.video-overlay-large {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.video-plays .video-overlay-large {
    opacity: 0;
    z-index: 2;
}
.mobile-mode .video-plays .video-overlay-large,
.mobile-mode .video-overlay-large {
    display: none;
}
.video-overlay-pause {
    display: none;
}
.video-plays .video-overlay-pause {
    display: block;
}
.video-overlay-large:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 145px;
    height: 145px;
    z-index: 20;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-large.png) no-repeat;
}
.wide-video-holder:hover .video-overlay-large:before {
    opacity: 0.6;
}
.sub-video-boxes {
    position: relative;
    z-index: 20;
    padding: 0 0 30px;
    margin-top: -86px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.sub-video-boxes:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:0;
    width:180%;
    height:30px;
    left:-40%;
    right:-40%;
    background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.1), rgba(137, 141, 144, 0.0) 40%);
    background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.1), rgba(137, 141, 144, 0.0) 40%);
}
.svb-frame {
    background: #fff;
    border-bottom: 1px solid #e1e2e2;
    border-radius: 0 0 3px 3px;
    display: table;
    width: 100%;
}
.sv-box {
    display: table-cell;
    width: 33.33%;
    padding: 44px 20px;
    vertical-align: top;
    border-left: 1px solid #e3e3e3;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    color: #5a6063;
}
.sv-box:first-child {
    border-left: 0;
}
.sv-box h3 {
    font: 33px/1.2 "roboto-bold-webfont", sans-serif;
    color: #0078ae;
    margin: 0 0 8px;
}
.sv-box p {
    margin: 0 0 16px;
}
.sv-box .more-link {
    color: #90c404;
    font-size: 16px;
}
.sv-box .more-link:after {
    margin-top: -4px;
}
.fvs-container .wistia_embed {
    position: absolute;
    z-index: 7;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.start-video .fvs-container .wistia_embed {
    opacity: 1;
}
.fvs-container .wistia_embed.video-embed-overlay {
    opacity: 1;
    z-index: 5;
    width: 100% !important;
    height: 100% !important;
}
.start-video .fvs-container .wistia_embed.video-embed-overlay {
    opacity: 0;
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
.mm-is-menu.mm-horizontal .mm-inner > ul{-webkit-transition:none 0.4s ease;-moz-transition:none 0.4s ease;-o-transition:none 0.4s ease;transition:none 0.4s ease;}
html.mm-opened.mm-dragging .mm-page{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}
html.mm-opened.mm-dragging.mm-next .mm-menu,
html.mm-opened.mm-dragging.mm-front .mm-menu{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker{-webkit-transition-property:top, right, bottom, left, margin, border, -webkit-transform;-moz-transition-property:top, right, bottom, left, margin, border, -moz-transform;-o-transition-property:top, right, bottom, left, margin, border, -o-transform;transition-property:top, right, bottom, left, margin, border, transform;border:none solid rgba(0, 0, 0, 0);}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker{border:none solid rgba(1, 1, 1, 0);}
.mm-is-menu.mm-horizontal .mm-inner > ul{-webkit-transition-property:margin-left;-moz-transition-property:margin-left;-o-transition-property:margin-left;transition-property:margin-left;}
html.mm-accelerated.mm-opening .mm-page,
html.mm-accelerated.mm-opening #mm-blocker,
html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopening{-webkit-transform:translate3d(0, 0, 1px);-moz-transform:translate3d(0, 0, 1px);-o-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px);}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker{margin:0px;left:0%;top:0;}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker{margin:0 0 0 -65px;left:100%;}
html.mm-opened .mm-page,
.mm-menu,
.mm-menu .mm-inner,
.mm-is-menu ul,
.mm-menu div.mm-search,
.mm-menu div.mm-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html.mm-opened,
html.mm-opened body{width:100%;height:100%;overflow:hidden;}
html.mm-opened body{position:relative;}
.mm-menu{display:none;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;overflow:hidden;background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/mobile-meu-shadow.png) repeat-y 200px 0;}
.mm-menu.mm-opened{display:block;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mm-menu.mm-opened ~ .mm-menu.mm-opened{display:none;}
.mm-inner{width:100%;padding:0 65px 0 0;}
.mm-is-menu ul,
.mm-is-menu li{list-style:none;display:block;padding:0;margin:0;}
.mm-is-menu li{position:relative;}
.mm-is-menu li:after{content:'';display:block;width:100%;position:absolute;bottom:0;}
.mm-menu ul{width:100%;}
.mob-menus{width:205px;}
.mob-menus > ul > li{border-bottom:1px solid #f6f6f6;}
.mob-menus > ul > li > a{display:block;color:#5a6063;font:17px/1.2 "roboto-medium-webfont", sans-serif;text-transform:uppercase;padding:18px 10px 16px 26px;}
.mob-menus > ul > li > a:hover{color:#0078ae;}
.mob-menus .secondary-menu li a{color:#878a8c;font:16px/1.2 Arial, Helvetica, sans-serif;text-transform:none;}
.mm-menu a.mm-subopen{width:40px;height:40px;padding:0;position:absolute;right:0;top:0;z-index:2;}
.mm-menu a.mm-subopen:before{content:'';display:block;height:100%;position:absolute;left:0;}
.mm-menu a.mm-subopen.mm-fullsubopen{border-left:none;width:100%;}
.mm-menu a.mm-subopen.mm-fullsubopen:before{border-left:none;}
.mm-menu a.mm-subclose{text-indent:40px;padding-top:20px;margin-top:-20px;}
.mm-menu a.mm-subopen + a,
.mm-menu a.mm-subopen + span{padding-right:45px;}
html.mm-opened .mm-page{height:100%;position:absolute;}
html.mm-background .mm-page{background:inherit;}
#mm-blocker{background:#fff;opacity:0;display:none;width:100%;height:100%;position:absolute;z-index:9999;}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker{display:block;}
.mm-menu.mm-vertical ul ul{display:none;padding:10px 0 10px 10px;}
.mm-menu.mm-vertical li.mm-opened > ul{display:block;}
.mm-menu.mm-vertical ul ul li:last-child,
.mm-menu.mm-vertical ul ul li:last-child:after{border-bottom-width:0;}
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + span{padding-right:5px;margin-right:40px;}
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + span{margin-right:75px;}
.mm-menu.mm-horizontal .mm-inner{white-space:nowrap;}
.mm-menu.mm-horizontal ul{vertical-align:top;margin-left:0%;}
.mm-menu.mm-horizontal ul.mm-submenu{display:none;}
.mm-menu.mm-horizontal ul,
.mm-menu.mm-horizontal ul.mm-submenu.mm-opened{display:inline-block;}
.mm-menu.mm-horizontal ul.mm-subopening{margin-left:-100%;max-height:100%;overflow:hidden;}
.mm-is-menu{background:#333;}
.mm-is-menu *{-webkit-text-size-adjust:none;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.mm-is-menu li{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mm-is-menu li:after{border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span{color:rgba(255, 255, 255, 0.5);text-decoration:none;}
.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span{background:rgba(0, 0, 0, 0.2);}
.mm-menu li.mm-selected > a.mm-subopen{background:transparent;}
.mm-menu a.mm-subopen{border-left:1px solid rgba(255, 255, 255, 0.1);}
.mm-menu a.mm-subopen:before{border-left:1px solid rgba(0, 0, 0, 0.4);}
.mm-menu a.mm-subclose{background:rgba(0, 0, 0, 0.2);}
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul{background:rgba(255, 255, 255, 0.06);}
html.mm-opened .mm-page{}
.mm-menu li.mm-label{text-transform:uppercase;text-indent:20px;line-height:25px;}
.mm-menu li.mm-label{background:rgba(255, 255, 255, 0.1);font-size:11px;color:rgba(255, 255, 255, 0.5);}
.mm-menu em.mm-counter{text-indent:0;text-align:center;text-shadow:none;line-height:22px;display:block;min-width:16px;height:20px;padding:0 2px;position:absolute;right:40px;top:10px;}
.mm-menu em.mm-counter + a.mm-subopen{padding-left:35px;}
.mm-menu em.mm-counter + a.mm-subopen + a,
.mm-menu em.mm-counter + a.mm-subopen + span{padding-right:80px;}
.mm-menu em.mm-counter{border-radius:5px;background:rgba(255, 255, 255, 0.1);box-shadow:0 0 2px rgba(0, 0, 0, 0.3);font-size:11px;font-style:normal;color:rgba(255, 255, 255, 0.4);}
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before{content:'';border-width:4px;border-style:solid;display:block;width:6px;height:6px;position:absolute;top:50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-menu a.mm-subopen:after{border-top:none;border-left:none;margin-top:-4px;right:16px;}
.mm-menu a.mm-subclose:before{border-right:none;border-bottom:none;margin-top:4px;left:20px;}
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3);}
.mm-menu div.mm-search{width:100%;height:50px;padding:10px;position:relative;z-index:1;}
.mm-menu div.mm-search input{border:none;border-radius:15px;line-height:30px;outline:none;display:block;width:100%;height:30px;margin:0;padding:0 0 0 10px;}
.mm-menu li.mm-noresults{border:none;display:none;padding-top:30px;}
.mm-menu li.mm-noresults:after{border:none;}
.mm-menu.mm-noresults li.mm-noresults{display:block;}
.mm-menu .mm-noresult,
.mm-menu .mm-nosubresult > a.mm-subopen,
.mm-menu .mm-nosubresult > em.mm-counter{display:none;}
.mm-menu .mm-nosubresult > a.mm-subopen + a,
.mm-menu .mm-nosubresult > a.mm-subopen + span{padding-right:5px;}
.mm-menu div.mm-search{background:rgba(0, 0, 0, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mm-menu div.mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.9);}
.mm-menu li.mm-noresults{color:rgba(255, 255, 255, 0.4);text-align:center;}
html.mm-no-overflowscrolling.mm-opened,
html.mm-no-overflowscrolling.mm-opened body{overflow:visible;}
html.mm-no-overflowscrolling.mm-opened body{overflow-x:hidden;}
html.mm-no-overflowscrolling.mm-opened .mm-page{min-height:200%;position:fixed;top:0;z-index:3;}
html.mm-no-overflowscrolling .mm-menu{height:auto;min-height:100%;overflow:default;overflow-x:default;overflow-y:default;position:relative;left:auto;top:auto;}
html.mm-no-overflowscrolling.mm-right .mm-menu{position:absolute;}
html.mm-iphone-addressbar body{padding-bottom:60px;}
.mm-menu{width:270px;}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker{left:270px;}
.mob-menus{-webkit-box-shadow:inset 0px 2px 1px 0px #f3f3f3;box-shadow:inset 0px 2px 1px 0px #f3f3f3;}
.mob-menus ul ul{position:relative;padding:13px 22px 22px;display:none;background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/mobile-drop.png) repeat;}
.mob-menus ul .drop-open ul{display:block;}
.mob-menus ul ul:after{position:absolute;top:-7px;left:60px;width:13px;height:7px;content:"";background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png) no-repeat -250px 0;}
.mob-menus ul ul li{border:0;padding:0 0 9px;}
.mob-menus ul ul a{display:block;background:#0087bd;text-shadow:0 -1px 0 #004c6e;border:1px solid #00618a;border-color:#005b81 #006f9c #00618a #00648d;-webkit-box-shadow:1px 1px 0px 0px #008fcd;box-shadow:1px 1px 0px 0px #008fcd;border-radius:4px;padding:8px 20px;color:#fff;font:17px/1 "roboto-bold-webfont", sans-serif;text-transform:uppercase;position:relative;overflow:hidden;}
.mob-menus ul ul a:hover{color:#fff;background:#00aaee;}
.mob-menus ul ul a:before{position:absolute;top:1px;left:1px;width:5px;height:100%;background:#00aaee;content:"";border-radius:0 0 3px 3px}
.citf{position:relative;overflow:hidden;}
.citf input[type="file"]{position:relative;cursor:pointer;outline:none;padding:0;margin:0;font-size:100%;height:100%;width:300px;}
.citf-active .citfButton{position:relative;overflow:hidden;}
.citf-active input[type="file"]{position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity:0;}
.citf-active input[type="file"]:hover,
.citf-active input[type="file"]:active,
.citf-active input[type="file"]:focus{outline:none;}
.citf-skin-metro .citf-active{font-size:16px;color:#fff;border-radius:5px;}
.citf-skin-metro .citf-active .citfValOutput{overflow:hidden;display:block;height:24px;line-height:24px;padding:10px;}
.citf-skin-metro .citf-active .citfBtnOutput{width:120px;height:44px;line-height:44px;position:absolute;text-align:center;right:0;top:0;}
.citf-skin-metro .citf-active .citfButton{position:absolute;width:120px;height:44px;right:0;top:0;z-index:2;}
.citf-skin-metro.dark-green .citf-active{background:#166549;}
.citf-skin-metro.dark-green .citf-active .citfBtnOutput{background:#1b7e5a;border-left:1px solid #fff;}
.citf-skin-metro.dark-green .citf-focused .citfValOutput{background:#1f4738;}
.citf-skin-metro.dark-blue .citf-active{background:#14b9d5;}
.citf-skin-metro.dark-blue .citf-active .citfValOutput{color:#fff;}
.citf-skin-metro.dark-blue .citf-active .citfBtnOutput{background:#0e778a;color:#fff;border-left:1px solid #fff;}
.citf-skin-metro.dark-blue .citf-focused .citfValOutput{background:#119DB5;}
.citf-skin-metro.dark-red .citf-active{background:#f5696c;}
.citf-skin-metro.dark-red .citf-active .citfValOutput{color:#fff;}
.citf-skin-metro.dark-red .citf-active .citfBtnOutput{background:#af4454;color:#fff;border-left:1px solid #fff;}
.citf-skin-metro.dark-red .citf-focused .citfValOutput{background:#C55256;}
.citf-skin-metro.dark-gray .citf-active{background:#eaedf2;}
.citf-skin-metro.dark-gray .citf-active .citfValOutput{color:#5e6d82;}
.citf-skin-metro.dark-gray .citf-active .citfBtnOutput{background:#eaedf2;color:#5e6d82;border-left:1px solid #fff;}
.citf-skin-metro.dark-gray .citf-focused .citfValOutput{background:#D6D7D7;}
/*-----------------------------------------------------------------------------------*/
/*  Responsive Grid (foundation)
/*-----------------------------------------------------------------------------------*/
.row .column, .row .columns{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container{ margin: 0px auto; padding: 0px 15px; max-width: 1008px; }
.row { width: 980px; max-width: 100%; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; margin-bottom: 30px; }
.column.wrapper, .columns.wrapper{ padding: 0px; }
.row .one       { width: 8.333%;}
.row .two       { width: 16.667%;}
.row .three     { width: 25%;}
.row .four      { width: 33.333%;}
.row .five      { width: 41.667%;}
.row .six       { width: 50%;}
.row .seven     { width: 58.333%;}
.row .eight     { width: 66.667%;}
.row .nine      { width: 75%;}
.row .ten       { width: 83.333%;}
.row .eleven    { width: 91.667%;}
.row .twelve    { width: 100%;}
img{ max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
object, embed { max-width: 100%; }





/*=======================*/
/* TOP DIGITAL AGENCY    */
/*=======================*/
.dig-agency-title{
    font-family:"roboto-light-webfont",sans-serif;
    color: #5a6063;
    text-align: center;
    padding: 30px 15px 0;
}
.dig-agency-title h1{
    font-size: 50px;
    margin: 0 0 12px;
}
.dig-agency-title h1 strong {
    font-family:"roboto-bold-webfont",sans-serif;
    color: #009ddc;
}
.dig-agency-title h2{
    font: normal 28px/40px "roboto-bold-webfont",sans-serif;
    position: relative;
    padding: 0;
}
.dig-agency-title .subtitle{
    font-size: 28px;
    line-height: 40px;
    position: relative;
    padding: 0 0 25px;
}
.dig-agency-title .subtitle:after{
    content: "";
    width: 143px;
    height: 1px;
    background: #5a6063;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -71px;
}

.employees-testim .note{
    padding: 23px 30px 0;
    text-align: center;
    font: bold 17px Arial, sans-serif;
    color: #0078ae;
}
.employees-testim .note span{
    position: relative;
}
.employees-testim .note span:after{
    content: "";
    position: absolute;
    top: 8px;
    right: -51px;
    width: 48px;
    height: 29px;
    background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/blue-arrow.png) no-repeat 0 0;
}
.categories-testim {
    background: #fff;
    padding-bottom: 230px;
}
.categories-testim > li{
    padding: 143px 0 0;
}
.categories-testim > li:first-child{
    padding-top: 0;
}
.categories-testim > li:nth-child(odd){
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/texture-page.jpg") repeat 0 0;
}
.categories-testim .item {
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/bg-category-testim.png") no-repeat 140px 100%;
    min-height: 138px;
    padding: 0 0 43px 387px;
    position: relative;
    bottom: -81px;
    font: normal 16px/22px Arial,sans-serif;
}
.categories-testim .ico-category{
    position: absolute;
    left: 0;
    bottom: -25px;
}
.categories-testim .title-category{
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 175px;
    width: 200px;
    height: 136px;
    text-transform: uppercase;
}
.categories-testim li:nth-child(1) .title-category{ color:#89bb00; }
.categories-testim li:nth-child(2) .title-category{ color:#dcc500; }
.categories-testim li:nth-child(3) .title-category{ color:#8830a0; }
.categories-testim li:nth-child(4) .title-category{ color:#ad2964; }
.categories-testim li:nth-child(5) .title-category{ color:#029edd; }
.categories-testim li:nth-child(6) .title-category{ color:#cb810b; }
.categories-testim li:nth-child(7) .title-category{ color:#d2a781; }
.categories-testim .title-category span{
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    transform: translate(0, -50%);
    font: 35px/35px 'Roboto Bold Condensed', sans-serif;
}
.categories-testim .person-txt {
    background: #fff;
    border: solid 1px #cbcbcb;
    border-radius: 10px 10px 10px 0;
    box-shadow: 0 0 1px #ccc;
    position: relative;
}
.categories-testim .person-txt:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 28px;
    width: 41px;
    height: 38px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/sprite-testim.png") no-repeat -1px -1px;
}
.categories-testim li:nth-child(1) .person-txt:before { background-color: #89bb00; }
.categories-testim li:nth-child(2) .person-txt:before { background-color: #dcc500; }
.categories-testim li:nth-child(3) .person-txt:before { background-color: #8830a0; }
.categories-testim li:nth-child(4) .person-txt:before { background-color: #ad2964; }
.categories-testim li:nth-child(5) .person-txt:before { background-color: #029edd; }
.categories-testim li:nth-child(6) .person-txt:before { background-color: #cb810b; }
.categories-testim li:nth-child(7) .person-txt:before { background-color: #d2a781; }
.categories-testim .person-txt .person-txt-item{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    min-height: 124px;
    padding: 25px 45px 25px 88px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.categories-testim .person-txt .person-txt-item.active{
    position: static;
    visibility: visible;
    opacity: 1;
}
.categories-testim .person-txt .person-txt-item:after{
    content: "";
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/sprite-testim.png") no-repeat -44px -1px;
    position: absolute;
    margin: 5px 0 0 8px;
}
.categories-testim li:nth-child(1) .person-txt-item:after { background-color: #89bb00; }
.categories-testim li:nth-child(2) .person-txt-item:after { background-color: #dcc500; }
.categories-testim li:nth-child(3) .person-txt-item:after { background-color: #8830a0; }
.categories-testim li:nth-child(4) .person-txt-item:after { background-color: #ad2964; }
.categories-testim li:nth-child(5) .person-txt-item:after { background-color: #029edd; }
.categories-testim li:nth-child(6) .person-txt-item:after { background-color: #cb810b; }
.categories-testim li:nth-child(7) .person-txt-item:after { background-color: #d2a781; }
.categories-testim .person-info {
    margin: 12px 0 0 89px;
    position: absolute;
    max-width: 235px;
}
.categories-testim .person-info-item{
    display: none;
    font-size: 15px;
}
.categories-testim .person-info-item.active{
    display: block;
}
.categories-testim .person-info-item strong{
    display: block;
    font-size: 16px;
}

.categories-testim .person-photo{
    position: absolute;
    right: 0;
    bottom: -20px;
    font: 0/0 a;
}
.categories-testim .person-photo-item{
    width: 58px;
    height: 73px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 19px 0 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.categories-testim .person-photo-item.active:before{
    content: "";
    position: absolute;
    left: -18px;
    top: -6px;
    width: 33px;
    height: 37px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/sprite-testim.png") no-repeat -71px 0;
    z-index: 1;
}
.categories-testim .person-photo-item img{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.categories-testim .person-photo-item.active{
    width: 74px;
}
.categories-testim .person-photo-item.active img:last-child{
    opacity: 0;
}

/* Choose Agency */
.choose-agency{
    padding: 80px 0 115px;
    box-shadow: inset 0 3px 6px -2px rgba(0,0,0,0.12), inset 0 -3px 6px -2px rgba(0,0,0,0.12);
}
.choose-agency h2{
    font: normal 50px/55px 'roboto-light-webfont', sans-serif;
    text-align: center;
    color: #5a6063;
    margin: 0;
}
.choose-agency h2 strong{
    display: block;
    color: #009ddc;
    font-family: 'roboto-bold-webfont', sans-serif;
}
.choose-agency-cont h3{
    border-bottom: solid 4px #c5ccb2;
    border-right: solid 1px #c5ccb2;
    font: 22px/22px 'Roboto Bold Condensed', sans-serif;
    width: 20%;
    height: 83px;
    text-align: center;
    background: #f5f5f5;
    padding: 20px 15px 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.4s;
    position: absolute;
    top: -130px;
}
.choose-agency-cont li:nth-child(1) h3{ color:#89bb00; border-bottom-color: #89bb00; left: 0; }
.choose-agency-cont li:nth-child(2) h3{ color:#dcc500; border-bottom-color: #dcc500; left: 20%; }
.choose-agency-cont li:nth-child(3) h3{ color:#882fa0; border-bottom-color: #882fa0; left: 40%; }
.choose-agency-cont li:nth-child(4) h3{ color:#019edc; border-bottom-color: #019edc; left: 60%; }
.choose-agency-cont li:nth-child(5) h3{ color:#cb810b; border-bottom-color: #cb810b; left: 80%; }
.choose-agency-cont h3:hover{
    background: #eee;
}
.choose-agency-cont h3 span{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 15px;
}

.choose-agency-cont{
    position: relative;
    margin-top: 185px;
}
.choose-agency-cont li{
    position: absolute;
    top: 0;
    left: 0;
}
.choose-agency-cont li.active {
    position: static;
}
.choose-agency-cont .tabs-cont {
    background: #fff;
    border-radius: 10px;
    margin-right: 125px;
    opacity: 0;
    transition: opacity 0.4s;
}
.choose-agency-cont li.active .tabs-cont {
    opacity: 1;
}
.choose-agency-cont .left{
    float: left;
    margin: -12px 36px 67px 0;
}
.choose-agency-cont .left-sub{
    width: 323px;
    background: #89bb00;
    border-radius: 10px 10px 0 0;
    color: #fff;
    padding: 44px 20px 0 31px;
    font: normal 24px/32px 'roboto-bold-webfont', sans-serif;
    position: relative;
    z-index: 1;
}
.choose-agency-cont > li:nth-child(1) .left-sub { background: #89bb00; }
.choose-agency-cont > li:nth-child(2) .left-sub { background: #dcc500; }
.choose-agency-cont > li:nth-child(3) .left-sub { background: #882fa0; }
.choose-agency-cont > li:nth-child(4) .left-sub { background: #019edc; }
.choose-agency-cont > li:nth-child(5) .left-sub { background: #cb810b; }
.choose-agency-cont .left:after{
    content: "";
    width: 100%;
    margin-top: -93px;
    height: 100px;
    display: block;
    background: rgba(255,0,0,0.5);
    border-radius: 0 0 7px 7px;
    transform: skewY(-11.4deg);
    transform-origin: 100% 0;
}
.choose-agency-cont > li:nth-child(1) .left:after{ background: #89bb00; }
.choose-agency-cont > li:nth-child(2) .left:after{ background: #dcc500; }
.choose-agency-cont > li:nth-child(3) .left:after{ background: #882fa0; }
.choose-agency-cont > li:nth-child(4) .left:after{ background: #019edc; }
.choose-agency-cont > li:nth-child(5) .left:after{ background: #cb810b; }
.choose-agency-cont .right{
    position: absolute;
    right: 0;
    top: 10px;
}
.choose-agency-cont .cont{
    overflow: hidden;
    padding: 38px 150px 45px 0;
    color: #5a6063;
    font: normal 16px/26px Arial, sans-serif;
}

/* BFM top digital agency */
.bfm-awards{
    background: #fff;
    padding: 55px 0 73px;
}
.bfm-awards h2{
    text-align: center;
    font: normal 28px/45px 'roboto-light-webfont', sans-serif;
    color: #5a6063;
    margin: 0 0 28px;
}
.bfm-awards h2 span{
    display: block;
    font: normal 50px/45px 'roboto-bold-webfont', sans-serif;
    color: #0078ae;
}
.bfm-awards h2 strong{
    font-family: 'roboto-bold-webfont', sans-serif;
}
.bfm-awards h2 em.mobile-wrap{
    font-style: normal;
}
.bfm-awards-list{
    display: table;
    width: 100%;
    padding: 0 0 27px;
}
.bfm-awards-list .item{
    display: table-cell;
    width: 33.3%;
    text-align: center;
    font: normal 15px 'roboto-medium-webfont', sans-serif;
    color: #5a6063;
}
.bfm-awards-list img{
    display: block;
    margin: 17px auto 0;
}
.bfm-awards .ready-discuss{
    border-top: solid 1px #d9dadb;
    max-width: 743px;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}
.bfm-awards .txt{
    font: 38px 'Roboto Bold Condensed', sans-serif;
    color: #0078ae;
    padding: 0 0 20px;
}
.bfm-awards .txt span{
    font: italic normal 28px Georgia, serif;
    color: #5a6063;
}
.bfm-awards .btn-green{
    float: none;
    display: inline-block;
    font-size: 21px;
    padding: 12px 40px 14px;
    border-radius: 22px;
}
.bfm-awards-2 .bfm-awards-list{
    padding-bottom: 0;
}
.bfm-awards-2 .ready-discuss{
    padding: 0 0 48px;
    border-top: 0;
    border-bottom: solid 1px #d9dadb;
    max-width: 890px;
    margin-bottom: 40px;
}

.digital-experts{
    padding: 63px 0 59px;
    padding-bottom: 100px;
    text-align: center;
    font: 0/0 a;
    box-shadow: inset 0 3px 6px -2px rgba(0,0,0,0.12);
}
.digital-experts-bg2 {
    background-color: #f6f6f6;
    box-shadow: none;
    padding-bottom: 0;
}
.digital-experts h2{
    text-align: center;
    font: normal 45px 'roboto-light-webfont', sans-serif;
    color: #0078ae;
    padding-bottom: 40px;
}
.digital-experts h2 strong{
    font-family: 'roboto-bold-webfont', sans-serif;
}
.digital-experts .item{
    display: inline-block;
    width: 47.8%;
    background: #fff;
    border-bottom: solid 3px #e6e6e6;
    text-align: left;
    padding-bottom: 23px;
    vertical-align: top;
}
.digital-experts .item:last-child{
    margin-left: 1.7%;
}
.digital-experts img{
    display: block;
    width: 100%;
    margin: 0 0 28px;
    transition: opacity 0.4s;
}
.digital-experts img:hover{
    opacity: 0.6;
}
.digital-experts .tag{
    font: normal 13px/11px Arial, sans-serif;
    color: #9a9a9a;
    text-transform: uppercase;
    margin: 0 7% 13px;
    padding: 0 0 0 8px;
    border-left: solid 2px #0087bd;
}
.digital-experts .de-blog-item .tag {
    margin-left: 0;
    margin-right: 0;
}
.digital-experts .title{
    font: normal 23px/28px 'roboto-medium-webfont', sans-serif;
    margin: 0 7%;
    color: #0078ae;
}
.de-blog-title a,
.digital-experts .title a{
    color: #0078ae;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}
.digital-experts .title a:hover{
    color: #9a9a9a;
}
.de-blog-title a:hover {
    color: #009ddc;
}
.de-frame {
    max-width: 1442px;
    padding: 0 20px;
    margin: 0 auto;
}
.de-blog-item {
    display: inline-block;
    vertical-align: top;
    width: 23.85%;
    margin: 0 1.5% 36px 0;
    background: #f6f6f6;
    border-bottom: 3px solid #e9e9e9;
    position: relative;
}
.de-blog-item:nth-child(4n){
    margin-right: 0;
}
.de-blog-item img {
    margin: 0;
}
.de-blog-img {
    display: block;
    position: relative;
}
.de-text {
    position: relative;
}
.de-text:before,
.de-text:after {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    z-index: 1;
}
.de-text:before {
    left: 5px;
    box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.3);
    transform: skewX(2deg);
}
.de-text:after {
    right: 5px;
    box-shadow: 3px 0px 4px rgba(0, 0, 0, 0.3);
    transform: skewX(-2deg);
}
.de-text-frame {
    padding: 28px 36px;
    text-align: left;
    position: relative;
    z-index: 2;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C */
}
.de-blog-title {
    font: 28px/1.1 "roboto-bold-webfont", sans-serif;
    color: #0078ae;
}
.de-blog-date {
    position: absolute;
    top: -19px;
    left: -9px;
    width: 54px;
    height: 54px;
    padding: 10px 0 0;
    background: #88ba00;
    border: 3px solid #fff;
    border-radius: 50%;
    font: 14px/1 "roboto-medium-webfont", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 1px 0 #658a00;
    z-index: 2;
}
.de-blog-date strong {
    display: block;
    font: 18px/1 "roboto-bold-webfont", sans-serif;
}
.read-more-anim {
    display: none;
}
.visit-more {
    color: #fff;
    border-top: 1px solid #0096d7;
    border-bottom: 1px solid #0070a2;
    padding: 62px 0 52px;
    text-align: center;
    background: #0084bd; /* Old browsers */
    background: -moz-linear-gradient(top,  #0084bd 0%, #0078ae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0084bd), color-stop(100%,#0078ae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0084bd 0%,#0078ae 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #0084bd 0%,#0078ae 100%); /* W3C */
}
.nm-link {
    display: inline-block;
    font: italic 32px/1.1 "roboto-light-webfont", sans-serif;
    color: #fff;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}
.nm-link:hover {
    color: #00b2fa;
}
.nm-link span {
    font-family: "roboto-bold-webfont", sans-serif;
    font-style: normal;
    margin-left: 7px;
}
.nm-link span:after {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 0 24px;
    width: 19px;
    height: 29px;
    content: "";
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -612px -280px;
}
.f-subscribe{
    margin: 35px 14px -40px 100px;
    border:solid 1px rgba(86,207,255,0.3);
    border-left: none;
    border-radius: 0 5px 5px 0;
    position: relative;
}
.f-information-columns-wrapper-light .f-subscribe {
    border-color: #d6d6d6;
}
.f-subscribe:before{
    content: "";
    position: absolute;
    left: -86px;
    top: -2px;
    width: 71px;
    height: 51px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/f-ico-subscribe.png") no-repeat 0 0;
}
.f-information-columns-wrapper-light .f-subscribe:before {
    background-image: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/f-ico-subscribe-alt.png");
}
.f-subscribe:after{
    content: "";
    position: absolute;
    left: -86px;
    bottom: -1px;
    width: 86px;
    height: calc(100% - 66px);
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/f-brd-left.png") no-repeat 0 100%;
}
.f-information-columns-wrapper-light .f-subscribe:after {
    background-image: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/f-brd-left-alt.png");
}
.f-subscribe-inner{
    padding: 24px 5.8% 21px 0;
    margin-left: -36px;
    position: relative;
    z-index: 2;
}
.f-information-columns-wrapper-light .email-receive-tips {
    float: left;
    width: 42%;
}
.f-subscribe h6{
    color: #fff;
    font: normal 28px 'roboto-bold-webfont', sans-serif;
    padding: 0 0 15px;
}
.f-information-columns-wrapper-light .f-subscribe h6 {
    color: #0078ae;
    line-height: 1.2;
}
.f-subscribe h6 span{
    font: normal 17px Arial, sans-serif;
}
.f-information-columns-wrapper-light .f-subscribe h6 span {
    color: #5a6063;
    line-height: 1.3;
    display: block;
}
.f-subscribe-form{
    border:solid 1px rgba(86,207,255,0.5);
    background: rgba(0,52,76,0.5);
    box-shadow: inset 1px 2px 0 rgba(0,43,62,0.5);
    border-radius: 27px;
    position: relative;
}
.f-information-columns-wrapper-light .f-subscribe-form {
    background: #fff;
    border:solid 1px #c1c1c1;
    box-shadow: inset 1px 2px 0 #c1c1c1;
    float: right;
    width: 55.7%;
    margin: 15px 0 0;
}
.f-subscribe-form input[type=text]{
    background: none;
    border: 0;
    padding: 15px 180px 16px 35px;
    color: #c6ecfb;
    font: italic normal 17px/21px Arial, sans-serif;
    width: 100%;
}
.f-subscribe-form input[type=text]::-webkit-input-placeholder { color: #c6ecfb; }
.f-subscribe-form input[type=text]::-moz-placeholder { color: #c6ecfb; }
.f-information-columns-wrapper-light .f-subscribe-form input[type=text] {
    color: #878a8c;
}
.f-information-columns-wrapper-light .f-subscribe-form input[type=text]::-webkit-input-placeholder { color: #878a8c; }
.f-information-columns-wrapper-light .f-subscribe-form input[type=text]::-moz-placeholder { color: #878a8c; }
.f-subscribe-form .sign-up-btn{
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 12px 47px 10px;
    border-radius: 19px;
    cursor: pointer;
}
.f-subscribe .message{
    font-weight: bold;
    padding: 10px 0 0 35px;
    color: #000;
}
.f-information-columns-wrapper-light .f-subscribe .message {
    clear: both;
    padding: 0 0 0 45%;
}
.f-subscribe .thank-you-message{
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0 0 35px;
    color: #000;
}
.f-information-columns-wrapper-light .f-subscribe .thank-you-message {
    text-align: center;
}
.f-location{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/bg-map.jpg") no-repeat 50% 50%;
    background-size: cover;
    border-top: solid 1px #054159;
    color: #fff;
    min-height: 299px;
}
.f-location .frame{
    position: relative;
    padding-top: 34px;
    padding-bottom: 29px;
}
.f-location-inner{
    margin: 0 14px 0 69px;
    padding: 22px 20px 28px 0;
    position: relative;
    border:solid 1px rgba(86,207,255,0.3);
    border-left: none;
    border-radius: 0 5px 5px 0;
    font: normal 17px/24px Arial, sans-serif;
}
.f-location-inner:before{
    content: "";
    position: absolute;
    left: -55px;
    top: -4px;
    width: 52px;
    height: 74px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/f-ico-map.png") no-repeat 0 0;
}
.f-location-inner:after{
    content: "";
    position: absolute;
    left: -55px;
    bottom: -1px;
    width: 55px;
    height: calc(100% - 63px);
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/f-brd-left.png") no-repeat 0 100%;
}
.f-location .txt{
    margin-left: -6px;
}
.f-location h6 {
    font: normal 28px 'roboto-bold-webfont', sans-serif;
    margin: 0 0 20px;
}
.f-location strong {
    font: bold 20px Arial, sans-serif;
    display: block;
    margin: 0 0 10px;
}
.f-location .f-contacts{
    padding: 15px 0 0;
    line-height: 24px;
}
.f-location .f-contacts span{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/ico-phone.png") no-repeat 0 50%;
    padding: 0 25px 0 28px;
    display: inline-block;
}
.f-location .f-contacts a{
    color: #fff;
    font: normal 14px 'roboto-bold-webfont', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    transition: color .4s;
}
.f-location .f-contacts a:after{
    content: "»";
    padding-left: 5px;
    font-size: 24px;
    position: relative;
    top: 2px;
}
.f-location .f-contacts a:hover{
    color: #90C404;
}
.f-location .img-map{
    position: absolute;
    right: 9%;
    bottom: -30px;
}



/* Prev/Next Nav */
.prev-next-pager{
    background: #f5f7f7;
}
.prev-next-pager .frame{
    border-bottom: solid 1px #e2e4e5;
}
.prev-next-pager a {
    font: normal 14px/40px 'roboto-bold-webfont', sans-serif;
    text-transform: uppercase;
    color: #009ddc;
}
.prev-next-pager a:before {
    content:"«";
    display:inline-block;
    vertical-align:top;
    margin:0 3px 0 0;
    font:22px/1 "roboto-bold-webfont", sans-serif;
    position:relative;
    top: 6px;
    left:0;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.prev-next-pager a:hover:before {
    left: -3px;
}
.prev-next-pager a span {
    font-family: 'roboto-medium-webfont', sans-serif;
    color: #5a6063;
}


/* LOGO DSIGN & BRANDING page */
.page-intro-ld{
    background: #eef1f2 url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-promo.jpg") no-repeat 50% 0;
    background-size: cover;
}
.page-intro-ld .page-intro-block{
    margin: 0 auto;
    padding: 0 0 26px;
    position: relative;
    min-height: 440px;
}
.page-intro-ld .page-intro-block:after{
    display: none;
}
.page-intro-ld h1{
    padding: 64px 0px 5px;
}
.page-intro-ld p{
    color: #878a8c;
    line-height: 38px;
    padding: 0 420px 20px 0;
}
.page-intro-ld .promo-slider{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-slider-promo2.png") no-repeat 0 0;
    position: absolute;
    top: 15px;
    right: 0;
    width: 402px;
    height: 401px;
    overflow: hidden;
}
.page-intro-ld .promo-slider ul{
}
.page-intro-ld .promo-slider li{
    position: relative;
    width: 402px;
    height: 401px;
}
.page-intro-ld .promo-slider .loads li {
    display: none !important;
}
.page-intro-ld .promo-slider .loads li:first-child {
    display: block !important;
}
.page-intro-ld .promo-slider li {
    display: block !important;
}
/* EQL animation tablet */
@-webkit-keyframes flipAnimEqlTab {
    0% {background-position: 0 0; }
    100% {background-position: 0 -7040px;}
}
@keyframes flipAnimEqlTab {
    0% {background-position: 0 0; }
    100% {background-position: 0 -7040px;}
}
@-webkit-keyframes flipAnimEqlTabPrev {
    0% {background-position: 0 -7040px; }
    100% {background-position: 0 0;}
}
@keyframes flipAnimEqlTabPrev {
    0% {background-position: 0 -7040px; }
    100% {background-position: 0 0;}
}
/* LEON animation tablet */
@-webkit-keyframes flipAnimLeonTab {
    0% {background-position: 0 -7040px;}
    100% {background-position: 0 -14432px;}
}
@keyframes flipAnimLeonTab {
    0% {background-position: 0 -7040px;}
    100% {background-position: 0 -14432px;}
}
@-webkit-keyframes flipAnimLeonTabPrev {
    0% {background-position: 0 -7040px;}
    100% {background-position: 0 -14432px;}
}
@keyframes flipAnimLeonTabPrev {
    0% {background-position: 0 -7040px;}
    100% {background-position: 0 -14432px;}
}
/* NASA animation tablet */
@-webkit-keyframes flipAnimNasaTab {
    0% {background-position: 0 -14432px;}
    100% {background-position: 0 -20768px;}
}
@keyframes flipAnimNasaTab {
    0% {background-position: 0 -14432px;}
    100% {background-position: 0 -20768px;}
}

@-webkit-keyframes flipAnimNasaTabPrev {
    0% {background-position: 0 -20768px;}
    100% {background-position: 0 -14432px;}
}
@keyframes flipAnimNasaTabPrev {
    0% {background-position: 0 -20768px;}
    100% {background-position: 0 -14432px;}
}
/* EQL animation desktop */
@-webkit-keyframes flipAnimEql {
    0% {background-position: 0 0; }
    100% {background-position: 0 -7900px;}
}
@keyframes flipAnimEql {
    0% {background-position: 0 0; }
    100% {background-position: 0 -7900px;}
}
@-webkit-keyframes flipAnimEqlPrev {
    0% {background-position: 0 -16195px; }
    100% {background-position: 0 -7900px;}
}
@keyframes flipAnimEqlPrev {
    0% {background-position: 0 -16195px; }
    100% {background-position: 0 -7900px;}
}

/* LEON animation desktop */
@-webkit-keyframes flipAnimLeon {
    0% {background-position: 0 -7900px;}
    100% {background-position: 0 -16195px;}
}
@keyframes flipAnimLeon {
    0% {background-position: 0 -7900px;}
    100% {background-position: 0 -16195px;}
}
@-webkit-keyframes flipAnimLeonPrev {
    0% {background-position: 0 -23305px;}
    100% {background-position: 0 -16195px;}
}
@keyframes flipAnimLeonPrev {
    0% {background-position: 0 -23305px;}
    100% {background-position: 0 -16195px;}
}

/* NASA animation desktop */
@-webkit-keyframes flipAnimNasa {
    0% {background-position: 0 -16195px;}
    100% {background-position: 0 -23305px;}
}
@keyframes flipAnimNasa {
    0% {background-position: 0 -16195px;}
    100% {background-position: 0 -23305px;}
}
@-webkit-keyframes flipAnimNasaPrev {
    0% {background-position: 0 -7900px;}
    100% {background-position: 0 0;}
}
@keyframes flipAnimNasaPrev {
    0% {background-position: 0 -7900px;}
    100% {background-position: 0 0;}
}
.page-intro-ld .promo-slider .slider-inner{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.page-intro-ld .promo-slider .txt{
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 18px 0 0 3px;
    font: normal 15px 'roboto-medium-webfont', sans-serif;
    opacity: 0;
}
.page-intro-ld .promo-slider .loads li:first-child .txt,
.page-intro-ld .promo-slider .active-slide-flip .txt {
    opacity: 1;
}
.page-intro-ld .promo-slider .txt span{
    display: block;
    padding-bottom: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.page-intro-ld .promo-slider .active-slide-flip .txt span {
    opacity: 1;
}
.page-intro-ld .promo-slider .txt a{
    font: normal 13px 'roboto-bold-webfont', sans-serif;
    color: #009ddc;
}
.page-intro-ld .promo-slider .txt a:after{
    content:"»";
    display:inline-block;
    vertical-align:top;
    margin:0 0 0 3px;
    font:22px/1 "roboto-bold-webfont", sans-serif;
    position:relative;
    top: -3px;
    right: 0;
    -webkit-transition: right .2s ease-in-out;
    -moz-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
}
.page-intro-ld .promo-slider .txt a:hover:after {
    right: -3px;
}
.page-intro-ld .promo-slider img{
    position: absolute;
    max-width: 80%;
    left: 50%;
    bottom: 210px;
}
#promo-slider-next,
#promo-slider-prev {
    width: 13px;
    height: 26px;
    position: absolute;
    top: auto;
    bottom: 85px;
    right: 39px;
    z-index: 20;
}
#promo-slider-prev {
    left: 42px;
}
#promo-slider-next svg,
#promo-slider-prev svg {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
}
#promo-slider-next:hover svg {
    -webkit-transform: scale(0.9, 1.2) translate(-2px, 0);
    transform: scale(0.9, 1.2) translate(-2px, 0);
}
#promo-slider-prev:hover svg {
    -webkit-transform: scale(0.9, 1.2) translate(2px, 0);
    transform: scale(0.9, 1.2) translate(2px, 0);
}
#promo-slider-next a,
#promo-slider-prev a {
    position: absolute;
    top: -10%;
    left: -10%;
    right: -10%;
    bottom: -10%;
    background: transparent;
    z-index: 10;
}
#logo-process{
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-logo-process.png") no-repeat 50% 0;
    margin: -10px 0 0;
    position: relative;
    padding: 80px 0 0;
    overflow: hidden;
    box-shadow: 0 -34px 26px #f8f8f8;
}

#logo-process.lock:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#logo-process:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #f8f8f8 url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-logo-process.png") no-repeat 50% 0;
    content: "";
}
#logo-process h2{
    text-align: center;
    font: normal 60px 'roboto-bold-webfont', sans-serif;
    color: #0078ae;
    padding-bottom: 10px;
}
#logo-process p{
    font: normal 17px/1.6 Arial, sans-serif;
    text-align: center;
    color: #5a6063;
    padding: 0 0 80px;
}
#logo-process .lp-slider{
    text-align: left;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-logo-process-cont.png") no-repeat 50% 0;
    margin: 0 -55px;
    padding: 70px 125px 105px 4px;
    position: relative;
}
.lp-slider-txt{
    float: left;
    width: 560px;
}
.lp-slider-txt h3{
    color: #343434;
    font: normal 45px/1 'roboto-bold-webfont', sans-serif;
    padding: 35px 0 25px;
    letter-spacing: -1px;
}
.lp-slider-txt li {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.lp-slider-txt li.active-text-slide {
    opacity: 1;
}
.slider-txt-wrap {
    padding: 0 40px 0 130px;
}
.lp-slider-txt h4{
    color: #343434;
    font: normal 30px 'roboto-bold-webfont', sans-serif;
    padding: 0;
}
.lp-slider-txt li:nth-child(1) h3,
.lp-slider-txt li:nth-child(1) h4{ color: #343434; }
.lp-slider-txt li:nth-child(2) h3,
.lp-slider-txt li:nth-child(2) h4{ color: #87c556; }
.lp-slider-txt li:nth-child(3) h3,
.lp-slider-txt li:nth-child(3) h4{ color: #eb8a0d; }
.lp-slider-txt li:nth-child(4) h3,
.lp-slider-txt li:nth-child(4) h4{ color: #ab840c; }
.lp-slider-txt li:nth-child(5) h3,
.lp-slider-txt li:nth-child(5) h4{ color: #56d3c6; }
.lp-slider-txt li:nth-child(6) h3,
.lp-slider-txt li:nth-child(6) h4{ color: #882fa0; }
.lp-slider-txt li:nth-child(7) h3,
.lp-slider-txt li:nth-child(7) h4{ color: #c44441; }
.lp-slider-txt li:nth-child(8) h3,
.lp-slider-txt li:nth-child(8) h4{ color: #0078ae; }
.lp-slider-txt p{
    text-align: left !important;
    font: normal 16px/28px Arial, sans-serif;
    color: #5a6063;
    padding: 20px 40px 0 0;
}
.lp-slider-img{
    float: right;
    width: 392px;
    height: 392px;
    padding: 1px;
    position: relative;
    overflow: hidden;
    z-index: 20;
}
.lp-slider-img:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    height: 100%;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-slider-round.png") no-repeat 50% 50%;
}
.pull-left,
.pull-right{
    overflow: hidden;
    text-indent: -5000px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/arrow.svg") no-repeat 0 50%;
    position: absolute;
    top: 220px;
    right: 28px;
    width: 58px;
    height: 58px;
    z-index: 10;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
}
.pull-left{
    left: 48px;
    background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/arrow-left.svg") no-repeat 28px 50%;
}
.process-active-0 .pull-left,
.process-active-7 .pull-right {
    opacity: 0.4;
    cursor: default;
}
.pull-right:hover {
    -webkit-transform: scale(0.9, 1.2) translate(-4px, 0);
    transform: scale(0.9, 1.2) translate(-4px, 0);
}
.pull-left:hover {
    -webkit-transform: scale(0.9, 1.2) translate(4px, 0);
    transform: scale(0.9, 1.2) translate(4px, 0);
}
.process-active-7 .pull-right:hover,
.process-active-0 .pull-left:hover {
    -webkit-transform: scale(0, 0) translate(4px, 0);
    transform: scale(1, 1) translate(0, 0);
}
.lp-steps{
    text-align: center;
    font: 0/0 a;
    position: relative;
    z-index: 1;
}
.lp-steps ul{
    position: relative;
}
.lp-steps .cur-step{
    content: "";
    position: absolute;
    left: 29px;
    bottom: -21px;
    width: 69px;
    height: 90px;
    z-index: 2;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.lp-steps .cur-step-mob {
    display: none;
}
.lp-steps .cur-step-sub{
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 69px;
}
.lp-steps #curStep{
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 90px;
    fill: #4e4e4e;
    -webkit-transition: all .4s;
    transition: all .4s;
}
@-webkit-keyframes anim-cur-step {
    20%   { -webkit-transform: rotate(45deg);}
    70%  { -webkit-transform: rotate(-45deg);}
    100% { -webkit-transform: rotate(0deg);}
}
@keyframes anim-cur-step {
    20%   { transform: rotate(45deg);}
    70%  { transform: rotate(-45deg);}
    100% { transform: rotate(0deg);}
}
@-webkit-keyframes anim-cur-step-b {
    20%   { -webkit-transform: rotate(-45deg);}
    70%  { -webkit-transform: rotate(45deg);}
    100% { -webkit-transform: rotate(0deg);}
}
@keyframes anim-cur-step-b {
    20%   { transform: rotate(-45deg);}
    70%  { transform: rotate(45deg);}
    100% { transform: rotate(0deg);}
}

.lp-steps ul.active-0 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-1 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-2 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-3 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-4 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-5 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-6 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }
.lp-steps ul.active-7 .cur-step-sub{ animation: anim-cur-step .8s; -webkit-animation: anim-cur-step .8s; }

.lp-steps ul.active-0.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-1.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-2.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-3.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-4.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-5.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-6.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }
.lp-steps ul.active-7.active-b .cur-step-sub{ animation: anim-cur-step-b .8s; -webkit-animation: anim-cur-step-b .8s; }

.lp-steps li{
    display: inline-block;
    vertical-align: bottom;
    width: 7%;
    margin: 0 2.75%;
    font: normal 15px/18px 'roboto-bold-webfont', sans-serif;
    color: #5a6063;
}
.lp-steps .ico-wrap{
    display: block;
    border-radius: 35px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    position: relative;
    margin: 20px auto 0;
}
.icon-svg,
.lp-steps .ico-wrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.icon-svg {
    width: 48px;
    height: 48px;
}
.icon-svg svg {
    -webkit-transition: all .4s;
    transition: all .4s;
    outline: 1px solid transparent;
}
/* icon exploratory */
.icon-exploratory svg {
    fill: #6D6D70;
}
/* icon sketches */
.icon-sketches {
    width: 40px;
    height: 40px;
}
.icon-sketches svg {
    fill: #F7A53C;
}
/* icon final logo */
.icon-fianl-logo svg {
    fill: #1A8FC4;
    -webkit-transition: all .8s;
    transition: all .8s;
}
/* icon client presentaion 2 */
@-webkit-keyframes anim-icon-hand {
    0%   {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    5%  {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    9%  {
        -webkit-transform: translate(-50%, -50%) rotate(10deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
}
@keyframes anim-icon-hand {
    0%   {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    5%  {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    9%  {
        transform: translate(-50%, -50%) rotate(10deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
@-webkit-keyframes anim-icon-finger {
    0%   {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    5%  {
        -webkit-transform: translate(-50%, -50%) rotate(60deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
}
@keyframes anim-icon-finger {
    0%   {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    5%  {
        transform: translate(-50%, -50%) rotate(60deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
/* icon world cloud */
@-webkit-keyframes anim-icon-cloud {
    0%   {-webkit-transform: translate(-50%, -50%) scale(0.95);}
    100% {-webkit-transform: translate(-50%, -50%) scale(1);}
}
@keyframes anim-icon-cloud {
    0%   {transform: translate(-50%, -50%) scale(0.95);}
    100% {transform: translate(-50%, -50%) scale(1);}
}
.icon-word-cloud path {
    fill: #9FDD6E;
}
.icon-word-cloud svg {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.icon-abc-part {
    display: block;
    width: 29px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -24%);
    transform: translate(-50%, -24%);
}
.icon-abc-part:before {
    display: block;
    width: 29px;
    content: "ABC";
    color: #9FDD6E;
    font: 15px/15px 'roboto-bold-webfont', sans-serif;
    overflow: hidden;
}
@-webkit-keyframes anim-icon-abc {
    0%   {width: 26px;}
    5%   {width: 0;}
    100% {width: 26px;}
}
@keyframes anim-icon-abc {
    0%   {width: 26px;}
    5%   {width: 0;}
    100% {width: 26px;}
}
@-webkit-keyframes anim-icon-abc-tab {
    0%   {width: 22px;}
    5%   {width: 0;}
    100% {width: 22px;}
}
@keyframes anim-icon-abc-tab {
    0%   {width: 22px;}
    5%   {width: 0;}
    100% {width: 22px;}
}
/* icon internal review */
.icon-review svg {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #c69d1e;
}
.css-icon-pupil {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 10;
    overflow: hidden;
}
@-webkit-keyframes anim-icon-pupil {
    0%   {height: 22px;}
    50%  {height: 0;}
    100% {height: 22px;}
}
@keyframes anim-icon-pupil {
    0%   {height: 22px;}
    50%  {height: 0;}
    100% {height: 22px;}
}
.css-icon-pupil:before {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #c69d1e;
    border: 6px solid #fff;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.css-icon-pupil:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    content: "";
}
/* icon presentaion 1 */
.icon-present-1 svg {
    fill: #65e7da;
    position: relative;
    top: 10%;
}
.css-icon-present-1 {
    position: absolute;
    top: 16px;
    left: 50%;
    width: 24px;
    height: 20px;
    overflow: hidden;
    z-index: 11;
}
@-webkit-keyframes anim-icon-present {
    0%   {width: 0;}
    100% {width: 24px;}
}
@keyframes anim-icon-present {
    0%   {width: 0;}
    100% {width: 24px;}
}
@-webkit-keyframes anim-icon-present-tab {
    0%   {width: 0;}
    100% {width: 18px;}
}
@keyframes anim-icon-present-tab {
    0%   {width: 0;}
    100% {width: 18px;}
}
.css-icon-present-1:before {
    position: absolute;
    top: 15px;
    left: 4px;
    width: 0;
    height: 0;
    border-top: 5px solid #65e7da;
    border-right: 5px solid transparent;
    content: "";
}
.css-icon-present-1:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    border-radius: 3px;
    background: #65e7da;
    content: "...";
    font: 17px/5px 'roboto-bold-webfont', sans-serif;
    color: #fff;
}
/* icon colors */
.icon-colors {
    width: 46px;
}
.icon-colors svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-36%, -50%);
    transform: translate(-36%, -50%);
}
.icon-colors path {
    fill: #d85855;
}
.icon-svg .colors-strike2 {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate(-36%, -48%) rotate(0deg);
    transform: translate(-36%, -48%) rotate(0deg);
}
@-webkit-keyframes anim-colors-strike2 {
    0%  { -webkit-transform: translate(-36%, -39%) rotate(-27deg); }
    100% { -webkit-transform: translate(-36%, -48%) rotate(0deg); }
}
@keyframes anim-colors-strike2 {
    0%  { transform: translate(-36%, -39%) rotate(-27deg); }
    100% { transform: translate(-36%, -48%) rotate(0deg); }
}
.icon-svg .colors-strike3 {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate(-36%, -48%) rotate(0deg);
    transform: translate(-36%, -48%) rotate(0deg)
}
@-webkit-keyframes anim-colors-strike3 {
    0%  { -webkit-transform: translate(-36%, -34%) rotate(-47deg); }
    100% { -webkit-transform: translate(-36%, -48%) rotate(0deg); }
}
@keyframes anim-colors-strike3 {
    0%  { transform: translate(-36%, -34%) rotate(-47deg); }
    100% { transform: translate(-36%, -48%) rotate(0deg) }
}
.lp-mobile-swipe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 77%;
    height: 100%;
    opacity: 0.5;
    z-index: 30;
    display: none;
}
/*-----------------------------------------------------------------------------------*/
/*  Media Queries
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1850px) {
    .gallery-space-hold {
        margin-left: -80px;
    }
    .ec-fs-aside-img {
        height: 73%;
    }
}
@media only screen and (max-width: 1700px) {
    .gallery-space-hold {
        margin-left: -180px;
    }
    .ec-fs-logo {
        margin: 0 0 8px;
    }
    .fwb-items .ec-fs-logo img {
        max-width: 150px;
    }
    .ec-fs-aside-img {
        height: 72.7%;
    }
    .featured-work-fullscreen .ec-fs-descr {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1500px) {
    .gallery-space-hold {
        margin-left: -260px;
    }
}
@media only screen and (max-width: 1300px) {
    .ec-fs-aside-img {
        display: none;
    }
    .gallery-space-hold {
        margin-left: -340px;
    }
    .de-frame {
        max-width: 900px;
    }
    .de-blog-item {
        width: 48.5%;
        max-width: 335px;
    }
    .de-blog-item:nth-child(2n){
        margin-right: 0;
    }
}
@media only screen and (max-width: 1170px) {
    .gallery-space-hold {
        margin-left: -410px;
    }
}
@media only screen and (max-width: 1024px) {
    .services-wide-section-fullscreen {
        padding-left: 17px;
        padding-right: 17px;
    }
    .services-wide-section-fullscreen .frame {
        max-width: 100%;
    }
    .map-section {
        padding-left:26px;
        padding-right:26px;
    }
    .map-section:before,
    .map-section:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 100%;
        z-index: 10;
        content: "";
        background: transparent;
    }
    .map-section:after {
        left: auto;
        right: 0;
    }
    .ec-fs-aside-img {
        display: none;
    }
    .featured-work-fullscreen .expanded-mode {
        margin-left: -17px;
        margin-right: -17px;
    }
    .featured-work-fullscreen .expand-close {
        right: 12px;
    }
    .expanded-mode .ec-gallery {
        float: none;
        width: 100%;
    }
    .featured-work-fullscreen .expanded-mode .ecg-image-box {
        width: 40%;
    }
    .gallery-space-hold {
        margin-left: -480px;
    }
    .featured-work-fullscreen .ec-fs-descr {
        width: 60%;
        padding: 5px 20px 18px;
    }

    .featured-work-fullscreen .expanded-mode .thumbnails {
        max-width: 980px;
        margin: 0 auto;
    }
    .lp-mobile-swipe {
        display: block;
    }
    .lp-slider-txt {
        width: 66%;
    }

}
@media only screen and (max-width: 980px) {
    .header {
        padding-left:10px;
        padding-right:10px;
    }
    .logo a {
        width:236px;
        height:40px;
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-tablet.png) no-repeat 0 0;
    }
    .logo img {
        height: 38px !important;
        width: 228px !important;
    }
    .h-animated .nav .p-box {
        display: none;
    }
    .sc-bubble ul {margin-top:0;}
    .start-getting-results{
        text-align: center;
        padding-left: 0;
        width: 93%;
        margin: -50px auto 0;
    }
    .start-getting-results h5{
        float: none;
    }
    .start-getting-results a{
        float: none;
        margin: 0 auto;
    }
    .occ-columns .occc-column{
        padding-right: 0;
    }
    .obc-columns{
        width:93%;
        margin: 0 auto;
    }
    .fscc-column .social-header{
        width: 80%;
    }
    .f-menu-content .fmc-list{
        float: none;
        text-align: center;
    }
    .f-menu-content .fmc-list li{
        display: inline;
        float: none;
        white-space: nowrap;
    }
    .f-menu-content .fmc-copyright{
        float: none;
        text-align: center;
        margin-top: 35px;
    }
    .f-menu-wrapper{
        padding-bottom: 40px;
    }
    .f-menu-content .fmc-copyright .mobile-sep{
        display: block;
        height: 10px;
    }
    .flex-direction-nav{
        display:none;
    }
    .start-getting-results a{
        padding: 7px 40px;
    }
    .text-section,
    .press-events-block,
    .cs-wide-section,
    .cs-block.cs-block-single,
    .case-studies-section {
        padding-left:26px;
        padding-right:26px;
    }
    .page-navigation {
        margin-left:26px;
        margin-right:26px;
    }
    .page-intro-center,
    .page-intro-block {
        margin-left:22px;
        margin-right:22px;
    }
    .single-text-section,
    .service-wide-item,
    .services-wide-section {
        padding-left:22px;
        padding-right:22px;
    }
    .services-wide-list {
        padding-left:0;
        padding-right:0;
    }
    .text-section .blue-box-inner h4,
    .blue-box-inner h4 {
        margin-right:15px;
    }
    .whitepapers-section h2 {
        width:48%;
    }
    .whitepaper-img {
        width:48%;
    }
    .whitepaper-descript {
        width:48%;
    }
    .strategy-consult-list {
        padding-left:0;
        padding-right:0;
    }
    .strategy-consult-item {
        padding-left:22px;
        padding-right:22px;
    }
    .ow-items {
        width:100%;
    }
    .ow-item {
        width:30%;
        margin:0 8px 30px;
    }
    .video-production-section .ow-item {
        margin-right: 7px;
    }
    .about-main-logo {width:100%;}
    .details-columns {
        padding-left:26px;
        padding-right:26px;
    }
    .float-panel {display:none !important;}
    .page-intro-narrow {
        padding-left:0;
        padding-right:0;
    }
    .testimonial-frame .frame {
        padding-left:22px;
        padding-right:22px;
    }
    .at-item{
        width:44%;
    }
    .at-item:nth-child(2n) {
        margin-left:70px;
    }
    .at-item .ti-author-content {
        clear:both;
        padding-top:16px;
    }
    .industries-intro-block .intro-fl-image {
        max-width:358px;
        margin-top:-84px;
    }
    .demo-reel-block,
    .featured-work-block,
    .industry-recognition-wide-section,
    .testimonials-wide-section
    {
        padding-left: 26px;
        padding-right: 26px;
    }
    .rank-section .rs-box,
    .wyg-box {
        margin-right: 26px;
        width: 43%;
    }
    .whitepapers-holder .wh-section-3,
    .whitepapers-holder .wh-section-2,
    .whitepapers-holder .wh-section-1 {
        padding-left: 26px;
        padding-right: 26px;
    }
    .wh-top .page-intro-title {
        font-size: 40px;
    }
    .wh-date {
        font-size: 24px;
    }
    .wh-time {
        font-size: 17px;
    }
    .webinars-holder .whf-title span {
        font-size: 30px;
    }
    .webinars-holder .whf-title strong {
        font-size: 40px;
        margin-top: -6px;
    }
    .sample-text-section .st-add-section .st-column {
        font-size: 16px;
        line-height: 20px;
    }
    .sample-text-section .st-add-section h3 {
        font-size: 30px;
    }
    .sample-text-section {
        padding-bottom: 50px;
    }
    .join-us-form-holder .jb-1,
    .join-us-form-holder .jb-2 {
        padding-left: 40px;
        padding-right: 25px;
    }
    .vs-holder {
        padding-left: 26px;
        padding-right: 26px;
    }
    .video-section .wide-video-holder {
        margin-left: 0;
        margin-right: 0;
    }
    .wide-video-holder {
        margin-left: 26px;
        margin-right: 26px;
    }
    .video-presentation-section .see-all-large {
        margin-left: 26px;
        margin-right: 26px;
    }
    .obtained-section,
    .seo-traffic-section {
        padding-left: 26px;
        padding-right: 26px;
    }

    .fwb-row .fwb-item {
        width: 32%;
    }
    .demo-reel-block .drb-content h3 {
        max-width: 93%;
    }
    .prev-link:hover,
    .page-navigation a:hover  {
        color:#009ddc;
    }
    .prev-link:focus,
    .page-navigation a:focus {color:#90C404;}
    .ficc-twitter .direction-follow-btn {padding-right:30px;}
    .holder-404 {
        padding-left:14px;
        padding-right:14px;
    }
    .saic-columns{
        width: 93%;
        margin-right: auto;
        margin-left: auto;
    }
    .team-fixed-switcher {
        display: none;
    }
    .text-columns {
        padding-left: 14px;
        padding-right: 14px;
    }
    .steps-contents {
        margin-left: 26px;
        margin-right: 26px;
        width: auto;
    }
    .step-content {
        padding-left: 26px;
        padding-right: 26px;
    }
    .steps-controls {
        text-align: center;
        padding: 0;
    }
    .steps-controls ul li {
        display: inline-block;
        float: none;
    }
    .steps-controls li.sep {
        position: relative;
        top: -10px;
    }
    .steps-controls li.sep span {
        width: 90px;
    }
    .video-presentation-section .see-all-large {
        margin-left: 0;
        margin-right: 0;
    }
    .extra-text-section {
        padding-left: 26px;
        padding-right: 26px;
    }
    #slider_full-width {
        margin-left: 26px;
        margin-right: 26px;
        width: auto;
    }
    #button_container .btn-simple-blue {
        margin-bottom: 10px;
    }
    .phase-section .c-section-title,
    .phase-slider-holder {
        padding-left: 22px;
        padding-right: 22px;
    }
    .psc-lead {
        padding: 0 150px 35px;
    }
    .psc-text {
        padding: 40px 100px;
    }
    .tps__1 .psn-item a {
        font-size: 25px;
    }
    .pb80 {
        padding-bottom: 80px;
    }
    .raq-logos-section {
        padding: 50px 0 0;
    }
    .raq-logos-section .raq-logo-item {
        width: 50%;
        margin-bottom: 40px;
    }
    .benefits-section {
        padding-left: 22px;
        padding-right: 22px;
    }
    .benefits-section .bs-item {
        width: 33.33%;
    }
    .page-team-bg {
        margin-right: 0;
        margin-left: 0;
    }
    .job-section {
        padding-left: 22px;
        padding-right: 22px;
    }
    .pib__1 p {
        padding-right: 55%;
    }
    .aside-form-box.afb__2 {
        margin-top: -326px;
    }
    .pib__1 .page-navigation-float {
        margin-left: 0;
    }
    .rs-blocks-diff .rs-block,
    .rs-blocks-diff .rs-block:first-child,
    .rs-blocks-alt .rs-block,
    .rs-blocks-alt .rs-block:first-child,
    .rs-blocks-alt .rs-block:last-child,
    .rs-blocks .rs-block {
        width: 50%;
        margin-bottom: 20px;
    }
    .rs-items .rs-item {
        float: none;
        margin: 0 auto 100px;
    }
    .rs-items .rs-item:nth-child(2) {
        margin: 0 auto 150px;
    }
    .rs-items .rs-item:last-child {
        margin: 0 auto;
    }
    .rs-blocks {
        padding-top: 30px;
        padding-bottom: 0;
    }
    .rs-blocks-alt {
        padding-bottom: 30px;
    }
    .rs-title {
        margin-bottom: 14px;
    }
    .stat-box {
        padding-top: 0;
    }
    .chart-description,
    .stat-box .st-item {
        padding-left: 26px;
        padding-right: 26px;
    }
    .stat-box .sti-line span {
        float: none;
        display: block;
        position: relative;
        color: #333;
    }
    .stat-box .sti-line span em {
        position: absolute;
        right: -50px;
        width: 35px;
        text-align: left;
    }
    .stat-box.st_block .sti-line span em {
        right: 0;
        color: #fff;
    }
    .stat-box.st_img {
        padding: 20px 5px 40px;
    }
    .search-container .sc-top .frame,
    .search-container .sc-middle .frame,
    .search-container .sc-bottom .frame {
        padding-left: 26px;
        padding-right: 26px;
    }
    .search-container #cse-search-box .google-search-container {
        width: 96.56538969616909%;
    }
    .fvs-box h4 {
        font-size: 38px;
    }
    .fvs-thumb-descr {
        font-size: 15px;
    }
    .employees-testim .note{
        padding-bottom: 30px;
    }
    .categories-testim{
        padding: 0;
    }
    .categories-testim > li{
        padding: 30px 0 100px;
    }
    .categories-testim .item.frame{
        width: auto;
        margin: 0 60px;
        background: none;
        top: 0;
        padding: 0;
    }
    .categories-testim .ico-category{
        position: static;
        display: inline-block;
        vertical-align: middle;
        max-width: 100px;
    }
    .categories-testim .title-category{
        position: static;
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: auto;
        margin-left: 5px;
    }
    .categories-testim .title-category span{
        position: static;
        transform: translate(0, 0);
    }
    .categories-testim .person-txt{
        margin: 20px 0 0;
        border-radius: 10px;
    }
    .categories-testim .person-photo{
        bottom: -62px;
    }
    .choose-agency{
        padding: 40px 0;
    }
    .choose-agency-cont{
        margin: 140px 10px 0;
    }
    .choose-agency-cont .tabs-cont{
        margin-right: 95px;
    }
    .choose-agency-cont h3{
        height: 70px;
        font-size: 18px;
        top: -106px;
    }
    .choose-agency-cont .left{
        margin: 0 27px 49px 0;
    }
    .choose-agency-cont .left-sub{
        font: 22px/28px "roboto-bold-webfont",sans-serif;
        padding: 36px 17px 0 24px;
        width: 246px;
    }
    .choose-agency-cont .right{
        right: 15px;
        top: 20px;
        margin: 0;
        max-width: 200px;
    }
    .choose-agency-cont .cont{
        padding: 25px 130px 25px 0;
        font-size: 15px;
        line-height: 24px;
    }

    .page-intro-ld .page-intro-block{
        padding-left: 26px;
        min-height: 420px;
    }
    .page-intro-ld h1{
        font-size: 45px;
        padding-right: 430px;
    }
    .page-intro-ld p{
        font-size: 23px;
        line-height: 30px;
    }
    .f-location .img-map{
        right: 0;
    }
    .featured-work-fullscreen .expanded-mode {
        margin-left: -48px;
        margin-right: -48px;
    }
}
@media only screen and (max-width: 900px) {
    .demo-reel-block .drb-content h3 {
        max-width: 90%;
    }
    .occ-2-items-columns {
        text-align: center;
    }
    .occ-2-items-columns .occc-column-2,
    .occ-2-items-columns .occc-column-1,
    .occ-2-items-columns .occc-column {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 44%;
    }
    .tps__1 .psn-item a {
        font-size: 22px;
    }
    .sub-video-boxes {
        padding-left: 0.6%;
        padding-right: 0.6%;
        margin-top: -60px;
    }
    .sv-box {
        padding: 20px;
    }
    .fvs-thumbs {
        margin: 0;
    }
    .fvs-box {
        margin: 0 0.6%;
        width: 31.8%;
    }
    .gallery-space-hold {
        margin-left: -570px;
    }

}
@media only screen and (max-width: 880px) {
    .wrapper {padding-top:62px;}
    .header {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:99999;
        padding:10px 0 9px;
        border-width:3px 0 0;
    }
    .header .frame {
        position:static;
    }
    .logo {
        position:static;
        background: none !important;
    }
    .mm-opening .logo {margin-left:22px;}
    .header .nav > li {
        position:static;
    }
    .additional-nav,
    .separate-border,
    .header .nav > li > a,
    .header .nav a {
        display:none;
    }
    .header .nav li .btn-h-request {
        position:absolute;
        top:13px;
        right:12px;
        display:inline-block;
        margin-top:0;
    }
    .header .nav li .btn-raq {
        position:absolute;
        top:10px;
        right:8px;
        display:inline-block;
        margin-top:0;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 8px;
        font-size: 17px;
    }
    .header .nav li .btn-raq:after {
        font-size: 29px;
    }
    .header .nav .link-more {
        display:block;
        position:absolute;
        top:11px;
        right:0;
        padding:10px 26px 8px 13px !important;
        font:15px/1.2 'roboto-black-webfont', Arial, sans-serif;
        border-left:1px solid #dadada;
    }
    .head-top {
        margin-right:197px;
        padding-top: 0px;
    }
    .ht-simplemenu .phone {
        padding:8px 0 4px 13px;
        font-size:17px;
        line-height:1.2;
        font-weight:normal;
        margin-top:0;
    }
    .ht-simplemenu .phone em {
        width:27px;
        height:27px;
        margin-top:-4px;
        margin-right:2px;
        background-position:-156px -1px;
    }
    .ht-simplemenu .search {
        width:29px;
        height:29px;
        background-position:-125px 0;
        margin:4px 0 0 0;
        position:relative;
    }
    .hm-advancedmenu {padding:0;}
    .header .open-m-menu {
        display:block;
    }
    .menu-title {border-width:3px 0 0;}
    .search-line {
        margin-top:-1px;
        margin-left:0;
        padding-bottom:2px;
    }
    .search-active {
        padding-bottom:50px !important;
    }
    .search-field {
        right:0;
        bottom: 9px;
        padding: 7px 22px 0;
        position: absolute;
        display:none;
        border-top:1px solid #dadada;
    }
    .search-active .search-field {display:block; width:100%; }
    .search-field input[type="text"] {width:360px;}
    .ht-simplemenu .search:hover {
        background-position: -514px -284px;
    }
    .f-information-columns-content .direction-follow-btn {left:16%;}
    .case-studies-section {padding-bottom:92px;}
    .cs-block {
        padding-top:24px;
        padding-bottom:24px;
    }
    .cs-site-screen {
        max-width:335px;
    }
    .cs-thumb {
        margin-right:42px;
    }
    .cs-thumb-right {
        margin-right:0;
        margin-left:42px;
    }
    .view-more {
        font-size:20px;
    }
    .view-more:after {
        font-size:36px;
        margin-top:-11px;
    }
    .cs-block-single {padding-top:0;}
    .cs-block h1 {
        font-size:25px;
        margin:0 0 12px;
    }
    .cs-block-single .cs-thumb {margin-top:-36px;}
    .section-title {
        margin-bottom:48px;
    }
    .preview-aside {
        width:255px;
        padding:0 5px 0 0;
    }
    .frame-section-title h2,
    .section-title h2, .h-h2 {margin:0 0 12px;}
    .cs-graphs img:first-child {
        margin-top:0;
    }
    .cs-service-column {
        padding-left:15px;
        padding-right:15px;
    }
    .service-logo {width:100%;}
    .page-intro-block {
        padding-top:28px;
    }
    .page-intro-text {
        font-size:22px;
        padding-top:28px;
    }
    .page-intro-image {
        width:354px;
        padding-right:0;
    }
    .page-intro-image img {
        width:100%;
    }
    .sw-logo {
        width:216px;
        padding-left:0;
        padding-right:24px;
    }
    .sw-logo img {width:100%;}
    .sw-list-col {
        width:194px;
    }
    .bullet-service-list {
        padding-left:36px;
    }
    .service-wide-item h2 {
        font-size:30px;
    }
    .blue-middle-box .btn-simple {
        clear:both;
        display:block;
        max-width:192px;
        margin:18px auto -48px;
    }
    .whitepaper-descript p {
        margin:0 0 16px;
    }
    .whitepaper-subtext {
        padding-top:16px;
    }
    .whitepaper-subtext p {
        margin:0 0 24px;
    }
    .see-all-large {margin-top:46px;}
    .whitepapers-section {
        padding-top:76px;
        padding-bottom:94px;
    }
    .whitepapers-section .blue-middle-box {margin-top: -135px;}
    .certify-item:first-child,
    .certify-item {
        text-align:center;
        padding-left:40px;
        padding-right:40px;
    }
    .certify-item img {
        float:none;
        margin-bottom:20px;
    }
    /*.trusted-icons .trusted-icon {margin:0 40px;}*/
    .team-slider {
        max-width:608px;
    }
    .branch-img img {
        width:100%;
        max-width:320px;
    }
    .branch-img:after {
        width:312px;
        height:11px;
        background-position:0 -14px;
        margin-left:-156px;
    }
    .branch-item {
        padding:0 22px;
    }
    .branch-item h2 {
        font-size:45px;
        margin:0 0 22px;
    }
    .paging-inline .pag-prev-link,
    .paging-inline .pag-next-link {
        margin:0 16px;
    }
    .dif-logos-list {
        max-width:760px;
        padding:0 16px;
        margin:0 auto;
    }
    .dif-logos-list li {
        width:23%;
        height:174px;
        line-height:174px;
    }
    .logos-three-per-row li {
        width:31%;
        height:230px;
        line-height:230px;
    }
    .dif-logos-list img {
        max-width:90%;
    }
    .intro-sample-image {
        width:44%;
    }
    .branch-item-dif .branch-img img {
        max-width:230px;
    }
    .branch-item-dif {
        padding-top:50px;
    }
    .sample-right-img {
        width:46%;
    }
    .fancy-list-two {
        font-size:14px;
    }
    .fancy-list-two .fl-item {padding-left:36px;}
    .testimonial-hidden-row .frame {
        padding-left:16px;
        padding-right:16px;
    }
    .testimonial-hidden-row h4 {
        padding-right:70px;
    }
    .header .nav > li.active:before,
    .top-page-panel {
        display: none;
    }
    .text-section .frame,
    .before-and-after-wrapper .frame,
    .page-title .frame {
        padding-left:26px;
        padding-right:26px;
    }
    .text-section.ts__1 .frame,
    .text-section.ts__2 .frame {
        padding-left:0;
        padding-right:0;
    }
    .frame.blue-middle-box {padding-left:0; padding-right:0;}
    .page-cs-wide-section .fwb-row > .frame {
        padding: 0;
    }
    .demo-reel-block .drb-content h3 {
        padding-right: 90px;
    }
    .testimonials-items .testimonial {
        float: none;
        width: auto;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 58px;
    }
    .testimonial .ti-author {
        padding-right: 67px;
    }
    .intro-fl-image-holder .prev-link-holder a span {
        display: none;
    }
    .contact-list li {
        padding-right: 30px;
    }
    .rank-section,
    .what-you-get-section {
        padding-left: 26px;
        padding-right: 26px;
    }
    .wyg-form-box {
        left: 0;
    }
    .rank-section .rs-box,
    .wyg-box {
        margin-right: 0;
        width: 43%;
    }
    .rank-section .rs-box {
        font-size: 15px;
    }
    .rank-section .rs-box img {
        margin-right: 10px;
    }
    .extra-wh-section-1 {
        padding-top: 0;
    }
    .wh-presses {
        padding-top: 85px;
    }
    .wh-press img {
        float: none;
        display: block;
        margin: -70px auto 0;
    }
    .wh-press .whp-content {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }
    .simple-header .addr {
        display: none;
    }
    .simple-header .head-r-side {
        padding-top: 0;
    }
    .simple-header .sh-hide {
        display: inline;
    }
    .vs-holder .vsh-box {
        width: 46%;
        margin-right: 0;
    }
    .vs-holder .vsh-box:nth-child(2n) {
        margin-left: 8%;
    }
    .vs-holder-square .vsh-box {
        width: 49%;
        margin-right: 2%;
        margin-left: 0;
    }
    .vs-holder-square  .vsh-box:nth-child(2n) {
        margin-right: 0;
        margin-left: 0;
    }
    .vs-holder .vsh-description {
        line-height: 21px;
    }
    .fwb-row .fwb-item {
        width: 31.8%;
    }
    .linkedin-share .social-header .sh-caption-git {
        padding-right:8px;
        white-space:nowrap;
    }
    .steps-controls li.sep span {
        width: 70px;
    }
    #slider_full-width .step-content h3 {
        font-size: 32px;
    }
    .psc-lead {
        padding: 0 60px 35px;
    }
    .psc-item .last,
    .psc-text {
        padding: 40px 80px;
    }
    .ps-nav .psn-item a {
        font-size: 28px;
    }
    .ps-nav .psn-item a {
        font-size: 30px;
    }
    .three-phase-section .phase-slider-holder .step2 {
        left: 59%;
    }
    .tps__1 .psn-item a {
        font-size: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .f-location .img-map{
        max-width: 60%;
    }
    .lp-slider-txt {
        width: 64%;
    }
}
@media only screen and (max-width: 830px) {
    .demo-reel-block .drb-content h3 {
        max-width: 91%;
        padding-right: 84px;
        font-size: 32px;
        line-height: 38px;
    }
    .ti-ibm {width:114px;}
    .ti-bbb {width:124px;}
    .ti-gsa {width:90px;}
    .ti-norton {width:124px;}
    .ti-gp {width:124px;}
    .before-and-after-wrapper .frame {
        padding-left: 0;
        padding-right: 0;
    }
    .extra-text-section h1,
    .single-text-section h1 {
        font-size: 32px;
    }
    .steps-controls {
        padding-left: 26px;
        padding-right: 26px;
    }
    .steps-controls li.sep:nth-child(6) {
        width: 100%;
    }
    .steps-controls li.sep:nth-child(6) span {
        display: none;
    }
    .steps-controls .active {
        background: none;
    }
    .ps-nav .psn-item a {
        font-size: 24px;
    }
    .ps-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .three-phase-section .ps-nav .psn-item a span,
    .three-phase-section .ps-nav .psn-item a {
        font-size: 25px;
    }
    .three-phase-section .ps-nav .psn-item {
        height: 210px;
    }
    .three-phase-section .ps-content {
        margin-top: -165px;
    }
    .tps__1 .psn-item a {
        font-size: 23px;
    }
    .lp-slider-txt {
        width: 62.5%;
    }
}
@media only screen and (max-width: 810px) {
    .demo-reel-block .drb-content h3 {
        max-width: 87%;
    }
}
@media only screen and (max-width: 800px) {
    .hs-sub-row {padding:30px 10px;}
    .hnc-features-list > li{
        width:50%;
        margin-bottom: 30px;
    }
    .hnc-simple-list li{
        width:29%;
    }
    .hnc-features-list .sc-bubble {padding-top:28px;}
    .serve-all-industries-content .saic-main-list{
        width:95%;
    }
    .serve-all-industries-content .saic-main-list li{
        padding: 0 10px;
    }
    .serve-all-industries-content .saic-main-list .sep{
        padding: 0;
    }
    .occ-columns .occc-column{
        background-size: 75%;
    }
    .occc-column .client-photo img{
        width:75%;
    }
    .occc-column .client-photo {
        margin-bottom:-48px;
    }
    .testimonial-frame .occc-column .client-photo {
        margin-bottom:-56px;
    }
    .hnc-features-list{
        width:70%;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:40px;
    }
    .full-services-lnk-wrapper{
        padding-bottom:80px;
    }
    .our-latest-projects-wrapper{
        padding:100px 0;
    }
    .contact-holder {
        padding-left: 26px;
        padding-right: 26px;
    }
    .contact-holder .ch-form .f-row {
        padding-left: 0;
    }
    .contact-list {
        font-size: 15px;
        line-height: 22px;
    }
    .hiring-box .title, .contact-list .title {
        font-size: 24px;
    }
    .ch-contacts-details {
        margin-right: 0;
    }
    .contact-holder .frame {
        background-position: 63% 0;
    }
    .contact-list li {
        padding-right: 30px;
    }
    .wh-top .page-intro-title {
        font-size: 35px;
        line-height: 35px;
    }
    .employ-nav {
        padding-left:32px;
        padding-right:32px;
    }
    .ps-nav {
        padding-left: 0;
        padding-right: 0;
    }
    .ps-nav .psn-item a span {
        display: none;
    }
    .ps-nav .psn-item {
        height: 55px;
    }
    .ps-content {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-top: 50px;
        position: relative;
    }
    .ps-nav .psn-item a {
        padding-top: 13px;
        border-bottom-right-radius: 0;
    }
    .ps-nav .psn-item a:first-child {
        border-bottom-left-radius: 0;
    }
    .ps-nav .psn-item a:last-child {
        border-bottom-right-radius: 0;
    }
    .ps-nav .psn-item {
        width: 20.6276150627615063%;
        margin-right: -0.6276150627615063%;
    }
    .ps-nav .psn-item:last-child {
        width: 20%;
    }
    .ps-nav .psn-item a.active:after {
        bottom: -38px;
    }
    .four-phases-slider .ps-nav .psn-item:last-child {
        width: 25.7554811715481125%;
    }
    .ps-nav__1 .psn-item a.active em,
    .ps-nav__1 .psn-item a em {
        display: none !important;
    }
    .ps-nav__1 .psn-item a b {
        display: block;
    }
    .current-active-0 {
        border-bottom: 19px solid #009DDC;
        position: relative;
        z-index: 2;
    }
    .current-active-1 {
        border-bottom: 19px solid #0078AE;
        position: relative;
        z-index: 2;
    }
    .current-active-2 {
        border-bottom: 19px solid #006B9B;
        position: relative;
        z-index: 2;
    }
    .current-active-3 {
        border-bottom: 19px solid #005981;
        position: relative;
        z-index: 2;
    }
    .current-active-4 {
        border-bottom: 19px solid #003B55;
        position: relative;
        z-index: 2;
    }
    .seo-traffic-section .gr-area {
        padding-left: 12px;
        padding-right: 12px;
        overflow: hidden;
    }
    .seo-traffic-section .section-content {
        padding-top: 0;
    }
    .three-phase-section .ps-nav .psn-item:last-child {
        width: 33.37238493723849%;
    }
    .three-phase-section .ps-nav {
        padding: 0 5px 0 12px;
    }
    .three-phase-section .ps-nav {
        border-bottom: 0;
    }
    .three-phase-section .ps-nav .psn-item a.active:after {
        bottom: -19px;
    }
    .three-phase-section .ps-nav .psn-item a span {
        display: block;
    }
    .three-phases-slider .ps-nav .psn-item:last-child {
        width: 34.5111111%;
    }
    .ps-nav__2 .psn-item a {
        padding-top: 13px !important;
    }
    .benefits-section .bs-item {
        width: 50%;
        margin-bottom: 20px;
    }
    .job-section .js-item {
        width: 50%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .job-section .js-item:nth-child(odd) {
        padding-right: 17px !important;
    }
    .job-section .js-item:nth-child(even) {
        padding-left: 17px !important;
    }
    .pit__1,
    .pib__1 p {
        padding-right: 65%;
    }
    .aside-form-box.afb__2 {
        margin-top: -420px;
    }
    .aside-form-box.afb__2 {
        margin-top: -420px;
        width: 335px;
    }
    .afb__2 .field-error textarea,
    .aside-form-box.afb__2 .field-error input {
        background-position: 257px -811px !important;
    }
    .afb__2 .field-success textarea,
    .aside-form-box.afb__2 .field-success input {
        background-position: 257px -567px !important;
    }
    .wide-video-holder .video-overlay {
        width: 97px;
        height: 97px;
    }
    .wide-video-holder .video-overlay:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat;
        width: 97px;
        height: 97px;
    }
    .wide-video-holder .video-overlay:after {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play.png") no-repeat left bottom;
        width: 97px;
        height: 97px;
    }
    .video-overlay-large:before {
        width: 100px;
        height: 100px;
        background-size: 100%;
    }
    .fvs-title {
        font-size: 45px;
        padding: 22px 10px;
    }
    .sv-box {
        padding: 14px 10px;
        font-size: 15px;
    }
    .sv-box h3 {
        font-size: 23px;
    }
    .sv-box p {
        margin-bottom: 8px;
    }
    .fvs-box h4 {
        font-size: 30px;
    }
    .thumb-descr-frame {
        padding: 15px;
    }
    .sv-box .more-link:after {
        margin-top: -6px;
    }
    .de-blog-title {
        font-size: 20px;
    }
    .f-information-columns-wrapper-light .f-subscribe-form,
    .f-information-columns-wrapper-light .email-receive-tips {
        float: none;
        width: 100%;
    }
    .f-information-columns-wrapper-light .f-subscribe-form {
        margin-top: 0;
    }
    .f-information-columns-wrapper-light .f-subscribe .message {
        padding: 10px 0 0;
    }
    .lp-slider-txt {
        width: 60%;
    }
    .gallery-space-hold {
        margin-left: -570px;
    }
    .featured-work-fullscreen .expanded-mode .ecg-image-box {
        width: 50%;
    }
    .featured-work-fullscreen .ec-fs-descr {
        width: 50%;
    }
    .fwb-items .ec-fs-logo img {
        max-height: 100px;
    }
    .ec-fs-intro {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .ec-fs-btn-holder {
        padding-top: 12px;
    }
}
@media only screen and (max-width: 718px) {
    .baac-slider-bottom .btn-launch {
        margin-left: 0;
        top: 100px;
        left: auto;
        right: 25px;
    }

}
@media only screen and (max-width: 768px) {
    .header {padding-bottom:13px;}
    .olpcb-two-items .olp-item img {max-height:172px;}
    .p-add-padding {
        padding-left:40px;
        padding-right:40px;
    }
    .hidden-br {display:none;}
    .olpc-board,
    .our-latest-projects-content .our-latest-projects-lnk,
    .full-services-lnk-content .fslc-lnk,
    .obc-lnk,
    .our-clients-content .occ-lnk{
        width: 93%;
        margin-right: auto;
        margin-left: auto;
    }
    .saic-columns{
        margin-top: 30px;
    }
    .saic-columns .saic-column-list {
        padding-right: 20px;
    }
    .home-resources-img-content .hric-img .desktop-img,
    .in-the-news-content .desktop-img{
        display: none;
    }
    .home-resources-img-content .hric-img .tablet-img,
    .in-the-news-content .tablet-img{
        display: block;
        margin: 0 auto;
    }
    .client-logo-item {
        overflow: hidden;
    }
    .client-logo-item:before {height:50px;}
    .cl-pg {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png) no-repeat -72px 0;
        width: 41px;
        height: 18px;
    }
    .cl-pg:before {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png) no-repeat -72px -42px;
    }
    .cl-at {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png) no-repeat 0 0;
        width: 53px;
        height: 24px;
    }
    .cl-at:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat 0 -39px;
        width: 53px;
        height: 25px;
    }
    .cl-nasa {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -129px 0;
        width: 36px;
        height: 29px;
    }
    .cl-nasa:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -129px -36px;
        width: 36px;
        height: 30px;
    }
    .cl-canon {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon05x.png') no-repeat 0 0;
        width: 54px;
        height: 11px;
    }
    .cl-canon:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon05x.png') no-repeat 0 -11px;
        width: 54px;
        height: 11px;
    }
    .cl-nfl {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -189px 0;
        width: 24px;
        height: 32px;
    }
    .cl-nfl:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -189px -36px;
        width: 24px;
        height: 32px;
    }
    .cl-hc {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -189px -81px;
        width: 54px;
        height: 32px;
    }
    .cl-hc:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -185px -124px;
        width: 55px;
        height: 32px;
    }
    .cl-usm {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -129px -79px;
        width: 47px;
        height: 26px;
    }
    .cl-usm:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite-05x.png') no-repeat -129px -123px;
        width: 47px;
        height: 34px;
    }
    .cl-op {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax05x.png) no-repeat;
        width: 23px;
        height: 31px;
    }
    .cl-op:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax05x.png) no-repeat 0 -31px;
        width: 23px;
        height: 31px;
    }
    .cl-ea {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea05x.png) no-repeat;
        width: 89px;
        height: 33px;
    }
    .cl-ea:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea05x.png) no-repeat 0 -33px;
        width: 89px;
        height: 33px;
    }
    .our-clients-content h3,
    .our-clients-content h2{
        font-size: 50px;
    }
    .succeeding-online > h2,
    .succeeding-online > h3{
        font-size: 36px;
    }
    .so-columns,
    .obc-columns{
        width:93%;
        margin: 0 auto;
    }
    .soc-column h5,
    .soc-column h2,
    .soc-column h3{
        min-height: 160px;
    }
    .obcc-column .blog-date{
        width:70px;
        height:70px;
        border:3px solid #fff;
        left:-18px;
        top:-30px;
        font: 16px/16px 'roboto-light-webfont',Arial,sans-serif;
        padding-top: 13px;
        z-index: 1;
    }
    .obc-columns .obcc-column{
        width: 48%;
    }
    .obcc-column .blog-date strong{
        font-size: 24px;
    }
    .obcc-column .blog-author-comment .sep{
        padding: 0 5px;
    }
    .h-h3,
    .in-the-news-content h3,
    .in-the-news-content h2{
        font-size: 50px;
    }
    .in-the-news-content .itnc-sep{
        margin: 30px 0;
    }
    .f-information-columns-content .ficc-bottom{
        width: 93%;
        margin: 110px auto 0;
    }
    .f-information-columns-content .ficc-bfm{
        float: none;
        width: 93%;
        margin: 0 auto;
        padding-bottom: 0;
    }
    .f-information-columns-content .ficc-bfm .bfm-map{
        width: 50%;
        float: left;
        max-height: none;
    }
    .f-information-columns-content .ficc-bfm .direction-follow-btn{
        right: 10%;
        left: auto;
    }
    .ficc-twitter .direction-follow-btn{
        right: 20%;
        left: auto;
    }
    .f-information-columns-content .ficc-bfm h6{
        font-size: 26px;
    }
    .f-information-columns-content .bfm-text{
        width: 50%;
        float: left;
    }
    .f-information-columns-content .bfm-text p{
        font-size: 17px;
        line-height: 28px;
        padding: 10px 0 30px;
    }
    .f-information-columns-content .ficc-email{
        margin-right: 5%;
    }
    .f-information-columns-content .ficc-email{
        width: 50%;
    }
    .f-information-columns-content .ficc-twitter{
        width:45%;
        padding-top: 55px;
        min-height:50px;
    }
    .f-information-columns-content .ficc-twitter .twitter-text{
        padding-bottom: 45px;
    }
    .ficc-twitter .twitter-bfm-logo{
        top:-55px;
    }
    .email-sign-up .sign-up-btn{
        position: absolute;
        right:2px;
        top:47px;
        margin: 0;
        padding-top: 6px;
        padding-bottom: 8px;
        font-size:17px;
        line-height:17px;
    }
    .home-slider-content .hs-left,
    .home-slider-content .hs-right{
        width: 93%;
        float: none;
        padding-top: 30px;
        margin:0 auto;
        text-align:center;
        overflow:hidden;
    }
    .home-slider-content .hs-right{
        width:72%;
        position: static;
        padding-bottom:22px;
    }
    .hs-left .hsl-header,
    .hs-left .hsl-header h1{
        font-size:36px;
    }
    .hs-left .hsl-header .sep-line:first-child{
        display:inline;
    }
    .hs-left .hsl-subcaption {padding-right:0;}
    .hnc-simple-list li{
        font-size:20px;
    }
    .hnc-simple-list li br{
        display:inline;
    }
    .hs-sub-row {text-align:center;}
    .hs-sub-item {margin:0 15px;}
    .start-getting-results h5{
        padding: 22px 0;
    }
    .succeeding-online{
        padding:100px 0;
    }
    .our-blog-content h3{
        font-size:50px;
    }
    .f-information-columns-content .direction-follow-btn{
        font-size:17px;
    }
    .f-information-columns-content .email-receive-tips h6{
        font-size:25px;
    }
    .email-sign-up .esu-input{
        margin-top:32px;
    }
    .fscc-column .social-header .sh-caption{
        font-size:18px;
    }
    .hs-left .simple-sep{
        display: none;
    }
    .hs-left .shadow-sep{
        background: none repeat scroll 0 0 transparent;
        border-bottom: 1px solid #FFFFFF;
        border-top: 1px solid #E2E3E3;
        height: 0;
    }
    .open-m-menu {
        width:57px;
        margin-right:14px;
    }
    .open-m-menu:before {
        width:29px;
        height:25px;
        background-position:-189px -2px;
    }
    .logo {
        margin-top:3px;
    }
    .logo a {
        width:177px;
        height:30px;
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-mobile.png) no-repeat 0 0;
    }
    .header .nav .link-more {
        padding-right:10px !important;
        padding-left:11px !important;
    }
    .head-top {
        margin-right:196px;
    }
    .ht-simplemenu .phone {padding-left:7px;}
    .search-field {padding-right:7px; padding-left:7px;}
    .hidden-for-tablet {display:none;}
    .cs-services {
        padding-bottom:110px;
    }
    .cs-service-columns {
        display:block;
        padding-bottom:0;
    }
    .cs-service-column {
        display:inline-block;
        vertical-align:top;
        width:48%;
        padding-bottom:32px;
    }
    .service-logo {
        max-width:182px;
    }
    .page-intro-block {
        margin-bottom:60px;
    }
    .sw-description {
        padding-right:20px;
        width:310px;
    }
    .blue-middle-box {
        margin-bottom:56px;
    }
    .work-section {
        padding-bottom:118px;
    }
    .ws-column {
        padding-left:30px;
    }
    .ws-column:first-child {
        padding-right:30px;
    }
    .whitepapers-section h2 {
        font-size:52px;
    }
    .whitepapers-section .btn-simple {
        text-align:center;
    }
    .certify-section {
        padding-bottom:124px;
    }
    .demo-reel-block .drb-video-holder,
    .demo-reel-block .drb-video-holder img,
    .intro-fl1-image,
    .intro-fl-image {
        max-width:316px;
    }
    .sc-logo {
        margin-right:50px;
    }
    .strategy-consult-item:first-child {
        padding-top:90px;
    }
    .intro-block-no-bd {padding-bottom:58px;}
    .page-intro-block .btn-simple {margin-bottom:0;}
    .inline-btns-holder .btn-simple{
        margin-bottom: 12px;
    }
    .cd-chapter.pad-r-64 {
        padding-right:0;
    }
    .creative-design-chapters {margin-top:40px;}
    .cd-descript .more-link {
        font-size:17px;
    }
    .cd-descript .more-link:after {
        font-size:30px;
        margin-top:-5px;
    }
    .ow-items {padding-right:20px;}
    .ow-item {
        width:46%;
        margin:0 0 30px 16px;
    }
    .ow-item img {
        width:100%;
    }
    .ow-items-diff-sizes .ow-item img {width:auto;}
    .services-dev-section .soc-column h5,
    .services-dev-section .soc-column h2,
    .services-dev-section .soc-column h3{
        font-size:19px;
        height:auto;
        min-height:154px;
    }
    .services-dev-section .soc-column p {
        padding-left:0;
        padding-right:0;
    }
    .page-navigation-float a {
        font-size:17px;
    }
    .page-navigation-float .prev-page:before {
        font-size:30px;
        margin-top:-9px;
    }
    .page-navigation-float a span {display:none;}
    .page-intro-title-narrow-alt {padding-right: 45%;}
    .aside-form-box {
        margin-top:-182px;
    }
    .page-intro-form p {
        padding-right:52%;
    }
    .st-column {
        padding-left:15px;
    }
    .st-column:first-child {
        padding-left:0;
        padding-right:15px;
    }
    .baac-slider-bottom .btn-green {padding-left:28px; padding-right:28px;}
    .page-intro-about p {font-size:26px;}
    .pi-left-col {
        width:50%;
    }
    .photo-container {
        text-align:center;
    }
    .member-item {
        width:46%;
    }

    .at-item{
        width:43%;
    }
    .industries-intro-block .page-intro-title {padding-right:0;}
    .pp-nb-col {
        width:100px;
    }
    .pp-descript {padding-left:20px;}
    .testimonial-hidden-row h4 {
        font-size:45px;
    }
    .cf-item {
        padding-top:8px;
        height:136px;
        width:18%;
        margin-right:9px;
    }
    .cf-item span {
        font-size:15px;
        padding-top:8px;
    }
    .cf-item img {
        max-width:56px;
    }
    .cms-spec-item {
        padding-left:26px;
        padding-right:26px;
    }
    .cms-spec-item .frame {
        padding-left:290px;
    }
    .cms-spec-item:nth-child(2n) .frame {
        padding-right:280px;
    }

    .fwb-row .fwb-item {
        width: 46.93593314763231%;
        margin-right: 4.874651810584958%;
    }
    .fwb-row .fwb-item-3 {
        margin-right: 4.874651810584958%;
    }
    .fwb-row .fwb-item img {
        min-width: 100%;
    }
    .fwb-row .fwb-item-even {
        margin-right: 0;
    }
    .testimonial .ti-author {
        padding-right: 59px;
    }
    .industry-recognition-logos .mobile-img,
    .industry-recognition-logos .desktop-img {
        display: none;
    }
    .industry-recognition-logos .tablet-img {
        display: block;
    }
    .page-cs-wide-section {
        padding-bottom: 85px;
    }
    .industry-recognition-wide-section {
        padding-bottom: 85px;
    }
    .testimonials-wide-section {
        padding-bottom: 65px;
    }
    .webinars-holder .wh-form .ch-form {
        padding-left: 28px;
        padding-right: 18px;
    }
    .sample-text-section .st-add-section .st-column {
        font-size: 14px;
        line-height: 19px;
    }
    .sample-text-section .st-add-section h3 {
        font-size: 26px;
    }
    .join-us-form-holder h2 {
        font-size: 20px;
    }
    .sample-text-section {
        padding-bottom: 66px;
    }
    .join-us-form-holder .jb-1,
    .join-us-form-holder .jb-2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .demo-reel-block .drb-content h3 {
        padding-right: 45px;
        font-size: 30px;
        line-height: 36px;
    }
    .extra-text-section h1,
    .single-text-section h1 {
        font-size: 30px;
    }
    .two-col-list ul li {
        width: auto;
        display: block;
        text-align: left;
    }
    .two-col-list ul li:nth-child(3n) {
        margin-bottom: 20px;
    }
    .mobile-date-table table tr td {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mobile-date-table table tr.notes td {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .mobile-date-table table tr.notes td:first-child {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .demo-video-box .fwbi-text,
    .expanded-mode .fwbi-text-pad {
        padding-left: 20px;
        padding-right: 20px;
    }
    .expanded-mode .thumbnails a {
        margin-left: 8px;
    }
    .wyg-form-box .f-row {
        margin-right: 13px;
        padding-left: 20px;
    }
    .f-menu-content .fmc-list li {
        margin-bottom: 10px;
        display: inline-block;
    }
    .three-phase-section .psc-lead {
        padding-left: 50px;
        padding-right: 50px;
    }
    .pb80 {
        padding-bottom: 80px;
    }
    .search-container .sc-aside {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
    .search-container .sc-aside ul {
        display: none;
    }
    .search-container .sc-aside .sc-title {
        cursor: pointer;
        padding: 15px 0px 16px 18px;
    }
    .wistia_embed{
        width:768px;
        height:432px;
    }
    .dig-agency-title h1{
        font-size: 30px;
    }
    .dig-agency-title .subtitle{
        font-size: 23px;
        line-height: normal;
    }
    .employees-testim .note span::after{
        display: none;
    }
    .bfm-awards{
        padding-bottom: 30px;
    }
    .bfm-awards h2{
        font: normal 20px "roboto-light-webfont",sans-serif
    }
    .bfm-awards h2 span{
        font-size: 30px;
        line-height: normal;
    }
    .bfm-awards-list{
        display: block;
        padding: 0 30px;
    }
    .bfm-awards-list .item{
        display: block;
        width: 100%;
        padding: 0 0 35px;
    }
    .bfm-awards-list img{
        margin-top: 5px;
    }
    .digital-experts{
        padding: 30px 0;
    }
    .digital-experts-bg2 {
        padding-bottom: 0;
    }
    .digital-experts h2{
        font-size: 40px;
        padding-bottom: 25px;
    }
    .f-location .img-map {
        right: -15px;
        bottom: -30px;
        width: 50%;
    }
    .choose-agency h2{
        font-size: 30px;
        line-height: 32px;
        margin: 0 5px 25px;
    }

    .prev-next-pager{
        display: none;
    }

}
@media screen and (min-width: 480px) and (max-width: 768px) {
    .olp-ecommerce .olpi-hover-stare{
        padding: 40px 15px 0;
    }
    .olpi-hover-stare .hs-content{
        margin-top: 10px;
        padding-top: 10px;
        font-size: 12px;
    }
    .olpi-hover-stare .hs-lnk{
        margin-top: 10px;
    }
    .contact-list li {
        padding-right: 10px;
    }
    .hiring-box {
        margin: 0;
    }
    .rank-section .rs-box, .wyg-box {
        width: 49%;
    }
    .rank-section .rs-box, .wyg-box {
        width: 49%;
    }
    .rank-section .rs-box {
        font-size: 15px;
    }
    .br-tablet {display:inline;}
    .no-pad-marg-mobile {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 755px) {
    .expanded-mode .ec-text,
    .expanded-mode .ec-gallery {
        width: auto;
        float: none;
    }
    .expanded-mode .ec-text {
        padding: 15px 0 25px;
    }
    .demo-video-box .fwbi-text,
    .expanded-mode .fwbi-text-pad,
    .expanded-mode .fwbi-text {
        padding: 60px 10px 40px;
    }
    .demo-video-box h4,
    .expanded-mode h4 {
        font-size: 48px;
    }
    .ec-text .btn-holder,
    .btn-launch-holder {
        text-align: center;
    }
    .ec-text .btn-green {
        display: inline-block;
        float: none;
    }
    .demo-reel-block .drb-content h3 {
        max-width: 100%;
        width: 100%;
        word-spacing: -1px;
    }
    .demo-reel-block .drb-content h3 span {
        display: none;
    }
    .demo-reel-block .drb-video-holder {
        display: none;
    }
    .demo-reel-block .drb-content .hide-from-mobile {
        display: inline-block;
        float: none;
        margin: 0 auto 13px;
        width: 100%;
        max-width: 396px;
    }
    .demo-reel-block .drb-content .hide-from-mobile img {max-width: 100%;}
    .linkedin-share .social-header .sh-caption-git {
        white-space:normal;
    }
    .webinar-archive-thumb {
        width:196px;
        height:87px;
    }
    .gallery-space-hold {
        margin-left: -780px;
    }
    #logo-process .lp-slider {
        padding-left: 125px;
        background: #f8f8f8;
    }
    .slider-txt-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    #logo-process p {
        padding-bottom: 0;
    }
    .lp-slider-txt {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    .lp-slider-img {
        float: none;
        margin: 0 auto;
        width: 221px;
        height: 221px;
    }
    .lp-slider-img:after {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-slider-round-mobile.png") no-repeat 50% 50%;
    }
    .lp-slider-txt h3 {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .lp-slider-txt p {
        padding-right: 0;
        text-align: center !important;
    }

    .lp-steps {
        height: 78px;
        margin: 0 0 -40px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-steps-mobile.png") no-repeat 50% 0;
    }
    .lp-steps li {
        font-size: 0;
        line-height: 0;
        color: transparent;
        position: absolute;
        top: 12px;
        left: 50%;
        width: 52px;
        margin: 0 0 0 -26px;
        z-index: 3;
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }
    .lp-steps ul.active-0 li:nth-child(1),
    .lp-steps ul.active-1 li:nth-child(2),
    .lp-steps ul.active-2 li:nth-child(3),
    .lp-steps ul.active-3 li:nth-child(4),
    .lp-steps ul.active-4 li:nth-child(5),
    .lp-steps ul.active-5 li:nth-child(6),
    .lp-steps ul.active-6 li:nth-child(7),
    .lp-steps ul.active-7 li:nth-child(8) {
        -webkit-animation: activeStepMobile 0.8s forwards;
        -ms-animation: activeStepMobile 0.8s forwards;
        animation: activeStepMobile 0.8s forwards;
        opacity: 1;
    }
    .lp-steps ul.active-7 li:nth-child(7),
    .lp-steps ul.active-6 li:nth-child(6),
    .lp-steps ul.active-5 li:nth-child(5),
    .lp-steps ul.active-4 li:nth-child(4),
    .lp-steps ul.active-3 li:nth-child(3),
    .lp-steps ul.active-2 li:nth-child(2),
    .lp-steps ul.active-1 li:nth-child(1) {
        -webkit-transition: opacity 0.6s, left 0.6s;
        -moz-transition: opacity 0.6s, left 0.6s;
        transition: opacity 0.6s, left 0.6s;
        left: -10%;
    }

    .lp-steps ul.active-0.active-b li:nth-child(1),
    .lp-steps ul.active-1.active-b li:nth-child(2),
    .lp-steps ul.active-2.active-b li:nth-child(3),
    .lp-steps ul.active-3.active-b li:nth-child(4),
    .lp-steps ul.active-4.active-b li:nth-child(5),
    .lp-steps ul.active-5.active-b li:nth-child(6),
    .lp-steps ul.active-6.active-b li:nth-child(7),
    .lp-steps ul.active-7.active-b li:nth-child(8) {
        -webkit-animation: activeStepMobileB 0.8s forwards;
        -ms-animation: activeStepMobileB 0.8s forwards;
        animation: activeStepMobileB 0.8s forwards;
    }
    .lp-steps ul.active-6.active-b li:nth-child(8),
    .lp-steps ul.active-5.active-b li:nth-child(7),
    .lp-steps ul.active-4.active-b li:nth-child(6),
    .lp-steps ul.active-3.active-b li:nth-child(5),
    .lp-steps ul.active-2.active-b li:nth-child(4),
    .lp-steps ul.active-1.active-b li:nth-child(3),
    .lp-steps ul.active-0.active-b li:nth-child(2) {
        -webkit-transition: opacity 0.6s, left 0.6s;
        -moz-transition: opacity 0.6s, left 0.6s;
        transition: opacity 0.6s, left 0.6s;
        left: 110%;
    }
    @-webkit-keyframes activeStepMobile {
        0%   { left: 100%; }
        100% { left: 50%; }
    }
    @-ms-keyframes activeStepMobile {
        0%   { left: 100%; }
        100% { left: 50%; }
    }
    @keyframes activeStepMobile {
        0%   { left: 100%; }
        100% { left: 50%; }
    }
    @-webkit-keyframes activeStepMobileB {
        0%   { left: 0; }
        100% { left: 50%; }
    }
    @-ms-keyframes activeStepMobileB {
        0%   { left: 0; }
        100% { left: 50%; }
    }
    @keyframes activeStepMobileB {
        0%   { left: 0; }
        100% { left: 50%; }
    }
    .lp-steps .ico-wrap {
        z-index: 3;
    }
    .lp-steps .ico-wrap img {
        max-width: 66%;
    }
    .icon-svg {
        width: 35px;
        height: 35px;
    }
    .icon-abc-part {
        width: 22px;
    }
    .icon-abc-part:before {
        width: 22px;
        font-size: 11px;
        line-height: 13px;
    }
    .icon-sketches {
        -webkit-transform: translate(-50%, -50%) scale(0.85);
        transform: translate(-50%, -50%) scale(0.85);
    }
    .css-icon-pupil:before {
        width: 14px;
        height: 14px;
        border-width: 3px;
    }
    .css-icon-present-1 {
        width: 18px;
        height: 15px;
        top: -13px;
    }
    .css-icon-present-1:after {
        height: 11px;
        font-size: 15px;
        line-height: 3px;
    }
    .css-icon-present-1:before {
        top: 10px;
    }
    .icon-colors {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    .icon-fianl-logo {
        width: 27px;
        height: 27px;
    }
    .lp-steps .cur-step-mob {
        display: block;
    }
    .lp-steps .cur-step-no-mob {
        display: none;
    }
    .lp-steps .cur-step {
        width: 52px;
        height: 68px;
        left: 0;
        bottom: -43px;
    }
    .lp-steps ul li:nth-child(1) #curStep{ fill: #4e4e4e; }
    .lp-steps ul li:nth-child(2) #curStep{ fill: #87c556; }
    .lp-steps ul li:nth-child(3) #curStep{ fill: #eb8a0d; }
    .lp-steps ul li:nth-child(4) #curStep{ fill: #ab840c; }
    .lp-steps ul li:nth-child(5) #curStep{ fill: #56d3c6; }
    .lp-steps ul li:nth-child(6) #curStep{ fill: #882fa0; }
    .lp-steps ul li:nth-child(7) #curStep{ fill: #c44441; }
    .lp-steps ul li:nth-child(8) #curStep{ fill: #0078ae; }

    .lp-steps .cur-step-sub {
        width: 52px;
        height: 52px;
    }
    .lp-steps #curStep {
        width: 52px;
        height: 68px;
    }
    .lp-mobile-swipe {
        top: auto;
        height: 108%;
    }

    .page-intro-ld{
        background: #fff;
    }
    .page-intro-ld .page-intro-block{
        padding: 0 0 40px;
        min-height: 420px;
        text-align: center;
    }
    .page-intro-ld h1{
        font-size: 45px;
        padding: 20px 10px 0;
    }
    .page-intro-ld p{
        font-size: 20px;
        line-height: 24px;
        padding: 0 25px 20px;
    }
    .page-intro-ld .promo-slider{
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto 20px;
        height: 202px;
        width: auto;
        max-width: 294px;
        background: none;
    }
    .page-intro-ld .promo-slider li{
        height: 202px;
    }
    .page-intro-ld .promo-slider img{
        bottom: 137px;
        max-height: 98px;
        opacity: 0;
        -webkit-transform: translate(-50%, 39%) scale(1.1);
        transform: translate(-50%, 39%) scale(1.1);
        -webkit-transition: opacity .1s 0.3s, -webkit-transform 0.3s 0.3s;
        transition: opacity .1s 0.3s, transform 0.3s 0.3s;
    }
    .page-intro-ld .promo-slider .loads li:first-child img,
    .page-intro-ld .promo-slider .active-slide-flip img {
        opacity: 1;
        -webkit-transform:  translate(-50%, 39%) scale(1);
        transform:  translate(-50%, 39%) scale(1);
    }
    .page-intro-ld .promo-slider .txt{
        bottom: 13px;
        font-size: 14px;
        width: 294px;
        height: 74px;
        padding-top: 14px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-slider-promo-m.png") no-repeat 50% 100%;
    }
    #promo-slider-next,
    #promo-slider-prev{
        bottom: 36px;
        right: 12px;
    }
    #promo-slider-prev {
        left: 12px;
    }
}
@media only screen and (max-width: 680px) {
    .baac-slider-bottom .btn-launch {
        margin-left: 0;
        top: 100px;
        left: auto;
        right: 25px;
    }
    .rank-section .rs-box {
        font-size: 13px;
    }
    .wh-top .page-intro-title {
        font-size: 30px;
        line-height: 27px;
    }
    .wh-date {
        font-size: 20px;
    }
    .webinars-holder .wh-form {
        margin-top: -245px;
    }
    .video-production-section .ow-item {
        margin-right: 5px;
    }
    .obtained-section .os-item .alignright,
    .obtained-section .os-item .alignleft {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .os-text {
        max-width: 100%;
    }
    .mdt-holder .visible-for-mobile {
        display: block;
    }
    .mobile-date-table {
        display: none;
    }
    .demo-video-box h4,
    .expanded-mode h4 {
        font-size: 40px;
    }
    .ti-item:last-child,
    .ti-item:first-child,
    .ti-item {
        display:inline-block;
        width:30%;
        text-align:center;
        padding:0 5px 10px;
    }
    .custom-list-first,
    .custom-list-second{
        float: none;
        padding: 0;
    }
    .mdt-holder .visible-for-mobile.btn-simple {
        display: none;
    }
    .ps-content {
        position: relative;
        z-index: 10;
    }
    #slider_full-width {
        padding: 0;
        position: relative;
    }
    .ps-content:before,
    .ps-content:after,
    #slider_full-width:before,
    #slider_full-width:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 100%;
        content: "";
        background: transparent;
        z-index: 10;
    }
    .ps-content:after,
    #slider_full-width:after {
        left: auto;
        right: 0;
    }
    .ps-content:before,
    .ps-content:after {
        margin-top: 115px;
        width: 52px;
    }
    .psc-lead h3 {
        font-size: 32px;
    }
    #slider_full-width .bx-wrapper {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }
    #button_container .btn-simple-blue {
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #slider_full-width .bx-controls-direction {
        display: none;
    }
    #slider_full-width .sfw-slide-frame {
        padding: 30px 0 0 50px;
    }
    #slider_full-width .bx-pager {
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20px;
        left: 0;
    }
    #slider_full-width .bx-pager-item {
        font-size: 0;
        display: inline-block;
    }
    #slider_full-width .bx-pager-item a {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        text-indent: -9999px;
        overflow: hidden;
        background: #dadada;
        margin-right: 3px;
        display: inline-block;
    }
    #slider_full-width .bx-pager-item a.active,
    #slider_full-width .bx-pager-item a:hover {
        background: #035F88;
    }
    .sfw-slide-frame h3 span {
        width: 40px;
        left: -50px;
    }
    .fvs-container {
        margin: 0;
    }
    .video-embed-overlay {
        display: none;
    }
    .video-overlay-mob {
        display: block;
    }
    .sub-video-boxes {
        margin: -26px 0 0;
        padding-left: 26px;
        padding-right: 26px;
    }
    .sv-box {
        padding: 10px 5px;
    }
    .sv-box h3 {
        font-size: 15px;
        min-height: 36px;
        margin: 0 0 3px;
    }
    .sv-box p {
        display: none;
    }
    .sv-box .more-link {
        font-size: 11px;
        white-space: nowrap;
    }
    .sv-box .more-link:after {
        display: none;
    }
    .fvs-thumbs {
        padding-left: 26px;
        padding-right: 26px;
    }
    .fvs-box {
        margin: 0 0 35px;
        width: 100%;
    }
    .fvs-box p {
        padding-bottom: 10px;
    }
    .full-video-section-single {
        padding-bottom: 60px;
    }
    .categories-testim .person-txt{
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        padding-bottom: 0;
        box-shadow: none;
    }
    .categories-testim .person-txt::before{
        left: 15px;
    }
    .categories-testim .person-txt .person-txt-item{
        padding: 25px 25px 15px 68px;
        max-height: none;
    }
    .categories-testim .person-info{
        background: #fff;
        border: 1px solid #cbcbcb;
        border-top: none;
        border-radius: 0 0 10px 10px;
        margin: -1px 0 0;
        position: relative;
        max-width: 100%;
        text-align: right;
        padding: 0 25px 35px 25px;
    }
    .choose-agency-cont{
        margin: 21px 15px 0;
    }
    .choose-agency-cont li{
        position: static;
        max-width: 350px;
        margin: auto;
    }
    .choose-agency-cont h3{
        position: relative;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        text-align: left;
        padding: 9px 0 8px 24px;
        height: auto;
    }
    .choose-agency-cont h3 span{
        position: static;
    }
    .choose-agency-cont h3:after{
        content: "";
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/top-digital/arrows.png") no-repeat 0 0;
        width: 14px;
        height: 14px;
        position: absolute;
        right: 20px;
        top:12px;
    }
    .choose-agency-cont li:nth-child(1) h3:after{ background-position: 0 0; }
    .choose-agency-cont li:nth-child(2) h3:after{ background-position: 0 -15px; }
    .choose-agency-cont li:nth-child(3) h3:after{ background-position: 0 -30px; }
    .choose-agency-cont li:nth-child(4) h3:after{ background-position: 0 -45px; }
    .choose-agency-cont li:nth-child(5) h3:after{ background-position: 0 -60px; }
    .choose-agency-cont li.active:nth-child(1) h3:after{ background-position: -14px 0; }
    .choose-agency-cont li.active:nth-child(2) h3:after{ background-position: -14px -15px; }
    .choose-agency-cont li.active:nth-child(3) h3:after{ background-position: -14px -30px; }
    .choose-agency-cont li.active:nth-child(4) h3:after{ background-position: -14px -45px; }
    .choose-agency-cont li.active:nth-child(5) h3:after{ background-position: -14px -60px; }
    .choose-agency-cont .left{
        float: none;
        margin: 0 0 60px;
    }
    .choose-agency-cont .left-sub{
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        min-height: 100px;
        border-radius: 0;
        padding-top: 20px;
    }
    .choose-agency-cont .right{
        position: static;
        margin: 0 auto -65px;
        max-width: 100%;
        width: 180px;
    }
    .choose-agency-cont .tabs-cont{
        margin: 0 0 93px;
        display: none;
    }
    .choose-agency-cont li.active .tabs-cont{
        display: block;
    }
    .choose-agency-cont .cont{
        padding: 25px 20px 10px;
        margin: 0;
        overflow: visible;
        clear: both;
        font-size: 14px;
        line-height: 20px;
    }
    .featured-work-fullscreen .expanded-mode {
        margin-bottom: 25px;
    }
    .featured-work-fullscreen .expanded-mode .ecg-image-box {
        float: none;
        width: 100%;
    }
    .gallery-space-hold {
        margin-left: 0;
    }
    .featured-work-fullscreen .ec-fs-descr {
        float: none;
        width: 100%;
        padding: 5px 20px 50px;
    }
    .featured-work-fullscreen .expanded-mode .thumbnails-desktop,
    .ec-fs-logo {
        display: none;
    }
    .featured-work-fullscreen .expanded-mode .thumbnails-mobile {
        display: block;
    }
    .ec-fs-intro {
        font-size: 20px;
    }
    .featured-work-fullscreen .expand-close {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 106px;
        height: 26px;
        padding: 0 32px 0 20px;
        text-indent: 0;
        text-align: center;
        font: 15px/24px "roboto-bold-webfont", sans-serif;
        color: #858585;
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
    }
    .featured-work-fullscreen .expand-close:after,
    .featured-work-fullscreen .expand-close:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 8px;
        height: 3px;
        content: "";
        background: #858585;
        border-radius: 50%;
        opacity: 1;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .featured-work-fullscreen .expand-close:after {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .featured-work-fullscreen .expand-close:after,
    .featured-work-fullscreen .expand-close:before {
        width: 8px;
        height: 3px;
    }
    .featured-work-fullscreen .expand-close:before {
        right: 15px;
        left: auto;
    }
    .featured-work-fullscreen .expand-close:after {
        right: 19px;
        left: auto;
    }
}
@media only screen and (max-width: 646px) {
    .wrapper {
        padding-top:102px;
    }
    .header {
        border-top:0;
        padding-top:59px;
        padding-bottom:0;
        height:102px;
    }
    .head-r-side {
        float:none !important;
    }
    .head-top {
        position:absolute;
        top:0;
        left:0;
        margin:0;
        width:100%;
        max-width:100%;
        height:44px;
        background:#0078ae;
        float:none;
        padding:4px 0 0;
    }
    .ht-nav li {padding:0;}
    .ht-simplemenu .phone {
        border-left:0;
        margin-right:12px;
        color:#fff;
    }
    .ht-simplemenu .phone:hover{
        color:#fff !important;
    }
    .ht-simplemenu .phone a {
        text-decoration: none;
        color: #fff;
    }
    .ht-simplemenu .phone em {background-position:-268px 0;}
    .search-line {border:0;}
    .header .nav li .btn-h-request {
        top:6px;
        right:170px;
        background: rgb(162,217,12);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyZDkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWJiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(162,217,12,1) 0%, rgba(137,187,0,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,217,12,1)), color-stop(100%,rgba(137,187,0,1)));
        background: -webkit-linear-gradient(top,  rgba(162,217,12,1) 0%,rgba(137,187,0,1) 100%);
        background: linear-gradient(to bottom,  rgba(162,217,12,1) 0%,rgba(137,187,0,1) 100%);
    }
    .header .nav li .btn-h-request:hover {
        background: rgb(137,187,0);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ5MGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(137,187,0,1) 0%, rgba(162,217,12,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,187,0,1)), color-stop(100%,rgba(162,217,12,1)));
        background: -webkit-linear-gradient(top,  rgba(137,187,0,1) 0%,rgba(162,217,12,1) 100%);
        background: linear-gradient(to bottom,  rgba(137,187,0,1) 0%,rgba(162,217,12,1) 100%);
    }
    .header .nav li .btn-raq {
        top:10px;
        color: #fff !important;
        right: auto;
        left: 10px;
        border: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 13px;
    }
    .header .nav li .btn-raq:after {
        font-size: 26px;
    }
    .header .nav .link-more {
        border-left:0;
        top:3px;
        right:158px;
        white-space:nowrap;
        color:#fff !important;
    }
    .ht-simplemenu .search {
        position:absolute;
        right:15px;
        bottom:-42px;
        width:23px;
        height:24px;
        background-position:-222px 0;
        margin:0;
        overflow:visible;
    }
    .ht-simplemenu .search:before {
        border-left: 1px solid #dadada;
        content: "";
        height: 36px;
        position: absolute;
        top:-6px;
        left:-14px;
        width: 0;
    }
    .menu-title {
        border-width:44px 0 0;
        height:101px;
    }
    .menu-title .open-m-menu {margin-top:14px;}
    .search-active {padding-bottom:102px !important;}
    .search-field {
        bottom:-105px;
    }
    .header {
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
    }
    .h-animated {
        top: -41px;
    }
    .ht-simplemenu .search:hover {
        background-position: -570px -287px;
    }
    .mm-opened .b-animated .wrapper {
        padding-top: 61px;
    }
    html.mm-opened .b-animated .menu-title {
        height: 61px;
        border-top-width: 3px;
    }
    .serve-all-industries-content .mobile-sep{
        display: block !important;
        text-indent: -9999px;
        height: 5px;
    }
    .serve-all-industries-content .saic-main-list-mob li {
        padding: 0 3px;
        font-size: 15px;
    }
    .serve-all-industries-content .saic-main-list-mob .sep {
        margin: 0 3px;
    }
    .serve-all-industries-content .saic-main-list-mob .sep:nth-child(10),
    .serve-all-industries-content .saic-main-list-mob .sep:nth-child(6){
        display: block;
        font-size: 0;
        line-height: 0;
        color: transparent;
        height: 2px;
        margin: 6px -2px;
        background: #fff;
    }
    .obc-columns .obcc-column{
        width: 93%;
        margin: 0 auto 25px;
        float: none;
    }
    .obcc-column .blog-date{
        left:50%;
        margin-left: -35px;
    }
    .f-social-columns-content .fscc-column{
        width: 320px;
        float: none;
        margin: 0 auto 20px !important;
    }
    .fscc-column .social-header{
        width: 265px;
    }
    .fscc-googleplus .check-our-page-lnk{
        margin-top: 0;
    }
    .f-social-columns-content .fscc-column:nth-child(2) {
        margin-bottom: 40px !important;
    }
    .f-information-columns-content .direction-follow-btn{
        font-size:14px;
    }
    .p-add-padding {
        padding-left:0;
        padding-right:0;
    }
    .hnc-features-list {width:84%;}
    .cs-site-screen {
        max-width:200px;
    }
    .section-title {
        margin-bottom:24px;
    }
    .preview-columns {
        display:block;
        position:relative;
        padding:0 0 300px 0;
    }
    .preview-single-columns {
        padding-bottom: 148px;
    }
    .preview-aside {
        display:block;
    }
    .preview-before {
        margin:0 auto 10px;
        width:222px;
    }
    .preview-info{
        margin:0;
        position:absolute;
        bottom:0;
        left:0;
        width:222px;
        left:50%;
        margin-left:-111px;
    }
    .arrow-from-to {
        width:69px;
        height:67px;
        background-position:0 -45px;
        right:-5px;
        top:auto;
        bottom:-10px;
    }
    .preview-aside {
        margin:0 32px;
        width:auto;
        text-align:center;
    }
    .preview-after {
        display:block;
        width:290px;
        margin: 0 auto;
    }
    .page-intro-text {
        padding-top:0;
        padding-right:10px;
        font-size:21px;
    }
    .sw-logo {
        width:100%;
        display:block;
        padding:0 0 20px;
        text-align:center;
    }
    .sw-logo img {
        max-width:148px;
    }
    .sw-logo-hold {
        width: 154px;
        margin: auto;
    }
    .sw-description {
        width:100%;
        display:block;
        padding:0 0 24px;
        text-align:center;
    }
    .sw-description p {
        margin:0 0 20px;
    }
    .sw-list-col {
        display:block;
        width:100%;
        padding:0;
    }
    .text-section .blue-box-inner h4,
    .blue-box-inner h4 {
        font-size:28px;
    }
    .whitepapers-section {
        padding-top:90px;
        padding-bottom:82px;
        text-align:center;
    }
    .whitepapers-section h2 {
        float:none;
        width:100%;
        font-size:32px;
        margin:0 0 10px;
    }
    .whitepapers-section h2 br {display:none;}
    .whitepaper-img {
        float:none;
        width:100%;
        padding:0 24px 16px;
    }
    .whitepaper-descript {
        width:100%;
        padding:0;
    }
    .see-all-large {margin-top:38px;}
    .whitepapers-section .btn-simple {
        font-size:16px;
        padding-left:10px;
        padding-right:10px;
    }
    .certify-item:first-child, .certify-item {
        padding-left:10px;
        padding-right:10px;
    }
    .certify-item img {
        width:100%;
    }
    .page-intro-title {
        font-size:28px;
    }
    .intro-fl-image {
        max-width:216px;
    }
    .intro-block-no-bd p, .intro-block-services-landing p{
        font-size:20px;
    }
    .sc-logo {
        width:123px;
        margin-right:30px;
    }
    .sc-descript h2 {line-height:1;}
    .cd-chapter.pad-r-64,
    .cd-chapter {
        display:block;
        width:100%;
        text-align:center;
        padding:0 0 44px;
    }
    .cd-logo {
        float:none;
        width:100%;
        margin:0 0 14px;
    }
    .cd-descript {
        margin:0 auto;
        max-width:480px;
    }
    .our-work-section {padding-bottom:82px;}
    .ow-items {
        padding-right:0;
    }
    .ow-item {
        width:100%;
        display:block;
        margin:0 0 30px;
    }
    .ow-items-diff-sizes .ow-item {display:inline-block;}
    .our-work-section .see-all-large-blue {margin-top:0;}
    .services-before-after-section .section-title {margin-bottom:32px;}
    .team-slider {
        max-width:290px;
    }
    .slide-post {margin-left:0;}
    .page-intro-form {text-align:center;}
    .page-intro-form .page-intro-title {
        padding-right:0;
    }
    .page-intro-form p {
        padding-right:0;
    }
    .aside-form-box {
        float:none;
        margin:0 auto 24px;
    }
    .aside-form-box.afb__1 {
        margin: 0 auto 24px;
    }
    .page-navigation-float {display:none;}
    .page-intro-form .custom-list {
        text-align:left;
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
    }
    .branch-item {
        display:block;
        width:100%;
        max-width:400px;
        padding:50px 16px 0;
        margin:0 auto;
    }
    .branch-item:first-child {padding-top:0;}
    .dif-logos-list li {width:31%;}
    .dif-logos-list img {max-width:63%;}
    .member-item {
        width:100%;
        max-width:290px;
    }
    .employ-nav {padding-bottom:25px;}
    .switch-section li {
        width:118px;
        margin:0 0 0 22px;
    }
    .switch-section li:first-child {margin-left:0;}
    .switch-section strong {
        float:none;
        display:block;
        margin:0 0 12px;
    }
    .pi-left-col {
        float:none;
        width:100%;
        text-align:center;
        padding-bottom:20px;
    }
    .rounded-box {
        width:auto;
        float:none;
        border-radius:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top:15px;
        padding-bottom:15px;
        height:auto;
        margin:0 -22px;
    }
    .branch-item-dif:first-child,
    .branch-item-dif {
        padding-top:50px;
    }
    .at-item:nth-child(2n),
    .at-item {
        margin-left:0;
        width:100%;
        display:block;
    }
    .at-item .testimonial {
        width:auto;
        max-width:100%;
    }
    .at-item .testimonial .ti-content:before {left:-12px;}
    .industries-intro-block {margin-bottom:20px;}
    .industries-intro-block .intro-fl-image {max-width:50%;}
    .text-section-pd p {
        padding-left:0;
        padding-right:0;
    }
    .pp-row {
        padding:30px 0;
        text-align:center;
    }
    .pp-nb-col,
    .pp-icon {
        display:inline-block;
        vertical-align:middle;
        width:auto;
        padding:0 10px;
    }
    .pp-descript {
        display:block;
        width:100%;
        padding:20px 0 0;
        clear:both;
    }
    .fancy-list-grey {
        font-size:14px;
    }
    .fancy-list-grey .fl-item {
        padding-left:36px;
        padding-right:5px;
        text-align:left;
    }
    .cf-item:nth-child(5n),
    .cf-item {
        width:110px;
        height:110px;
        margin:0 4px 10px;
    }
    .cf-item span {
        font-size:12px;
    }
    .cf-item img {
        max-width:46px;
    }
    .cms-spec-item .frame {
        padding-left:240px;
    }
    .cms-spec-item:nth-child(2n) .frame {
        padding-right:240px;
    }
    .page-intro-center {
        padding-left:0;
        padding-right:0;
    }
    .baac-row .baac-hidden-item-content h4 {
        font-size: 45px;
    }
    .baac-row .baac-slider-bottom {
        text-align: center;
    }
    .baac-row .baac-arrow {
        top: 35.09005628517824%;
    }
    .baac-row .baac-slider-tn,
    .baac-row .baac-slider-tn ul li {
        float: none;
    }
    .baac-row .baac-slider-tn ul li {
        margin-right: 0;
        margin-left: 9px;
    }
    .baac-row .baac-slider-tn ul li:first-child {
        margin: 0;
    }
    .baac-row .baac-slider-tn ul li {
        display: inline-block;
    }
    .baac-slider-bottom .btn-launch {
        display: inline-block;
        position: relative;
        top:0;
        left:0;
    }
    .btn-launch-holder {
        padding: 34px 0 43px;
    }
    .baac-slider-bottom .btn-green {
        margin: 0;
        float: none;
        display: inline-block;
    }
    .contact-holder {
        padding-top: 10px;
    }
    .ch-form .ff-checkbox label {
        padding-right: 10px;
    }
    .contact-holder .ch-form {
        margin-bottom: 50px;
    }
    .contact-holder .frame {
        background-position: 68% 0;
    }
    .ch-contacts-details,
    .contact-holder .ch-form {
        float: none;
        width: auto;
    }
    .contact-holder .frame {
        background: none;
    }
    .contact-list .phone {
        margin-bottom: 42px;
    }
    .contact-list li {
        min-height: 80px;
    }
    .contact-list {
        margin-bottom: 0;
    }
    .hiring-box {
        margin: 0;
    }
    .tpp-heading {
        font-size: 19px;
        line-height: 24px;
    }
    .tpp-heading h1 {
        font-size: 28px;
    }
    .rank-section, .what-you-get-section {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .wyg-form-box {
        position: static;
        width: auto;
        padding-bottom: 70px;
    }
    .wyg-box {
        float: none;
        width: auto;
        padding-top: 26px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .rank-section .rs-box {
        float: none;
        width: auto;
        padding-top: 26px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .tpp-arrow-down:before {
        display: none;
    }
    .tpp-arrow-down {
        padding-right: 0;
    }
    .top-page-panel-visible .tpp-heading,
    .top-page-panel-visible .tpp-arrow-text {
        padding-bottom: 0;
    }
    .top-page-panel-visible .tpp-heading {
        padding: 0 26px;
    }
    .top-page-panel-visible {
        padding-top: 10px;
    }
    .search-top-page-panel {margin-top:0;}
    .wyg-form-box .f-row {
        padding-left: 6px;
        margin-right: 6px;
    }
    .rank-section, .what-you-get-section {
        padding-bottom: 20px;
    }
    .wh-press:first-child,
    .wh-press:last-child,
    .wh-press {
        float: none;
        width: auto;
    }
    .wh-press:first-child {
        margin: 0 0 100px;
    }
    .wh-form-holder,
    .wh-form,
    .wh-infobox,
    .whi-content {
        float: none;
        width: auto;
    }
    .webinars-holder .wh-infobox {text-align:center;}
    .wh-top {
        text-align: center;
        float: none;
        width: 100%;
        padding-left: 26px;
        padding-right: 26px;
    }
    .wh-top .page-intro-title {
        font-size: 28px;
        line-height: 27px;
        margin-bottom: 0;
    }
    .wh-top .page-intro-title span {
        display: block;
    }
    .wh-date {
        font-size: 20px;
    }
    .wh-time {
        font-size: 17px;
    }
    .webinars-holder .wh-section-1 {
        padding-bottom: 45px;
    }
    .webinars-holder .wh-section-2,
    .webinars-holder .wh-section-1 {
        padding-left: 0;
        padding-right: 0;
    }
    .webinar-section {
        min-height:100px;
    }
    .wh-add .whi-content,
    .wh-add .wh-form,
    .wh-add .wh-form-holder,
    .webinars-holder .whi-content,
    .webinars-holder .wh-form,
    .webinars-holder .wh-form-holder {
        margin: 0;
        width: auto;
        float: none;
    }
    .webinars-holder .wh-form-holder {
        max-width:500px;
        margin:0 auto;
    }
    .wh-add .wh-section-2 {
        padding-left: 0;
        padding-right: 0;
    }
    .wh-add .whi-content,
    .webinars-holder .whi-content {
        padding-left: 26px;
        padding-right: 26px;
        margin-top: -30px;
    }
    .wh-add .whi-content {
        margin-top: -50px;
    }
    .wh-add .whi-content .wh-img,
    .webinars-holder .whi-content .wh-img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .wh-add .hidden-for-mobile,
    .webinars-holder .hidden-for-mobile {
        display: none;
    }
    .wh-add .visible-for-mobile,
    .webinars-holder .wh-form-holder .visible-for-mobile {
        display: block;
    }
    .wh-add .wh-form .ch-form,
    .webinars-holder .wh-form .ch-form {
        padding-left: 15px;
        padding-right: 5px;
    }
    .wh-add .wh-form .ch-form {padding-right:15px;}
    .wh-add .wh-section-1 {
        text-align: center;
        padding-bottom: 60px;
    }
    .wh-add .page-navigation-float {
        display: inline-block;
        float: none;
        margin: 0;
        font-size: 17px;
    }
    .whf-content {
        padding: 30px 26px 0;
    }
    .add-mobile-navigation {
        display: block;
    }
    .whitepapers-holder .wh-section-2 {
        padding-bottom: 10px;
    }
    .whitepapers-holder .wh-section-3 {
        min-height: 95px;
    }
    .wh-form-holder .whf-title {
        font-size: 14px;
    }
    .wh-form-holder .whf-title strong {
        font-size: 20px;
    }
    .webinar-list {
        text-align:left;
    }
    .webinar-archive-item {
        width:48%;
    }
    .title-detail,
    .web-full-post {
        padding-left:14px;
        padding-right:14px;
    }
    .wh-breadcrumbs {
        padding:0 14px 12px;
    }
    .join-us-form-holder .jb-1 .fl,
    .join-us-form-holder .jb-1 .fr {
        float: none;
        width: auto;
    }
    .jufh-box {
        width: auto;
    }
    .vs-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .wide-video-holder {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .web-full-post .wide-video-holder {margin-bottom:20px;}
    .vs-holder .vsh-box:nth-child(2n),
    .vs-holder .vsh-box {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .fancy-list-two li {
        display:block;
        width:100%;
        max-width:252px;
        margin-right:0;
    }
    .occ-2-items-columns .occc-column:nth-child(2),
    .occ-columns .occc-column{
        width: 400px;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .occc-column .client-photo {
        margin-bottom:-72px;
    }
    .testimonial-frame .occc-column .client-photo {margin-bottom:-62px;}
    .occ-columns .occc-column{
        background-size: 85%;
    }
    .occc-column .client-photo img{
        width:85%;
    }
    .testimonial-hidden-row {
        margin-bottom: 20px;
    }
    .st-column:first-child,
    .st-column {
        display:block;
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    .cms-single-section-top-indent{
        padding-top: 70px;
    }
    .serve-all-industries-content .saic-main-list{
        width:80%;
    }
    .page-search-box {
        padding-right:0;
    }
    .ch-form.page-search-box .ff-btn-submit {
        position:static;
        display:block;
        margin:10px auto 0;
        clear:both;
    }
    .wh-presses {
        padding-left: 0;
        padding-right: 0;
    }
    .step-content .img-right {
        display: block;
        margin: 0 auto 20px;
        float: none;
        max-width: 100%;
        height: auto;
    }
    .steps-controls ul li {
        padding-bottom: 40px;
    }
    .steps-controls .text {
        bottom: 17px;
    }
    .video-presentation-section,
    .video-section {
        padding-left: 26px;
        padding-right: 26px;
    }
    .wide-video-holder {
        margin-bottom: 20px;
    }
    #button_container .btn-simple-blue {
        display: block;
        margin: 0 26px 10px;
    }
    #button_container .btn-simple-blue:last-child {
        margin-bottom: 0;
    }
    .oms-item {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .ps-nav .psn-item a {
        font-size: 20px;
        padding-top: 15px;
    }
    .ps-nav .psn-item a em {
        display: none;
    }
    .ps-nav .psn-item a.active em {
        display: inline;
    }
    .ps-nav .psn-item {
        width: 16.2027027%;
    }
    .ps-nav .psn-item:last-child {
        width: 17.1027027%;
    }
    .ps-nav .psn-item-active {
        width: 36.827027%;
    }
    .four-phases-slider .ps-nav .psn-item {
        width: 21.0576576%;
    }
    .four-phases-slider .ps-nav .psn-item:last-child {
        width: 22.7777777%;
    }
    .four-phases-slider .ps-nav .psn-item-active {
        width: 36.827027%;
    }
    .ps-nav .psn-item-active:last-child {
        width: 37.827027%;
    }
    .four-phases-slider .ps-nav .psn-item-active:last-child {
        width: 38.627027%;
    }
    .psc-text .two-cols .col:nth-child(2),
    .psc-text .two-cols .col {
        float: none;
        width: auto;
    }
    .psc-lead {
        padding: 0 18px 35px;
    }
    .ps-content .bx-controls-direction a:hover:before,
    .ps-content .bx-controls-direction a:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-arrow2.png") no-repeat;
        height: 37px;
        width: 16px;
    }
    .ps-content .bx-controls-direction a.bx-prev {
        left: -28px;
    }
    .ps-content .bx-controls-direction a.bx-next {
        right: -33px;
    }
    .ps-content .bx-controls-direction a.bx-prev.disabled:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-arrow2.png") no-repeat scroll 0 0 #FFFFFF;
    }
    .ps-content .bx-controls-direction a.bx-prev:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-arrow2.png") no-repeat scroll 0 -113px #FFFFFF;
    }
    .ps-content .bx-controls-direction a.bx-next.disabled:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-arrow2.png") no-repeat scroll 0 -38px #FFFFFF;
    }
    .ps-content .bx-controls-direction a.bx-next:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-arrow2.png") no-repeat scroll 0 -72px #FFFFFF;
    }
    .psc-lead {
        font-size: 17px;
        line-height: 1.4;
        padding-bottom: 10px;
    }
    .ps-content .psc-text-full {
        padding-top: 10px;
    }
    .psc-item .last,
    .psc-text {
        padding: 10px 0;
    }
    .three-phase-section .ps-nav .psn-item a em {
        display: block;
    }
    .three-phase-section .ps-nav {
        padding: 0;
    }
    .three-phase-section .ps-nav .psn-item {
        height: 50px;
    }
    .three-phase-section .ps-nav .psn-item a em {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        top: -26px;
        margin-left: -22px;
    }
    .three-phase-section .ps-nav .psn-item p {
        display: none;
    }
    .three-phase-section .ps-content {
        margin-top: 0;
        padding: 0 0 30px;
    }
    .three-phase-section .psc-lead {
        padding: 0 0 30px;
    }
    .three-phase-section .psc-lead h3 {
        padding: 30px 10px 25px;
        text-align: center;
        color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-family: 'roboto-bold-webfont', Arial, Helvetica, Sans-Serif;
        position: relative;
        margin-bottom: 40px;
    }
    .three-phase-section .psc-lead h3:after {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 19px 26px 0 26px;
        content: "";
        position: absolute;
        left: 50%;
        bottom: -19px;
        margin-left: -26px;
    }
    .three-phase-section .psc-lead h3 span {
        font-family: 'roboto-light-webfont', Arial, Helvetica, Sans-Serif;
    }
    .three-phase-section .psc-lead p {
        margin: 0 10px;
        font-size: 15px;
        line-height: 22px;
    }
    .three-phase-section .psc-item:nth-child(1) h3 {
        background: #009ddc;
    }
    .three-phase-section .psc-item:nth-child(1) h3:after {
        border-color: #009ddc transparent transparent;
    }
    .three-phase-section .psc-item:nth-child(2) h3 {
        background: #0078ae;
    }
    .three-phase-section .psc-item:nth-child(2) h3:after {
        border-color: #0078ae transparent transparent;
    }
    .three-phase-section .psc-item:nth-child(3) h3 {
        background: #006B9B;
    }
    .three-phase-section .psc-item:nth-child(3) h3:after {
        border-color: #006B9B transparent transparent;
    }
    .three-phase-section .ps-nav .psn-item a.active:after {
        display: none;
    }
    .three-phase-section .phase-slider-holder .step-arrow {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/step-arrow2.png') no-repeat;
        width: 49px;
        height: 11px;
        top: 26px;
    }
    .three-phase-section .phase-slider-holder .step2 {
        left: 61%;
    }
    .oms-sub-section-1 {
        padding: 100px 0 40px;
    }
    .oms-sub-section-3,
    .oms-sub-section-2 {
        padding: 40px 0;
    }
    .three-phase-section {
        padding-top: 0 !important;
        padding-bottom: 80px !important;
    }
    .three-phase-section .ps-nav .psn-item:last-child {
        width: 34.5111111%;
    }
    .page-team-bg {
        padding-left: 22px;
        padding-right: 22px;
    }
    .aside-form-box.afb__2 {
        margin-top: 0;
    }
    .text-section.ts__1 .preview-aside {
        width: auto;
    }
    .text-section.ts__1 .preview-columns {
        padding-bottom: 0;
        margin: 0 0 20px;
    }
    .text-section.ts__1 .preview-columns .arrow-from-to {
        right: 16px;
    }
    .text-section.ts__2 p,
    .text-section.ts__2 .section-title h2,
    .text-section.ts__1 p,
    .text-section.ts__1 .section-title h2 {
        margin: 0 0 20px;
    }
    .text-section.ts__2 p:last-child,
    .text-section.ts__1 p:last-child {
        margin: 0;
    }
    .rs-blocks .rs-block {
        font-size: 15px;
    }
    .rs-blocks .rs-block span {
        font-size: 50px;
    }
    .stat-box {
        padding-bottom: 20px;
    }
    .chart-description .fr {
        float: none;
        text-align: left;
    }
    .chart-description span {
        float: none;
        display: block;
        margin: 0 0 5px;
    }
    html.no-flash .tpp-heading {
        padding-top: 14px !important;
    }
    html.no-flash .tpp-heading h1 {
        margin-bottom: 0 !important;
    }
    .search-container #cse-search-box .google-search-container {
        width: 100%;
        padding-left: 10px !important;
    }
    .search-container .clear-search {
        right: 10px;
    }
    .fvs-video-thumb .video-overlay,
    .wide-video-holder .video-overlay {
        width: 64px;
        height: 64px;
    }
    .fvs-video-thumb .video-overlay:before,
    .wide-video-holder .video-overlay:before {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-small.png") no-repeat;
        width: 64px;
        height: 64px;
    }
    .fvs-video-thumb .video-overlay:after,
    .wide-video-holder .video-overlay:after {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/icons/ico-play-small.png") no-repeat 0 -64px;
        width: 64px;
        height: 64px;
    }
    /* logo slider */
    #logo-process {
        padding-top: 50px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-logo-process-mob.png") no-repeat 50% 0;
        box-shadow: none;
    }
    #logo-process:after {
        display: none;
    }
    #logo-process h2 {
        font-size: 27px;
    }
    #logo-process p {
        font-size: 15px;
    }
    #logo-process .lp-slider {
        padding: 40px 38px;
        margin: 0;
    }
    .pull-left {
        left: -18px;
    }
    .pull-right {
        right: -30px;
    }
    .lp-slider-txt h3 {
        font-size: 25px;
    }
    .lp-slider-txt p {
        font-size: 14px;
        line-height: 1.5;
    }
    .lp-mobile-swipe {
        width: 87%;
    }
    .digital-experts h2 {
        font-size: 28px;
    }
    .de-frame {
        padding-left: 10px;
        padding-right: 10px;
    }
    .de-blog-item:nth-child(2n),
    .de-blog-item:nth-child(4n),
    .de-blog-item {
        display: block;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 40px;
    }
    .de-text-frame {
        padding: 20px;
    }
    .visit-more {
        padding: 26px 0;
    }
    .nm-link {
        font-style: normal;
        font-size: 27px;
        line-height: 1.3;
    }
    .nm-link span {
        display: block;
    }

}
@media only screen and (max-width: 600px) {
    .footer #footer-newsletter-form .sign-up-btn {
        padding-left: 14px;
        padding-right: 14px;
    }
    .das-items .das-item .tn {
        float: none;
        display: block;
        margin: 0 0 20px;
        text-align: center;
    }
    .das-items .btn-green {
        left: 31px;
    }
    .das-item .das-content h3 span {
        display: inline;
        padding-left: 10px;
    }
    .demo-reel-block .drb-content h3 {
        padding-right: 0;
    }
    .bfm-awards{
        padding-bottom: 30px;
    }
    .bfm-awards .txt{
        font-size: 23px;
        line-height: 24px;
    }
    .bfm-awards .txt span{
        font-size: 22px;
    }
    .digital-experts .item{
        display: block;
        width: 90%;
        margin: 0 auto 20px !important;
    }
    .f-subscribe:before,
    .f-subscribe:after,
    .f-location-inner:before,
    .f-location-inner:after{
        display: none;
    }
    .f-subscribe{
        margin: 30px 3% -30px;
        border: solid 1px rgba(86, 207, 255, 0.3);
        border-radius: 5px;
    }
    .f-location-inner{
        margin: 0 3%;
        border: solid 1px rgba(86, 207, 255, 0.3);
        border-radius: 5px;
    }
    .f-information-columns-wrapper-light {
        padding-bottom: 95px;
    }
    .f-information-columns-wrapper-light .f-subscribe {
        margin-top: 0;
        border: 0;
        text-align: center;
    }
    .f-information-columns-wrapper-light .f-subscribe-form {
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
        height: 54px;
    }
    .f-subscribe-inner{
        margin: 0;
        padding: 20px;
    }
    .f-subscribe h6{
        font-size: 20px;
        line-height: normal;
    }
    .f-information-columns-wrapper-light .f-subscribe h6 {
        font-size: 24px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .f-subscribe h6 span{
        display: block;
        font-size: 16px;
    }
    .f-information-columns-wrapper-light .f-subscribe h6 span {
        padding-left: 20px;
        padding-right: 20px;
    }
    .f-subscribe-form .sign-up-btn{
        padding-left: 15px !important;
        padding-right: 15px !important;
        border-radius: 20px;
    }
    .f-information-columns-wrapper-light .f-subscribe-form .sign-up-btn {
        width: 146px;
        position: static;
        float: none;
        display: block;
        margin: 18px auto 0;
    }
    .f-subscribe-form input[type="text"]{
        padding: 15px 105px 16px 20px;
    }
    .f-information-columns-wrapper-light .f-subscribe-form input[type="text"] {
        padding-right: 35px;
        padding-left: 35px;
    }
    .f-information-columns-wrapper-light .f-subscribe .message {
        padding: 70px 0 0;
        margin: 0 0 -50px;
    }
    .f-location-inner{
        padding: 20px 20px 0;
    }
    .f-location .txt{
        margin: 0;
        text-align: center;
    }
    .f-location .img-map{
        display: block;
        position: relative;
        margin: 0 auto;
        bottom: -29px;
        left: auto;
        right: auto;
        width: 100%;
        max-width: 482px;
    }


}
@media only screen and (max-width: 480px) {
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
    }
    .before-and-after-wrapper .frame, .page-title .frame {
        padding: 0 8px;
    }
    .search-field input[type="text"] {
        width:100%;
    }
    .search-active {
        padding-bottom: 84px !important;
    }
    .search-field {
        bottom: -90px;
    }
    .header {
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
    }
    .h-animated {
        top: -41px;
    }
    .home-company-logos-content {
        width:286px;
        height:106px;
        margin:0 auto;
        position:relative;
    }
    .home-company-logos-content li {display:inline;}
    .client-logo-item {position:absolute;}
    .cl-pg {
        top:10px;
        left:136px;
    }
    .cl-at {
        top:70px;
        left:208px;
    }
    .cl-nasa {
        top:7px;
        left:0;
    }
    .cl-canon {
        top:75px;
        left:0;
    }
    .cl-nfl {
        top:4px;
        left:73px;
    }
    .cl-hc {
        top:64px;
        left:114px;
    }
    .cl-usm {
        top:0;
        left:218px;
    }
    .cl-ea {
        top: 0;
        right: 0;
    }
    .cl-op {
        top: 64px;
        left: 76px;
    }
    .hnc-features-list {width:70%;}
    .hnc-features-list > li{
        width:100%;
    }
    .hnc-simple-list{
        display: none;
    }
    .home-nutshell-content .h3,
    .home-nutshell-content h3{
        font-size: 45px;
        line-height: 42px;
    }
    .home-nutshell-content h3.h3 {
        line-height: 1.2;
    }
    .home-nutshell-content .h3 span,
    .home-nutshell-content h3 span{
        display: block;
    }
    .hs-sub-row {
        padding-bottom:20px;
    }
    .hs-sub-item {margin:0 10px 10px;}
    .hs-sub-item:first-child {margin-left:0;}
    .hs-sub-item:last-child {margin-right:0;}
    .hs-item-ima {max-width:180px;}
    .hs-item-google {max-width:84px;}
    .olpcb-left-column,
    .olpcb-right-column{
        width: 100%;
    }
    .olpcb-two-items .olp-item img {max-height:300px;}
    .olpcb-two-items .olp-item {max-width:300px;}
    .our-latest-projects-content .olpc-subcaption{
        display: none;
    }
    .our-latest-projects-content h3,
    .serve-all-industries-content h3{
        font-size: 45px;
    }
    .serve-all-industries-content .saic-subcaption{
        padding-top: 30px;
    }
    .saic-columns .saic-column-list{
        width: 93%;
        float: none;
        padding: 0;
        margin: 0 auto;
    }
    .saic-columns .saic-column-list:nth-child(2) ul,
    .saic-columns .saic-column-list:last-child ul{
        border-style: none;
        padding-top: 0;
    }
    .serve-all-industries-content .saic-subcaption{
        width: 80%;
        margin: 0 auto;
    }
    .occ-2-items-columns .occc-column:nth-child(2),
    .occ-columns .occc-column{
        width: 300px;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .testimonial-frame .occc-column .client-photo,
    .occc-column .client-photo {
        margin-bottom:-56px;
    }
    .occ-columns .occc-column{
        background-size: 85%;
    }
    .occc-column .client-photo img{
        width:85%;
    }
    .so-columns .soc-column{
        width:93%;
        float: none;
        margin: 0 auto;
        padding-top: 40px;
    }
    .soc-column h5 .step-arrow,
    .soc-column h2 .step-arrow,
    .soc-column h3 .step-arrow{
        display: none;
    }
    .succeeding-online > h2,
    .succeeding-online > h3{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .f-information-columns-content .ficc-bfm{
        width:93%;
        margin: 0 auto;
    }
    .f-information-columns-content .ficc-bfm .bfm-map,
    .f-information-columns-content .bfm-text{
        float: none;
        width:100%;
    }
    .f-information-columns-content .ficc-bfm .direction-follow-btn,
    .ficc-twitter .direction-follow-btn{
        left: 50%;
        width:auto;
        right: auto;
    }
    .f-information-columns-content .ficc-bfm .direction-follow-btn {
        margin-left: -94px;
    }
    .ficc-twitter .direction-follow-btn {
        margin-left: -80px;
    }
    .f-information-columns-content .ficc-bottom{
        margin-top: 50px;
    }
    .f-information-columns-content .ficc-email{
        width:100%;
        float: none;
    }
    .email-sign-up .sign-up-btn {
        margin: 18px 0 0;
        position: static;
    }
    .f-information-columns-content .ficc-twitter{
        float: none;
        width: 100%;
        margin-top: 80px;
    }
    .f-menu-content .fmc-list li{
        display: block;
        margin-bottom: 25px;
        margin-right:0;
    }
    .f-menu-content .fmc-copyright{
        margin-top: 0;
    }
    .olp-ecommerce .olpi-hover-stare{
        padding: 15% 30px 0;
    }
    .olpi-hover-stare .hs-content{
        margin-top: 20px;
        padding-top: 20px;
    }
    .olpi-hover-stare .hs-lnk{
        margin-top: 30px;
    }
    .testimonials-items .testimonial {
        padding-left: 20px;
        padding-right: 10px;
    }
    .testimonial .ti-author {padding-right:0;}
    .ti-author-content .tiac {
        clear:both;
        padding-top:14px;
    }
    .text-section,
    .press-events-block,
    .cs-wide-section,
    .cs-block-single,
    .case-studies-section {
        padding-left:16px;
        padding-right:16px;
    }
    .page-navigation {
        margin-left:26px;
        margin-right:26px;
    }
    .case-studies-section {padding-bottom:82px;}
    .cs-thumb {
        float:none;
        margin:0 0 24px;
    }
    .cs-site-screen {
        width:100%;
        max-width:100%;
    }
    .website-tag {top:21px;}
    .custom-list li {
        padding-bottom:12px;
    }
    .page-title {padding-top:10px;}
    .page-title h2,
    .page-title h1 {
        font-size:32px;
        padding-bottom:16px;
    }
    .page-navigation {
        padding:14px 0 20px;
        margin-bottom:15px;
    }
    .page-navigation a span {
        display:none;
    }
    .page-navigation a {
        font-size:17px;
    }
    .page-navigation .next-page:after,
    .page-navigation .prev-page:before {
        font-size:30px;
        margin-top:-9px;
    }
    .cs-block-single .cs-thumb {
        margin-top:0;
    }
    .cs-block h1 {
        margin-bottom:18px;
        padding-right:0;
    }
    .section-title {margin-bottom:32px;}
    .frame-section-title h2,
    .section-title h2, .h-h2 {
        font-size:32px;
    }
    .testimonials-wide-section .frame-section-title {padding-bottom:10px;}
    .cs-preview-design {
        padding:82px 0;
    }
    .cs-results {
        padding-top:86px;
        padding-bottom:100px;
    }
    .cs-graphs {
        position:relative;
        overflow:hidden;
        min-height:400px;
    }
    .cs-graphs-single {min-height: 118px;}
    .cs-graphs-double {min-height: 260px;}
    .cs-graphs img {
        width:674px;
        max-width:200%;
        position:absolute;
        left:50%;
        margin:0 0 0 -50%;
        top:0;
    }
    .cs-graphs .cs-graph2 {
        top:140px;
    }
    .cs-graphs .cs-graph3 {
        top:282px;
    }
    .cs-details {
        padding-top:82px;
        padding-bottom:82px;
    }
    .cs-detail-col,
    .cs-detail-col:first-child {
        display:block;
        width:100%;
        padding:0;
    }
    .cs-service-column h3 br {
        display:none;
    }
    .page-intro-block {
        margin-left:16px;
        margin-right:16px;
    }
    .service-wide-item,
    .services-wide-section {
        padding-left:16px;
        padding-right:16px;
    }
    .services-wide-list {
        padding-left:0;
        padding-right:0;
    }
    .page-intro-block {
        padding-top:0;
        padding-bottom:14px;
        margin-bottom:32px;
    }
    .intro-block-industries-served {padding-bottom: 34px;}
    .page-intro-text {
        width:100%;
        display:block;
        text-align:center;
        padding:14px 0;
        font-size:18px;
    }
    .page-intro-image {
        display:block;
        width:100%;
        padding:0;
    }
    .service-dt-columns {
        padding-bottom:64px;
        display:block;
        position:relative;
    }
    .sw-description {padding-bottom:6px;}
    .sw-description .btn-simple {
        width:148px;
        padding-left:5px;
        padding-right:5px;
        text-align:center;
        position:absolute;
        bottom:0;
        left:50%;
        margin-left:-74px;
    }
    .bullet-service-list {
        display:block;
        width:224px;
        margin:0 auto;
        padding:40px 0 0 6px !important;
        background:none;
    }
    .creative-serv-item .bullet-service-list {padding-left:28px !important;}
    .bullet-service-list:after {
        display:none;
    }
    .bullet-service-list:before {
        top:0;
        left:50%;
        margin-left:-111px;
        width:223px;
        height:21px;
        background-position:-90px -21px;
    }
    .mobiledev-serv-item .bullet-service-list,
    .marketing-serv-item .bullet-service-list {
        width:258px;
    }
    .mobiledev-serv-item .bullet-service-list:before,
    .marketing-serv-item .bullet-service-list:before {
        width:257px;
        margin-left:-128px;
        background-position:-90px 0;
    }
    .blue-box-inner h4 br {display:inline;}
    .blue-middle-box {margin-bottom:32px;}
    .ws-column:first-child,
    .ws-column {
        display:block;
        width:100%;
        padding:0 0 25px;
        text-align:center;
    }
    .work-section {padding-bottom:70px;}
    .certify-section {
        padding-top:88px;
        padding-bottom:60px;
    }
    .certify-section .blue-middle-box {margin-top: -140px;}
    .certify-section .section-title {
        padding-bottom:26px;
        margin-bottom:26px;
    }
    .certify-items {
        margin:0;
    }
    .certify-item:first-child, .certify-item {
        display:block;
        width:100%;
        padding:0 30px 20px;
    }
    .certify-item img {
        width:auto;
    }
    .ti-item:last-child,
    .ti-item:first-child,
    .ti-item {
        width:100%;
        display:block;
        padding:0 5px 36px;
    }
    .ti-ibm {width:136px;}
    .ti-bbb {width:156px;}
    .ti-gsa {width:108px;}
    .ti-norton {width:170px;}
    .ti-gp {width:147px;}
    .intro-block-no-bd {padding-bottom:72px;}
    .page-intro-title {
        padding-right:0;
        text-align:center;
    }
    .intro-fl1-image,
    .intro-fl-image {
        float:none;
        display:block;
        margin:0 auto;
        width:100%;
    }
    .seo-intro-block .intro-fl-image,
    .page-intro-email .intro-fl-image {
        margin: 0 auto 20px;
    }
    .intro-block-no-bd, .intro-block-services-landing {
        text-align:center;
    }
    .intro-block-no-bd .custom-list {
        text-align:left;
    }
    .strategy-consult-item {
        text-align:center;
    }
    .sc-logo {
        float:none;
        margin:0 auto 16px;
    }
    .marketing-strategy-item {background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/our-clients-bkg.png) repeat;}
    .our-team-section .see-all-large-blue span {display:none;}
    .sample-text-section .section-title p {text-align:left;}
    .press-events-block {
        padding-top:30px;
        padding-bottom:30px;
    }
    .page-intro-about p {
        font-size:20px;
    }
    .branch-item h2 {
        font-size:35px;
        margin:0 0 14px;
    }
    .branch-img {margin:0 0 24px;}
    .page-intro-center {padding-top:20px;}
    .page-intro-center h2 {
        font-size:28px;
        margin:0 0 10px;
    }
    .page-intro-center h3 {
        font-size:20px;
        margin:0 0 16px;
    }
    .press-events-block h3 {
        font-size:16px;
        margin:0 0 13px;
    }
    .paging-basic {
        padding-bottom:100px;
    }
    .paging-inline {margin-top:62px;}
    .paging-inline .pag-prev-link,
    .paging-inline .pag-next-link {
        position:absolute;
        top:30px;
        left:14px;
        margin:0;
    }
    .paging-inline .pag-next-link {
        left:auto;
        right:14px;
    }
    .details-columns {
        padding-left:16px;
        padding-right:16px;
    }
    .detail-column:first-child,
    .detail-column {
        display:block;
        padding:0;
        width:100%;
        text-align:justify;
    }
    .page-intro-details {padding-top:0;}
    .dif-logos-list {
        text-align:center;
        padding-left:0;
        padding-right:0;
    }
    .dif-logos-list li {
        max-width:140px;
        height:142px;
        line-height:142px;
        margin:0 2px 6px;
    }
    .intro-sample-image {
        float:none;
        width:100%;
        margin:0 0 20px;
    }
    .intro-sample-image img {
        max-width:284px;
    }
    .pi-left-text {
        padding-top:0;
        padding-bottom:50px;
    }
    .text-section-narrow p {
        padding-left:0;
        padding-right:0;
    }
    .sample-right-img {
        float:none;
        display:block;
        width:100%;
        max-width:300px;
        margin:0 auto 20px;
    }
    .testimonial-frame .frame {
        padding-left:16px;
        padding-right:16px;
    }
    .industries-intro-block {
        text-align:center;
        margin-bottom:0;
    }
    .industries-intro-block h3 {padding-right:0;}
    .industries-intro-block .intro-fl-image {
        max-width:290px;
        margin-top:0;
    }
    .industries-inner-wrapper {padding-bottom:72px;}
    .fancy-list-two li {
        margin-left:auto;
        margin-right:auto;
        text-align:left;
    }
    .pp-row {padding:20px 0;}
    .pp-row:first-child {padding-top:0;}
    .pp-nb-col,
    .pp-icon {
        display:block;
        clear:both;
        width:100%;
        padding:0 0 15px;
    }
    .testimonial-hidden-row h4 {
        font-size:32px;
    }
    .cms-spec-item {
        padding-left:12px;
        padding-right:12px;
    }
    .cms-spec-item .frame {
        padding-left:0;
    }
    .cms-spec-item:nth-child(2n) .frame {
        padding-right:0;
    }
    .cms-spec-item h3 {
        text-align:center;
        font-size:27px;
    }
    .cms-spec-logo {
        position:static;
        text-align:center;
        max-width:180px;
        margin:0 auto 10px;
    }
    .st-column  .text-custom-title,
    .text-custom-title {font-size:28px;}
    .baac-row .baac-visible-row .alignleft {
        margin-bottom: 18px;
    }
    .baac-row .baac-visible-row .alignleft,
    .baac-row .baac-visible-row .alignright {
        float: none;
        width: auto;
    }
    .baac-more-top { display: block; }
    .baac-more-bottom { display: none; }
    .baac-row .baac-arrow {
        top: 44.09005628517824%;
        width: 82px;
        height: 70px;
        background-position: -873px -15px;
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
    }
    .baac-frame .frame:hover .baac-arrow {
        left:50%;
        top:45%;
    }
    .baac-row-active .baac-more-top a:after { display: none; }
    .baac-row-active .alignright .baac-more a:after {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat -632px -85px;
        width: 21px;
        height: 11px;
        position: absolute;
        bottom: -19px;
        left: 50%;
        content: "";
        margin-left: -13px;
    }
    .baac-row .baac-hidden-item-content h4 {
        font-size: 32px;
        padding-bottom: 88px;
    }
    .baac-row .baac-hidden-item-frame {
        padding-top: 27px;
    }
    .baac-row .baac-link-close {
        top: -27px;
    }
    .intro-fl-image-holder {
        float: none;
        margin: 0;
        width: auto;
        text-align: center;
    }
    .intro-fl-image-holder .prev-link-holder a {
        display: none;
    }
    .page-intro-block .desktop {
        display: none;
    }
    .page-intro-block .mobile {
        display: block;
    }
    .text-section h3
    {
        font-size: 28px;
        line-height: 30px;
    }
    .text-section h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .top-page-panel-visible .tpp-heading strong br {
        display: none;
    }
    .design-samples-section {
        padding-left: 26px;
        padding-right: 26px;
    }
    .ds-row .ds-col {
        margin: 0 0 30px;
        float: none;
        width: auto;
    }
    .ds-row {
        margin: 0;
    }
    .fwb-row .fwb-item{
        width:100%;
        margin: 0 0 28px;
        float: none;
        text-align: center;
    }
    .fwb-row .fwb-items img{
        display: inline;
    }
    .demo-video-box h4,
    .expanded-mode h4 {
        font-size: 28px;
    }
    .demo-reel-block .drb-content h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .single-text-section {
        font-size: 14px;
    }
    .extra-text-section h1,
    .single-text-section h1 {
        font-size: 24px;
        margin: 0 0 18px;
    }
    .single-text-section h2{
        font-size: 17px;
    }
    .single-text-section h3 {
        font-size: 15px;
    }
    .single-text-section p {
        margin: 0 0 15px;
    }
    .form-login-box {
        margin-left:10px;
        margin-right:10px;
        padding:16px;
    }
    .form-login-box .f-row {
        padding-left:0;
        margin-right:0;
    }
    .webinars-holder .wh-form-holder {
        margin-left:10px;
        margin-right:10px;
    }
    .whitepapers-holder .wh-section-4 {padding-top:32px;}
    .archive-block .section-title h2, .h-h2 {
        font-size:34px;
    }
    .webinar-archive-item {
        display:block;
        width:100%;
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
    }
    .webinar-archive-thumb {
        width:228px;
        height:120px;
    }
    .btn-top {
        width: 50px;
        height: 68px;
        padding: 5px 6px 0;
    }
    .btn-top span {
        margin-bottom: 5px;
    }
    .no-pad-marg-mobile {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .drb-no-pad-mobile .frame {padding-bottom: 0;}
    .drb-no-pad-mobile .drb-main-content {margin-bottom: 0}
    .developer-container pre {font-size: 9px;}
    .mobile-center-hold {text-align: center;}
    .wrapper .pt-none-mobile {padding-top: 0;}
    .contact-holder {padding-left: 19px;}
    .steps-controls ul {
        margin-bottom: 15px;
    }
    .steps-controls li.sep span {
        width: 60px;
    }
    .steps-controls ul li {
        padding-bottom: 10px;
    }
    .steps-controls .num {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
    }
    .steps-controls .text {
        font-size: 14px;
        bottom: 3px;
    }
    .step-content {
        padding-top: 26px;
        padding-bottom: 26px;
    }
    .ficc-email {
        overflow: hidden;
    }
    .email-sign-up .esu-input .esui-corner {
        right: 0;
    }
    #slider_full-width .step-content h3 {
        font-size: 28px;
    }
    #slider_full-width .sfw-slide-frame {
        padding-left: 40px;
    }
    .itnc-box {
        margin-bottom: 0;
    }
    .box-shadow-holder.right img,
    .box-shadow-holder.left img {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    .box-shadow-holder {
        text-align: center;
    }
    .box-shadow-holder.left .bsh-text {
        padding: 0;
    }
    .phase-section {
        padding: 100px 0 80px;
    }
    .phase-slider-holder .ps-content {
        padding-bottom: 20px;
    }
    .seo-traffic-section {
        padding-bottom: 100px;
    }
    .seo-section,
    .smm-section {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    .three-phase-section .phase-slider-holder .step2 {
        left: 59%;
    }
    .design-samples-section .design-samples .ds-row {
        margin: 0;
    }
    .drb-content-1-holder .ec-video-box {
        padding-top: 25px;
    }
    .raq-logos-section .raq-logo-item {
        width: 100%;
        float: none;
    }
    .benefits-section .bs-item {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .job-section {
        padding-left: 0;
        padding-right: 0;
    }
    .job-section .js-item {
        width: 100%;
        float: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .job-section .js-item:nth-child(odd),
    .job-section .js-item:nth-child(even) {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .job-section .js-nav {
        display: block;
    }
    .job-section .js-items {
        display: none;
    }
    .job-section .jsi-position {
        display: none;
    }
    .job-section .js-nav .js-item h3 {
        font-size: 25px;
        line-height: 1;
    }
    .job-section .js-nav .js-item {
        overflow: hidden;
        height: 0;
        padding: 0 !important;
        margin-bottom: 0;

        display: none;
    }
    .job-section .js-nav .jsi-content {
        padding: 30px 22px 28px;
        border-bottom: 3px solid #e2e2e2;
    }
    .page-team-bg h3 {
        font-size: 20px;
        line-height: 24px;
        padding: 0 20px;
    }
    .footer #footer-newsletter-form .sign-up-btn {
        padding-left: 40px;
        padding-right: 40px;
    }
    .rs-blocks-diff .rs-block,
    .rs-blocks-diff .rs-block:first-child,
    .rs-blocks-alt .rs-block,
    .rs-blocks-alt .rs-block:first-child,
    .rs-blocks-alt .rs-block:last-child,
    .rs-blocks .rs-block {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        width: 100%;
    }
    .rs-blocks .rs-block:last-child {
        border-bottom: 0;
    }
    .rs-blocks {
        padding-top: 0;
        padding-bottom: 0;
    }
    .rs-blocks .rs-block {
        min-height: 0;
        padding: 15px 0;
        margin-bottom: 0;
    }
    .rs-title {
        font-size: 17px;
    }
    .search-container .search-item .si-tn {
        display: none;
    }
    .search-container .clear-search {
        right: 17px;
    }
    .search-container #cse-search-box .google-search-container {
        padding-right: 50px !important;
    }
    .img-loader-wisty{
        height:160px;
    }
    .wistia_embed{
        width:480px;
        height:270px;
    }
    .fvs-title {
        font-size: 32px;
        padding: 14px 10px;
    }
    .categories-testim .item.frame{
        margin: 0 10px;
    }
    .categories-testim .title-category span{
        font-size: 25px;
    }
    .featured-work-fullscreen .expanded-mode {
        margin-left: -42px;
        margin-right: -42px;
    }
    .lp-mobile-swipe {
        width: 84%;
    }
}
@media screen and (max-width: 500px) and (orientation : landscape) {
    .wrapper {
        padding-top: 90px;
    }
    .mm-opened .b-animated .wrapper {
        padding-top: 50px;
    }
    .header {
        height: 90px;
        padding-top: 50px;
    }
    html.mm-opened .header {left: 205px;}
    .ht-simplemenu .search {
        bottom: -34px;
    }
    .search-field {
        bottom: -84px;
    }
    .menu-title {
        height: 90px;
    }
    .menu-title .open-m-menu {
        margin-top: 8px;
    }
    html.mm-opened .b-animated .menu-title {
        height: 50px;
        border-top-width: 3px;
    }
}
@media only screen and (max-width: 380px) {
    .aside-form-box.afb__2 {
        width: 100%;
    }
    .afb__2 .field-error textarea,
    .aside-form-box.afb__2 .field-error input {
        background-position: 100% -811px !important;
    }
    .afb__2 .field-success textarea,
    .aside-form-box.afb__2 .field-success input {
        background-position: 100% -567px !important;
    }
    .lp-mobile-swipe {
        width: 82%;
    }
    .bfm-awards h2 em.mobile-wrap{
        display: block;
    }
    .gallery-space-hold {
        margin-left: 0;
    }
}
@media only screen and (max-width: 360px) {
    .mm-opened .b-animated .wrapper {
        padding-top: 61px;
    }
    html.mm-opened .b-animated .menu-title {
        height: 61px;
        border-top-width: 3px;
    }
    .cs-service-column {
        display:block;
        width:100%;
        padding:0 0 20px;
    }
    .service-logo {
        max-width:122px;
        margin-bottom:20px;
    }
    .whitepapers-section .btn-simple {display:block;}
    .rounded-box {margin:0 -16px;}
    .ow-items-diff-sizes .ow-item {
        width:100%;
        margin-bottom:30px;
        height:auto;
    }
    .ow-items-diff-sizes .ow-item > a {height:auto;}
    .ow-items-diff-sizes .ow-item img {
        max-width:98%;
        position:static;
    }
    .fancy-list li {
        margin-right:0;
    }
    .fancy-list-grey .fl-item {width:100%;}
    .dif-logos-list {
        max-width:300px;
    }
    .dif-logos-list li {
        width:47%;
    }
    .expanded-mode .thumbnails img {
        max-width: 81px;
    }
    .demo-video-box h4,
    .expanded-mode h4 {
        font-size: 20px;
        padding-right: 56px;
    }
    .aside-form-box {
        width: 100%;
    }
    .aside-form-box .field-error input {
        background-position: 99% -811px !important;
    }
    .aside-form-box .field-success input {
        background-position: 99% -567px !important;
    }
    .design-samples-section,
    .cs-preview-design-pad .featured-work-block,
    .demo-reel-block,
    .featured-work-block,
    .industry-recognition-wide-section,
    .testimonials-wide-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .design-samples-section .featured-work-block,
    .newsletter-section .featured-work-block,
    .our-work-section .featured-work-block,
    .our-work-section-with-link .featured-work-block {
        padding-left: 0;
        padding-right: 0;
    }
    .step-content .img-right {
        width: 100%;
    }
    .step-content .btn-simple {
        padding-left: 40px;
        padding-right: 40px;
    }
    .btn-simple-blue {
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .steps-controls .text {
        bottom: 3px;
        font-size: 12px;
    }
    .steps-controls {
        padding-left: 5px;
        padding-right: 0;
    }
    #slider_full-width .step-content h3 {
        font-size: 22px;
    }
    .sfw-slide-frame h3 span {
        left: -40px;
        width: 30px;
    }
    #slider_full-width .sfw-slide-frame {
        padding-left: 30px;
    }
    .three-phase-section .phase-slider-holder .step2 {
        left: 57%;
    }
    .rs-items .rs-item {
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    .result-section .rs-items {
        padding-top: 60px;
    }
    .rs-items .rs-item {
        margin: 0 auto 40px;
    }
    .rs-items .rs-item:nth-child(2) {
        margin: 0 auto 75px;
    }
    .categories-testim .ico-category{
        width: 60px;
    }
    .categories-testim .title-category span{
        font-size: 20px;
    }
    .featured-work-fullscreen .expanded-mode {
        margin-left: -16px;
        margin-right: -16px;
    }
}
@media only screen and (max-width: 320px) {
    .h-h3,
    .home-nutshell-content .h3,
    .home-nutshell-content h3,
    .text-section h3,
    .our-latest-projects-content h3,
    .serve-all-industries-content h3,
    .start-getting-results h5,
    .our-clients-content h3,
    .our-clients-content h2,
    .in-the-news-content h3,
    .in-the-news-content h2{
        font-size: 32px;
        line-height: 40px;
    }
    .hnc-subcaption-fs{
        font-size: 20px;
    }
    .text-section h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .home-resources-img-content .hric-img .tablet-img,
    .in-the-news-content .tablet-img{
        display: none;
    }
    .home-resources-img-content .hric-img .mobile-img,
    .in-the-news-content .mobile-img{
        display: block;
        margin: 0 auto;
    }
    .f-information-columns-content .ficc-bfm .direction-follow-btn,
    .ficc-twitter .direction-follow-btn{
        left: 50%;
    }
    .obc-columns .obcc-column{
        width:100%;
    }
    .hs-left .hsl-header,
    .hs-left .hsl-header h1{
        font-size:25px;
        line-height:28px;
    }
    .hsl-subcaption, .hs-left .simple-sep{
        display:none;
    }
    .hs-left .shadow-sep{
        border-bottom: 1px solid #FFFFFF;
        border-top: 1px solid #E2E3E3;
        height: 0;
        background:none;
    }
    .home-nutshell-wrapper{
        padding-top:85px;
    }
    .serve-all-industries-wrapper{
        padding:80px 0;
    }
    .saic-columns .saic-column-list{
        width:80%;
    }
    .home-resources-img-wrapper{
        padding-bottom:80px;
    }
    .home-resources-img-content .hric-img{
        margin-top:50px;
    }
    .our-clients-wrapper,
    .our-blog-wrapper,
    .in-the-news-wrapper{
        padding:85px 0;
    }
    .our-blog-wrapper .blue-middle-box {margin-top: -128px;}
    .succeeding-online > h2,
    .succeeding-online > h3{
        line-height:30px;
    }
    .our-blog-content h3{
        font-size:32px;
    }
    .obc-columns{
        padding:60px 0 20px;
    }
    .f-information-columns-content .start-getting-results{
        margin-bottom:50px;
    }
    .f-information-columns-content .ficc-bfm h6{
        font-size:20px;
    }
    .f-information-columns-content .bfm-text p{
        font-size: 15px;
        line-height: 23px;
        padding: 0 0 30px;
    }
    .f-information-columns-content .direction-follow-btn{
        font-size:14px;
    }
    .f-information-columns-content .email-receive-tips h6{
        font-size:20px;
    }
    .f-social-columns-content .fscc-column{
        width:255px;
    }
    .fscc-column .social-header{
        width:200px;
    }
    .f-menu-wrapper{
        padding-bottom:30px;
    }
    .industry-recognition-logos .desktop-img,
    .industry-recognition-logos .tablet-img {
        display: none;
    }
    .industry-recognition-logos .mobile-img {
        display: block;
    }
    .tpp-heading {
        font-size: 17px;
    }
    .ow-items-diff-sizes .ow-item {
        width:100%;
    }
    .expanded-mode .thumbnails img {
        max-width: 72px;
    }
    .expanded-mode .thumbnails a:first-child,
    .expanded-mode .thumbnails a {
        margin-left: 10px;
        margin-right: 5px;
    }
    .featured-work-fullscreen .expanded-mode .thumbnails a:first-child,
    .featured-work-fullscreen .expanded-mode .thumbnails a {
        margin: 0;
    }
    .whitepapers-holder .wh-section-3,
    .whitepapers-holder .wh-section-2,
    .whitepapers-holder .wh-section-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .member-descript {
        left: 0;
    }
    .ps-content .btn-reason {
        padding-left: 45px;
        padding-right: 45px;
    }
    .stat-box.st_img .img-desktop {
        display: none;
    }
    .stat-box.st_img .img-mobile {
        display: block;
    }
    .wistia_embed{
        width:320px;
        height:180px;
    }
}
@media only screen and (min-width: 681px) {
    .ec-gallery-desk {
        display: block;
    }
    .ec-gallery-mob {
        display: none;
    }
}
@media only screen and (min-width: 756px) {
    .page-intro-ld .promo-slider img {
        display: none;
    }

    /* EQL animation */
    .slide-eql.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimEql 0.5s steps(20) forwards;
        animation: flipAnimEql 0.5s steps(20) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 0;
    }
    .direction-prev .slide-eql.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimEqlPrev 0.5s steps(21) forwards;
        animation: flipAnimEqlPrev 0.5s steps(21) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 -16195px;
    }

    /* LEON animation */
    .slide-leon.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimLeon 0.5s steps(21) forwards;
        animation: flipAnimLeon 0.5s steps(21) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 -7900px;
    }
    .direction-prev .slide-leon.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimLeonPrev 0.5s steps(18) forwards;
        animation: flipAnimLeonPrev 0.5s steps(18) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 -23305px;
    }

    /* NASA animation */
    .slide-nasa.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimNasa 0.4s steps(18) forwards;
        animation: flipAnimNasa 0.4s steps(18) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 -16195px;
    }
    .direction-prev .slide-nasa.active-slide-flip .slider-inner:before {
        -webkit-animation: flipAnimNasaPrev 0.4s steps(20) forwards;
        animation: flipAnimNasaPrev 0.4s steps(20) forwards;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 -7900px;
    }

    /* hover: icon exploratory */
    .ico-wrap:hover .icon-exploratory svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    /* hover: icon sketches */
    .ico-wrap:hover .icon-sketches svg {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    /* hover: icon final logo */
    .ico-wrap:hover .icon-fianl-logo svg {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    /* hover: icon client presentaion 2 */
    .icon-hand:hover img:nth-child(2) {
        -webkit-animation: anim-icon-hand 1s;
        animation: anim-icon-hand 1s;
    }
    .icon-hand:hover img:nth-child(1) {
        -webkit-animation: anim-icon-finger 1s;
        animation: anim-icon-finger 1s;
    }
    /* hover: icon world cloud */
    .ico-wrap:hover .icon-word-cloud {
        -webkit-animation: anim-icon-cloud .5s;
        animation: anim-icon-cloud .5s;
    }
    .ico-wrap:hover .icon-abc-part:before {
        -webkit-animation: anim-icon-abc .7s;
        animation: anim-icon-abc .7s;
    }
    /* hover: icon internal review */
    .ico-wrap:hover .css-icon-pupil {
        -webkit-animation: anim-icon-pupil .7s;
        animation: anim-icon-pupil .7s;
    }
    /* hover: icon presentaion 1 */
    .ico-wrap:hover .css-icon-present-1 {
        -webkit-animation: anim-icon-present .7s;
        animation: anim-icon-present .7s;
    }
    /* hover: icon colors */
    .ico-wrap:hover .icon-svg .colors-strike2 {
        -webkit-animation: anim-colors-strike2 0.8s;
        animation: anim-colors-strike2 0.8s;
    }
    .ico-wrap:hover .icon-svg .colors-strike3 {
        -webkit-animation: anim-colors-strike3 0.8s;
        animation: anim-colors-strike3 0.8s;
    }

    .de-blog-img {
        overflow: hidden;
    }
    .de-blog-item img {
        -webkit-transition: -webkit-transform 0.8s;
        transition: transform 0.8s;
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    .de-blog-item:hover img {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    .de-blog-item .blog-shadow-corner {
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
    }
    .de-blog-item:hover .blog-shadow-corner {
        -webkit-transform:  translateY(-30px);
        transform:  translateY(-30px);
    }
    .de-text {
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
    }
    .de-blog-item:hover .de-text {
        border-bottom: 1px solid #E9E9E9;
        margin-bottom: -1px;
        -webkit-transform:  translateY(-30px);
        transform:  translateY(-30px);
    }
    .read-more-anim {
        display: block;
        width: 100%;
        height: 0;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        overflow: hidden;
        text-align: right;
        -webkit-transition: height 0.4s;
        transition: height 0.4s;
    }
    .read-more-anim:hover {
        color: #fff;
    }
    .de-blog-item:hover .read-more-anim {
        height: 58px;
    }
    .read-more-anim:before {
        position: absolute;
        top: 100%;
        right: -4%;
        width: 204%;
        height: 61px;
        content: "";
        background: #0078ae;
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        outline: 1px solid transparent;
    }
    .de-blog-item:hover .read-more-anim:before {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    .read-more-anim span {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 5;
        text-transform: uppercase;
        font: 14px/1 'roboto-bold-webfont', sans-serif;
        display: inline-block;
    }
    .read-more-anim span:after{
        content: "»";
        padding-left: 5px;
        font-size: 24px;
        line-height: 1;
        position: relative;
        top: 2px;
    }
}
@media only screen and (min-width: 756px) and (max-width: 1024px) {
    .show-in-tablet {
        display: inline;
    }
    #logo-process {
        padding-top: 50px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-logo-process.jpg") no-repeat 50% 7px;
        background-size: 100%;
    }
    #logo-process h2 {
        font-size: 45px;
    }
    #logo-process p {
        padding-bottom: 30px;
    }
    .lp-steps {
        max-width: 756px;
        margin: 0 auto -28px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-steps-tablet.png") no-repeat 50% 100%;
    }
    .lp-steps li {
        font-size: 13px;
        line-height: 16px;
    }
    .lp-steps .ico-wrap {
        width: 52px;
        height: 52px;
        margin: 14px auto 6px;
    }
    .lp-steps .ico-wrap img {
        max-width: 66%;
    }
    .icon-svg {
        width: 35px;
        height: 35px;
    }
    .icon-abc-part {
        width: 22px;
    }
    /* hover: icon world cloud */
    .ico-wrap:hover .icon-abc-part:before {
        -webkit-animation: anim-icon-abc-tab .7s;
        animation: anim-icon-abc-tab .7s;
    }
    .icon-abc-part:before {
        width: 22px;
        font-size: 11px;
        line-height: 13px;
    }
    .icon-sketches {
        -webkit-transform: translate(-50%, -50%) scale(0.85);
        transform: translate(-50%, -50%) scale(0.85);
    }
    .css-icon-pupil:before {
        width: 16px;
        height: 16px;
        border-width: 4px;
    }
    .css-icon-present-1 {
        width: 18px;
        height: 15px;
        top: 12px;
    }
    /* hover: icon presentaion 1 */
    .ico-wrap:hover .css-icon-present-1 {
        -webkit-animation: anim-icon-present-tab .7s;
        animation: anim-icon-present-tab .7s;
    }
    .css-icon-present-1:after {
        height: 11px;
        font-size: 15px;
        line-height: 3px;
    }
    .css-icon-present-1:before {
        top: 10px;
    }
    .icon-colors {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    .icon-fianl-logo {
        width: 27px;
        height: 27px;
    }
    .lp-steps .cur-step {
        width: 52px;
        height: 68px;
        bottom: -10px;
    }
    .lp-steps .cur-step-sub {
        width: 52px;
        height: 52px;
    }
    .lp-steps #curStep {
        width: 52px;
        height: 68px;
    }
    .lp-steps ul.active-0 .cur-step{ left: 22px; }
    .lp-steps ul.active-1 .cur-step{ left: 116px; }
    .lp-steps ul.active-2 .cur-step{ left: 210px; }
    .lp-steps ul.active-3 .cur-step{ left: 304px; }
    .lp-steps ul.active-4 .cur-step{ left: 400px; }
    .lp-steps ul.active-5 .cur-step{ left: 494px; }
    .lp-steps ul.active-6 .cur-step{ left: 588px; }
    .lp-steps ul.active-7 .cur-step{ left: 682px; }

    .lp-steps ul.active-0 #curStep{ fill: #4e4e4e; }
    .lp-steps ul.active-1 #curStep{ fill: #87c556; }
    .lp-steps ul.active-2 #curStep{ fill: #eb8a0d; }
    .lp-steps ul.active-3 #curStep{ fill: #ab840c; }
    .lp-steps ul.active-4 #curStep{ fill: #56d3c6; }
    .lp-steps ul.active-5 #curStep{ fill: #882fa0; }
    .lp-steps ul.active-6 #curStep{ fill: #c44441; }
    .lp-steps ul.active-7 #curStep{ fill: #0078ae; }
    #logo-process .lp-slider {
        padding-bottom: 70px;
    }
    .lp-slider-img {
        width: 290px;
        height: 290px;
    }
    .lp-slider-img:after {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg-slider-round-tab.png") no-repeat;
    }
    .lp-slider-txt h3 {
        padding-top: 27px;
        font-size: 40px;
    }
    .lp-mobile-swipe {
        height: 86%;
    }

    .page-intro-ld .promo-slider{
        top: 30px;
        right: 40px;
        width: 354px;
        height: 354px;
        background-size: 354px 354px;
    }
    .page-intro-ld .promo-slider li{
        width: 360px;
        height: 359px;
    }
    .page-intro-ld .promo-slider img{
        bottom: 197px;
    }
    .page-intro-ld .promo-slider .txt{
        bottom: 12px;
        width: 348px;
        height: 86px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/slider-name.png") no-repeat;
    }
    #promo-slider-next,
    #promo-slider-prev{
        bottom: 42px;
    }
    #promo-slider-prev {
        left: 20px;
    }
    .page-intro-ld .bx-next {
        right: 20px;
    }
    .active-slide-flip .slider-inner:before {
        position: absolute;
        top: -17px;
        left: -22px;
        margin: auto;
        width: 395px;
        height: 395px;
        content: '';
        z-index: 11;
        -webkit-transform:scale(0.89);
        transform:scale(0.89);
    }


}
@media only screen and (min-width: 769px) {
    .search-container .sc-aside ul {
        display: block !important;
    }
}
@media only screen and (min-width: 881px) {
    .logo {
        top:20px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-desctop.png") no-repeat 0 0;
        width: 360px;
        height: 60px;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
    }
    .logo a {
        background: none;
        display: block;
        height: 100%;
    }
    .logo img {
        display: none;
    }
    .head-top {
        padding-top: 12px;
    }
    .header {
        padding: 0;
        border-top:4px solid #0078ae;
        position: fixed;
        width: 100%;
        z-index: 60;
    }
    .header .frame {
        padding: 0 0 11px;
        height: 100px;
        overflow: hidden;
        -webkit-transition: height 0.2s ease-out;
        -moz-transition: height 0.2s ease-out;
        transition: height 0.2s ease-out;
    }
    .head-r-side {
        position: relative;
        -webkit-transition: margin 0.4s ease-out;
        -moz-transition: margin 0.4s ease-out;
        transition: margin 0.4s ease-out;
    }
    .additional-nav {
        padding-top: 1px;
    }
    .nav .phone em {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat 0 0;
        width: 21px;
        height: 21px;
        margin: 0 7px 0 0;
        display: inline-block;
        font-size: 0;
        line-height: 0;
        vertical-align: top;
    }
    .nav .phone {
        font:bold 16px/20px 'roboto-bold-webfont', arial, sans-serif;
        color: #5a6063;
        display:inline-block;
        vertical-align:middle;
        margin: -5px 0 0 9px;
        padding:2px 0 3px 15px;
        border-left:1px solid #dadada;
    }
    .nav .phone {
        margin: 0;
        padding: 0 13px;
        line-height: 25px;
        display: block;
    }
    .nav .phone em {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/sprite.png") no-repeat 0 0;
        width: 21px;
        height: 21px;
        margin: 0 5px 0 0;
        display: inline-block;
        font-size: 0;
        line-height: 0;
        vertical-align: top;
    }
    .nav .phone em {
        margin-top: 2px;
    }
    .nav .phone:hover {
        font-family: 'roboto-medium-webfont', Arial, Helvetica, Sans-Serif !important;
    }
    .additional-nav li a,
    .additional-nav li span{
        font: 12px/25px Arial;
    }
    .hm-advancedmenu{
        padding: 21px 0 0;
    }
    .ht-nav li {
        padding: 0 3px 0 6px;
    }
    .ht-simplemenu .search{
        margin: 2px 4px 0 5px;
    }
    .home-slider-wrapper {
        padding-top: 136px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-home-slider.jpg");
    }
    .home-slider-content .hs-right {
        right: -17px;
    }
    .home-slider-content .hs-left {
        padding-top: 41px;
        padding-bottom: 10px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/home-slider-shadow.png") no-repeat 0 100%;
    }
    .hs-left .hsl-header,
    .hs-left .hsl-header h1 {
        color: #0078ae;
        text-shadow: none;
    }
    .hs-left .simple-sep {
        border-color: #e1e2e2;
        box-shadow: 0 2px #fff;
    }
    .hs-left .hsl-subcaption {
        color: #5a6063;
        text-shadow: none;
    }
    .hs-left .simple-sep {
        margin-bottom: 25px;
    }
    .home-company-logos-wrapper {
        position: relative;
        border-top: 1px solid #fff;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/bg/bg-sponsors.jpg");
        box-shadow: none;
    }
    .home-company-logos-wrapper:before {
        position: absolute;
        top: -2px;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(194, 195, 195, 0.5);
        content: "";
    }
    #main {
        padding-top: 116px;
    }
    .wrapper-simple #main {
        padding-top: 0;
    }
    /* header animation */
    .header.h-animated {border-top-color: #fff;}
    .simple-header,
    .simple-header.h-animated {
        border-top-color: #0078AE;
        padding-bottom: 13px;
        position: static;
    }
    .h-animated .logo {
        top: 10px;
        width: 228px;
        height: 38px;
        background-size: 228px 38px;
    }
    .simple-header.h-animated .logo {
        top: 20px;
        width: 360px;
        height: 60px;
        background-size: 360px 60px;
    }
    .h-animated .head-r-side {
        margin-top: -45px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    .h-animated .head-no-transition {
        margin-top: 0;
    }
    .h-animated .nav > .link > a {
        padding: 0 8px;
        -webkit-transition: all 0s ease-out;
        -moz-transition: all 0s ease-out;
        transition: all 0s ease-out;
    }
    .h-animated > .frame {
        height: 67px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .simple-header.h-animated > .frame {height: 100px;}
    .h-animated .nav .p-box {
        visibility: visible;
        width: 161px;
        -webkit-transition: width 0.3s ease-out;
        -moz-transition: width 0.3s ease-out;
        transition: width 0.3s ease-out;
    }
    /* header animation */
}
@media only screen and (min-width: 1025px) {
    .show-in-desktop {
        display: inline;
    }
    .lp-steps {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/bg-steps.png") no-repeat 50% 100%;
        margin: 0 -425px -35px;
        padding: 0 410px 8px;
    }
    .lp-steps .ico-wrap {
        width: 69px;
        height: 69px;
    }
    .lp-steps ul.active-0 .cur-step{ left: 29px; }
    .lp-steps ul.active-1 .cur-step{ left: 155px; }
    .lp-steps ul.active-2 .cur-step{ left: 281px; }
    .lp-steps ul.active-3 .cur-step{ left: 407px; }
    .lp-steps ul.active-4 .cur-step{ left: 534px; }
    .lp-steps ul.active-5 .cur-step{ left: 660px; }
    .lp-steps ul.active-6 .cur-step{ left: 787px; }
    .lp-steps ul.active-7 .cur-step{ left: 913px; }

    .lp-steps ul.active-0 #curStep{ fill: #4e4e4e; }
    .lp-steps ul.active-1 #curStep{ fill: #87c556; }
    .lp-steps ul.active-2 #curStep{ fill: #eb8a0d; }
    .lp-steps ul.active-3 #curStep{ fill: #ab840c; }
    .lp-steps ul.active-4 #curStep{ fill: #56d3c6; }
    .lp-steps ul.active-5 #curStep{ fill: #882fa0; }
    .lp-steps ul.active-6 #curStep{ fill: #c44441; }
    .lp-steps ul.active-7 #curStep{ fill: #0078ae; }

    .active-slide-flip .slider-inner:before {
        position: absolute;
        top: 6px;
        left: 1px;
        margin: auto;
        width: 395px;
        height: 395px;
        content: '';
        z-index: 11;
        translate3d(0,0,0);
    }
    .page-intro-ld .promo-slider .loads li.slide-nasa .slider-inner:before {
        position: absolute;
        top: 6px;
        left: 1px;
        margin: auto;
        width: 395px;
        height: 395px;
        content: '';
        z-index: 11;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/logos-sprite.png") no-repeat 0 0;
    }

    .page-intro-ld .promo-slider .txt{
        bottom: 54px;
        width: 348px;
        height: 86px;
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-design/slider-name.png") no-repeat;
    }
}

/* retina logo */
@media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo a {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-tablet-2x.png") no-repeat 0 0;
        width: 238px;
        height: 40px;
        background-size: 238px 40px;
    }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo a {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-mobile-2x.png") no-repeat 0 0;
        height: 30px;
        width: 180px;
        background-size: 180px 30px;
    }
    .cl-pg {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -72px 0;
        background-size: 245px 245px;
    }
    .cl-pg:before {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat -72px -42px;
        background-size: 245px 245px;
    }
    .cl-at {
        background: url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png) no-repeat 0 0;
        background-size: 245px 245px;
    }
    .cl-at:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat 0 -39px;
        background-size: 245px 245px;
    }
    .cl-nasa {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -129px 0;
        background-size: 245px 245px;
    }
    .cl-nasa:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -129px -36px;
        background-size: 245px 245px;
    }
    .cl-nfl {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -189px 0;
        background-size: 245px 245px;
    }
    .cl-nfl:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -189px -36px;
        background-size: 245px 245px;
    }
    .cl-hc {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -189px -81px;
        background-size: 245px 245px;
    }
    .cl-hc:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -185px -124px;
        background-size: 245px 245px;
    }
    .cl-usm {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -129px -79px;
        background-size: 245px 245px;
    }
    .cl-usm:before {
        background: url('/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos-sprite.png') no-repeat -129px -123px;
        background-size: 245px 245px;
    }
    .cl-canon {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon1x.png) no-repeat;
        background-size: 54px 23px;
    }
    .cl-canon:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-canon1x.png) no-repeat 0 -12px;
        background-size: 54px 23px;
    }
    .cl-op {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax1x.png) no-repeat;
        background-size: 23px 62px;
    }
    .cl-op:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-oprax1x.png) no-repeat 0 -31px;
        background-size: 23px 62px;
    }
    .cl-ea {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea1x.png) no-repeat;
        background-size: 89px 66px;
    }
    .cl-ea:before {
        background:url(/web/20150623063248im_/http://www.bluefountainmedia.com/images/logos/home-ea1x.png) no-repeat 0 -33px;
        background-size: 89px 66px;
    }
}
@media only screen and (min-width: 881px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo {
        background: url("/web/20150623063248im_/http://www.bluefountainmedia.com/images/logo-desctop-x2.png") no-repeat 0 0;
        background-size: 360px 60px;
    }
    .simple-header.h-animated .logo {
        top: 20px;
        width: 360px;
        height: 60px;
        background-size: 360px 60px;
    }
}