A Pen by Alen

Developer
Size
71,039 Kb
Views
38,456

How do I make an a pen by alen?

What is a a pen by alen? How do you make a a pen by alen? This script and codes were developed by Alen on 21 August 2022, Sunday.

A Pen by Alen Previews

A Pen by Alen - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Alen</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="olpc-board clearfix"> <div data-expand-position="1" class="clearfix"> <div class="olpcb-left-column"> <div class="olp-item olp-website-mobile"> <a data-expand-item-index="1" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Social Mobile App</a> <a data-expand-item-index="1" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/HiPancake.jpg" width="488" height="481" alt="HiPancake - Social Mobile App"> </a> </div> </div> <div class="olpcb-right-column"> <div class="olp-item olp-marketing-case-study"> <a href="http://www.bluefountainmedia.com/case-studies/tweezerman" class="item-lnk text-lnk">Ecommerce Marketing Case Study</a> <a href="http://www.bluefountainmedia.com/case-studies/tweezerman"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/Tweezerman.jpg" width="488" height="238" alt="Tweezerman Results Achieved"> </a> </div> <div class="olpcb-two-items clearfix"> <div class="olp-item olp-print"> <a data-expand-item-index="2" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Corporate Print <br> Collateral</a> <a data-expand-item-index="2" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/Xtium.jpg" width="241" height="237" alt="Xtium Print Logo Design"> </a> </div> <div class="olp-item olp-social-media"> <a data-expand-item-index="3" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Custom Facebook App</a> <a data-expand-item-index="3" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/ElizabethArden.jpg" width="241" height="237" alt="Elizabeth Arden Social Media Campaign"> </a> </div> </div> </div> </div> <div data-expand-position="2" class="clearfix"> <div class="olpcb-left-column"> <div class="olp-item olp-case-study"> <a href="http://www.bluefountainmedia.com/case-studies/new-york-organ-donor-network" class="item-lnk text-lnk">Nonprofit Case Study</a> <a href="http://www.bluefountainmedia.com/case-studies/new-york-organ-donor-network"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/NYOD.jpg" width="488" height="238" alt="NYODN Results Achieved"> </a> </div> <div class="olpcb-two-items clearfix"> <div class="olp-item olp-video"> <a data-expand-item-index="4" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Introductory Video</a> <a data-expand-item-index="4" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/CareerGlider.jpg" width="241" height="237" alt=""> </a> </div> <div class="olp-item olp-logo"> <a data-expand-item-index="5" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Custom Logo Design</a> <a data-expand-item-index="5" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/NASA.jpg" width="241" height="237" alt="NASA Wallops Range"> </a> </div> </div> </div> <div class="olpcb-right-column"> <div class="olp-item olp-ecommerce"> <a data-expand-item-index="6" href="http://www.bluefountainmedia.com/portfolio" class="item-lnk text-lnk">Corporate Website</a> <a data-expand-item-index="6" href="http://www.bluefountainmedia.com/portfolio" class="link-opener"> <img src="http://www.bluefountainmedia.com/images/home-creative-ideas/Benihana.jpg" width="488" height="479" alt="Benihana Website Design"> </a> </div> </div> </div> </div>
</body>
</html>

A Pen by Alen - Script Codes CSS Codes

/* 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;}
/* = 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("../fonts/roboto-black-webfont.eot"); src: local("roboto-black-webfont Regular"), local("century-gothic"), url("../fonts/roboto-black-webfont.woff") format("woff"), url("../fonts/roboto-black-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-bold-webfont'; font-weight: bold; src: url("../fonts/roboto-bold-webfont.eot"); src: local("roboto-bold-webfont Regular"), local("century-gothic"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-light-webfont'; font-weight: bold; src: url("../fonts/roboto-light-webfont.eot"); src: local("roboto-light-webfont Regular"), local("century-gothic"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype"); }
@font-face { font-family: 'roboto-medium-webfont'; font-weight: bold; src: url("../fonts/roboto-medium-webfont.eot"); src: local("roboto-medium-webfont Regular"), local("century-gothic"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.ttf") format("truetype"); }
/* = 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(../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("../images/sprite.png") no-repeat -44px 0;
}
.ht-simplemenu .phone em{ background: url("../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("../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("../images/sprite.png") no-repeat -300px 0;
}
.separate-border{ background: url('../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('../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("../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(../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("../images/our-latest-projects-bkg.png") repeat 0 0; padding-bottom: 75px;
}
.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(../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(../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(../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(../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(../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(../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(../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(../images/sprite.png) no-repeat -471px -1px;
}
.fscc-googleplus .social-icon{ background: url(../images/sprite.png) no-repeat -104px -174px;
}
.fscc-googleplus .sh-subcaption{ width:100%;
}
.linkedin-share .social-icon{ background: url(../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("../images/h-nutshell-bkg.png") repeat 0 0;
}
.f-social-columns-content .linkedin-share{ float: right;
}
.f-menu-wrapper{ background: url(../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(../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(../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(../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(../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(../images/logos-sprite.png) no-repeat -145px 0; width: 81px; height: 36px;
}
.cl-pg:before { background: url(../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(../images/logos-sprite-2x.png) no-repeat -145px 0; background-size: 490px 490px; } .cl-pg:before { background: url(../images/logos-sprite-2x.png) no-repeat -145px -84px; background-size: 490px 490px; }
}
/* AT & T */
.cl-at { background:url(../images/logos-sprite.png) no-repeat; width:105px; height: 48px;
}
.cl-at:before { background:url(../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(../images/logos-sprite-2x.png) no-repeat 0 0; background-size: 490px 490px; } .cl-at:before { background:url(../images/logos-sprite-2x.png) no-repeat 0 -77px; background-size: 490px 490px; }
}
/* NASA */
.cl-nasa { background:url(../images/logos-sprite.png) no-repeat -258px 0; width:71px; height: 58px;
}
.cl-nasa:before { background:url(../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(../images/logos-sprite-2x.png) no-repeat -258px 0; background-size: 490px 490px; } .cl-nasa:before { background:url(../images/logos-sprite-2x.png) no-repeat -258px -73px; background-size: 490px 490px; }
}
/* CANON */
.cl-canon { background:url(../images/logos/home-canon1x.png) no-repeat; width: 109px; height: 23px;
}
.cl-canon:before { background:url(../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(../images/logos/home-canon.png) no-repeat; background-size: 108px 46px; } .cl-canon:before { background:url(../images/logos/home-canon.png) no-repeat 0 -23px; background-size: 108px 46px; }
}
/* NFL */
.cl-nfl { background:url(../images/logos-sprite.png) no-repeat -378px 0; width: 48px; height: 63px;
}
.cl-nfl:before { background:url(../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(../images/logos-sprite-2x.png) no-repeat -378px 0; background-size: 490px 490px; } .cl-nfl:before { background:url(../images/logos-sprite-2x.png) no-repeat -378px -73px; background-size: 490px 490px; }
}
/* HC */
.cl-hc { background:url(../images/logos-sprite.png) no-repeat -378px -162px; width: 108px; height: 62px;
}
.cl-hc:before { background:url(../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(../images/logos-sprite-2x.png) no-repeat -378px -162px; background-size: 490px 490px; } .cl-hc:before { background:url(../images/logos-sprite-2x.png) no-repeat -371px -249px; background-size: 490px 490px; }
}
/* USN */
.cl-usm { background:url(../images/logos-sprite.png) no-repeat -258px -159px; width: 94px; height: 68px;
}
.cl-usm:before { background:url(../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(../images/logos-sprite-2x.png) no-repeat -258px -159px; background-size: 490px 490px; } .cl-usm:before { background:url(../images/logos-sprite-2x.png) no-repeat -258px -246px; background-size: 490px 490px; }
}
/* OP */
.cl-op { background:url(../images/logos/home-oprax1x.png) no-repeat; width: 46px; height: 61px;
}
.cl-op:before { background:url(../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(../images/logos/home-oprax.png) no-repeat; background-size: 46px 123px; } .cl-op:before { background:url(../images/logos/home-oprax.png) no-repeat 0 -61px; background-size: 46px 123px; }
}
/* EA */
.cl-ea { background:url(../images/logos/home-ea1x.png) no-repeat; width: 125px; height: 46px;
}
.cl-ea:before { background:url(../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(../images/logos/home-ea.png) no-repeat; background-size: 124px 92px; } .cl-ea:before { background:url(../images/logos/home-ea.png) no-repeat 0 -46px; background-size: 124px 92px; }
}
/* = What We Do In a Nutshell */
.home-nutshell-wrapper{ background:url(../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(../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(../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(../images/strategy-consulting-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-2{ background: url(../images/creative-design-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-3{ background: url(../images/web-mobile-development-logo.png) no-repeat 0 0;
}
.hnc-features-list .sc-link-4{ background: url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/our-clients-bkg.png) repeat 0 0;
}
.before-and-after-wide-section .next-step:after{ background: url(../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(../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(../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(../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(../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(../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(../images/h-nutshell-bkg.png) repeat 0 0; position: relative;
}
.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; padding: 15px 0; 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;
}
.obcc-column .blog-img .blog-shadow-corner{ position: absolute; bottom: 0; width:100%; height: 17px; left: 0; background: url(../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(../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(../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(../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(../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("../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(../images/our-latest-projects-bkg.png) repeat;
}
.cs-preview-design .next-step { border:8px solid #fff;
}
.cs-preview-design .next-step:after { background:url(../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 5px;
}
.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(../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(../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(../images/in-the-news-bkg.png) repeat;
}
.cs-details { padding:100px 0 70px; font-size:15px; line-height:1.5; color:#5a6063; background:url(../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(../images/our-clients-bkg.png) repeat;
}
.cs-services { border-top:1px solid #f9f9f9; padding:100px 0 90px; text-align:center; background:url(../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;
}
.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(../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(../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(../images/our-clients-bkg.png) repeat;
}
.creative-serv-item { background:url(../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("../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(../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(../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(../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(../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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;
}
/* 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('../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('../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("../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('../images/sprite.png') no-repeat -891px -217px; position: absolute; width: 64px; height: 64px; left: -25px; top: -25px; content: '';
}
.testimonial .ti-content:after { background: url('../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("../images/in-the-news-bkg.png") repeat;
}
.strategy-consult-item { background:url(../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("../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(../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(../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("../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(../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(../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(../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(../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(../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("../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(../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(../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("../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(../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(../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(../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(../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(../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(../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(../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(../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(../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; background:url(../images/in-the-news-bkg.png) repeat;
}
.certify-section-grey { background:url(../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(../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("../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("../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("../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("../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("../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("../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("../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("../images/section-bg-7.png");
}
.wrapper .next-step-v12 { border: 8px solid #f6f6f6;
}
.wrapper .next-step-v12:after { background: url("../images/h-nutshell-bkg.png");
}
.next-step-v13 { border: 8px solid #14191e;
}
.next-step-v13:after { background: url("../images/texture-page.jpg");
}
.wrapper .next-step-v14-bg:after { background: url("../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("../images/bg/bg-section-1.png");
}
.wrapper .next-step-v26:after { background: url("../images/our-clients-bkg.png");
}
.section-bg-1 { background: url("../images/section-bg-1.png") !important; border-top: 1px solid #ffffff;
}
.section-bg-2 { background: url("../images/section-bg-2.png") !important;
}
.section-bg-3 { background: url("../images/section-bg-3.png") !important;
}
.section-bg-4 { background: url("../images/section-bg-4.png") !important;
}
.section-bg-6 { background: url("../images/section-bg-6.png") !important;
}
.section-bg-7 { background: #EAEDEE !important;
}
.see-all-large-v2 { background: url("../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("../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("../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('../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('../images/sprite.png') no-repeat -137px -273px; left: 0; top: 1px;
}
.contact-list .phone:after { content: ""; position : absolute; width: 83px; height: 83px; background: url('../images/sprite.png') no-repeat -230px -272px; left: 0; top: -10px;
}
.contact-list .fax:after { content: ""; position : absolute; width: 83px; height: 82px; background: url('../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("../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(../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('../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("../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("../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("../images/section-bg-7.png");
}
.whitepapers-holder .wh-section-2 { padding-bottom: 45px;
}
.whitepapers-holder .wh-section-3 { background: url("../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("../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("../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('../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('../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("../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(../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(../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(../images/texture-page.jpg) repeat;
}
.about-marked-section { background:url(../images/in-the-news-bkg.png) repeat;
}
.about-marked-section .next-step { border-color:#F7F7F7;
}
.about-marked-section .next-step:after { background:url(../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(../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(../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(../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(../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(../images/switch-btns.png) no-repeat;
}
a.switch-on:after { background:url(../images/switch-btns.png) no-repeat 0 -34px;
}
a.switch-off:before { background:url(../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(../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(../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(../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(../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(../images/section-bg-2.png) repeat;
}
.certify-section-5 .next-step { border-color:#f3f3f3;
}
.certify-section-5 .next-step:after { background:url(../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(../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("../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("../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("../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: 50%; left: 50%; margin-left: -48px; margin-top: -48px; width: 97px; height:97px;
}
.video-overlay:before { position:absolute; background: url("../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;
}
a:hover .video-overlay:before {opacity:0;}
.video-overlay:after { position:absolute; background: url("../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;
}
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(../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(../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(../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(../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(../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 { width: 100%; color: #fff; background: url("../images/before-and-after-bg.png");
}
.expanded-mode .ec-frame { background: url("../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;
}
.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;
}
.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;
}
.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;
}
.expanded-mode .thumbnails a:first-child {}
.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("../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("../images/sprite.png") no-repeat -632px -85px; bottom: -28px; content: ""; height: 11px; left: 50%; margin-left: -13px; position: absolute; width: 21px;
}
.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;
}
.expanded-mode .fwbi-text-pad .thumbnails img { max-width: 98px;
}
/* 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("../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("../images/forms.png") !important; background-repeat: no-repeat !important;
}
.field-success textarea,
.field-success input { border: 2px solid #aad15a !important; background-image: url("../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("../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("../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("../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("../images/bg/bg-addr.png") no-repeat;
}
.rank-section .rs-phone { padding: 11px 0 6px 96px; margin: 8px 0 0; background: url("../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: 98px; height: 73px;
}
.baac-slider-tn .img-loader { width: 120px; height: 86px;
}
.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: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; background: url(../images/ajax-expanded-loader.gif) no-repeat 0 0;
}
.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;
}
/* 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(../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(../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; }
}
@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("../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("../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("../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("../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(../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(../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(../images/slider-prev-next3.png) no-repeat 0 -100px !important;
}
#slider_full-width .bx-next.disabled:before { background:url(../images/slider-prev-next3.png) no-repeat -58px -100px !important;
}
#slider_full-width .bx-next:before { overflow: hidden; width: 42px; height: 100px; background:url(../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(../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(../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(../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(../images/our-latest-projects-bkg.png) repeat 0 0; border-top:1px solid #0079aa; position: relative; padding: 90px 0;
}
.cms-intro { background: url(../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(../images/bg/bg-section-1.png);
}
.bg-section-2 { background: url("../images/our-latest-projects-bkg.png");
}
.bg-section-3 { background: url(../images/bg-section-3.png);
}
.bg-section-4 { background: url(../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(../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(../images/bg/bg-arrows.png) no-repeat 0 -226px;
}
.ps-content .bx-controls-direction a.bx-next:before { background: #fff url(../images/bg/bg-arrows.png) no-repeat 0 -151px;
}
.ps-content .bx-controls-direction a.bx-prev.disabled:before { background: #fff url(../images/bg/bg-arrows.png) no-repeat;
}
.ps-content .bx-controls-direction a.bx-next.disabled:before { background: #fff url(../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(../images/line-shadow.png) no-repeat 0 100%;
}
.box-shadow-holder2 { background: url(../images/bg-line-with-shadow.png) no-repeat -40px 100%;
}
.bsh__1 { padding-bottom: 32px;
}
.bsh__1:nth-child(odd) { background: url(../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(../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("../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("../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("../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("../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("../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("../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("../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("../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('../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('../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('../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("../images/h-nutshell-bkg.png");
}
.result-section .rs-items { padding: 130px 0 0;
}
.result-section .rs-item { background: url("../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("../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("../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('../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("../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("../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("../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(../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(../images/select/arrows.jpg) no-repeat 0 50%; width: 13px;
}
.search-container .select2-dropdown-open .select2-arrow b { background:url(../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-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("../images/top-page-panel-bkg.png") repeat;
}
.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;
}
.video-slides { 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;
}
.show .video-slides { display: block;
}
.start-video .video-slides,
.video-plays .video-slides { opacity: 0; z-index: 1;
}
.mobile-mode .show .video-slides,
.mobile-mode .video-slides { display: none;
}
.video-slides img { display: block; position: absolute; top: 0; left: 0; z-index: 12;
}
/* fade animation */
.video-slides img:nth-child(1) { -o-animation: img1 12s infinite; -moz-animation: img1 12s infinite; -webkit-animation: img1 12s infinite; animation: img1 12s infinite;
}
.video-slides img:nth-child(2) { -o-animation: img2 12s infinite; -moz-animation: img2 12s infinite; -webkit-animation: img2 12s infinite; animation: img2 12s infinite;
}
.video-slides img:nth-child(3) { -o-animation: img3 12s infinite; -moz-animation: img3 12s infinite; -webkit-animation: img3 12s infinite; animation: img3 12s infinite;
}
.video-slides img:nth-child(4) { -o-animation: img4 12s infinite; -moz-animation: img4 12s infinite; -webkit-animation: img4 12s infinite; animation: img4 12s infinite;
}
.video-slides img:nth-child(5) { -o-animation: img5 12s infinite; -moz-animation: img5 12s infinite; -webkit-animation: img5 12s infinite; animation: img5 12s infinite;
}
/* keyframing */
@-webkit-keyframes img1 { 0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 25% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-moz-keyframes img1 { 0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 25% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@keyframes img1 { 0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 25% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-webkit-keyframes img2 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 25% {opacity: 1;} 40% {opacity: 1;} 45% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-moz-keyframes img2 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 25% {opacity: 1;} 40% {opacity: 1;} 45% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@keyframes img2 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 25% {opacity: 1;} 40% {opacity: 1;} 45% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-webkit-keyframes img3 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 45% {opacity: 1;} 60% {opacity: 1;} 65% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-moz-keyframes img3 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 45% {opacity: 1;} 60% {opacity: 1;} 65% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@keyframes img3 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 45% {opacity: 1;} 60% {opacity: 1;} 65% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}
}
@-webkit-keyframes img4 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 65% {opacity: 1;} 80% {opacity: 1;} 85% {opacity: 0;} 100% {opacity: 0;}
}
@-moz-keyframes img4 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 65% {opacity: 1;} 80% {opacity: 1;} 85% {opacity: 0;} 100% {opacity: 0;}
}
@keyframes img4 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 65% {opacity: 1;} 80% {opacity: 1;} 85% {opacity: 0;} 100% {opacity: 0;}
}
@-webkit-keyframes img5 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 1;}
}
@-moz-keyframes img5 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 1;}
}
@keyframes img5 { 0% {opacity: 0;} 10% {opacity: 0;} 20% {opacity: 0;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 1;}
}
.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(../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;
}
.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(../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(../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(../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%; }
/*-----------------------------------------------------------------------------------*/
/* Media Queries
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) { .header { padding-left:10px; padding-right:10px; } .logo a { width:236px; height:40px; background:url(../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; } .map-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; }
}
@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%; }
}
@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 120px 35px; } .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; }
}
@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; }
}
@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; } .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; }
}
@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(../images/logos-sprite-05x.png) no-repeat -72px 0; width: 41px; height: 18px; } .cl-pg:before { background: url(../images/logos-sprite-05x.png) no-repeat -72px -42px; } .cl-at { background: url(../images/logos-sprite-05x.png) no-repeat 0 0; width: 53px; height: 24px; } .cl-at:before { background: url('../images/logos-sprite-05x.png') no-repeat 0 -39px; width: 53px; height: 25px; } .cl-nasa { background: url('../images/logos-sprite-05x.png') no-repeat -129px 0; width: 36px; height: 29px; } .cl-nasa:before { background: url('../images/logos-sprite-05x.png') no-repeat -129px -36px; width: 36px; height: 30px; } .cl-canon { background: url('../images/logos/home-canon05x.png') no-repeat 0 0; width: 54px; height: 11px; } .cl-canon:before { background: url('../images/logos/home-canon05x.png') no-repeat 0 -11px; width: 54px; height: 11px; } .cl-nfl { background: url('../images/logos-sprite-05x.png') no-repeat -189px 0; width: 24px; height: 32px; } .cl-nfl:before { background: url('../images/logos-sprite-05x.png') no-repeat -189px -36px; width: 24px; height: 32px; } .cl-hc { background: url('../images/logos-sprite-05x.png') no-repeat -189px -81px; width: 54px; height: 32px; } .cl-hc:before { background: url('../images/logos-sprite-05x.png') no-repeat -185px -124px; width: 55px; height: 32px; } .cl-usm { background: url('../images/logos-sprite-05x.png') no-repeat -129px -79px; width: 47px; height: 26px; } .cl-usm:before { background: url('../images/logos-sprite-05x.png') no-repeat -129px -123px; width: 47px; height: 34px; } .cl-op { background:url(../images/logos/home-oprax05x.png) no-repeat; width: 23px; height: 31px; } .cl-op:before { background:url(../images/logos/home-oprax05x.png) no-repeat 0 -31px; width: 23px; height: 31px; } .cl-ea { background:url(../images/logos/home-ea05x.png) no-repeat; width: 89px; height: 33px; } .cl-ea:before { background:url(../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(../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: 50px; } .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; }
}
@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 0; } .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%; } .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; }
}
@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; } #slider_full-width { padding: 0; } #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; }
}
@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; } .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("../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("../images/bg-arrow2.png") no-repeat scroll 0 0 #FFFFFF; } .ps-content .bx-controls-direction a.bx-prev:before { background: url("../images/bg-arrow2.png") no-repeat scroll 0 -113px #FFFFFF; } .ps-content .bx-controls-direction a.bx-next.disabled:before { background: url("../images/bg-arrow2.png") no-repeat scroll 0 -38px #FFFFFF; } .ps-content .bx-controls-direction a.bx-next:before { background: url("../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-lead h3 { font-size: 32px; } .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('../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-container { margin: 0; } .sub-video-boxes { margin: 0; padding-top: 26px; padding-left: 26px; padding-right: 26px; } .sv-box { display: block; width: 100%; border-left: 0; border-top: 1px solid #e3e3e3; } .sv-box:first-child { border-top: 0; } .fvs-thumbs { padding-left: 26px; padding-right: 26px; } .fvs-box { margin: 0 0 35px; width: 100%; } .full-video-section-single { padding-bottom: 60px; }
}
@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; }
}
@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 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(../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("../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; }
}
@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; }
}
@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; }
}
@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; } .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: 769px) { .search-container .sc-aside ul { display: block !important; }
}
@media only screen and (min-width: 881px) { .logo { top:20px; background: url("../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("../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("../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("../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("../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("../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 */
}
/* retina logo */
@media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2) { .logo a { background: url("../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("../images/logo-mobile-2x.png") no-repeat 0 0; height: 30px; width: 180px; background-size: 180px 30px; } .cl-pg { background: url(../images/logos-sprite.png) no-repeat -72px 0; background-size: 245px 245px; } .cl-pg:before { background: url(../images/logos-sprite.png) no-repeat -72px -42px; background-size: 245px 245px; } .cl-at { background: url(../images/logos-sprite.png) no-repeat 0 0; background-size: 245px 245px; } .cl-at:before { background: url('../images/logos-sprite.png') no-repeat 0 -39px; background-size: 245px 245px; } .cl-nasa { background: url('../images/logos-sprite.png') no-repeat -129px 0; background-size: 245px 245px; } .cl-nasa:before { background: url('../images/logos-sprite.png') no-repeat -129px -36px; background-size: 245px 245px; } .cl-nfl { background: url('../images/logos-sprite.png') no-repeat -189px 0; background-size: 245px 245px; } .cl-nfl:before { background: url('../images/logos-sprite.png') no-repeat -189px -36px; background-size: 245px 245px; } .cl-hc { background: url('../images/logos-sprite.png') no-repeat -189px -81px; background-size: 245px 245px; } .cl-hc:before { background: url('../images/logos-sprite.png') no-repeat -185px -124px; background-size: 245px 245px; } .cl-usm { background: url('../images/logos-sprite.png') no-repeat -129px -79px; background-size: 245px 245px; } .cl-usm:before { background: url('../images/logos-sprite.png') no-repeat -129px -123px; background-size: 245px 245px; } .cl-canon { background:url(../images/logos/home-canon1x.png) no-repeat; background-size: 54px 23px; } .cl-canon:before { background:url(../images/logos/home-canon1x.png) no-repeat 0 -12px; background-size: 54px 23px; } .cl-op { background:url(../images/logos/home-oprax1x.png) no-repeat; background-size: 23px 62px; } .cl-op:before { background:url(../images/logos/home-oprax1x.png) no-repeat 0 -31px; background-size: 23px 62px; } .cl-ea { background:url(../images/logos/home-ea1x.png) no-repeat; background-size: 89px 66px; } .cl-ea:before { background:url(../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("../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; }
}
A Pen by Alen - Script Codes
A Pen by Alen - Script Codes
Home Page Home
Developer Alen
Username Alen
Uploaded August 21, 2022
Rating 3
Size 71,039 Kb
Views 38,456
Do you need developer help for A Pen by Alen?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Alen (Alen) Script Codes
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!