/*
Theme Name: SmartSites
Author: SmartSites
Author URI: http://www.smartsites.com/
Version: 2.0
Text Domain: smartsites
*/
/* Nothing here now just see the related file */
/* Default Style */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/
/*@import "fonts.css";*/
@import "style_v3.css";


@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light_gdi.eot');
    src: url('../fonts/ProximaNova-Light_gdi.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Light_gdi.woff') format('woff'),  url('../fonts/ProximaNova-Light_gdi.ttf') format('truetype'),  url('../fonts/ProximaNova-Light_gdi.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot') format('embedded-opentype'),  url('../fonts/proximanova-regular.woff') format('woff'),  url('../fonts/proximanova-regular.ttf') format('truetype'),  url('../fonts/proximanova-regular.svg#ProximaNovaRegular') format('svg');
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanova-semibold-webfont.woff') format('woff'),  url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),  url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanovabold_0-webfont.eot');
    src: url('../fonts/proximanovabold_0-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovabold_0-webfont.woff') format('woff'),
    url('../fonts/proximanovabold_0-webfont.ttf') format('truetype'),
    url('../fonts/proximanovabold_0-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* SITE COMMON */

body {
    font-size: 100%;
    background: #2b2b2b;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    padding-top: 48px;

}

body.no-border {
    padding-top: 48px;
}

a {
    text-decoration: none;
}

h1 {
    font-weight: 700;
    color: #161616
}

h2, p {
    color: #161616
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.clearer {
    clear: both;
    height: 0
}

.clear {
    clear: both
}

.cl-left {
    clear: left
}

.wrapper {
    max-width: 1120px;
    margin: 0 auto
}

.center {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

.blue {
    color: #076fc0
}

.light-blue {
    color: #0784cf
}

.fade-me {
}

.auto-height {
    min-height: 20px !important;
    height: auto !important
}

.position-relative {
    position: relative
}

.position-abs {
    position: absolute
}

.hidden {
    display: none
}

.shown {
    display: block
}

.mt-50 {
    margin-top: 50px !important;
}

.section-white-bg {
    background-color: #fff;
}

.section-grey-bg {
    background-color: #e7e7e7
}

.debug {
    border: 1px solid red;
}

/* HEADER */
header {
    height: 119px;
    border-bottom: 13px solid #f1bc1e;
    background: #000000 url("images/header_bg.png") repeat-x;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    z-index: 9998;
}

header.no-border {
    border: none
}

header.smaller {
    height: 70px;
    border-bottom: 5px solid #f1bc1e;
}

#hubspot-messages-iframe-container{
	display:none!important;
}

#logo {
    width: 337px;
    height: 67px;
    background: url("images/logo.png") no-repeat;
    font-size: 0;
    margin: 23px 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#show-menu, #responsive-menu {
    display: block;
    width: 22px;
    height: 25px;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    background-color: #222222;
    padding: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#responsive-menu {
    display: none;
}

#show-menu .bar, #responsive-menu .bar {
    display: block;
    height: 4px;
    background-color: #767676;
    line-height: 0;
    font-size: 0;
    width: 100%;
    margin-bottom: 5px;
}

#show-menu .bar.first, #responsive-menu .bar.first {
    margin-top: 2px;
}

#show-menu .bar.last, #responsive-menu .bar.last {
    margin-bottom: 0
}

#show-menu:hover, #show-menu.shown, #responsive-menu:hover, #responsive-menu:active, #responsive-menu.active {
    border-color: #f1bc1e;
}

#show-menu:hover span.bar, #show-menu.shown span.bar,
#responsive-menu:hover span.bar, #responsive-menu:active span.bar, #responsive-menu.active span.bar {
    background-color: #f1bc1e;
}
#desktop-menu{
    display: block;
}

#slogan {
    float: left;
    margin: -150px 0 0 31px;
    width: 270px;
    line-height: 39px;
    opacity: 0
}

#slogan p {
    float: right;
    text-transform: uppercase;
    font-size: 1.125em;
    color: #fff;
    font-weight: 700
}

#slogan p strong {
    color: #f1bc1e
}

header.smaller #logo {
    width: 37px;
    height: 53px;
    background: url("images/logo_small.png") no-repeat;
    margin: 10px 0 0 0;
}

.header-info, .header-info-mobi {
    float: right;
    width: 315px;
    height: 39px;
    margin-top: 17px;
    margin-right: -600px;
    opacity: 0;
    position: relative;
    z-index: 2
}

.header-info-mobi { margin-right: -600px; opacity: 1; display: none}
.show-on-mobile{
    display: none;
}
.header-info span#get-started-top {
    display: block;
    float: right;
    width: 138px;
    height: 35px;
    border: 2px solid #fff;
    background-color: #f1bc1e;
    text-align: center;
    line-height: 35px;
    font-size: 1em;
    font-weight: 600;
    color: #202020;
    border-radius: 5px;
    cursor: pointer;
    display: none!important;
}

.header-info .phone-number, .header-info-mobi .phone-number {
    line-height: 35px;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
    float: right;
    letter-spacing: 0;
    background: url("images/icon-phone-small.png") no-repeat left center;
    padding-left: 20px;
}

.header-info .phone-number a, .header-info-mobi .phone-number a {
    color: #fff;
    transition: all 0.3s linear;
}

.header-info .phone-number a:hover, .header-info-mobi .phone-number a:hover {
    color: #f1bc1e;
}

/* Added */
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
#header {
    border: 0 none;
    height: auto;
    background: none;
}
.header-part {
    background-color: #333333;
    padding: 5px 0;
}
.container {
    margin: 0 auto;
    max-width: 1200px;
    width: 96%;
}
#header li {
    display: inline-block;
    float: left;
    padding-right: 19px;
}
.logo {
    width: 185px;
    margin-right:60px;
}
.logo a {
    display: block;
}
.logo img {
    max-width: 100%;
}
.mobile-menu {
    display: none;
}


.text-upper {
    text-transform: uppercase;
}

.header-menu {
    text-align: center;

}
.text-upper {
    text-transform: uppercase;
}
.contact-header {
    float: right !important;
}
.header-menu li a {
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 12px;
}
.contact-header a{
    color: #ffffff;
    display: block;
    font-size: 23px;
    font-weight: 700;

}
.contact-header .phone-icon{
    background:url("../../images/home-new/icon-phone-white.png") no-repeat scroll left 4px;
    padding: 5px 0 10px 0;
    padding-right: 0;
    letter-spacing: 0;
    text-align: right;
    width: 195px;
    float: right;

}
.contact-header a:hover, .header-menu li a:hover{
    color: #f1bc1e;
}
.contact-header .phone-icon:hover{
    background:url("../../images/home-new/icon-phone2.png") no-repeat scroll left 4px;

}
.header-menu{
    text-align: center;
}

/*---*/


/* BANNER*/
.banner {
    height: 175px;
    text-align: center;
    background: #b58607 url("images/inner-banner.jpg") no-repeat center top;
    overflow: hidden;
    background-attachment: fixed;
    background-size: contain;
}

.banner h1 {
    margin: 40px 0 10px 0;
    font-size: 3.75em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;

}

.breadcrumb {
    font-size: 1.1em;
    color: #fff
}

.breadcrumb > div {
    display: inline;
}

.breadcrumb a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    padding: 0 5px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.breadcrumb a:hover {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

.contact-banner {

}

/* NAVIGATIONS */
#top-nav {
    position: relative;
    z-index: 5
}

.menu li {
    float: left;
    display: inline-block;
    width: 149px;
    height: 119px;
    background: url("images/menu_sep.png") right top repeat-y;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.menu li:last-child, .menu li.last {
    background-image: none;
}

.menu li a {
    display: block;
    width: 147px;
    height: 100%;
    position: relative;
    text-align: left;
    overflow: hidden;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.menu li a i.arrow {
    display: none;
    position: absolute;
    background: url("images/arrow_hover_side.png") no-repeat;
    width: 11px;
    height: 19px;
    right: -11px;
    top: 40%
}

.menu li a:hover, .menu li a.active {
    background: url("images/header_menu_bg.png") no-repeat center top;
}

.menu span.icon {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
    font-size: 0;
    margin: 10px auto;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.menu .menu-content {
    text-align: center;
    font-size: 1.125em;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.menu span.icon-service {
    background: url("images/icon_services.png") no-repeat center top;
}

.menu span.icon-portfolio {
    background: url("images/icon_portfolio.png") no-repeat center top;
}

.menu span.icon-company {
    background: url("images/icon_company.png") no-repeat center top;
}

.menu span.icon-contact {
    background: url("images/icon_contact.png") no-repeat center top;
}

.menu li:hover span.icon, .menu a.active span.icon {
    background-position: center -65px;
}

.menu li:hover .menu-content,
.menu a.active .menu-content {
    color: #f1bc1e;
    -webkit-animation: moveFromLeftRotate 300ms ease;
    -moz-animation: moveFromLeftRotate 300ms ease;
    -ms-animation: moveFromLeftRotate 300ms ease;
}

/* Submenu */
div.submenu {
    width: 980px;
    background-color: #060606;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 999999;
    height: auto;
    border-top: 13px solid #f1bc1e;
    display: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

div.submenu .left {
    float: left;
    height: 463px;
    transition: all 300ms linear;
}

div.submenu .right {
    float: right;
    background-color: #060606;
    height: 463px;
    transition: all 300ms linear;
}

div.submenu .dropdown-header {
    font-size: 2.3125em;
    line-height: 50px;
    color: #f1bc1e;
    font-weight: 700;
    border-bottom: 1px solid #f1bc1e;
    padding: 0 0 4px 2%;
}

div.submenu .submenu-content {
    padding: 2%
}

#submenu-contact .left {
    width: 30.674%;
    background-color: #f1bc1e;
}

#submenu-contact .right {
    width: 69.29%;
}

#submenu-contact .submenu-info {
    padding: 0 6.6%;
    text-align: center
}

#submenu-contact .submenu-contact-info {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#submenu-contact .submenu-contact-info.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

#submenu-contact .submenu-contact-info p {
    font-size: 1.125em;
    line-height: 120%;
    padding-top: 15px;
}

#submenu-contact .submenu-contact-info p a {
    color: #161616;
    text-align: center;
    display: inline !important
}

#submenu-contact .submenu-contact-info p a:hover {
    background: transparent
}

#submenu-contact .col {
    width: 49%
}

#submenu-contact .col.last {
    margin-left: 2%
}

#submenu-contact .col p {
    margin-bottom: 15px;
}

#submenu-contact .col p.form-heading {
    color: #f1bc1e;
    font-size: 1.125em;
    font-weight: 700;
}

#submenu-contact input, #submenu-contact textarea {
    width: 90%;
    color: #979797;
    font-size: 0.975em;
    font-weight: 400
}

#submenu-contact textarea {
    height: 177px;
    margin-top: -1px;
}

#submenu-contact input[type='radio'], #submenu-contact input[type='checkbox'] {
    width: auto;
}

#submenu-contact input[type='checkbox'] {
    border: none;
    width: 24px;
    height: 24px;
}

#submenu-contact input[type='text']:focus, #submenu-contact textarea:focus {
    border-color: #eab61d;
    color: #fff;
}

/* Company submenu */
#submenu-company {
    right: -149px;
}

#submenu-company .left, #submenu-case-studies .left {
    width: 62.75%;
    background-color: #f1bc1e;
}

#submenu-company .left h2.dropdown-header,
#submenu-case-studies .left h2.dropdown-header {
    color: #000;
    border-bottom-color: #000;
    border-top: 1px solid #c29819
}

#submenu-company .right,
#submenu-case-studies .right {
    width: 36.73%
}

#submenu-company .submenu-testimonials {
    width: 92%;
    margin: 0 auto;
}

.submenu-testimonials {
    border-bottom: 1px solid #c3991a;
    overflow: hidden;
    padding: 18px 0;
    margin-bottom: 18px;
}

.submenu-testimonials.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.submenu-testimonial-thumb {
    width: 103px;
    height: 103px;
    border-radius: 103px;
    border: 3px solid #000;
    float: left;
    margin: 6px 0 0 15px
}

.submenu-testimonial-thumb img {
    width: 103px;
    height: 103px;
    border-radius: 103px;
}

.submenu-testimonial-content {
    float: right;
    width: 67.5%;
    border-left: 1px solid #c3991a;
    padding-left: 7.5%;
    background: url("images/quote_black_top.png") no-repeat 9px top
}

.submenu-testimonial-content p {
    font-size: 1.125em;
    line-height: 130%;
}

.submenu-testimonial-content p strong {
}

#submenu-company .submenu-services,
#submenu-case-studies .submenu-services {
    padding-left: 12%;
    width: 70%
}

#submenu-company .submenu-services h2,
#submenu-case-studies .submenu-services h2,
.submenu h2.faded-border {
    font-size: 1.562em;
    padding-left: 0;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    background: url("images/faded_sep.png") no-repeat left bottom;
}

.menu li .submenu .submenu-list li {
    background: none;
    height: auto;
    width: auto;
    display: block;
    float: none;
    padding-bottom: 10px;
}

.menu li .submenu .submenu-list a {
    display: block;
    height: auto !important;
    line-height: normal;
    padding: 0 0 0 15px;
    margin: 0;
    background: url("images/drop_down_arrow.png") no-repeat 0 -17px;
    position: static !important;
    width: auto !important;
    color: #fff;
    font-size: 1.125em;
}

.menu li .submenu .submenu-list a:hover {
    color: #f1bc1e;
    background-position: 0 8px;
}

/* Company services */
#submenu-services {
    right: -447px;
}

#submenu-services .left {
    width: 37.55%;
    background-color: #f1bc1e;
}

#submenu-services .right {
    width: 61.93%;
}

#submenu-services .submenu-services {
    padding: 4.9%;
}

#submenu-services .submenu-services h2.faded-border {
    margin-top: 0;
}

#submenu-services .submenu-list {
    margin-bottom: 30px;
}

#submenu-services .submenu-services-left {
    float: left;
    width: 46%
}

#submenu-services .left h2.dropdown-header {
    color: #000;
    border-bottom-color: #000;
    border-top: 1px solid #c29819
}

#submenu-services .submenu-services-right {
    float: right;
    width: 46%
}

.submenu-core-services .box {
    float: left;
    display: inline;
    width: 50%;
    text-align: center;
    height: 204px;
    margin: 0
}

.submenu-core-services .box.btm-bordered {
    border-bottom: 1px solid #000;
}

.submenu-core-services .box.rt-bordered {
    border-right: 1px solid #000;
    width: 49.7%;
}

.submenu-core-services .box a {
    display: block;
    width: 100%;
    height: 55px;
    text-align: center;
    background-color: #f1bc1e;
    padding-top: 148px;
    color: #000;
    font-size: 1.125em;
    font-weight: 600
}

.submenu-core-services .box a:hover {
    background-color: #f0cf53 !important
}

.submenu-core-services .box a.dd-website-design {
    background: url("images/icon_website_design.png") no-repeat center 40px;
}

.submenu-core-services .box a.dd-seo {
    background: url("images/icon_search_engine_optimization.png") no-repeat center 45px;
}

.submenu-core-services .box a.dd-adwords {
    background: url("images/icon_adwords_management.png") no-repeat center 40px;
}

.submenu-core-services .box a.dd-ecommerce {
    background: url("images/icon_ecommerce.png") no-repeat center 40px;
}

.menu a.dd-view-all,
#submenu-contact input[type='submit'] {
    width: 180px;
    line-height: 45px;
    height: 45px;
    background: url("images/btn_bg.png") repeat-x;
    border: 1px solid #332500;
    display: block;
    color: #202020;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    font-size: 1.125em;
}

#submenu-contact input[type='submit'] {
    line-height: 42px !important;
    font-weight: 400 !important;
    letter-spacing: -1px;
    font-size: 1.20em !important;
    color: #202020 !important
}

.menu a.dd-view-all:hover, #submenu-contact input[type='submit']:hover {
    background: url("images/btn_bg.png") repeat-x left bottom;
}

/* Case Studies */
#submenu-case-studies {
    right: -298px;
}

#submenu-case-studies .left {
    width: 67.75%;
}

#submenu-case-studies .right {
    width: 29%;
}

#submenu-case-studies .submenu-services {
    padding-left: 1%;
    width: 88%;
}

.submenu-cases-wrap {
}

.submenu-cases {
    overflow: hidden;
    border-bottom: 1px solid #c3991a;
    padding: 15px 1.5%
}

.submenu-cases.last {
    border-bottom: 0;
    padding-bottom: 0
}

.submenu-cases-thumb {
    width: 45%;
    float: left;
    text-align: center
}

.submenu-cases-content {
    width: 52%;
    float: right;
    border-left: 1px solid #c3991a;
    padding-left: 2%;
    min-height: 155px;
}

.submenu-cases-content .fl-left, .submenu-cases-content .fl-right {
    width: 48%;
    text-align: center;
    font-size: 0.90em;
    text-transform: uppercase;
    font-weight: 700
}

.submenu-cases-content .thumb-wrap {
    min-height: 90px;
    text-align: center;
}

.submenu-cases-content img {
    display: block;
    margin: 15px auto 10px;
}

/* Show Submenu */
.menu li:hover .submenu {
    /*height: 450px; visibility: visible;*/
}

/* Small header */
header.smaller .wrapper {
    position: relative
}

header.smaller #top-nav {
    position: absolute;
    top: 75px;
    left: -11px;
    display: none
}

header.smaller .menu li.has-dropdown {
    display: block;
    float: none !important;
    background: none;
}

header.smaller .menu li.has-dropdown > a {
    background: #2b2b2b !important;
    background-image: none;

}

header.smaller .menu li.has-dropdown > a:hover,
header.smaller .menu li.has-dropdown > a.active {
    background: #f1bc1e !important;
    position: relative
}

header.smaller .menu li.has-dropdown > a:hover i.arrow,
header.smaller .menu li.has-dropdown > a.active i.arrow {
    display: block
}

header.smaller .menu li.has-dropdown .submenu {
    left: 147px;
    top: 0
}

header.smaller .menu li.has-dropdown #submenu-case-studies {
    top: -119px;
}

header.smaller .menu li.has-dropdown #submenu-company {
    top: -238px;
}

header.smaller .menu li.has-dropdown #submenu-contact {
    top: -357px;
}

header.smaller .menu .menu-content {

}

header.smaller .menu li.has-dropdown > a:hover .menu-content,
header.smaller .menu li.has-dropdown > a.active .menu-content {
    color: #000
}

header.smaller .menu span.icon {

}

header.smaller .menu li:hover span.icon, header.smaller .menu a.active span.icon {
    background-position: center -130px;
}

/* Sidebar Menu */
#sidebar-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    z-index: 9997;
    background-color: #161616;
    height: 100%;
    padding-top: 132px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#sidebar-menu li {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#sidebar-menu li:first-child {
    border-top: none;
}

#sidebar-menu a {
    display: block;
    height: 90px;
    width: 100px;
    background-color: #161616;
    color: #fff;
    outline: none;
    position: relative;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#sidebar-menu a span.icon-arrow {
    display: none;
    background: url("images/sidebar_arr_active.png") no-repeat;
    width: 10px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 0
}

#sidebar-menu a:hover, #sidebar-menu a.active {
    background: #f1bc1e;
}

#sidebar-menu a:hover span.icon-arrow,
#sidebar-menu a.active span.icon-arrow {
    display: block;
    right: -10px
}

#sidebar-menu li:first-child a {
}

#sidebar-menu li:last-child a {
    border-radius: 0;
    border-bottom: none
}

#sidebar-menu .menu-content {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.85em;
}

#sidebar-menu span.icon {
    font-size: 2em;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 48px;
    display: block;
    padding: 5px 0;
    line-height: 48px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#sidebar-menu li:hover span.icon,
#sidebar-menu a.active span.icon {
    color: #000;
}

#sidebar-menu li:hover .menu-content,
#sidebar-menu a.active .menu-content {
    color: #000;
    font-size: 0.75em;
}

/* Industry page menu */
#industry-nav {
    clear: both;
    border-top: 5px solid #f1bc1e;
    height: 55px;
    background-color: #f3f3f3
}

#industry-nav ul {
    max-width: 1120px;
    margin: 0 auto
}

#industry-nav li {
    float: left;
    display: inline
}

#industry-nav a {
    display: block;
    padding: 0 26px;
    line-height: 55px;
    font-weight: 700;
    color: #888888;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

#industry-nav li:first-child a {

}

#industry-nav li:last-child a {

}

#industry-nav a:hover, #industry-nav a.active {
    color: #076fc0;
    background-color: #fff;
}
.slick-slide:focus {
    outline: none;
}
/* SECTIONS */

/* Homepage */
#homepage-section, #homepage-section section {
    padding-left: 0;
    font-style: normal;
}
#section-video { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Q0Q5QzA4M0Q3N0YxMUUyQTEyNkRCNDY2RDM4N0MzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Q0Q5QzA4NEQ3N0YxMUUyQTEyNkRCNDY2RDM4N0MzRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdDRDlDMDgxRDc3RjExRTJBMTI2REI0NjZEMzg3QzNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdDRDlDMDgyRDc3RjExRTJBMTI2REI0NjZEMzg3QzNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wuzlugAAACJJREFUCNdj+P//PwMyBhPMzMwNrKysDXABEIeNjQ0hgIwBHgUmFnFPJ6wAAAAASUVORK5CYII=");
    color: #fff;}
.hp-intro {
    height: 625px;
    /*background: url("images/homepage_intro_bg.jpg") no-repeat center top;*/
    text-align: center
}

#scrollable {
    position: relative;
    height: 150px;
    vertical-align: middle;
    background-color: #fff;
    overflow: hidden;
    -moz-box-shadow: 2px -2px 9px rgba(136, 136, 136, 0.4) inset;
    -webkit-box-shadow: 2px -2px 9px rgba(136, 136, 136, 0.4) inset;
    box-shadow: 2px -2px 9px rgba(136, 136, 136, 0.4) inset
}

#scrollable img {
    float: left;
    display: inline;
    margin-right: 20px;
}

#scrollable li {
    width: 150px;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}
#section-bg-mobile { display: none; background: url("images/bg_homepage_mobile.jpg") no-repeat center top; background-size: 100%; height: auto; padding-bottom: 10%}
.hp-intro h1 {
    text-align: center;
    color: #fff;
    font-size: 5em;
    line-height: 120%;
    margin: 135px 0 40px;
    text-shadow: 28px 6px 94px #000;
}

.hp-intro a.read-more, #play-video, .page-404-links a.read-more { background: url("images/grad_yellow.png") repeat; display: inline-block; border:2px solid #fff; transition:all 0.4s linear; width: 24%; text-align: center; font-size: 1.575em; line-height: 55px; border-radius: 5px; color: #fff; font-weight: 700}
.hp-intro a.read-more.first, .page-404-links a.read-more.first { margin-right: 5px;}
.hp-intro a.read-more.last, .page-404-links a.read-more.last { margin-left: 5px;}
#play-video { cursor: pointer}
.btn-play-video { position: absolute; bottom: 25px; width: 97%;}
.hp-intro a.read-more:hover, #play-video:hover, .page-404-links a.read-more:hover { background-color: #f1bc1e; color: #000; }

h1.border-bottom {
    background: url("images/border-bottom.jpg") no-repeat bottom center;
    padding-bottom: 20px;
    color: #101010;
    font-size: 3em;
    margin: 5% 0;
    font-weight: 700
}

.hp-works {
    background-color: #fff;
    min-height: 700px;
}

.hp-works .wrapper {
    width: 100%;
    max-width: 100%;
}

.grid-wrapper {
    width: 100%;
    clear: both;
    overflow: hidden
}

.col {
    float: left;
    display: inline;
}

.span-1-of-3 {
    width: 33.3%;
}

.hp-works .span-1-of-3 {
    height: auto;
    overflow: hidden;
    line-height: 0;
}

.hp-works .tc {
    width: 100%;
    height: 100%;
}

.hp-works .tc img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.hp-works .tc .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("images/trans_20.png") repeat;
    z-index: 20;
}

.hp-works .tc .description {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 21;
    background: url("images/trans_85.png") repeat;
    bottom: -115px;
}

.hp-works .tc h2 {
    font-size: 1.125em;
    color: #f1bc1e;
    font-weight: 700;
}

.hp-works .tc p {
    font-size: 0.8125em;
    line-height: 130%;
    color: #fff;
    letter-spacing: 0
}

.hp-works .tc h2 {
    padding: 1.5em 1em 1em;
}

.hp-works .tc p {
    padding: 0 0.875em 0 1.45em;
}

.hp-works #read-more-case-studies, #homepage-section .grey-btn {
    clear: both;
    margin-top: 5%;
    width: 35%
}

#hp-what-we-do, #hp-press-reconization, #hp-testimonials {
    background-color: #fff;
    padding-bottom: 5%
}

#hp-testimonials { padding-bottom: 2%}

#hp-what-we-do h1.border-bottom,
#hp-press-reconization h1.border-bottom,
#hp-testimonials h1.border-bottom {
    margin-top: 0
}

.what-we-do li {
    float: left;
    display: inline;
    width: 23%;
    height: 400px;
    margin-right: 2%;
    text-align: center
}

.what-we-do li:last-child {
    margin-right: 0;
}

.what-we-do a {
    display: block;
    width: 258px;
    height: 280px;
    color: #202020;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    opacity: 0.7;
}

.what-we-do a span.rounded {

    display: block;
    width: 258px;
    height: 258px;
    border-radius: 258px;
    background-color: #f1bc1e;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    opacity: 0.7;
}

.what-we-do a:hover {
    opacity: 1;
    color: #000;
}

.what-we-do a .tc {
    display: table-cell;
    width: 1%;
    height: 258px;
    text-align: center;
    vertical-align: middle
}

.what-we-do a img {
    max-width: 60%;
    height: auto;
    margin: 0 auto;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.what-we-do a img.gif {
    display: none;
    opacity: 0
}

.what-we-do a img.png {
    display: block;
    opacity: 1
}

.what-we-do a:hover img.gif {
    display: block;
    opacity: 1
}

.what-we-do a:hover img.png {
    display: none;
    opacity: 0
}

.what-we-do .title {
    display: block;
    font-size: 1.75em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-top: 15px;
    line-height: 110%
}

.testimonial-wrapper {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 3% 0 0;
    min-height: 500px;
}

.testimonial-wrapper .grey-btn {
    margin-bottom: 0
}

.row-fluid {
    width: auto;
    clear: both;
    height: 240px;
    margin-bottom: 25px;
}

#scrolling-testimonials-homepage.row-fluid { height: auto}

#scrolling-testimonials-3.row-fluid {
    height: 300px;
}

.row-fluid.row-2 {
    margin-left: -100px;
}

.row-fluid.row-3 {
    margin-left: -200px;
}

.scrolling-testimonial {
    width: 725px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 35px;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    opacity: 0.6;

    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#scrolling-testimonials-homepage .scrolling-testimonial { width:98%; opacity: 1; margin: 0 auto}

.scrolling-testimonial .fl-left {
    width: 124px;
    height: 124px;
    border-radius: 130px;
    border: 1px solid #eeeeee;
    background-color: #fff;
    padding: 5px;
    box-shadow: 3px 6px 2px rgba(0, 0, 0, 0.2)
}

#scrolling-testimonials-homepage .scrolling-testimonial .fl-left { float: none; margin: 0 auto 25px;}

.scrolling-testimonial .fl-left img {
    width: 124px;
    height: 124px;
    border-radius: 124px;
}

.scrolling-testimonial .fl-right {
    float: right;
    width: 530px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    position: relative;
}

#scrolling-testimonials-homepage .scrolling-testimonial .fl-right { float: none; text-align: center; width: auto; border: 1px solid #bababa;}

.scrolling-testimonial .fl-right:after, .scrolling-testimonial .fl-right:before {
    right: 100%;
    top: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#scrolling-testimonials-homepage .scrolling-testimonial .fl-right:after { border: none; margin: 0; display: none}

.scrolling-testimonial .fl-right:after {
    border-right-color: #ffffff;
    border-width: 20px;
    margin-top: -20px;
}
#scrolling-testimonials-homepage .scrolling-testimonial .fl-right:before { border-width:0; margin-top: 0; display: none}
.scrolling-testimonial .fl-right:before {
    border-right-color: #e6e6e6;
    border-width: 21px;
    margin-top: -21px;
}

.scrolling-testimonial:hover {
    opacity: 1
}

.scrolling-testimonial:hover .fl-right {
    border-color: #bababa
}

.scrolling-testimonial:hover .fl-right:before {
    border-right-color: #bababa;
}

.scrolling-testimonial .top {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.scrolling-testimonial .testimonial-content {
    min-height: 80px;
    font-weight: 400;
    letter-spacing: 0
}

.scrolling-testimonial p {
    font-size: 14px;
    line-height: 24px;
    color: #6e6e6e;
}

.scrolling-testimonial .client-name {
    font-size: 1.125em;
    color: #000;
    font-weight: 600;
    padding-right: 30px;
    border-right: 1px solid #aaaaaa
}

.scrolling-testimonial .site-name {
    font-size: 1.125em;
    color: #2b8ab1;
    padding-left: 30px;
}

#scrolling-testimonials-homepage .scrolling-testimonial .client-name,
#scrolling-testimonials-homepage .scrolling-testimonial .site-name { font-size: 1em;}

#scrolling-testimonials-2 {
    margin-bottom: 0;
}

#scrolling-testimonials-3 {
}

#hp-press-reconization .wrapper {
    max-width: 1010px;
}

#hp-press-reconization li {
    display: block;
    float: left;
    height: 87px;
    width: 16%;
    border: 1px solid #efeded;
    text-align: center;
    margin: 0 0.49% 0.49% 0
}

#hp-press-reconization li:nth-child(6n + 6),
#hp-press-reconization li.last {
    margin-right: 0
}

#hp-press-reconization .tc {
    width: 1%;
    height: 87px;
    vertical-align: middle;
    display: table-cell
}

section {
    overflow: hidden;
}

section#contact-page, section.no-padding-left, .no-padding-left {
    padding-left: 0
}

/* Common */
.content {
    background-color: #fff;
    min-height: 700px
}

.content h2 {
    font-size: 2.25em;
    color: #076fc0;
    margin-bottom: 0.1em;
}

.content h3 {
    margin: 0.6em 0 0.1em 0;
}

.content p, .content li {
    font-size: 1.125em;
    line-height: 24px;
    color: #6e6e6e;
}

.content li {
    padding-bottom: 7px;
}

.content p, .content ul {
    margin-bottom: 0.825em;
}

.content strong {
    font-weight: 600
}

.content ul {
    list-style: disc outside none;
    margin-left: 20px
}

.col-left {
    float: left
}

.col-right {
    float: right
}

.two-column-right, .full-width {
    padding-left: 0
}

.two-column-right .wrapper,
.full-width .wrapper {
    max-width: 1120px;
    overflow: hidden;
    padding: 30px 0;
}

.two-column-right .col-left {
    width: 65%
}

.two-column-right .col-right {
    width: 33.2%
}

.content .what-is-tested {
    overflow: hidden;
}

.content .what-is-tested ul {
    width: 30%;
    float: left;
    margin-right: 2%;
    list-style: none;
    margin-left: 0
}

.content .what-is-tested ul.last {
    float: right;
    margin-right: 0
}

.content ul.team-who-has-it {
    list-style: none;
    margin: 0;
    padding: 0 20px;
    overflow: hidden
}

.team-who-has-it li {
    float: left;
    display: inline;
    width: 108px;
    min-height: 130px;
    text-align: center;
    margin-bottom: 15px;
}

.team-who-has-it li:nth-child(2n + 2) {
    float: right
}

.team-who-has-it .name {
    color: #262626;
    font-size: 0.875em;
}

.team-who-has-it li img {
    width: 108px;
    height: 108px;
}

.certification-badge {
    text-align: center;
    padding: 5px 0 20px;
    clear: both
}

a.hire-smartsites {
    width: 100%;
    display: block;
    border: 1px solid #a89696;
    line-height: 56px;
    background-color: #fcca33;
    -webkit-transition: background 200ms linear;
    transition: background 200ms linear;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    color: #262626;
    border-radius: 3px;
}

a.hire-smartsites:hover {
    background-color: #e6b82f
}

/* Sections servies page */
#section-1 {
    min-height: 556px;
    color: #fff;
    background: url("images/section_1_bg.jpg") no-repeat center top #002648;
    height: 556px;
}

#section-1 h1 {
    font-size: 5.33em;
    font-weight: 600;
    margin: 12.23% 0 2.232% 0;
    text-shadow: 5px 0 5px #000;
    color: #fff
}

#section-1 .ad-word-management h1 {
    margin: 7% 0 2.232% 0;
    font-size: 4.5em;
}

#section-1 p {
    font-size: 1.9375em;
    font-weight: 600;
    margin-bottom: 2.232%;
    color: #fff
}

#section-1 li {
    font-size: 1.525em;
    margin-bottom: 2.232%;
    background: url("images/tick.png") no-repeat left center;
    padding-left: 30px;
}

#section-1 p, #section-1 ul {
    margin-left: 30px;
}

#section-1.has-thumb p {
    margin-top: 50px;
}

#section-1.has-thumb p.no-margin-top {
    margin-top: 0
}

#section-1.has-thumb .fl-right {
    margin: -71px 60px 0 0;
}

#section-2 {
    /*  min-height: 920px;*/
    background-color: #fff
}

#section-2 .box-wrap {
    max-width: 920px;
    margin: 0 auto
}

#section-2 h1, #section-3 h1, h1.section-title,
h2.section-title, #section-2 h2.section-title {
    font-size: 3.125em;
    font-weight: 700;
    margin: 2% 0 2.5% 0;
}

#section-2 h1, #section-2 .box, #section-3 h1, h1.section-title {
    text-align: center
}

.box {
    width: 42.9375%;
    margin-bottom: 5%
}

#section-2 span.thumb {
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 1%;
}

#section-2 span.thumb img {
    vertical-align: middle
}

#section-2 h2 {
    font-weight: 600;
    font-size: 2.0em;
    margin: 10px 0 5px 0
}

#section-2 p {
    font-size: 1.5625em;
    line-height: 35px;
}

#section-2 .box {
    min-height: 150px;
}

#section-3 {
    min-height: 675px;
    background-color: #fff;
}

#section-3 .wrapper {
    max-width: 985px;
}

#section-3.penalty-recovery .wrapper {
    max-width: 1050px;
}

#why-choose-us .wrapper {
    max-width: 1080px;
}

#section-3.penalty-recovery {
    padding-bottom: 2%;
}

#section-3.penalty-recovery h1.blue {
    margin-bottom: 12%;
}

.penalty-recovery-slider-wrap, .why-choose-us-slider-wrap {
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    height: 570px;
    background-color: #f8f8f8;
    box-shadow: -3px 0 7px rgba(0, 0, 0, 0.2);
    max-width: 1050px;
    position: relative
}

.why-choose-us-slider-wrap {
    min-height: 863px;
    height: auto;
    overflow: hidden
}

.why-choose-us-slider-wrap, .why-choose-us-slider {
    max-width: 1080px;
}

.pr_slides_nav, .wcu_slides_nav {
    font-size: 4.125em;
    font-weight: 600;
    color: #cbcbcb;
    position: absolute;
    top: 165px;
    z-index: 90
}

.wcu_slides_nav {
    top: 220px;
}

.pr_slides_nav.prev, .wcu_slides_nav.prev {
    left: 100px;
}

.wcu_slides_nav.prev {
    left: 10px
}

.pr_slides_nav.next, .wcu_slides_nav.next {
    right: 100px;
}

.wcu_slides_nav.next {
    right: 10px
}

.pr_slides_nav:hover, .wcu_slides_nav:hover {
    color: #4f4f4f
}

.pr-slider, .penalty-recovery-slider {
    max-width: 1050px;
}

.why-choose-us-slider .wcu-slider {
    max-width: 1080px;
}

.pr-slider h2 {
    margin: 60px 0 60px;
    font-size: 2.8125em;
}

.pr-slider .sep {
    height: 1px;
    font-size: 0;
    background: url("images/seperator.png") no-repeat center top;
    margin-bottom: 35px;
}

.pr-slider .fl-left {
    width: 32%;
    text-align: center;
    margin-left: 7%
}

.pr-slider .fl-right {
    width: 52%;
    margin-right: 7%
}

.pr-slider h3 {
    font-size: 1.875em;
    color: #3b3b3b;
    margin-bottom: 15px;
}

.pr-slider p {
    font-size: 1.1em;
    line-height: 150%;
    color: #3b3b3b;
    margin-bottom: 10px;
    letter-spacing: 0
}

#pr-slider-controls, #wcu-slider-controls {
    padding: 0 10px;
    margin: -80px 0 0;
    overflow: hidden
}

#wcu-slider-controls {
    margin: 10px 0 0;
    width: 1067px;
}

#pr-slider-controls li, #wcu-slider-controls li {
    display: block;
    float: left;
    width: 33.3%;
    height: 192px;
}

#wcu-slider-controls li {
    width: 24.8%;
}

#pr-slider-controls li:hover, #pr-slider-controls li.pr_slides_here,
#wcu-slider-controls li:hover, #wcu-slider-controls li.wcu_slides_here {
    background: url("images/arrow_hover.png") no-repeat center bottom;
}

#pr-slider-controls a,
#wcu-slider-controls a {
    display: block;
    height: 125px;
    background-color: #002648;
    border-right: 1px solid #000000;
    border-left: 1px solid #4f4f4f;
    text-align: center;
    color: #fff;
    font-size: 2.8125em;
    font-weight: 700;
    padding-top: 45px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#wcu-slider-controls a {
    font-size: 1.5em;
    text-transform: uppercase;
    padding-top: 90px;
    height: 80px;
}

#wcu-slider-controls a.we-design {
    background: url("images/we-design-websites.png") no-repeat center 20px #002648
}

#wcu-slider-controls a.we-deliver {
    background: url("images/we-deliver.png") no-repeat center 20px #002648
}

#wcu-slider-controls a.we-are-loved {
    background: url("images/client-love-us.png") no-repeat center 20px #002648
}

#wcu-slider-controls a.we-are-passionate {
    background: url("images/we-are-passionate.png") no-repeat center 20px #002648
}

#pr-slider-controls a:last-child,
#wcu-slider-controls li:last-child a {
    border-right: none;
}

#pr-slider-controls a:first-child,
#wcu-slider-controls li:first-child a {
    border-left: none;
}

#pr-slider-controls a:hover, #pr-slider-controls li:hover a, #pr-slider-controls li.pr_slides_here a,
#wcu-slider-controls a:hover, #wcu-slider-controls li:hover a, #wcu-slider-controls li.wcu_slides_here a {
    background-color: #000
}

#section-3.has-slider .wrapper {
    max-width: 1024px;
}

#heading-image {
    background: url("images/bf_arrow.png") no-repeat center top;
    height: 58px;
    overflow: hidden;
    position: relative;
    z-index: 15
}

.webdesign-slider, .webdesign-slider-wrapper {
    max-width: 1024px;
}

.webdesign-slider-wrapper {
}

.webdesign-slider {
    margin-top: -16px;
    overflow: hidden;
}

.webdesign-slider .w-sliders {
    max-width: 1024px;
}

.webdesign-slider .fl-left, .webdesign-slider .fl-right {
    width: 49%;
}

.webdesign-slider img {
    max-width: 100%
}

#numeric-controls-wrap3 {
    text-align: center;
}

.webdesign_slider_tabs {
    max-width: 700px;
    margin: 30px auto 0
}

.webdesign_slider_tabs li {
    float: left;
    display: inline;
    margin-right: 10px;
}

.webdesign_slider_tabs li a {
    font-size: 0;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #cccccc
}

.webdesign_slider_tabs li a:hover, .webdesign_slider_tabs li.webdesign_slider_here a {
    background-color: #ef9800
}

.webdesign_slider_nav {
    width: 79px;
    height: 92px;
    color: #fff;
    display: block;
    position: absolute;
    top: 48%;
    text-align: center;
    line-height: 92px;
    font-size: 2.5em;
    background-color: #000;
    opacity: 0.2;
    z-index: 99;
}

.webdesign_slider_nav.next {
    right: 20px;
}

.webdesign_slider_nav.prev {
    left: 141px;
}

.webdesign_slider_nav:hover {
    opacity: 1;
    font-size: 3.5em;
}

#heading-image .before-image {
    background: url("images/before_image.png") no-repeat;
    width: 82px;
    height: 49px;
    float: left
}

#heading-image .after-image {
    background: url("images/after_image.png") no-repeat;
    width: 73px;
    height: 51px;
    float: right
}

#ss-sites li {
    float: left;
    display: inline;
    width: 31.8796%;
    position: relative;
    min-height: 300px;
    border-radius: 5px;
    border: 1px solid #c5c8ca;
    margin: 0 1.8385% 2.0913% 0
}

#ss-sites li:nth-child(3n + 3) {
    margin-right: 0;
}

#ss-sites.ss-social-media li {
    border: none;
    position: relative;
    height: 340px;
    margin-bottom: 40px;
    background: url("images/social_media_bg.png") no-repeat top left
}

#ss-sites.ss-social-media .info {
    position: absolute;
    top: 52px;
    left: 37px;
    text-align: center;
    width: 50%;
}

#ss-sites.ss-social-media .info .big {
    font-size: 4em;
    display: block;
    font-weight: 600;
}

#ss-sites.ss-social-media li img.small-logo {
    position: absolute;
    bottom: 50px;
    right: 20px;
}

#ss-sites.ss-social-media .social-icons {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #474747;
    font-size: 2em;
    color: #474747;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#ss-sites.ss-social-media .social-icons.fb {
    top: 262px;
    left: 112px;
    z-index: 12
}

#ss-sites.ss-social-media .social-icons.twitter {
    top: 228px;
    left: 82px;
    z-index: 10
}

#ss-sites.ss-social-media .social-icons.pinterest,
#ss-sites.ss-social-media .social-icons.linkedin {
    top: 228px;
    left: 144px;
    z-index: 10
}

#ss-sites.ss-social-media li:hover {
    background-position: left bottom;
}

#ss-sites.ss-social-media li:hover .social-icons {
    border-color: transparent;
    color: #fff
}

#ss-sites.ss-social-media li:hover .social-icons.fb {
    background-color: #4b6daa;
}

#ss-sites.ss-social-media li:hover .social-icons.twitter {
    background-color: #33def2;
}

#ss-sites.ss-social-media li:hover .social-icons.pinterest {
    background-color: #ff0000;
}

#ss-sites.ss-social-media li:hover .social-icons.linkedin {
    background-color: #0097bd;
}

#ss-sites.ss-social-media .info small {
    font-size: 0.85em;
}

#ss-sites.ss-social-media .site-name {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#ss-sites .bf-arrow {
    display: block;
    width: 160px;
    height: 42px;
    background: url("images/ba_arrow.png") no-repeat;
    position: absolute;
    z-index: 5;
    top: 210px;
    left: 60px;
}

#ss-sites li img.screen-shot {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#ss-sites li .before-after {
    height: 145px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 5px 5px;
    z-index: 2
}

#ss-sites.ss-case-studies li .before-after {
    height: 100px;
}

#ss-sites .before, #ss-sites .after {
    width: 50%;
    text-align: center;
    color: #fff;
    padding-top: 25px
}

#ss-sites .before span, #ss-sites .after span {
    display: block;
    font-size: 1.5em;
}

#ss-sites .before.big span, #ss-sites .after.big span {
    font-size: 1em;
    line-height: 22px;
    padding: 0 10px;
}

#ss-sites .before.big span.ss-timer,
#ss-sites .after.big span.ss-timer,
#ss-sites span.ss-timer {
    font-size: 3em;
    line-height: normal;
    padding: 0
}

#read-more-case-studies, .grey-btn {
    width: 47.236%;
    margin: 60px auto;
    clear: both
}

#read-more-case-studies a,
.grey-btn a {
    display: block;
    width: 100%;
    background-color: #a8a8a8;
    text-align: center;
    color: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    font-size: 1.75em;
    font-weight: 700;
    line-height: 63px
}

#read-more-case-studies a:hover,
.grey-btn a:hover {
    background-color: #f0b52d;
    color: #000
}

#section-4 {
    background-color: #fff;
    padding-bottom: 25px;
}

#section-4 .box h3 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.4em;
}

#section-4.mission-listing {
    background-color: #fff;
}

#section-4 .wrapper, #section-frameworks .wrapper {
    max-width: 995px;
}

#section-4 .box-wrap, #section-frameworks .box-wrap {
    width: 100%;
}

#section-4 .box, #section-frameworks .box {
    width: 28.1407%;
    text-align: center;
    float: left;
    display: inline;
    margin: 0 7.75% 0 0
}

#section-4 .box { margin: 0 7.75% 3% 0}
#section-4 .box h2 { margin-bottom: 10px;}

#section-4 .box.last, #section-frameworks .box.last {
    float: right;
    margin-right: 0
}

#section-4 h2 {
    /*font-size: 1.375em;
    margin-bottom: 15px;*/
    text-transform: uppercase;
}

#section-4 .box .thumb-wrap {
    width: 238px;
    height: 160px;
    margin: 0 auto
}

#section-4 .box .thumb {
    display: table-cell;
    background-color: #f0b52d;
    width: 238px;
    height: 160px;
    vertical-align: middle;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#section-4 .box .thumb:hover {
    background-color: #c89726
}
#section-4 .box .thumb:hover img, #section-4 .box .thumb:hover img.aniamted.pulse { background-color: transparent!important}

#section-4 .box .thumb img {
    vertical-align: middle
}
#section-4 .box .thumb img:hover, #section-4 .box .thumb:hover img { background: transparent!important;}

#section-4 .box p {
    font-size: 0.9375em;
    font-weight: 600;
    color: #474747;
    line-height: 24px;
    margin-top: 15px;
}

#section-4.mission-listing .box p {
    margin-top: 15px;
}

#section-4 .box-big p {
    min-height: 100px;
}

#section-frameworks {
    background: url("images/framework_bg.png") center top #000e19;
    height: 632px;
}

#section-frameworks .section-title {
    margin: 70px 0 35px;
    color: #fff;
}

#section-5 {
    min-height: 700px;
}

#section-5 .position-abs {
    text-align: center;
    width: 100%;
    z-index: 1999
}

#switch-sliders {
    position: relative;
    z-index: 33;
    text-align: center
}

#section-5 h2 {
    color: #fff;
    margin: 30px 0 15px;
    position: relative;
    z-index: 33;
}

#section-5 .sliders {
    margin-top: -95px;
}

#section-5.google-penalty-sliders .sliders {
    margin-top: -136px;
}

#section-frameworks .box {
    background-color: #fff;
    height: 186px;
    margin: 0 3% 3% 0;
    width: 31.30%;
}

#section-frameworks .box .tc {
    width: 31.30%;
    display: table-cell;
    vertical-align: middle;
    height: 186px;
}

section#contact-page {
    min-height: 760px;
    background-color: #f5f5f5
}

section#contact-page .wrapper {
    max-width: 925px;
    padding-top: 80px;
}

#contact-form {
    width: 51.1891%;
}

#contact-form label {
    font-size: 0.875em;
    margin-bottom: 13px;
    display: block
}

#contact-address {
    width: 38.4954%;
    padding-top: 15px;
}

#contact-form input.light {
    padding: 13px;
}

#contact-form input.light:focus {
    border-color: #f1bc1e
}

#contact-form textarea {
    height: 145px;
}

.contact-info {
    overflow: hidden;
    margin-bottom: 80px;
}

.contact-info .fl-right {
    width: 260px;
}

.contact-info h2 {
    margin: 5px 0 7px;
}

.contact-info p {
    font-size: 1em;
    line-height: 120%
}
.contact-info p a { color: #161616}


.contact-info span {
    display: inline-block;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    background-color: #f1bc1e;
    text-align: center;
    line-height: 80px;
    color: #000;
    font-size: 2.75em;
}

#contact-form input[type='submit'] {
    width: 41%;
    border-radius: 5px;
    border: 1px solid #fac43e;
    line-height: 53px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.5625em;
}
.page-ppc-landing ul.reviews li {
    margin: 0;
    width: 100%;
    max-width: 19%;
    padding: 0 1%;
}

/* SlideShow */
.sliders {
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative
}

.sliders .slider-left {
    width: 40%;
    float: left;
    height: 500px;
}

.sliders .tc {
    height: 500px;
    width: 1%;
    display: table-cell;
    vertical-align: middle
}

.sliders .slider-right {
    width: 50%;
    float: right;
    display: table-cell;
    vertical-align: middle;
    height: 500px;
    text-align: center
}

.sliders h2, .sliders p {
    color: #fff;
}

.sliders h2.black, .sliders p.black {
    color: #000
}

.sliders h2 {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 15px;
}

.sliders p {
    font-size: 1.875em;
    line-height: 150%;
}

#switch-sliders a {
    display: inline-block;
    width: 195px;
    height: 41px;
    text-align: center;
    background: url("images/switch_slides_bg.png") repeat-x top;
    line-height: 41px;
    color: #535353;
    font-size: 1.1em;
    letter-spacing: 0;
    transition: all 200ms linear;
}

#switch-sliders a:first-child {
    border-radius: 41px 0 0 41px;
    border-right: 1px solid #9e9e9e
}

#switch-sliders a:last-child {
    border-radius: 0 41px 41px 0;
    margin-left: -3px;
}

#switch-sliders a:hover, #switch-sliders a.active {
    background-position: bottom;
    color: #000
}

#penguin-slider {
}

/* Controsl (prev / next) */
.controls, .numeric-controls a.rslides_nav,
.numeric-controls2 a.rslides_nav,
a.in_slides_nav, .testi_slides_nav,
.service_slide_nav {
    position: absolute;
    display: block;
    width: 79px;
    height: 92px;
    background-color: #000;
    opacity: 0.5;
    top: -250px;
    z-index: 55;
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    line-height: 92px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    cursor: pointer
}

a.in_slides_nav, .testi_slides_nav {
    top: 48%;
    opacity: 0.2
}

.numeric-controls a.rslides_nav,
.numeric-controls2 a.rslides_nav,
a.in_slides_nav, .testi_slides_nav {
    background-color: #000;
    background-image: none;
}

.controls.next, .rslides_nav.next, a.in_slides_nav.next, .testi_slides_nav.next, .service_slide_nav.next {
    right: 20px;
}

.controls.prev, .rslides_nav.prev, a.in_slides_nav.prev, .testi_slides_nav.prev, .service_slide_nav.prev {
    left: 20px;
}
.service_slide_nav.prev { left: 120px;}

.controls:hover, .numeric-controls a.rslides_nav:hover,
.numeric-controls2 a.rslides_nav:hover,
a.in_slides_nav:hover, .testi_slides_nav:hover,
.service_slide_nav:hover {
    font-size: 3.5em;
    opacity: 1
}

.service_slide_nav {
    top: 45%
}

.ss-slideshow,
.ss-slideshow:after {
    width: 100%;
    height: 100%;
    z-index: 0;
}

#ecommerce-showcase a.in_slides_nav.prev {
    left: 135px;
}

#section-testimonial .testi_slides_nav.prev {
    left: 141px;
}

/* Numeric Controls */
#numeric-controls-wrap, #numeric-controls-wrap2 {
    width: 100%;
    position: absolute;
    height: 50px;
    bottom: 65px;
    z-index: 1200
}

.numeric-controls, .numeric-controls2 {
    max-width: 1054px;
    margin: 0 auto;
    height: 50px;
    background: url("images/numeric_control_bg.png") left center repeat-x
}

.numeric-controls a, .numeric-controls2 a {
    display: inline-block;
    width: 41px;
    height: 41px;
    background: url("images/numeric_controls.png") no-repeat center bottom;
    text-align: center;
    line-height: 41px;
    color: #1f1f1f;
    font-size: 1em;
    font-weight: 600;
    margin-top: 4px;
    outline: none;
}

.rslides_tabs li {
    margin-right: 15%;
    float: left;
    width: 41px;
    height: 41px;
}

.rslides_tabs li:last-child {
    margin-right: -9px;
    float: right
}

.rslides_tabs li:first-child a {
    margin-left: -17px;
}

.rslides_tabs li a:hover, .rslides_tabs li.rslides_here a {
    background-position: center top;
    font-size: 1.375em;
    color: #fff
}

/* Process Slider */

.ss-slideshow {
    position: relative
}

.ss-slideshow li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.ss-slideshow li.active {
    z-index: 3
}

.ss-slideshow:after {
    content: '';

}

.ss-slideshow li .sl-wrap {
    max-width: 1150px;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0;
    display: block;
    margin: 0 auto;
    padding-top: 100px;

}

#slider-1 span.slide-1 {
    background-image: url("images/sliders/site-speed-audit.jpg");
}

#slider-1 span.slide-2 {
    background-image: url("images/sliders/project-kickoff.jpg");
}

#slider-1 span.slide-3 {
    background-image: url("images/sliders/performance-optimization.jpg");
}

#slider-1 span.slide-4 {
    background-image: url("images/sliders/project-showcase.jpg");
}

#slider-1 span.slide-5 {
    background-image: url("images/sliders/project-deployment.jpg");
}

#slider-1 span.slide-6 {
    background-image: url("images/sliders/site-speed-audit-1.jpg");
}

#section-6 {
    background: #1a1a1a url("images/contact_us_bg.png") center top;
    min-height: 600px;
}

#section-6 .wrapper {
    max-width: 1028px;
}

#section-6 .section-title,
#section-6 h2, #section-6 li {
    color: #fff
}

#section-6 h2 {
    font-size: 1.875em;
    font-weight: 400
}

#section-6 h2.section-title {
    font-size: 3.125em;
    font-weight: 700;
    text-align: center;
}

#section-6 li {
    color: #d1d1d1;
    font-size: 1.5625em;
    padding-bottom: 20px;
}

#section-6 .section-title {
    margin: 50px 0 75px
}

#section-6 .fl-left {
    width: 44.7470%;
    position: relative
}

#section-6 .fl-right {
    width: 36.9649%
}

#section-6 .fl-left h2 {
    line-height: 38px;
    border-bottom: 1px dashed #2c2c2c;
    padding: 0 0 10px;
    margin: 0 0 25px
}

#section-6 .fl-right h2 {
    margin-bottom: 15px;
}

#get-started-image {
    position: absolute;
    width: 586px;
    height: 200px;
    background: url("images/get_started.png") no-repeat;
    margin-top: -71px;
}

.form-row {
    margin-bottom: 12px;
}

/* Forms */
input {
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

textarea {
    height: 70px;
    resize: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.125em;
    font-weight: 600
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='file'], input.file,
textarea,
select {
    border: 2px solid #59584f;
    width: 93%;
    background-color: #191919;
    font-size: 1.125em;
    padding: 10px 13px;
    border-radius: 5px;
    color: #505050;
}

input.light, textarea.light, select.light {
    border-color: #a9a9a9;
    background: #fff url("images/input_light_bg.png") repeat-x;
    color: #000
}

input.light:hover, textarea.light:hover {
    border-color: #f1bc1e;
    color: #474747;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
    color: #000;
    border-color: #959595;
}

input.light:focus { color: #000}

input[type='submit'], input[type='button'] {
    border: 1px solid #ffffff;
    line-height: 55px;
    height: 55px;
    background: url("images/submit_btn_bg.png") repeat-x;
    font-size: 2em;
    font-weight: 800;
    width: 100%;
    cursor: pointer;
}

input[type='submit']:hover, input[type='button']:hover {
    background-position: bottom;
}

#section-7 {
    min-height: 520px;
    background: url("images/map_bg.jpg") no-repeat center top;
    position: relative
}

#section-7 .border {
    background: url("images/footer_bg_rpt.png") repeat-x left 57px;
}

.grey-bg {
    margin: 105px 0 0;
    height: 322px;
    background: url("images/oval.png") no-repeat center top;
    overflow: hidden
}

.grey-bg .inner-wrap {
    height: 196px;
    background-color: #232121;
    margin-top: 59px;
}

#section-7 .wrapper {
    max-width: 1070px;
    border-collapse: collapse;
}

.give-us-a-call {
    padding-top: 55px;
}

.call-text {
    width: 195px;
    margin-left: 30px;
    text-align: center
}

.call-text span, .send-message-wrap span {
    color: #fff;
    font-size: 1.375em;
    display: block
}

.send-message a {
    display: block;
    color: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.call-text span.bordered, .send-message a {
    border: 1px solid #fff;
    line-height: 42px;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

.send-message a { font-size: 1.1em; text-transform: uppercase}
.send-message span.bordered { width: 94%; display: none}
.call-text span.bordered a {
    color: #fff;
    display: block
}

.call-text span.bordered:hover {
    border-color: #f1bc1e;
    transition: all 300ms linear;
}

.call-text span.bordered a:hover {
    background-color: #f1bc1e;
    border-color: #f1bc1e;
    color: #000;
}

.send-message a:hover {
    color: #f1bc1e;
    border-color: #f1bc1e
}

.logo-light {
    margin: 15px 40px 0 50px;
    width: 326px;
    float: left;
}

.send-message-wrap {
    width: 330px;
    float: left
}

.send-message {
    margin-left: 30px;
    width: 190px;
}

#section-8 {
    min-height: 157px;
    background-color: #000;
    font-style: normal;
}

#section-8 .wrapper {
    max-width: 100%;
    padding: 45px 0
}
.footer-partners li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: inherit;
    padding: 0 45px;
    max-width: 380px;
}
.footer-partners li img{
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(1); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(1); /* FF 35+ */
}
.footer-partners li:hover img{
    filter: grayscale(0);
}
.footer-partners {
    text-align: center;
    font-size: 0;
    letter-spacing: -4px;
}
#section-8 .wrapper .partners {
    /*height: 139px;*/
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.partners .tc {
    display: table-cell;
    height: 139px;
    vertical-align: middle;
    padding: 0 12px
}

.partners span {
    display: block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.partners span img {
    opacity: 1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.partner-hootsuite {
    background: url("images/hootsuite-certified.png") no-repeat;
    width: 96px;
    height: 97px;
}

.partner-inbound {
    background: url("images/inbound-marketing.png") no-repeat;
    width: 188px;
    height: 102px;
}

.partner-sempo {
    background: url("images/sempo-gold.png") no-repeat;
    width: 254px;
    height: 49px;
}

.partner-google {
    background: url("images/google-partner.png") no-repeat;
    /*  width: 124px;
      height: 45px;*/
    width: 128px;
    height: 55px;
    background-size: 100%;
}

.partner-bbb {
    background: url("images/bbb.png") no-repeat;
    width: 135px;
    height: 53px;
}

.partner-w3c {
    background: url("images/w3-certified.png") no-repeat;
    width: 173px;
    height: 59px;
}

.partners span:hover img {
    opacity: 0
}

/* Case Studies */
#case-studies {
    background-color: #fff;
    min-height: 700px;
}

#case-studies article {
    max-width: 1140px;
    margin: 0 auto 2.8245%;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 1.5789%;
    overflow: hidden
}

.case-studies-image {
    width: 57.2807%
}

.case-studies-content {
    width: 38.1578%
}

#case-studies article:last-child {
    border-bottom: none
}

.bg-case-studies:nth-child(odd) .case-studies-image,
.bg-case-studies:nth-child(even) .case-studies-content {
    float: right;
}

.bg-case-studies:nth-child(odd) .case-studies-content,
.bg-case-studies:nth-child(even) .case-studies-image {
    float: left
}

.article-title {
    font-size: 2.1875em;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.article-desc, .case-studies-content li {
    font-size: 1.0625em;
    line-height: 25px;
    color: #161616
}

.article-desc {
    font-weight: bold;
}

.case-studies-content li {
    background: url("images/side_arr_grey.png") no-repeat left 10px;
    padding-left: 12px;
}

.case-studies-content ul {
    margin: 15px 0
}

a.view-case-studies,
.request-case-study-form p input[type='submit'],
.request-case-study-form p input[type='reset'] {
    display: inline-block;
    width: 38%;
    line-height: 45px;
    border: 1px solid #82b2d6;
    text-align: center;
    color: #fff;
    font-size: 1.0625em;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    margin-top: 20px;
    opacity: 0.8
}

.request-case-study-form p input[type='submit'],
.request-case-study-form p input[type='reset'] {
    margin: 0;
    background: #61b3e3;
    height: 38px;
    line-height: 34px;
    width: 50%;
    background: -moz-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b3e3), color-stop(100%, #2f7fba));
    background: -webkit-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -o-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -ms-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: linear-gradient(to bottom, #61b3e3 0%, #2f7fba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b3e3', endColorstr='#2f7fba', GradientType=0);
}

a.view-case-studies:hover {
    transition: all 0.2s linear 0s;
    opacity: 1
}

.request-case-study-form p input[type='submit']:hover {
    transition: all 0.2s linear 0s;
    background: #2f7fba;
    background: -moz-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f7fba), color-stop(100%, #61b3e3));
    background: -webkit-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -o-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -ms-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: linear-gradient(to bottom, #2f7fba 0%, #61b3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f7fba', endColorstr='#61b3e3', GradientType=0);
}

#cs-filters {
    max-width: 1140px;
    margin: 46px auto;
    overflow: hidden
}

#cs-filters span, .type-filter span, #bottom-filters span {
    display: inline-block;
    font-size: 0.875em;
    border-radius: 2px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 8px 15px 8px 10px;
    margin-right: 16px;
    color: #616161;
    cursor: pointer;
    transition: all 300ms linear;
    letter-spacing: 0
}

.type-filter span {
    margin: 0 7px 7px 0;
    cursor: default
}

#cs-filters span .fa {
    font-size: 1.2em;
}

#cs-filters #google-ad {
}

#cs-filters span:hover, #cs-filters span.active, #bottom-filters span:hover,
#bottom-filters span.active {
    color: #fff;
    background-color: #474747
}

#bottom-filters {
    bottom: -75px;
    width: 100%;
    position: fixed;
    height: 47px; /*background: url("images/yellow_trans.png") repeat;*/
    background: #f5f5f5;
    padding-top: 22px;
}

#bottom-filters span {
    margin-right: 15px;
}

#bottom-filters span:last-child {
    margin-right: 0;
}

#fake-loader {
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
    font-size: 8em;
    color: #f1bc1e;
    text-shadow: 1px 0 0 #000;
    display: none
}

#fake-loader #loading-text {
    font-size: 14px;
    margin: 15px 0 0 0;
    text-align: center;
    color: #474747
}

/* Request case study form */
.request-case-study-form {
    margin-top: 10px;
    border: 1px dashed #ccc;
    padding: 1em 1em 0.5em;
    width: 90%;
    overflow: hidden;
    background: #fafafa
}

.request-case-study-form p {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.request-case-study-form p input {
    border-width: 1px;
    width: 81%;
    font-size: 0.875em;
}

.request-case-study-form input.light {
    color: #202020
}

.request-case-study-form {
    display: none
}

.hide-case-studies-form {
    width: 0
}

/* Services Category page */
#service-category {
    min-height: 700px;
    background-color: #fff;
    padding: 1% 0;
}

#service-category .wrapper {
    max-width: 1200px;
    clear: both;
    overflow: hidden;
    padding-bottom: 1%;
}

#service-web-design.wrapper {
    max-width: 900px;
}

.certifications.wrapper {
    max-width: 900px !important;
}

.certifications-2.wrapper {
    max-width: 580px !important;
}

.certifications-2.wrapper .experts-block li:last-child { margin-right: 16px;}

#service-category .wrapper h1, .heading-min {
    font-size: 2.25em;
    text-align: center;
    margin-bottom: 15px;
    color: #076fc0
}

.heading-min {
    margin: 70px 0 0
}

.services-block li {
    width: 20.4166%;
    min-height: 280px;
    float: left;
    display: inline;
    border: 1px solid #d9dada;
    margin-right: 4.55%;
    padding: 4px;
}

.services-block li:hover {
}

#service-web-design .services-block li, .certifications .services-block li {
    width: 27.555%;
    margin-right: 6.79%
}

.services-block li:last-child, #service-web-design .services-block li:last-child,
.certifications .services-block li:last-child {
    margin-right: 0
}

.certifications-2 .services-block li {
    width: 42%;
    margin: 0
}

.certifications-2 .services-block li:last-child {
    float: right
}

.services-block a.inner {
    border: 1px solid #fff6db;
    min-height: 278px;
    display: block;
    color: #0d0d0d;
    transition: all 0.2s linear;
}
.services-block a.inner.unlink {
    cursor: default;
}

.services-block .icon-wrap {
    height: 180px;
    width: 1%;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.services-block .title {
    text-align: center;
    background-color: #fde18d;
    font-size: 1.625em;
    text-transform: uppercase;
    padding: 20px 10px;
    font-weight: 700;
    line-height: 110%;
    display: block;
    min-height: 58px;
}
.experts-block .title, .web-services .title { background:url("images/sep-trans.png") no-repeat center top transparent; color: #fff;}

.services-block .title.single-line {
    line-height: 58px;
}

.services-block a:hover {
    background-color: #f1c22e;
    border-color: #d4a920
}

.services-block a:hover .title {
    transition: all 0.2s linear;
    background-color: #d4a920
}
.experts-block a:hover .title, .web-services a:hover .title { background-color: transparent}

/* Block on right side (career and certification page) */
.block-content {
    background-color: #e7e7e7;
    border: 1px solid #d6cece;
    padding: 20px 15px 10px;
}

.certification-blocks {
    text-align: center
}

.block-content input.light {
    width: 90%;
    border-width: 1px
}

.block-content form label {
    font-size: 0.85em;
}

.block-content input.file {
    font-size: 0.75em;
}

.block-content input[type='submit'] {
    border-color: #a89696;
    border-radius: 4px;
    font-size: 1.25em;
    margin-top: 5px;
}

.block-title {
    font-size: 1.5em;
    margin-bottom: 25px;
    font-weight: 700;
    color: #262626;
    line-height: 130%;
}

.block-title.small {
    font-size: 1em;
    color: #9d9d9d
}

/* Indsustry sections */
#industry-single {
    min-height: 700px;
    background-color: #fff;
}

#industry-row-1 {
    background-color: #fff7df;
    min-height: 375px;
}

.row .section-title {
    color: #076fc0;
    font-size: 3em;
    margin-bottom: 5%
}

#industry-row-1 .wrapper {
    max-width: 1045px;
}

#industry-row-1 .fl-left {
    width: 61.20%
}

#industry-row-1 .fl-right {
    padding-top: 50px;
}

#industry-row-1 .title {
    color: #076fc0;
    font-size: 2.25em;
    text-transform: uppercase
}

#industry-row-1 h1.title {
    margin: 45px 0 5px;
}

#industry-row-1 p.title {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 20px;
}

#industry-row-1 ul {
    width: 85%
}

#industry-row-1 li {
    font-size: 1.25em;
    line-height: 25px;
    padding-bottom: 10px;
    color: #595959;
    background: url("images/side_arr_grey.png") no-repeat left 10px;
    padding-left: 12px;
}

#industry-row-2, #ecommerce-showcase {
    height: 520px;
    overflow: hidden;
    position: relative
}

#industry-row-2 { height: 570px;}

#industry-row-2 .wrapper, #ecommerce-showcase .wrapper {
    max-width: 1134px;
}

#industry-row-2 .industry-case-studies-parent,
#ecommerce-showcase .industry-case-studies-parent {
    height: 335px;
    max-width: 1134px;
}

#industry-row-2 .case-studies-content,
#ecommerce-showcase .case-studies-content {
    float: left;
    width: 37.477%;
}

#industry-row-2 .case-studies-image,
#ecommerce-showcase .case-studies-image {
    width: 57.3125%;
    float: right
}

#ecommerce-showcase {
    background-color: #fff;
}

#industry-row-3, #section-testimonial {
    height: 515px;
    background-color: #f0f0f0;
    overflow: hidden;
    position: relative
}

#industry-row-3 .wrapper, #section-testimonial .wrapper {
    max-width: 1230px;
}

.testimonial-slides, .testimonials {
    max-width: 1230px;
    height: 400px;
}

#industry-row-3 .section-title, #section-testimonial .section-title {
    margin-bottom: 0
}

#industry-row-3 .section-title strong,
#section-testimonial .section-title strong {
    display: block;
    color: #555555;
    font-weight: 700;
    margin-bottom: 0
}

#section-testimonial .wrapper,
#section-testimonial .testimonial-slides, #section-testimonial .testimonials {
    max-width: 1100px;
}

#section-testimonial.simple-testimonial {
    background-color: #fff;
}

#section-testimonial.simple-testimonial .wrapper {
    max-width: 1000px;
    padding-top: 40px;
}

.simple-testimonial .st-wrap {
    clear: both;
    margin-bottom: 60px;
    overflow: hidden
}

.simple-testimonial .st-wrap img {
    max-width: 100%;
}

.simple-testimonial .st-wrap.even .fl-left,
.simple-testimonial .st-wrap.odd .fl-right {
    width: 45%;
}

.simple-testimonial .st-wrap.even .fl-right,
.simple-testimonial .st-wrap.odd .fl-left {
    width: 52%;
}

.st-wrap h2 {
    font-size: 2.125em;
    margin-bottom: 15px;
    color: #2c2c2c
}

.st-wrap p {
    font-size: 1.5625em;
    line-height: 130%;
    color: #464646
}

.st-wrap .client {
    padding-top: 15px;
}

.st-wrap .client img {
    float: left;
}

.st-wrap .client span.name {
    float: left;
    display: block;
    margin-left: 15px;
    color: #e36d0b;
    font-weight: 700;
    margin-top: 35px;
}

.st-wrap .client span.name strong {
    display: block;
    color: #111010;
    font-size: 0.875em;
    font-weight: normal;
    margin-top: 3px;
}

.quote-top {
    height: 355px;
    background: url("images/quote.png") no-repeat;
    overflow: hidden
}

.client-testimonials {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    width: 74%;
    padding: 2%;
    min-height: 200px;
    margin: 40px 0 0 105px;
}

.client-testimonials p {
    font-size: 19px;
    line-height: 25px;
    color: #494949
}

.client-testimonials strong {
    font-weight: 800
}

.testimonial-slides .client-testimonials strong {
    display: block;
}

.client-image {
    float: right;
    width: 132px;
    height: 132px;
    border-radius: 132px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 6px;
    margin: -115px 115px 0 0
}

.client-image img {
    width: 132px;
    height: 132px;
    border-radius: 132px;
}

#industry-row-4 {
}

#industry-row-4 .wrapper {
    max-width: 1160px;
    padding-bottom: 60px;
    overflow: hidden
}

#industry-row-4 .fl-left,
#industry-row-4 .fl-right {
    width: 46.55%
}

#industry-row-4 h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

#industry-row-4 h2.section-title{
    font-size: 3em;
    margin: 2% 0 2.5% 0;
}

#industry-row-4 p {
    line-height: 25px;
    margin-bottom: 15px;
    letter-spacing: 0
}

/* Morphing window */
.content-style-form {
    padding: 1em;
    position: relative;
    font-family: "open sans", Helvetica, Arial, sans-serif;
    border: 1px solid #fff;
    background-color: #232121;
    height: 441px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .content-style-form {
        height: 442px;
    }
}

.content-style-form form p {
    margin-bottom: 10px;
}

.content-style-form h2 {
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-align: center;
}

.content-style-form form legend {
    font-size: 0.875em;
}

.content-style-form .icon {
    font-size: 1.2em;
    position: absolute;
    right: 15px;
    top: 20px;
    color: #fff;
    cursor: pointer
}

.content-style-form .icon:hover {
    color: #f1bc1e;
    transition: all 300ms linear;
}

.content-style-form input[type='text'],
.content-style-form input[type='email'],
.content-style-form textarea {
    color: #a0a0a0
}

/* Careers page */
.career-banner {
    height: 543px;
    clear: both;
    background: url("images/careers_banner.jpg") center top #65a0cc;
}

.career-banner .fl-left {
    background: url("images/trans_black.png") repeat;
    width: 52%;
    padding: 2%;
    overflow: hidden;
    margin-top: 60px;
}

.career-banner h2 {
    font-size: 2.375em;
    margin-bottom: 15px;
    color: #f8c631
}

.career-banner p {
    color: #fff;
    line-height: 140%;
    font-size: 1.125em;
    padding-bottom: 15px;
    font-weight: 600
}

#career-listing {
    background-color: #fff;
    min-height: 700px;
    padding-bottom: 50px;
    clear: both;
}

#career-listing h1.section-title {
    margin: 2% 0
}

#career-listing .box {
    float: left;
    display: inline;
    width: 24.2%;
    height: 295px;
    margin: 0 1% 1% 0;
    background-color: #993765;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    overflow: hidden;
}

#career-listing .box .details {
    bottom: -50px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 15;
}

#career-listing .box .details a {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #fff;
    line-height: 40px;
    text-align: center;
    font-size: 1.25em;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
    width: 60%;
}

#career-listing .box img.screen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#career-listing .box.last {
    margin-right: 0;
}

#career-listing .tc {
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    height: 295px;
    text-align: center;
    position: relative;
    z-index: 3;
}

#career-listing .open-position {
    display: block;
    padding: 0 15px;
    font-size: 2em;
    line-height: 120%;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    font-weight: 700;
    text-transform: uppercase;
}

/* Mission page */
#mission-content {
    background-color: #fff;
    padding: 50px 0
}

#mission-content .fl-left {
    width: 50%;
}

#mission-content h2 {
    color: #333333;
    font-size: 2.1875em;
    margin-bottom: 10px;
}

#mission-content p {
    margin-bottom: 15px;
}

#mission-content p, #mission-content li {
    color: #585858;
    font-size: 1.25em;
    line-height: 130%
}

#mission-content li {
    margin-bottom: 8px;
}

#mission-content ol {
    list-style: decimal inside none
}

#section-4.mission-listing h2 {
    text-transform: uppercase;
    font-size: 1.375em;
}

#section-4.mission-listing p {
    font-size: 0.9375em;
    line-height: 24px;;
    color: #272727
}

#section-4.mission-listing .box .thumb {

    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#section-4.mission-listing .box .thumb:hover {
    background-color: #c89726
}

#section-4.mission-listing .box .thumb:hover object {
    fill: #f1bc1e
}

#section-4.mission-listing .box .thumb:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

#services-slider {
    background: url("images/showcase_slider_bg.png") no-repeat center top #1b6d8f;
    height: 702px;
    position:relative;

}

#services-slider .wrapper {
    max-width: 1100px;
    text-align: center;
}

.service-slider-wrap {
}

.service-slider-wrap, .service-slider {
    max-width: 1100px;
    height: 545px
}

.service-slider {
    width: 1100px;
}

#services-slider h1.section-title {
    margin: 50px 0;
    color: #fff
}

.service-slider img {
    display: block;
    margin: 10px auto 30px;
}

.service-slider span.site-name {
    color: #fff;
    font-size: 2.1875em;
}

.service-slider span.site-name.big {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.service-slider small {
    color: #fff;
    font-size: 1.5625em;
}

/* Flip block for wp service page */

#wp-services {
    background-color: #f2f2f2;
    min-height: 700px;
    padding-bottom: 4%
}

#wp-services h1.section-title {
    margin: 4% 0
}

#wp-services .wrapper {
    max-width: 996px;
}

.flip-container {
    width: auto
}

.wp-service-thumb {
    width: 1%;
    height: 135px;
    vertical-align: middle;
    display: table-cell
}

.wp-service-title {
    color: #1b1b1b;
    font-size: 24px;
}

.wp-service-desc {
    font-size: 18px;
    line-height: 26px;
    padding: 30px 15px 0
}

.flip {
    -webkit-perspective: 800;
    -moz-perspective: 800;
    perspective: 800;
    height: 204px;
    width: 315px;
    margin: 0 15px 15px 0;
    float: left;
    display: inline;
    position: relative;
}

.flip.last {
    margin-right: 0
}

.flip .card.flipped {
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
}

.flip .card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.6s;

    -moz-transform-style: preserve-3d;
    -moz-transition: 0.6s;

    transform-style: preserve-3d;
    transition: 0.6s;
}

.flip .card .face {
    width: 311px;
    height: 200px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.flip .card .front {
    position: absolute;
    z-index: 1;
    background: white;
    color: #000;
    cursor: pointer;
}

.flip .card .back {
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
    background: url("images/wp_watermark.png") no-repeat center center #fef1c7;
    color: #000;
    cursor: pointer;
}

/* Magnify */
.magnify {
    width: 428px;
    position: relative;
}

/*Lets create the magnifying glass*/
.large {
    width: 175px;
    height: 175px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    background: url('images/coloredgraphic.png') no-repeat;
    display: none;
}

.magnify .small {
    display: block;
}

/* Logo page carousel */
#section-3 .logo-showcase {
    max-width: 1240px;
    padding-bottom: 5%;
    position: relative
}

#section-3 .logo-showcase h1.section-title {
    margin: 4% 0
}

#logo_slider {
    overflow: hidden
}

#logo_roll {
    width: 100%;
    height: 418px;
    overflow: hidden;
    position: relative
}

#logo_roll li {
    width: 315px;
    height: 418px;
    float: left;
    display: inline;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#logo_roll li .tc {
    display: table-cell;
    width: 1%;
    text-align: center;
    vertical-align: middle;
    height: 418px;
}

#logo_roll li img {
    max-width: 60%
}

#logo_roll li.active {
    width: 650px;
    background-color: #e7e7e7
}

#logo_roll li.active img {
    max-width: 100%
}

.logo-showcase-control {
    position: absolute;
    display: block;
    font-size: 2.5em;
    color: #c8c8c8;
    top: 54%;
    z-index: 99;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

#next_logo {
    right: -20px;
}

#prev_logo {
    left: -20px;
}

.logo-showcase-control:hover {
    color: #474747
}

#logo_roll li .logo-orig, #logo_roll li.active .logo-grey {
    display: none;
}

#logo_roll li.active .logo-orig {
    display: block;
    margin: 0 auto;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

/* Company Page */

#company-page {
    clear: both;
    min-height: 700px;
    background-color: #fff;
    padding-left: 0;
}

#company-page section {
    padding-left: 0
}

#company-info .wrapper {
    max-width: 1115px;
    padding: 30px 0;
    overflow: hidden
}

#company-info .fl-left {
    width: 60.5%;
}

#company-info .fl-right {
    width: 39.5%;
}

#company-info .title {
    font-size: 2em;
    line-height: 40px;
    margin-bottom: 50px;
}

#company-info li {
    color: #333333;
    font-size: 1.5625em;
    padding-bottom: 15px;
    background: url("images/bullet-tick.png") no-repeat left 6px;
    padding-left: 30px;
}

#company-page .section-title {
    margin: 0
}

#company-progress {
    background-color: #f2f2f2;
    padding: 30px 0;
    margin-bottom: 70px;
}

#company-progress ul {
    max-width: 1080px;
    margin: 0 auto;
}

#company-progress li {
    float: left;
    display: inline;
    width: 238px;
    height: 239px;
    background: url("images/progress_bg_half.png") no-repeat;
    margin-right: 38px;
    text-align: center
}

#company-progress li.full {
    background: url("images/progress_bg.png") no-repeat
}

#company-progress li.last {
    margin-right: 0
}

#company-progress li strong,
#company-progress li span.title {
    display: block;
    color: #333333;
    font-weight: 600;
    font-size: 0.9375em;
    width: 116px;
    margin: 0 auto
}

#company-progress li strong {
    color: #ff7900;
    font-size: 2.25em;
    text-shadow: 1px 1px 1px #000;
    margin: 60px auto 10px
}

#company-progress li span.title {
    line-height: 120%;
    text-align: center;
    text-transform: uppercase
}

#why-choose-us {
    margin-bottom: 75px;
}

#why-choose-us .wrapper {
    max-width: 1080px;
}

#get-to-know .wrapper {
    max-width: 1010px;
}

#get-to-know .section-title,
#why-choose-us .section-title {
    margin-bottom: 50px;
}

#get-to-know .row {
    clear: both;
    min-height: 415px;
    margin-bottom: 25px;
}

#get-to-know .fl-right,
#get-to-know .fl-left {
    width: 46.5%;
    text-align: center
}

#get-to-know .description {
    padding-top: 30px;
    background: url("images/grad_bg.png") no-repeat center top #fff;
}

#get-to-know .thumb {
    height: 275px;
    text-align: center;
    vertical-align: bottom;
    width: 1%;
    display: table-cell;
    line-height: 0
}

#get-to-know .description h2,
#get-to-know .description p {
    color: #2e2e2e
}

#get-to-know .description h2 a {
    color: #2e2e2e;
    opacity: 0.7;
    transition: all 0.3s linear
}

#get-to-know .description h2 a:hover {
    opacity: 1
}

#get-to-know .description p {
    font-size: 1em;
    line-height: 140%;
}

#get-to-know .description h2 {
    font-size: 2.25em;
    margin-bottom: 15px;
}

#company-page #hp-press-reconization {
    background-color: #f2f2f2;
    margin-top: 30px;
}

#company-page #hp-press-reconization .tc {
    background-color: #fff;
}

#company-page #hp-press-reconization .section-title {
    margin: 4% 0
}

.wcu-incredible-result {
    max-width: 1000px;
    margin: 80px auto;
    overflow: hidden
}

.wcu-incredible-result li {
    width: 33%;
    text-align: center;
    float: left;
    background: url("images/sep-faded.png") no-repeat right center;
    min-height: 225px;
}

.wcu-incredible-result li:last-child {
    background: none
}

.wcu-incredible-result li .tc {
    display: table-cell;
    height: 120px;
    width: 1%;
    text-align: center;
    vertical-align: middle
}

.wcu-incredible-result li p {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 130%;
    padding: 0 15px
}

.wcu-incredible-result li a {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #5594c5
}

.results-graph {
    line-height: 0
}

.results-graph img {
    max-width: 100%;
    height: auto
}

.slide-we-design {
    text-align: center;
    width: 1040px;
    padding: 0 20px;
}

.slide-we-design h2,
.wcu-slider h2.top-title {
    color: #076fc0;
    line-height: 45px;
    font-size: 2.5em;
    margin: 10px 0 15px
}

.slide-we-design h3,
.wcu-slider h3 {
    color: #191919;
    font-weight: normal;
    font-size: 1.5625em;
    margin-bottom: 25px;
}

.slide-we-design .sep,
.wcu-slider .sep {
    background: url("images/seperator.png") no-repeat center bottom;
    height: 1px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 50px;
}

.wcu-slider h2.top-title {
    padding: 0 7%
}

.wcu-slider h3 {
    text-align: center
}

.slide-we-design .fl-left, .slide-we-design .fl-right {
    width: 48%
}

.slide-we-design .fl-left img, .slide-we-design .fl-right img {
    max-width: 100%;
    height: auto
}

.slide-we-design a.orange, .wcu-slider a.orange {
    width: 355px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    display: block;
    background-color: #e98a3c;
    margin: 30px auto 0;
    font-size: 1.75em;
    font-weight: 600;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.wcu-slider a.orange.small {
    width: 285px;
}

.slide-we-design a.orange:hover, .wcu-slider a.orange:hover, .wcu-slider a.orange.small:hover {
    background-color: #d27c36
}

.wcu-testimonials-row {
    padding: 0 25px;
    width: 1030px;
    overflow: hidden;
    min-height: 260px;
    margin-bottom: 35px;
}

.wcu-testimonials-row.first {
    background: url("images/seperator.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    padding-top: 15px;
}

.wcu-testimonials-row .fl-left {
    width: 28%
}

.wcu-testimonials-row .fl-right {
    width: 69%;
}

.wcu-testimonials-row .wcu-testimonial-box {
}

.wcu-testimonial-client-thumb {
    float: left;
    width: 75px;
}

.wcu-testimonial-client-thumb img {
    width: 75px !important;
    height: 75px;
    border-radius: 75px
}

.wcu-testimonial-client-desc {
}

.wcu-testimonial-site-title {
    font-size: 34px;
    color: #2c2c2c;
    line-height: 57px;
    background: url("images/quote_grey_big.png") no-repeat left center;
    padding-left: 70px;
    font-weight: 600;
    margin-bottom: 5px;
}

.wcu-testimonial-client-desc p {
    font-size: 14px;
    line-height: 24px;
    color: #464646;
    letter-spacing: 0
}

.wcu-testimonial-client-name {
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    float: right;
    width: 200px;
    margin-left: 10px;
}

.wcu-testimonial-client-name strong {
    display: block;
    color: #e36d0b;
    margin: 12px 0 5px;
    font-size: 18px;
}

.wcu-testimonial-client-detail {
    float: right;
    width: 41%;
}

.slide-we-are-passionate {
    padding: 0 50px;
    width: 980px;
}

.slide-we-are-passionate .fl-left {
    width: 57%;
}

.slide-we-are-passionate .fl-right {
    width: 36.2%;
    text-align: center;
    margin-right: 2%
}

.slide-we-are-passionate .quote {
    background: url("images/quote_small_grey.png") no-repeat;
    padding: 0 0 0 25px;
    margin: 20px 0 40px 10px;
}

.slide-we-are-passionate .quote p {
    color: #464646;
    font-size: 1.125em;
    line-height: 130%;
    margin-bottom: 10px;
}

.slide-we-are-passionate .quote strong {
    font-size: 1.125em;
    text-transform: uppercase;
    color: #464646
}

/* animated icons */
.adword_animated {
}

.adword_animated:hover {
}

.adword_animated:hover img {
}

/*Testimonial Style*/
#tst_wrapper {
    max-width: 1120px;
    margin: 2em auto;
    font-size: 1.125em;
    line-height: 1.5em;
    margin-bottom: 150px;
}

.single_tst_wrap {
    clear: both;
    overflow: hidden;
    margin: 0 auto 1.5em;
}

.client_photo {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 132px;
    float: left;
    height: 132px;
    margin: 10px 1.5em 0 0;
    padding: 6px;
    width: 132px;
}

.client_photo img {
    border-radius: 132px;
    height: 132px;
    width: 132px;
}

.single_tst_content {
    float: left;
    width: 84%;
    overflow: hidden;
    color: #6e6e6e;
    padding-top: 0.3em;
}

.single_tst_content p {
    margin-bottom: 1.3em;
}

.single_tst_content a {
    color: #2b8ab1;
    text-decoration: underline;
}

.single_tst_content .single_tst_left a {
    text-decoration: none;
}

.single_tst_left {
    float: left;
}

.single_tst_right {
    float: right;
}

.single_tst_right img {
    margin-top: -1.4em;
    max-width: 100%;
}

.single_tst_right img.mtop {
    margin-top: -0.8em !important;
}

/*Clients Logo Page Style*/
#cl_logo_wrapper {
    background-color: #fff;
    max-width: 1120px;
    margin: 2em auto;
}

.clients_row {
    border-bottom: 2px solid transparent;
    clear: both;
    display: table;
    height: 8.2em;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.clients_row img {
    max-width: 100%;
}

.clients_col, .clients_col_last {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 24%;
}

.clients_col {
    border-right: 2px solid transparent;
}

.clients_col_last {
    border-right: none;
}

.clients_row.last {
    border-bottom: none;
}

#cl_logo_wrapper .no_border {
    border-bottom: none !important;
}

.file-note { font-size: 0.75em; letter-spacing: 0; display: none; line-height: 1em; color: #202020}

/* CSS3 Gradient buttons */

.grad-blue {
    background: #61b3e3;
    background: -moz-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b3e3), color-stop(100%, #2f7fba));
    background: -webkit-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -o-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: -ms-linear-gradient(top, #61b3e3 0%, #2f7fba 100%);
    background: linear-gradient(to bottom, #61b3e3 0%, #2f7fba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b3e3', endColorstr='#2f7fba', GradientType=0);

}

.grad-blue:hover {
    background: #2f7fba;
    background: -moz-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f7fba), color-stop(100%, #61b3e3));
    background: -webkit-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -o-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: -ms-linear-gradient(top, #2f7fba 0%, #61b3e3 100%);
    background: linear-gradient(to bottom, #2f7fba 0%, #61b3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f7fba', endColorstr='#61b3e3', GradientType=0);

}

/* Transitions style */

.trans-linear {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

/* FOOTER */
footer {
    line-height: 77px;
    background-color:#2b2b2b;
    overflow: hidden;
    font-style: normal;
}

footer .wrapper {
    padding-left: 100px;
}

footer .wrapper.no-padding-left {
    padding-left: 0
}

footer span {
    font-size: 0.75em;
    color: #fff;
}

footer a {
    color: #fff;
    padding: 4px;
}
footer a:hover span,
footer a:hover {
    color: #f1bc1e!important;
}

div.scrollingHotSpotLeft {
    min-width: 75px;
    width: 10%;
    height: 100%;
    position: absolute;
    z-index: 200;
    left: 0;
}

#scrolling-testimonials-homepage div.scrollingHotSpotLeft { background: url("images/scrollable_left.png") no-repeat; width: 14px; height: 29px; min-width: 14px; display: block!important; top: 60px;}

div.scrollingHotSpotLeftVisible {

    background-color: #fff;
    opacity: 0.35;
    -moz-opacity: 0.35;
    filter: alpha(opacity=35);
    zoom: 1;
}

/* Invisible right hotspot */
#scrolling-testimonials-homepage div.scrollingHotSpotRight { background: url("images/scrollable_right.png") no-repeat; width: 14px; height: 29px; min-width: 14px; display: block!important; top: 60px;}
div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;

    position: absolute;
    z-index: 200;
    right: 0;

}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
    opacity: 0.35;
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%;
}

/* CSS Animations */
@-webkit-keyframes moveFromLeftRotate {
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}

@-moz-keyframes moveFromLeftRotate {
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}

@-ms-keyframes moveFromLeftRotate {
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/* Form Validations */

/* Form validation Class */

input[type='text'].ui-state-error,
input[type='email'].ui-state-error, select.ui-state-error {
    background: url("images/error.png") no-repeat 98% center #191919 !important;
}

input.light.ui-state-error, input[type='text'].ui-state-error,
input[type='email'].ui-state-error, select.ui-state-error {
    border-color: #bb1100 !important;
    color: #bb1100 !important;
    background: url("images/error.png") no-repeat 98% center #fff !important;
}

input[type='text'].h5-active.ui-state-valid,
input[type='email'].h5-active.ui-state-valid, select.h5-active.ui-state-valid {
    background: url("images/ok.png") no-repeat 98% center #191919 !important;
}

input.light.h5-active.ui-state-valid, input[type='text'].h5-active.ui-state-valid
input[type='email'].ui-state-valid, select.ui-state-valid {
    background: url("images/ok.png") no-repeat 98% center #fff !important;
}

/* Form Success message */
.thank-you-message {
    text-align: center;
    font-size: 1.5em;
}

.thank-you-message.dark {
    color: #202020;
    font-weight: 700;
    line-height: 130%;
}

.thank-you-message.light {
    color: #ffffff;
}

.thank-you-message.med {
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

.thank-you-heading { font-size: 1.5em; margin:1.5em 0 0.5em;}
.thank-you-content { font-weight: 400; line-height: 140%; color: #fff}
.footer-widget p.thank-you-content {color: #161616;}
.contact-top .thank-you-heading,
.contact-top .thank-you-message { color: #f1bc1e}

.slicknav_menu { display: none}
#responsive-menu-list { display: none}

.dark .thank-you-heading { line-height: 140%;}
.dark  .thank-you-content { color: #202020}

/* Meet the team */

#meet-the-team { padding: 5% 0; background-color: #fff;}
#meet-the-team .wrapper { max-width: 1032px;}
.team-member1
{
    background: url("images/team/alex-hover.png") no-repeat -9999em -9999em;
}
.team-member2
{
    background: url("images/team/mike-hover.png") no-repeat -9999em -9999em;
}
.team-member3
{
    background: url("images/team/oleg-hover.png") no-repeat -9999em -9999em;
}
.team-member4
{
    background: url("images/team/matt-hover.png") no-repeat -9999em -9999em;
}
.team-member5 {
    background: url("images/team/oleysa-hover.png") no-repeat -9999em -9999em;
}
.team-member6
{
    background: url("images/team/liz-hover.png") no-repeat -9999em -9999em;
}

.team-member7
{
    background: url("images/team/bill-hover.png") no-repeat -9999em -9999em;
}

.team-member8
{
    background: url("images/team/sergey-hover.png") no-repeat -9999em -9999em;
}
.team-member8a
{
    background: url("images/team/evan-hover.png") no-repeat -9999em -9999em;
}
.team-member8b
{
    background: url("images/team/john-hover.png") no-repeat -9999em -9999em;
}
.team-member8c
{
    background: url("images/team/anita-hover.png") no-repeat -9999em -9999em;
}

.team-member9
{
    background: url("images/team/vaskar-hover.png") no-repeat -9999em -9999em;
}

.team-member10
{
    background: url("images/team/manish-hover.png") no-repeat -9999em -9999em;
}

.team-member11
{
    background: url("images/team/vicotria-hover.png") no-repeat -9999em -9999em;
}

.team-member12
{
    background: url("images/team/sj-hover.png") no-repeat -9999em -9999em;
}

.team-member13
{
    background: url("images/team/chad-hover.png") no-repeat -9999em -9999em;
}
.team-member14
{
    background: url("images/team/sherry-hover.png") no-repeat -9999em -9999em;
}

.team-member15
{
    background: url("images/team/philip-hover.png") no-repeat -9999em -9999em;
}
.team-member16
{
    background: url("images/team/elinor-hover.png") no-repeat -9999em -9999em;
}
.team-member17
{
    background: url("images/team/coming-soon.png") no-repeat -9999em -9999em;
}

.team-member-new1
{
    background: url("images/team/mk-hover.jpg") no-repeat -9999em -9999em;
}

.team-member-new2
{
    background: url("images/team/joe-hover.jpg") no-repeat -9999em -9999em;
}

.team-member-new3
{
    background: url("images/team/mpot-hover.jpg") no-repeat -9999em -9999em;
}

.team-member18
{
    background: url("images/team/coming-soon.png") no-repeat -9999em -9999em;
}


.team-block { width: 313px; height: 385px; float: left; margin-right: 46px; margin-bottom: 50px; position: relative}
.team-block.lower { z-index: 5}
.team-block.higher {z-index: 6 }
.team-block.last { margin-right: 0}
.team-thumb { width: 307px; height: 307px; border-radius: 313px; border:3px solid #d8d8d8; background-color: #fff;}
.team-thumb { background: url("images/coming-soon-bg.png") no-repeat center center; position: relative}
.team-thumb .has-image { text-align: center; display: table-cell; width: 313px; height: 313px; vertical-align: middle; }
.team-thumb a { display: block; font-size: 0; position: absolute; width: 307px; height: 307px; top: 0; left: 0; }
#meet-the-team .team-block:nth-child(3n) {
    margin-right: 0;
}
.team-thumb.coming-soon .text { text-align: center; display: table-cell; width: 313px; height: 313px; vertical-align: middle; color: #000000; font-size: 1.125em; position: static}
.team-thumb.coming-soon .text span { line-height: 26px;}
.team-info { text-align: center}
.team-info span { display: block}
.team-name { font-size: 1.875em; color: #2b2b2b; font-weight: 600; margin: 15px 0 8px;}
.team-designation { font-size:1.125em; color: #076fc0}

.team-thumb a.ss-alex { /*background: url("images/team/alex.png") no-repeat 22px 23px; */
    background: url(images/team/alex.png) no-repeat -3px -3px;
    height: 313px;
    width: 313px;
}
.team-thumb a.ss-alex:hover { background: url("images/team/alex-hover.png") no-repeat -3px -3px }

.team-thumb a.ss-mike { background: url("images/team/mike.png") no-repeat 29px 18px;   }
.team-thumb a.ss-mike:hover { background: url("images/team/mike-hover.png") no-repeat 52px 15px;  }

.team-thumb a.ss-oleg { background: url("images/team/oleg.png") no-repeat 37px 24px;   }
.team-thumb a.ss-oleg:hover { background: url("images/team/oleg-hover.png") no-repeat 38px 35px; width: 410px;  }

.team-thumb a.ss-matt { background: url("images/team/matt.png") no-repeat 30px 28px;   }
.team-thumb a.ss-matt:hover { background: url("images/team/matt-hover.png") no-repeat 17px 28px;  }

.team-thumb a.ss-oleysa { background: url("images/team/oleysa.png") no-repeat 54px 34px;   }
.team-thumb a.ss-oleysa:hover { background: url("images/team/oleysa-hover.png") no-repeat 0 40px; width: 395px; height: 396px; z-index: 11; left: -82px;  }

.team-thumb a.ss-liz { background: url("images/team/liz.png") no-repeat 40px 25px;   }
.team-thumb a.ss-liz:hover { background: url("images/team/liz-hover.png") no-repeat 40px 24px;  }

.team-thumb a.ss-bill { background: url("images/team/bill.png") no-repeat 30px 28px;   }
.team-thumb a.ss-bill:hover { background: url("images/team/bill-hover.png") no-repeat 5px 22px;  }

.team-thumb a.ss-sergey { background: url("images/team/sergey.png") no-repeat 37px 32px;   }
.team-thumb a.ss-sergey:hover { background: url("images/team/sergey-hover.png") no-repeat 0 32px; width: 317px; z-index: 11; left:-18px;  }

.team-thumb a.ss-vaskar { background: url("images/team/vaskar.png") no-repeat 47px 26px;   }
.team-thumb a.ss-vaskar:hover { background: url("images/team/vaskar-hover.png") no-repeat 33px 26px;  }

.team-thumb a.ss-manish { background: url("images/team/manish.png") no-repeat 37px 27px;   }
.team-thumb a.ss-manish:hover { background: url("images/team/manish-hover.png") no-repeat 38px 24px;  }

.team-thumb a.ss-victoria { background: url("images/team/victoria.png") no-repeat 42px 35px;   }
.team-thumb a.ss-victoria:hover { background: url("images/team/vicotria-hover.png") no-repeat 0 40px; width: 323px; left:37px;  }

.team-thumb a.ss-sj { background: url("images/team/sj.png") no-repeat 42px 37px;   }
.team-thumb a.ss-sj:hover { background: url("images/team/sj-hover.png") no-repeat 39px 26px;  }

.team-thumb a.ss-sherry { background: url("images/team/sherry.png") no-repeat 35px 22px;   }
.team-thumb a.ss-sherry:hover { background: url("images/team/sherry-hover.png") no-repeat 0 26px; width: 287px; height: 302px; left:-5px  }

.team-thumb a.ss-philip { background: url("images/team/philip.png") no-repeat 39px 28px;   }
.team-thumb a.ss-philip:hover { background: url("images/team/philip-hover.png") no-repeat 0 31px; width: 318px; left:-50px;  }

.team-thumb a.ss-chad { background: url("images/team/chad.png") no-repeat 37px 26px;   }
.team-thumb a.ss-chad:hover { background: url("images/team/chad-hover.png") no-repeat 0 0; width: 369px; left:-101px; top:-31px; height:325px;  }

.team-thumb a.ss-evan { background: url("images/team/evan.png") no-repeat 58px 24px;   }
.team-thumb a.ss-evan:hover { background: url("images/team/evan-hover.png") no-repeat 0 0; width: 286px; left:-5px; top:-6px; height:338px;  }

.team-thumb a.ss-john {
    background: url("images/team/john-normal.png") no-repeat -3px -3px;
}
.team-thumb a.ss-john:hover { background: url("images/team/john-hover.png") no-repeat 0 0;
    width: 315px;
    left: -3px;
    top: -3px;
    height: 315px;
}
.team-thumb .ss-ryan-brew {
    background: url("images/team/ryan-brew.jpg") no-repeat -3px -3px;
}
.team-thumb .ss-ryan-brew:hover {
    background: url("images/team/ryan-brew-hover.jpg") no-repeat 0 0;
    width: 315px;
    left: -3px;
    top: -3px;
    height: 315px;
}

.team-thumb .ss-connor-ohanlon {
    background: url("images/team/connor-ohanlon.jpg") no-repeat -3px -3px;
}
.team-thumb .ss-connor-ohanlon:hover {
    background: url("images/team/connor-ohanlon-hover.jpg") no-repeat 0 0;
    width: 315px;
    left: -3px;
    top: -3px;
    height: 315px;
}

.team-thumb .ss-irina-mircica {
    background: url("images/team/irina-mircica.jpg") no-repeat -3px -3px;
}
.team-thumb .ss-irina-mircica:hover {
    background: url("images/team/irina-mircica-hover.jpg") no-repeat 0 0;
    width: 315px;
    left: -3px;
    top: -3px;
    height: 315px;
}

.team-thumb .ss-zamechek {
    background: url("images/team/ziv-zamechek.jpg") no-repeat -3px -3px;
}
.team-thumb .ss-zamechek:hover {
    background: url("images/team/ziv-zamechek-hover.jpg") no-repeat 0 0;
    width: 315px;
    left: -3px;
    top: -3px;
    height: 315px;
}

.team-thumb a.ss-anita { background: url("images/team/anita.png") no-repeat 51px 39px;   }
.team-thumb a.ss-anita:hover { background: url("images/team/anita-hover.png") no-repeat 0 0; width: 335px; left:-66px; top:34px; height:323px;  }

.team-thumb a.ss-elinor { background: url("images/team/elinor.png") no-repeat -2px -9px;   }
.team-thumb a.ss-elinor:hover { background: url("images/team/elinor-hover.png") no-repeat 0 0; width: 335px; left:-2px; top:-9px; height:323px;  }


.team-thumb a.ss-ashley  { background: url("images/team/ashley-moffitt.jpg") no-repeat -3px -3px;   }
.team-thumb a.ss-ashley:hover { background: url("images/team/ashley-moffitt-hover.jpg") no-repeat 0 0; width: 313px; left:-3px; top:-3px; height:313px;  }


.team-thumb a.ss-richard-yenicag  { background: url("images/team/richard-yenicag.jpg") no-repeat -3px -3px;   }
.team-thumb a.ss-richard-yenicag:hover { background: url("images/team/richard-yenicag-hover.jpg") no-repeat 0 0; width: 313px; left:-3px; top:-3px; height:313px;  }

.team-thumb a.ss-matt-potash { background: url("images/team/mpot.jpg") no-repeat -3px -3px;   }
.team-thumb a.ss-matt-potash:hover { background: url("images/team/mpot-hover.jpg") no-repeat 0 0; width: 313px; left:-3px; top:-3px; height:313px;  }

.team-thumb a.ss-joe { background: url("images/team/joe.jpg") no-repeat -3px -3px;   }
.team-thumb a.ss-joe:hover { background: url("images/team/joe-hover.jpg") no-repeat 0 0; width: 313px; left:-3px; top:-3px; height:313px;  }


.btn-play-video { display: none}

#loading { display: none}

/* Single Team Page */

#team-member-single { background-color: #fff; overflow: hidden; padding: 2% 0}
#team-member-single .fl-left { width: 61.5%;}
#team-member-single .fl-right { width: 30.35%; border:1px solid #eeeaea}

.team-qa h2 { font-size: 1.875em; color: #000; font-weight: 800; margin-bottom: 30px;}
.team-qa h3, .team-qa p { font-size: 1.125em; font-weight: 700; color: #6e6e6e}
.team-qa h3 { margin-bottom: 5px;}
.team-qa p { font-size: 1em; line-height: 1.5em; margin-bottom: 20px; font-weight:400}

.team-info-single { background: url("images/team_detail_grad.png") repeat-x; min-height: 100px;}
.team-info-single span { display: block; width: 65%; height: 75px; font-size: 24px; font-weight: 300; color: #262626; padding-left: 35%; padding-top:25px;}
.team-info-single span small { display: block; font-size: 18px; margin-top: 5px;}
.bg-continue {background-color:#f5f5f5}

span.team-hometown { background: url("images/icon_hometown.png") no-repeat 23px center;}
span.team-college { background: url("images/icon_college.png") no-repeat 23px center;}
span.team-joined-date { background: url("images/icon_jd.png") no-repeat 23px center;}

.team-single-heading { line-height: 65px; font-size: 24px; font-weight: 300; text-align: center; min-height: 20px;}
.team-single-heading.team-last { padding: 10px;}
.team-single-heading.team-last a.hire-smartsites { font-size: 24px; font-weight: 600}


.team-col-wrap { width: 100%; clear: both; padding:15px 0; background-color: #f5f5f5; overflow: hidden}
.team-col-wrap .col_1_of_2 { width: 50%; text-align: center; float: left}
.team-col-wrap .col_1_of_1 { width: 100%; text-align: center}

.team-info-single  span.interest-icon  { display: block; width: 110px; height: 30px; margin: 0 auto; padding: 70px 0 0 0; font-size: 14px; font-weight: 500}
.team-info-single  span.interest-icon.biking { background: url("images/icon_biking.png") no-repeat center top}
.team-info-single  span.interest-icon.beer { background: url("images/icon_beer.png") no-repeat center 5px}
.team-info-single  span.interest-icon.hiking { background: url("images/icon_hiking.png") no-repeat center 6px}
.team-info-single  span.interest-icon.basketball { background: url("images/icon_basketball.png") no-repeat center 5px}
.team-info-single  span.interest-icon.travel { background: url("images/icon_travel.png") no-repeat center 5px}
.team-info-single  span.interest-icon.chess { background: url("images/icon_chess.png") no-repeat center 3px}
.team-info-single  span.interest-icon.soccer { background: url("images/icon_soccer.png") no-repeat center 5px}
.team-info-single  span.interest-icon.sports-car { background: url("images/icon_sportscar.png") no-repeat center 15px}
.team-info-single  span.interest-icon.family { background: url("images/icon_family.png") no-repeat center 10px}
.team-info-single  span.interest-icon.deal-hunting { background: url("images/icon_dealhunting.png") no-repeat center 10px}
.team-info-single  span.interest-icon.cats { background: url("images/icon_cat.png") no-repeat center 10px}

.team-info-single  span.interest-icon.camping { background: url("images/icon_camping.png") no-repeat center 10px}
.team-info-single  span.interest-icon.tech { background: url("images/icon_technology.png") no-repeat center 10px}
.team-info-single  span.interest-icon.swimming { background: url("images/icon_swimming.png") no-repeat center 13px}
.team-info-single  span.interest-icon.running { background: url("images/icon_running.png") no-repeat center 10px}
.team-info-single  span.interest-icon.lang { background: url("images/icon_language.png") no-repeat center 10px}
.team-info-single  span.interest-icon.writing { background: url("images/icon_writing.png") no-repeat center 5px}
.team-info-single  span.interest-icon.reading { background: url("images/icon_reading.png") no-repeat center 9px}
.team-info-single  span.interest-icon.climbing { background: url("images/icon_climbing.png") no-repeat center 5px}
.team-info-single  span.interest-icon.singing { background: url("images/icon_singing.png") no-repeat center 5px}
.team-info-single  span.interest-icon.music { background: url("images/icon_music.png") no-repeat center 9px}
.team-info-single  span.interest-icon.makeup { background: url("images/icon_makeup.png") no-repeat center 7px}
.team-info-single  span.interest-icon.yoga { background: url("images/icon_yoga.png") no-repeat center 10px}
.team-info-single  span.interest-icon.cooking { background: url("images/icon_cooking.png") no-repeat center 10px}
.team-info-single  span.interest-icon.eating { background: url("images/icon_eating.png") no-repeat center 10px}
.team-info-single  span.interest-icon.volleyball { background: url("images/icon_volleyball.png") no-repeat center 10px}
.team-info-single  span.interest-icon.dogs { background: url("images/icon_dogs.png") no-repeat center 10px}
.team-info-single  span.interest-icon.fishing { background: url("images/icon_fishing.png") no-repeat center 6px}
.team-info-single  span.interest-icon.cricket { background: url("images/icon_cricket.png") no-repeat center 7px}
.team-info-single  span.interest-icon.karoke { background: url("images/icon_karoke.png") no-repeat center 5px}
.team-info-single  span.interest-icon.billiards { background: url("images/icon_billiards.png") no-repeat center 10px}
.team-info-single  span.interest-icon.pingpong { background: url("images/icon_pingpong.png") no-repeat center 10px}
.team-info-single  span.interest-icon.photography { background: url("images/icon_photographu.png") no-repeat center 10px}
.team-info-single  span.interest-icon.mixology { background: url("images/icon_mixology.png") no-repeat center 6px}
.team-info-single  span.interest-icon.knitting { background: url("images/icon_knitting.png") no-repeat center 6px}
.team-info-single  span.interest-icon.comedy { background: url("images/icon_comedy.png") no-repeat center 6px}
.team-info-single  span.interest-icon.boating { background: url("images/icon_boating.png") no-repeat center 6px}
.team-info-single  span.interest-icon.hockey { background: url("images/icon_hockey.png") no-repeat center 6px}
.team-info-single  span.interest-icon.dance { background: url("images/icon_dance.png") no-repeat center 6px}
.team-info-single  span.interest-icon.movies { background: url("images/icon_movies.png") no-repeat center 6px}
.team-info-single  span.interest-icon.guitar { background: url("images/guitar-player.png") no-repeat center 6px}
.team-info-single  span.interest-icon.playing-golf { background: url("images/golf-player.png") no-repeat center 6px}

.team-info-single  span.interest-icon.videogames {
    background: url("images/icon-videogame.png") no-repeat center 6px
}

.team-info-single  span.interest-icon.coaching {
    background: url("images/icon-coaching.png") no-repeat center 6px
}

.team-info-single  span.interest-icon.fashion {
    background: url("images/icon-fasion.png") no-repeat center 6px
}

.team-info-single  span.interest-icon.nature {
    background: url("images/icon-nature.png") no-repeat center 6px
}

.team-info-single  span.interest-icon.baseball {
    background: url("images/icon-baseball.png") no-repeat center 6px
}

.team-info-single  span.interest-icon.mma {
    background: url("images/icon-mma.png") no-repeat center 6px
}


.team-info-single  span.interest-icon.tm-php { background: url("images/icon_php_gs.png") no-repeat center top}
.team-info-single  span.interest-icon.tm-css { background: url("images/icon_css.png") no-repeat center top}
.team-info-single  span.interest-icon.tm-hubspot { background: url("images/icon_hubspot.png") no-repeat center 18px}
.team-info-single  span.interest-icon.tm-googlepartner { background: url("images/icon_googlepartner.png") no-repeat center 26px}
.team-info-single  span.interest-icon.tm-js { background: url("images/icon_js_gs.png") no-repeat center 27px}
.team-info-single  span.interest-icon.tm-jquery { background: url("images/icon_jquery.png") no-repeat center 25px}
.team-info-single  span.interest-icon.tm-series3 { background: url("images/icon_series3.png") no-repeat center 28px}
.team-info-single  span.interest-icon.tm-hootsuite { background: url("images/icon_hootsuite.png") no-repeat center 20px}
.team-info-single  span.interest-icon.tm-html5 { background: url("images/icon_html5_js.png") no-repeat center top}
.team-info-single  span.interest-icon.tm-business-week { background: url("images/icon_business_week.png") no-repeat center 38px}
.team-info-single  span.interest-icon.tm-analytics { background: url("images/icon_analytics.png") no-repeat center 15px}
.team-info-single  span.interest-icon.tm-realestate{ background: url("images/icon_realestate.png") no-repeat center top}
.team-info-single  span.interest-icon.tm-emt{ background: url("images/icon_emt.png") no-repeat center top}

.team-banner { background-color: #c9be9e; overflow: hidden; }
.mike-banner { background: url("images/banner-mike.jpg") no-repeat top center;  }
.alex-banner { background: url("images/banner-alex.jpg") no-repeat top center;}
.oleg-banner { background: url("images/banner-oleg.jpg") no-repeat top center;}
.matt-banner { background: url("images/banner-matt.jpg") no-repeat top center;}
.bill-banner { background: url("images/banner-bill.jpg") no-repeat top center;}
.oleysa-banner { background: url("images/banner-oleysa.jpg") no-repeat top center;}
.liz-banner { background: url("images/banner-liz.jpg") no-repeat top center;}

.cover-1 {  background: url("images/banner-1.jpg") no-repeat top center;}
.cover-2 {  background: url("images/banner-2.jpg") no-repeat top center;}
.cover-3 {  background: url("images/banner-3.jpg") no-repeat top center;}
.cover-4 {  background: url("images/banner-4.jpg") no-repeat top center;}
.cover-5 {  background: url("images/banner-5.jpg") no-repeat top center;}

.single-pic { width: 345px; float: right; text-align: center; padding: 60px 0 42px;}
.single-pic span { display: block; font-size: 38px; color: #f1bc20; margin-top: 15px; font-weight: 600}
.single-pic span strong { font-size: 26px; color: #ffffff; margin-top: 10px; font-weight:400; display: block}

.grad-b2b, .grad-ps {
    background: #eac234;
    background: -moz-linear-gradient(top,  #eac234 0%, #c25617 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eac234), color-stop(100%,#c25617));
    background: -webkit-linear-gradient(top,  #eac234 0%,#c25617 100%);
    background: -o-linear-gradient(top,  #eac234 0%,#c25617 100%);
    background: -ms-linear-gradient(top,  #eac234 0%,#c25617 100%);
    background: linear-gradient(to bottom,  #eac234 0%,#c25617 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac234', endColorstr='#c25617',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}


.grad-b2c, .grad-ecom {
    background: #d83934;
    background: -moz-linear-gradient(top,  #d83934 0%, #931a18 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d83934), color-stop(100%,#931a18));
    background: -webkit-linear-gradient(top,  #d83934 0%,#931a18 100%);
    background: -o-linear-gradient(top,  #d83934 0%,#931a18 100%);
    background: -ms-linear-gradient(top,  #d83934 0%,#931a18 100%);
    background: linear-gradient(to bottom,  #d83934 0%,#931a18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d83934', endColorstr='#931a18',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

.grad-luxury, .grad-seo {
    background: #1ce141;
    background: -moz-linear-gradient(top,  #1ce141 0%, #0da91e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ce141), color-stop(100%,#0da91e));
    background: -webkit-linear-gradient(top,  #1ce141 0%,#0da91e 100%);
    background: -o-linear-gradient(top,  #1ce141 0%,#0da91e 100%);
    background: -ms-linear-gradient(top,  #1ce141 0%,#0da91e 100%);
    background: linear-gradient(to bottom,  #1ce141 0%,#0da91e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ce141', endColorstr='#0da91e',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-ad { background: #f04735;
    background: -moz-linear-gradient(top,  #f04735 0%, #ac1202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04735), color-stop(100%,#ac1202));
    background: -webkit-linear-gradient(top,  #f04735 0%,#ac1202 100%);
    background: -o-linear-gradient(top,  #f04735 0%,#ac1202 100%);
    background: -ms-linear-gradient(top,  #f04735 0%,#ac1202 100%);
    background: linear-gradient(to bottom,  #f04735 0%,#ac1202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04735', endColorstr='#ac1202',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}


.grad-medical, .grad-website-design {
    background: #eda300;
    background: -moz-linear-gradient(top,  #eda300 0%, #cb4b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eda300), color-stop(100%,#cb4b00));
    background: -webkit-linear-gradient(top,  #eda300 0%,#cb4b00 100%);
    background: -o-linear-gradient(top,  #eda300 0%,#cb4b00 100%);
    background: -ms-linear-gradient(top,  #eda300 0%,#cb4b00 100%);
    background: linear-gradient(to bottom,  #eda300 0%,#cb4b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda300', endColorstr='#cb4b00',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-non-profit, .grad-responsive {
    background: #76d42e;
    background: -moz-linear-gradient(top,  #76d42e 0%, #378915 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76d42e), color-stop(100%,#378915));
    background: -webkit-linear-gradient(top,  #76d42e 0%,#378915 100%);
    background: -o-linear-gradient(top,  #76d42e 0%,#378915 100%);
    background: -ms-linear-gradient(top,  #76d42e 0%,#378915 100%);
    background: linear-gradient(to bottom,  #76d42e 0%,#378915 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76d42e', endColorstr='#378915',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-real-estate, .grad-smm {
    background: #44d6ee;
    background: -moz-linear-gradient(top,  #44d6ee 0%, #208ad0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44d6ee), color-stop(100%,#208ad0));
    background: -webkit-linear-gradient(top,  #44d6ee 0%,#208ad0 100%);
    background: -o-linear-gradient(top,  #44d6ee 0%,#208ad0 100%);
    background: -ms-linear-gradient(top,  #44d6ee 0%,#208ad0 100%);
    background: linear-gradient(to bottom,  #44d6ee 0%,#208ad0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44d6ee', endColorstr='#208ad0',GradientType=0 );

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-sb, .grad-cd {
    background: #e3e021;
    background: -moz-linear-gradient(top,  #e3e021 0%, #afa80f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e021), color-stop(100%,#afa80f));
    background: -webkit-linear-gradient(top,  #e3e021 0%,#afa80f 100%);
    background: -o-linear-gradient(top,  #e3e021 0%,#afa80f 100%);
    background: -ms-linear-gradient(top,  #e3e021 0%,#afa80f 100%);
    background: linear-gradient(to bottom,  #e3e021 0%,#afa80f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e021', endColorstr='#afa80f',GradientType=0 );
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-startup, .grad-logo {
    background: #e244de;
    background: -moz-linear-gradient(top,  #e244de 0%, #af20a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e244de), color-stop(100%,#af20a4));
    background: -webkit-linear-gradient(top,  #e244de 0%,#af20a4 100%);
    background: -o-linear-gradient(top,  #e244de 0%,#af20a4 100%);
    background: -ms-linear-gradient(top,  #e244de 0%,#af20a4 100%);
    background: linear-gradient(to bottom,  #e244de 0%,#af20a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e244de', endColorstr='#af20a4',GradientType=0 );
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-nj, .grad-wd {
    background: #0baae2;
    background: -moz-linear-gradient(top,  #0baae2 0%, #0550ae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0baae2), color-stop(100%,#0550ae));
    background: -webkit-linear-gradient(top,  #0baae2 0%,#0550ae 100%);
    background: -o-linear-gradient(top,  #0baae2 0%,#0550ae 100%);
    background: -ms-linear-gradient(top,  #0baae2 0%,#0550ae 100%);
    background: linear-gradient(to bottom,  #0baae2 0%,#0550ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0baae2', endColorstr='#0550ae',GradientType=0 );
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-ny, .grad-gpr {
    background: #d758a6;
    background: -moz-linear-gradient(top,  #d758a6 0%, #8f294e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d758a6), color-stop(100%,#8f294e));
    background: -webkit-linear-gradient(top,  #d758a6 0%,#8f294e 100%);
    background: -o-linear-gradient(top,  #d758a6 0%,#8f294e 100%);
    background: -ms-linear-gradient(top,  #d758a6 0%,#8f294e 100%);
    background: linear-gradient(to bottom,  #d758a6 0%,#8f294e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d758a6', endColorstr='#8f294e',GradientType=0 );
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}

.grad-luxury:hover, .grad-b2b:hover,
.grad-b2c:hover,
.grad-medical:hover,
.grad-sb:hover,
.grad-nj:hover,
.grad-ny:hover,
.grad-real-estate:hover,
.grad-startup:hover,
.grad-non-profit:hover
.grad.gpr:hover,
.grad-ad:hover,
.grad-smm:hover,
.grad-wd:hover,
.grad-logo:hover,
.grad-responsive:hover,
.grad-website-design:hover,
.grad-ecom:hover,
.grad-cd:hover,
.grad-ps:hover,
.grad-seo:hover
{ background-position:100px; background-size: 200%}


#habla_window_div #habla_topbar_div { background-color: #191919!important}

#hp-testimonials-mobile { display: none; background-color: #f7f7f7; padding:6% 0 }
#hp-testimonials-mobile .testimonial-wrapper { width: 100%; overflow: hidden}
#scrolling-testimonials-homepage{
}

/* 404 */
#page-404 { background-color:#fff; min-height: 400px; padding-left: 0}
#page-404 .fl-right { width: 35.7%}
#page-404 .fl-left { width: 40.7%}
#page-404 .fl-left img { margin-top: 25px;}
#page-404 img { max-width: 100%}
#page-404 .page-404-wrapper { padding:3% 0; overflow: hidden}
.page-404-links { background-color: #232121; padding:35px 0 30px; clear: both}
.page-404-links .wrapper { text-align: center;}
.page-404-links  h2 { text-align: center; font-size: 2.5625em; color:#f1bc1e; font-weight:700; margin-bottom: 20px;}

/* Responsive Layout */
#responsive-menu-list-mobile{
    display:none;
}
#submenu-case-studies, #submenu-company, div#submenu-contact {
    right: 185px;
}
.submenu li{
    display: block;
    width: 100%;
    text-align: left;
}
ul.submenu-list li a, #submenu-case-studies li a {
    display: block;
    height: auto !important;
    line-height: normal;
    padding: 0 0 0 15px;
    margin: 0;
    background: url("images/drop_down_arrow.png") no-repeat 0 -17px;
    position: static !important;
    width: auto !important;
    color: #fff;
    font-size: 1.125em;
    text-transform: capitalize;
    font-weight: 400;
}
ul.submenu-list li a:hover, #submenu-case-studies li a:hover{
    color: #f1bc1e;
}
#desktop-menu .has-dropdown #submenu-contact input[type='submit'],
.submenu .dd-view-all {
    border: 1px solid #e7ca5c;
    border-style: solid;
    background-color: #efba1c;
    border-width: 1px;
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    height: 27px;
    line-height: 25px;
    margin-top: 15px;
    text-align: center;
    display: inline-block;
    float: left;
    font-weight: 600;
}
#desktop-menu .has-dropdown #submenu-contact input[type='submit']{
    height: 45px !important;
    line-height: 30px!important;
    color: #fff !important;
    text-shadow: none;
}
.submenu .dd-view-all:hover {
    color: #fff;
    background-color: #d7a305;
    background-image: none;
}
div.submenu .left {
    height: 500px;
}
.gutter2{
    padding-top: 20px;
}
#frm_contact_popup input[type="submit"], input[type="button"] {
    font-size: 26px;
    background: none;
    font-weight: 500;
    border: 1px solid #e7ca5c;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    background-color: #f1bc1e;
    background-image: -moz-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    height: 50px;
    color: #fff;
    text-transform: uppercase;
}
#frm_contact_popup input[type='submit'], #frm_contact_popup input[type='button'] {
    line-height: 46px;
}
#frm_contact_popup input[type="submit"]:hover {
    background: #d6a104;
}
/*New Banner Styles*/
#section-1.banner1{
    background: url("../../images/home-new/banner1.jpg") no-repeat;
    background-size: cover !important;
    height: 415px;
    padding-top: 30px;
    min-height: 100px;

}
#section-1 .heading-style1 {
    font-size: 60px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    line-height: 64px;
    padding-top: 50px;
    letter-spacing: -3px;
    text-shadow: none;
    margin:0;
}
#section-1 .heading-style1 span {
    color: #f1bc1e;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;

}
.banner-form2 {
    max-width: 275px;
    background: rgba(0, 0, 0, 0.7);
    padding: 30px 28px;
    float: right;
    border-radius: 4px;
}

.banner-form2 .form-title-style2 {
    font-size: 19px;
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 0;
    line-height: 28px;
    letter-spacing: 0;
}
.banner-form2 .form-title span {
    color: #f1bc1e;
}
.banner-form2 .field-group {
    margin-top: 13px;
}
.banner-form2 .field-group input {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    padding-left: 50px;
    background-color: #fff;
    font-family: 'ProximaNova-Light';
    font-size: 18px;
    border:0;
    box-sizing: border-box;
    color: #333;
}
input:focus[type='text'].h5-active.ui-state-valid, .field-group.name input[type='text'].h5-active.ui-state-valid, .field-group.name input {
    background: #fff url("../../images/home-new/bg-name.png") no-repeat left center!important;
}
.field-group.email input[type='text'].ui-state-error, .field-group.email input[type='text'].h5-active.ui-state-valid, .email input {
    background: #fff url("../../images/home-new/bg-email.png") no-repeat left center!important;
}
.field-group.phone input[type='text'].h5-active.ui-state-valid, .field-group.phone input {
    background: #fff url("../../images/home-new/bg-phone.png") no-repeat left center!important;
}

input {
    line-height: 1;
    font-family: 'proxima_novasemibold';
}
#submenu-contact input[type='submit'],
.banner-form2 .field-group.btn-submit input,
.banner-form2 .field-group.btn-submit button,
.banner-block .btn-submit input,
.banner-home .btn-submit input {
    font-size: 22px;
    font-weight: 500;
    border: 1px solid #e7ca5c;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(213,161,3) 0%, rgb(241,188,30) 100%);
}
.banner-form2 .field-group.btn-submit button,
.banner-form2 .field-group.btn-submit input {
    width: 100%;
    background-color: #e3ae11;
    padding: 10px;
    padding-left:0;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    height: 45px;
    font-weight: 700;
}
.banner-block .btn-submit input:hover,
.banner-block .btn-submit button:hover,
.banner-home .btn-submit input:hover {
    background: #d6a104;
}
input.light.ui-state-error:focus,
input[type='text'].ui-state-error:focus,
input.light.ui-state-error,
input[type='text'].ui-state-error,
input[type='email'].ui-state-error,
input[type='tel'].ui-state-error,
textarea.ui-state-error,
select.ui-state-error {
    border: 2px solid #bb1100 !important;
    color: #bb1100 !important;
}
#sidebar-menu {
    padding-top: 50px;
    background: #063b65;
    height: 100%;
}
#sidebar-menu, #sidebar-menu ul {
    width: 90px;
}
#sidebar-menu li{
    display: table;
    width: 100%;
}
#sidebar-menu a {
    background-color: #063b65;
    padding-top: 0;
    border-bottom: 1px solid #052f51;
    height: 100%;
    width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#sidebar-menu a span.icon-arrow {
    top: 50%;
    margin-top: -15px;
    right: -9px;
}
.no-padding-left section{
    padding-left: 0!important;
}
/*Footer Form*/

#widget-form .field-group.btn-submit {

}
#widget-form .field-group {
    float: left;
    width: 24%;
    display: inline-block;
    margin-left: 1%;
}
.title-style6 {
    font-size: 30px;
    font-weight: 600;
    color: #034b7c;
    padding-bottom: 30px;
    letter-spacing: 0;
}
.text-upper {
    text-transform: uppercase;
}
.text-center{
    text-align: center;
}
.footer-widget:before {
    position: absolute;
    content: '';
    height: 15px;
    width: 30px;
    top: -18px;
    left: 50%;
    margin-left: -15px;
    background: url("../../images/home-new/arrow-up.png") no-repeat center;
}
.footer-widget {
    background-color: #ffffff;
    border: 5px solid #084e7e;
    padding: 35px 25px 25px;
    position: relative;
    border-radius: 7px;
    max-width: 80%;
    margin: 0 auto;
}
.img-holder.footer-form {
    margin-bottom: 40px;
}
.img-holder.footer-form img{
    max-width: 100%;
}
#widget-form .field-group:first-child {
    margin-left: 0;
}
.footer-widget .field-group select,
.footer-widget .field-group textarea,
.footer-widget .field-group input {
    border: 2px solid #d4d4d4;
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
}
#widget-form .ms-choice {
    border: 2px solid #d4d4d4;
}
.gutter-top-btm5 {
    padding: 50px 0;
}
.gutter-top-btm7{
    padding: 70px 0;
}
.top-gutter-7{
    padding-top: 70px;
}
.bg-default {
    background-color: #fff;
}
.bg-style2 {
    background-color: #eaf6fe;
}
section#section-started {
    overflow: visible;
}
.footer-widget input{
    font-size: 20px;
    color: #000;
    background-color: #fff;
    border: 0;
    font-weight: 300;
    padding-left: 50px;
    width: 100%;
    padding-left: 50px;
    font-family: 'ProximaNova-Light';
    box-sizing: border-box;

}

#widget-form .btn-submit button,
#widget-form .btn-submit input {
    font-size: 24px;
    height: 45px;
    line-height: 20px;
    width: 100%;
    display: block;
    border: 1px solid #83a7be;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    background: #0266aa;
    background: -moz-linear-gradient(top, #0266aa 0%, #034c7d 100%);
    background: -webkit-linear-gradient(top, #0266aa 0%,#034c7d 100%);
    background: linear-gradient(to bottom, #0266aa 0%,#034c7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0266aa', endColorstr='#034c7d',GradientType=0 );
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    font-family: 'proxima_novasemibold';
    padding-left: 0;
    text-transform: uppercase;
    box-sizing: border-box;
    cursor: pointer;
}
#widget-form .btn-submit button:hover,
#widget-form .btn-submit input:hover{
    background: #034c7d;
    background: -moz-linear-gradient(top, #034c7d 0%, #0266aa 100%);
    background: -webkit-linear-gradient(top, #034c7d 0%,#0266aa 100%);
    background: linear-gradient(to bottom, #034c7d 0%,#0266aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034c7d', endColorstr='#0266aa',GradientType=0 );
}
#widget-form .btn-submit span {
    border: 1px solid #113b58;
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: -1px -1px 0px 24px rgba(221,227,231,1);
    -moz-box-shadow: -1px -1px 0px 24px rgba(221,227,231,1);
    box-shadow: -1px -1px 0px 1px rgba(221,227,231,1);
}
#section-2 .title-style2,
.title-style2 {
    font-size: 50px;
    color: #034b7c;
    font-weight: 300;
    line-height: 55px;
}
.title-style2.black{
    color: #161616;
}
.title-style2.white{
    color: #fff;
}
.gutter-top-btm2{
    padding-top:20px;
    padding-bottom: 20px;
}
.bg-contact #ss_consultation_form {
    width: 750px;
    float: right;
    padding-top: 20px;
}
.bg-contact {
    background: #fff;
}
.contact{
    margin-bottom: 60px;
    padding-top:20px;
}
.contact-form {
    width: 60%;
    float: left;
    display: inline-block;
}
.social-media-section {
    width: 38%;
    display: inline-block;
    padding: 20px 0 80px 50px;
    margin-left: 2%;
}
.request-case-study-form p input[type="submit"],
a.view-case-studies,
.btn-style5{
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 260px;
    display: block;
    border: 1px solid #83a7be;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    box-shadow: inset 0px 0px 0px 1px rgba(93,156,194,1);
    background: #0266aa;
    background: -moz-linear-gradient(top, #0266aa 0%, #034c7d 100%);
    background: -webkit-linear-gradient(top, #0266aa 0%,#034c7d 100%);
    background: linear-gradient(to bottom, #0266aa 0%,#034c7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0266aa', endColorstr='#034c7d',GradientType=0 );
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    font-family: 'proxima_novasemibold';
    padding-left: 0;
    text-transform: uppercase;
    box-sizing: border-box;
    opacity: 10;
    position: relative;
}
.request-case-study-form p input[type="submit"]{
    width: 187px;
    height: 35px;
    line-height: 30px;
    font-size: 18px;
}
.view-case-studies::after {
    content: '';
    position: absolute;
    border: 1px solid #113b58;
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: -1px -1px 0px 24px rgba(221,227,231,1);
    -moz-box-shadow: -1px -1px 0px 24px rgba(221,227,231,1);
    box-shadow: -1px -1px 0px 1px rgba(221,227,231,1);
    top: -1px;
    left: -1px;
    width: 100%;
    bottom: -1px;
}
.request-case-study-form p input[type="submit"]:hover,
a.view-case-studies:hover{
    background: #034c7d;
    background: -moz-linear-gradient(top, #034c7d 0%, #0266aa 100%);
    background: -webkit-linear-gradient(top, #034c7d 0%,#0266aa 100%);
    background: linear-gradient(to bottom, #034c7d 0%,#0266aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034c7d', endColorstr='#0266aa',GradientType=0 );
}
footer a,footer span{
    letter-spacing: 0;
}
.grey-bg .inner-wrap {
    height: 197px;
    background-color: #232121;
    margin-top: 58px;
}
.send-message span.bordered.contact-button{
    width: 100%;

}
.contact-button:hover{
    background-color: #f1bc1e;
    border-color: #f1bc1e;
    transition: all 300ms linear;
    z-index: 999;
    display: block!important;
}
.contact-button a:hover{
    color: #000!important;
    width: 100%;
    background-color: #f1bc1e;
}
.online-marketing a:hover{
    text-decoration: underline;
}
.online-marketing .col-box .desc {
    padding: 10px 25px 0 !important;
}
.consultation-form p.thank-you-content{
    color: #333!important;
}
.widget-form .thank-you-heading {
    font-size: 26px;
    margin: 15px 0 5px;
    line-height: 1.2;
}
#section-1 .widget-form .thank-you-content{

}
/*Step 2 Quick start form*/
#section-1.banner1{
    height: 430px;
    overflow: visible;
}
#widget-form fieldset, #quick_contact_form fieldset {
    display: none;
}
.field-group.meeting input[type='text'].h5-active.ui-state-valid, .field-group.meeting input {
    background: #fff url("../../images/home-new/bg-meeting.png") no-repeat left center!important;
}

#section-1 .ms-drop ul{
    margin-left: 0;
}
#section-1 .ms-drop li {
    font-size: 1em;
    margin-bottom: 0;
    background: none;
    padding-left: 0;
}
#widget-form .ms-drop.bottom input,
#quick_contact_form .ms-drop.bottom input {
    width: initial;
    height: 20px;
}
#widget-form textarea,
.banner-form2 #quick_contact_form textarea {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    font-family: 'ProximaNova-Light';
    font-size: 18px;
    font-weight: 300;
    padding-top: 15px;
}
.field-group textarea, .field-group input {
    background-color: #fff;
}
#widget-form textarea:focus,
.banner-form2 #quick_contact_form .how-can-we-help textarea:focus {
    height: 70px;
}
#section-1 p.thank-you-content {
    font-size: 0.8em;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
}

/*New testimonials design updates*/

#tst_wrapper {
    max-width: 1200px;
}
.grid{
    margin-bottom: 175px;
    letter-spacing: 0;
}
.grid .grid-item {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    background: #eaeaea;
    margin-right: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.grid .grid-item:nth-child(3n){
    margin-right: 0;
}
.grid .single_tst_wrap{
    margin: 0;
    border-radius: 6px;
    position: relative;
}
.grid .single_tst_wrap .testi-banner{
    height: 230px;
    overflow: hidden;
}
.grid .single_tst_wrap .testi-banner img{
    max-width:100%;
}
.my-popup .client_photo,
.grid .single_tst_wrap .client_photo{
    position: absolute;
    left: 50%;
    margin-left: -59px;
    top: 130px;
    background-color: #eaeaea;
    border: 0;
    border-radius: 50%;
    float: none;
    height: 110px;
    padding: 4px;
    width: 110px;
    overflow: hidden;
    display: block;
}
.my-popup .client_photo{
    top:215px;
    margin-left: -60px;
}
.mfp-wrap{
    z-index:99999 !important;
}
.my-popup .single_tst_content ,
.grid .single_tst_content {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #6e6e6e;
    padding: 15px;
    box-sizing: border-box;
    text-align: left;
}
.my-popup .client_photo img,
.grid .client_photo img {
    height: 100%;
    width: 100%;
    border-radius: inherit;
}
.my-popup .testi-details,
.grid .testi-details{
    padding:25px;
}
.grid .single_tst_left {
    text-align: left;
    padding-left: 10px;
    float: left;
    color: #333;
    max-width: 77%;
}
.my-popup .single_tst_left .project-name,
.grid .single_tst_left .project-name{
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.grid .single_tst_left span {
    font-size: 16px;
}

.my-popup .brand-logo,
.grid .brand-logo{
    height: 60px;
    width: 60px;
    border-radius: 60px;
    overflow: hidden;
    display: inline-block;
    /* border:1px solid #e6e6e6;*/
    float: left;
    background-color: #fff;
}
.my-popup .brand-logo{
    height: 100px;
    width: 100px;
}
.my-popup .brand-logo img,
.grid .brand-logo img {
    width: 100%;
    height: 100%;
    display: block;
}
.my-popup .single_tst_left {
    padding: 20px 0 0 20px;
    max-width: 80%;
}
.grid .single_tst_wrap .client_photo img {
    height: 100%;
    width: 100%;
    display: block;
}
.grid .single_tst_content{
    padding:10px 25px 45px 25px;
}
.grid .single_tst_content span{
    display: none;
}
.grid .single_tst_content a{
    color: #2b8ab1;
    text-decoration: underline;
}
.grid .single_tst_content a:hover{
    text-decoration: none;
}
.grid .single_tst_content p {
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    line-height: 1.9;
}
.my-popup .single_tst_wrap {

}
.mfp-auto-cursor .mfp-content .testi-banner img {
    width: 100%;
}
.my-popup .single_tst_left span {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
    color: #000;
}

.my-popup .single_tst_left a {
    font-size: 28px;
    color: #000;
}
.mfp-auto-cursor .mfp-content .testi-banner {
    height: 310px;
    overflow: hidden;
}
.my-popup .single_tst_left br {
    display: none;
}

.my-popup .single_tst_content p {
    line-height: 1.6;
    color: #000;
}

.my-popup .single_tst_content {
    padding: 20px 30px 30px 30px;
}
.rating-stars {
    display: none;
    width:100%;
    overflow:hidden;
    clear: both;
}
.rating-stars li{
    display:inline-block;
    max-width: 18px;
    float:left;
    margin: 0 2px 0 0;
}

.my-popup .testi-details {
    padding-bottom: 0;
    overflow: hidden;
}

.my-popup .testi-details .rating-stars {
    display: block;
}
.my-popup .single_tst_content a{
    display: none;
}
.grid .single_tst_content .dotted{
    display: inline-block;
}
.my-popup .single_tst_content .dotted{
    display: none;
}
.my-popup{
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    letter-spacing: 0;
}
.mfp-close-btn-in .mfp-close{
    font-size: 35px;
    color: #fff !important;
    opacity: 10;
    font-weight: 300;
}
#tst_wrapper .reviews{
    text-align: center;
}
#tst_wrapper .reviews li{
    display: inline-block;
    padding: 0 10px 25px;
    vertical-align: middle;
}
#tst_wrapper .reviews li img{
    max-width: 100%;
}
.case-studies-v1 article.case-studies-parent.even .case-studies-content,
.case-studies-v1 article.case-studies-parent.odd .case-studies-image {
    float: left;
}
.case-studies-v1 article.case-studies-parent.odd .case-studies-content,
.case-studies-v1 article.case-studies-parent.even .case-studies-image {
    float: right;
}
 .slick-slider .slick-slide{
    height: auto;
}
.slider-holder .overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.6);
    letter-spacing: 0;
}
.slider-holder .sleek-and-stunning {
    position: relative;
}
/*New Case Studies page Layout*/

img{
    max-width: 100%;
}
#case-studies .case-studies-wrap article{
    max-width: 1470px;
    margin-bottom: 0;
    width: 96%;
    letter-spacing: 0;
}
.case-studies-wrap .case-studies-image {
    width: 50%;
}
.case-studies-wrap .case-studies-content {
    width: 48%;
    max-width: 580px;
}

.bg-case-studies {
    padding-top: 80px;
    position: relative;
    color: #ffffff;
    z-index: 1;
    background-size: cover !important;
}
/*.bg-case-studies:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.65);
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: -1;
}*/
.case-studies-wrap .article-title{
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 20px;

}
.case-studies-wrap .case-studies-content ul {
    margin: 20px 0;
}
.case-studies-wrap .article-desc {
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.case-studies-wrap .case-studies-content li{
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
    line-height: 1.7;
    text-transform: lowercase;
    background: url("images/icon-bullet.png") no-repeat left center;
}
.case-studies-wrap .case-studies-content li:first-letter {
    text-transform: uppercase;
}
.case-studies-wrap .btn-case-studies{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 2px;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.case-studies-wrap .btn-case-studies:hover{
    background-color: #f7c41b;
    border-color: #f7c41b;
    text-shadow: 2px 2px 2px #d4a817;
}
.case-studies-wrap .case-studies-types {
    padding-bottom: 30px;
}
.case-studies-wrap .case-studies-types span{
    padding: 0 20px 0 25px;
    display: inline-block;
    height: 20px;
}

.bg-case-studies .icon-featured {
    position: absolute;
    right: 3%;
    top: 30px;
}
.bg-case-studies:nth-child(2n) .icon-featured{
    right: auto;
    left: 3%;
}
.bg-case-studies .icon-featured span {
    display: block;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
}
.case-studies-types .logo-design{
    background: url("images/icon-star1.png") no-repeat left top;
}

.case-studies-types .web-design{
    background: url("images/icon-computer.png") no-repeat left top;
    padding-left: 30px;
}
.case-studies-types .seo{
    background: url("images/icon-search.png") no-repeat left top;
}
.case-studies-types .ecommerce{
    background: url("images/icon-ecommerce.png") no-repeat left top;
}
.case-studies-types .ppc{
    background: url("images/icon-hand.png") no-repeat left top;
}
.bg-case-studies.ana-coating{
    background: url("../../images/case-studies/bg-case-ana.jpg") no-repeat center;
}
.bg-case-studies.air-duct-brothers{
    background: url("../../images/case-studies/bg-case-adb.jpg") no-repeat center;
}
.bg-case-studies.cut-sheet{
    background: url("../../images/case-studies/bg-case-cut-sheet.jpg") no-repeat center;
}
.bg-case-studies.lpm{
    background: url("../../images/case-studies/bg-case-lpm.jpg") no-repeat center;
}
.bg-case-studies.new-life{
    background: url("../../images/case-studies/bg-case-new-life.jpg") no-repeat center;
}
.bg-case-studies.njlux{
    background: url("../../images/case-studies/bg-case-njlux.jpg") no-repeat center;
}
.bg-case-studies.rockville{
    background: url("../../images/case-studies/bg-case-rockville.jpg") no-repeat center;
}
.bg-case-studies.sharemoney{
    background: url("../../images/case-studies/bg-case-sharemoney.jpg") no-repeat center;
}
.bg-case-studies.trax-payroll{
    background: url("../../images/case-studies/bg-case-trax-payroll.jpg") no-repeat center;
}
section.grid-items li {
    display: inline-block;
    position: relative;
    /* max-height: 320px;*/
    /*max-width: 380px;*/
    width: 33.333%;
    float: left;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
section.grid-items li img{
    display: block;
    max-width: 100%;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.45s ease-in;
    -moz-transition: all 0.45s ease-in;
    transition: all 0.45s ease-in;
}
section.grid-items li:hover img {
    -moz-transform: matrix(1.3, 0, 0, 1.3, -13.7, -6.4);
    -webkit-transform: matrix(1.3, 0, 0, 1.3, -13.7, -6.4);
    transform: matrix(1.3, 0, 0, 1.3, -13.7, -6.4);
}
section.grid-items li .overlay {
    position: absolute;
    left: 50%;
    float: none;
    line-height: 1.5;
    top: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

section.grid-items li .overlay .title {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 15px;
}

section.grid-items li .btn {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 2px;
    font-weight: 600;
}
section.grid-items li a {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    text-align: center;
}
section.grid-items li:hover a{
    display: block;
}
section.grid-items li a:hover .btn{

}
.filtered-section {
    background-color: #333;
    padding: 20px 0;
    overflow: hidden;
}

.filtered-section h2 {
    color: #ffa101;
    display: block;
    float: none;
    font-size: 27px;
    line-height: 50px;
    text-align: center;
}

.filter-dropdowon {
    display: none;
    float: right;
}

.filter-dropdowon .feild {
    width: 300px;
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

.filter-dropdowon .feild select {
    width: 100%;
    background-color: #f6f6f6;
    border-color: #a39fa0;
    border-radius: 0;
    height: 50px;
    color: #aeaeae;
    font-size: 14px;
}
/*End new testimonial*/
/*End Step 2 Quick start form*/
/*Case Studies Single*/
.bg-top-banner {
    max-height: 530px;
    width: 100%;
    display: block;
}
#case-studies .case-studies-single article{
    overflow: visible;
}
.case-studies-single .bg-case-studies{
    position: relative;
    padding: 0;
}
.case-studies-single .banner-image{
    float:none !important;
    width:100%;
    margin:0 auto;
    text-align: center;
    position: absolute;
    top:21%;
    left:0;
    right:0;
    max-width: 880px;
}

.case-studies-single .single-content{
    float: none !important;
    width:100%;
    max-width:930px;
    text-align: center;
    margin:0 auto;
    padding: 200px 0 60px;
}
.case-studies-single .title-style2{
    font-family: "Open Sans", Arial, sans-serif;
    font-weight:600;
    font-size:40px;
    text-transform: uppercase;
    line-height: 1.6;
    color:#034b7c;
}
.case-studies-single .single-content p{
    font-size:20px;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.4;
    font-weight:300;
    color:#3c3c3c;
}
.case-studies-single .single-content h2{
    font-size:24px;
    font-family: "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
    color: #282828;
    margin-bottom: 24px;
    display: block;
}
.case-studies-single .single-content .btn-holder{
    padding-top: 34px;
}
.case-studies-single .single-content span{
    position: relative;
    display: inline-block;
    padding: 12px 20px 12px 42px;
    color: #000;
    background: #f4f6f7;
    border: 1px solid #dcdbdb;
    margin: 5px;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.case-studies-single .single-content span:hover{
    background: #dcdbdb;
    border-color:#fff;
}
.case-studies-single .single-content span:after{
    position: absolute;
    content: '';
    top:50%;
    left:16px;
    background: url("/images/icon-laptop.png") no-repeat;
    height:13px;
    width:20px;
    margin-top: -7px;
}
.case-studies-single .single-content span.seo:after{
    height:18px;
    left:16px;
    background: url("/images/icon-search.png") no-repeat;
    margin-top: -9px;
}
.case-studies-single .single-content span.ppc:after{
    height:18px;
    left:16px;
    background: url("/images/icon-hand-black.png") no-repeat;
    margin-top: -9px;
}
.case-studies-single .single-content span.logo-design:after{
    height:18px;
    left:16px;
    background: url("/images/icon-star1-black.png") no-repeat;
    margin-top: -9px;
}
.case-studies-single .single-content span.ecommerce:after{
    height:18px;
    left:16px;
    background: url("/images/icon-ecommerce-black.png") no-repeat;
    margin-top: -9px;
}
.case-studies-single .single-content .branding-collateral:after{
    background: url("/images/icon-branding-collateral.png") no-repeat ;
    height: 12px;
    width: 14px;
    margin-top: -5px;
}
.case-studies-single .single-content .consulting:after{
    background: url("/images/icon-consulting.png") no-repeat ;
    height: 17px;
    width: 17px;
    margin-top: -9px;
}
.case-studies-single .single-content .social-media:after{
    background: url("/images/icon-social-media.png") no-repeat ;
    height: 18px;
    width: 18px;
    margin-top: -9px;
}
.case-studies-single .single-content .brochure:after{
    background: url("/images/icon-brochure.png") no-repeat ;
    height: 23px;
    width: 19px;
    margin-top: -12px;
}
.case-studies-single .challenge-plan .col2-layout:after,
.case-studies-single .challenge-plan .col2-layout:before{
    display: block;
    clear: both;
}
.case-studies-single .challenge-plan .col{
    float:left;
    width:45%
}
.case-studies-single .challenge-plan .challenge{
    margin-right: 120px;
}
.case-studies-single .challenge-plan .col h2{
    color:#0c5181;
    font-size:30px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.case-studies-single .challenge-plan .col p{
    font-size:20px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color:#3c3c3c;
    line-height: 1.4;
    margin-bottom: 36px;
}
.case-studies-single .challenge-plan .col li{
    position: relative;
    font-size:20px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color:#3c3c3c;
    line-height: 1.4;
    margin-bottom: 44px;
    padding-left:35px;
}
.case-studies-single .challenge-plan .col li:before{
    position: absolute;
    content: '';
    background: url("/images/icon-bullet-righit.png") no-repeat center;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    top: 2px;
    left: 0;
}
.case-studies-single .challenge-plan .col li.cms:before{
    background: url("/images/icon-wp.png") no-repeat center;
}
.case-studies-single .challenge-plan .col li.seo:before{
    background: url("/images/icon-search.png") no-repeat center;
}
.case-studies-single .challenge-plan .col li.support:before{
    background: url("/images/icon-support.png") no-repeat center;
}

.reasult{
    background: #f9f9f9;
    margin-bottom: 40px;
}
.reasult .col4-layout:after,
.reasult .col4-layout:before{
    display: block;
    clear: both;
    content: '';
}
.reasult .col4-layout{
    padding:0 40px;
    text-align: center;
}
.reasult .col4-layout li{
    width: 19.5%;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    padding: 110px 5px 70px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.reasult .col4-layout .col:first-child{
    border-left:1px solid #f5f5f5;
}
.reasult .col4-layout li span{
    font-size: 42px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #034b7c;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    float: left;
    position: absolute;
    top: 60px;
}
.reasult .col4-layout li .icon-tick-mark {
    top: 45px;
}
#case-studies .case-studies-wrap article span.icon-tick-mark {
    display: none;
}
.reasult .col4-layout li p{
    font-size:16px;
    font-family: "Open Sans", Arial, sans-serif;
    color:#3c3c3c;
    line-height: 1.4;
}
/*Bxslider*/
.case-studies-slider ul.slick-dots li{
    display: none;
}
.case-studies-slider{
    text-align: center;
    margin-bottom: 55px;
    margin-top: 60px;
}
.case-studies-slider .slick-slide img{
    display: inline-block;
}
.bx-wrapper .bx-viewport{
    border:none;
    box-shadow: none;
    margin:0;
    left:0;
    text-align: center;
}
.bx-wrapper img{
    display:inline-block;
}
.case-studies-slider .slick-prev.slick-arrow,
.case-studies-slider .slick-next.slick-arrow{
    width:21px;
    height:40px;
    background: url(/images/icon-next-prev-h.png) no-repeat 0 0;
    transition: 0.2s all ease-in-out;
    left: -50px;
    position: absolute;
    font-size: 0;
    border: 0;
    top: 50%;
    cursor: pointer;
    margin-top: -20px;
    z-index: 999;
    opacity: 0.3;
}
.case-studies-slider .slick-prev.slick-arrow:focus,
.case-studies-slider .slick-next.slick-arrow:focus,
.case-studies-slider .slick-prev.slick-arrow:hover,
.case-studies-slider .slick-next.slick-arrow:hover{
    outline: none;
    opacity: 1;
}
.case-studies-slider .slick-next.slick-arrow{
    transform:rotate(180deg);
    left:auto;
    right: -50px;
}
.bx-wrapper .bx-pager{
    display:none ;
}
/*Contact Form */
.contact-form-block .col2-layout:after,
.contact-form-block .col2-layout:before{
    display: block;
    clear: both;
    content: '';
}
.contact-form-block .contact-heading:after,
.contact-form-block .contact-heading:before{
    clear: both;
    display: block;
    content: '';
}
.contact-form-block .contact-heading{
    margin-bottom: 22px;
}
.contact-form-block .contact-heading .text{
    float:left;
    width:50%;
}
.contact-form-block .contact-heading .text h2,
.contact-form-block .contact-heading .phone a{
    position:relative;
    font-size:35px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color:#034b7c;
    text-transform: uppercase;
}
.contact-form-block .contact-heading .phone a:hover{
    color:#f1bc1e;
}
.contact-form-block .contact-heading .phone a:after{
    position: absolute;
    content: '';
    height:25px;
    width:25px;
    top:12px;
    left:-30px;
    background: url("/images/icon-call.png") no-repeat;
}
.contact-form-block .contact-heading .phone{
    float:right;
    width:50%;
    text-align: right;
}
.case-studies-single .field-group textarea,
.case-studies-single .field-group input{
    box-sizing:border-box ;
    padding-left: 50px;
    border:2px solid #e8e8e8;
    border-radius:3px;
}
.case-studies-single .field-group textarea{
    min-height:142px;
    padding-left: 10px;
}
.case-studies-single  .contact-us{
    border-radius:10px;
    -webkit-box-shadow: 0 0 15px #e8e8e8;
    -moz-box-shadow: 0 0 15px #e8e8e8;
    box-shadow: 0 0 15px #e8e8e8;
    margin-bottom:2px;
}
.case-studies-single  .contact-us .bg-contact{
    border-radius:10px;
}
.case-studies-single .contact-form{
    width:100%;
}
.case-studies-single .bg-contact #ss_consultation_form{
    float: none;
    width:100%;
    padding: 50px;
    box-sizing:border-box;
}
.case-studies-single .bg-contact #ss_consultation_form .left{
    width:50%;
}
.case-studies-single .bg-contact #ss_consultation_form .right{
    width:50%;
}
.case-studies-single .field-group{
    margin-bottom: 30px;
}
.case-studies-single .field-group.message{
    margin-bottom: 40px;
}
.case-studies-single #ss_consultation_form label{
    font-size:18px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color:#666666;
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
}
.case-studies-single .slick-initialized .slick-slide:hover,
.case-studies-single .slick-initialized .slick-slide:focus{
    outline: none;
}
.case-studies-single #ss_consultation_form label span{
    color:#ba2929;
}
.case-studies-single #ss_consultation_form .lable1{
    margin-bottom: 20px;
}
.case-studies-single .field-group .checkbox-lable{
    font-size:15px !important;
    text-transform: capitalize !important;
    cursor: pointer;
}
.case-studies-single .field-group.checkbox-holder{
    margin-bottom: 16px;
}
.case-studies-single .btn-submit{
    width:100%;
    display: block;
    margin:0;
}
.case-studies-single .field-group input[type='checkbox']{
    width:17px;
    height:17px;
    margin-right: 10px;
    cursor: pointer;
    padding: 0;
}
.case-studies-single input[type='submit'],
.case-studies-single input[type='button']{
    padding:0 65px;
    width:auto;
    background-image: none;
    color:#fff;
    -webkit-box-shadow:inset 0 0 3px #e8e8e8;
    -moz-box-shadow:inset 0 0 3px #e8e8e8;
    box-shadow:inset 0 0 3px #e8e8e8;
    text-transform: uppercase;
    background: #0266ab;
    background: -moz-linear-gradient(top, #0266ab 0%, #0261a1 25%, #034d80 90%, #034c7d 98%, #0a5180 100%);
    background: -webkit-linear-gradient(top, #0266ab 0%,#0261a1 25%,#034d80 90%,#034c7d 98%,#0a5180 100%);
    background: linear-gradient(to bottom, #0266ab 0%,#0261a1 25%,#034d80 90%,#034c7d 98%,#0a5180 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0266ab', endColorstr='#0a5180',GradientType=0 );
    border:1px solid #1a445f;
}
.case-studies-single input[type='submit']:hover,
.case-studies-single input[type='button']:hover{
    background: #0a5180;
    background: -moz-linear-gradient(top, #0a5180 0%, #034c7d 2%, #034d80 10%, #0261a1 75%, #0266ab 100%);
    background: -webkit-linear-gradient(top, #0a5180 0%,#034c7d 2%,#034d80 10%,#0261a1 75%,#0266ab 100%);
    background: linear-gradient(to bottom, #0a5180 0%,#034c7d 2%,#034d80 10%,#0261a1 75%,#0266ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5180', endColorstr='#0266ab',GradientType=0 );
}
/*Contact Form End*/
/*case Studies Single End*/
/*.case-study-next-prev .box {
    width: auto;
    max-width: 350px;
    display: inline-block;
    background-color: #e6edf3;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 210px;
    position: relative;
    padding-top: 50px;
    margin-bottom: 15px;
}

.case-study-next-prev .next-box {
    float: right;
}

.case-study-next-prev .overlay .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    padding-top: 15px;
    color: #034b7c;
}

.case-study-next-prev .box img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
}

.case-study-next-prev .overlay .btn {
    text-align: center;
    display: block;
    padding: 10px;
    color: #fff;
    -webkit-box-shadow: inset 0 0 1px #e8e8e8;
    -moz-box-shadow: inset 0 0 1px #e8e8e8;
    box-shadow: inset 0 0 1px #e8e8e8;
    background: #0266ab;
    background: -moz-linear-gradient(top, #0266ab 0%, #0261a1 25%, #034d80 90%, #034c7d 98%, #0a5180 100%);
    background: -webkit-linear-gradient(top, #0266ab 0%,#0261a1 25%,#034d80 90%,#034c7d 98%,#0a5180 100%);
    background: linear-gradient(to bottom, #0266ab 0%,#0261a1 25%,#034d80 90%,#034c7d 98%,#0a5180 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0266ab', endColorstr='#0a5180',GradientType=0 );
    border: 1px solid #1a445f;
    border-radius: 3px;
    position: relative;
}
.case-study-next-prev .overlay .btn:hover{
    background: -moz-linear-gradient(top, #0a5180 0%, #034c7d 2%, #034d80 10%, #0261a1 75%, #0266ab 100%);
    background: -webkit-linear-gradient(top, #0a5180 0%,#034c7d 2%,#034d80 10%,#0261a1 75%,#0266ab 100%);
    background: linear-gradient(to bottom, #0a5180 0%,#034c7d 2%,#034d80 10%,#0261a1 75%,#0266ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5180', endColorstr='#0266ab',GradientType=0 );
}
.case-study-next-prev .overlay .btn:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 35px;
    height: 20px;
    width: 20px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    background: url(../../images/icon-down-gray.png) no-repeat center 7px;
    transform: rotate(90deg);
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.case-study-next-prev .next-box .overlay .btn:before{
    transform: rotate(-90deg);
}
.case-study-next-prev .overlay {
    text-align: center;
    display: block;
    max-width: 80%;
    margin: 15px auto 0;
}*/
/*.case-study-next-prev .box {
    width: auto;
    min-width: 160px;
    display: inline-block;
    background-color: #e6edf3;
    border-radius: 6px;
    position: relative;
    padding: 38px 10px 15px 90px;
    box-shadow: 1px 0 2px 1px #f4f4f4;
    margin: 3px 0 40px 0;
}

.case-study-next-prev .next-box {
    float: right;
    padding: 38px 90px 15px 10px;
    margin: 3px 0 40px 0;
}

.case-study-next-prev .overlay .title {
    position: absolute;
    top: 0;
    left: 90px;
    right: 0;
    text-align: left;
    font-size: 18px;
    padding-top: 15px;
    color: #333;
}
.case-study-next-prev .next-box .overlay{
    text-align: right;
}
.case-study-next-prev .next-box .overlay .title{
    left:auto;
    right: 90px;
}
.case-study-next-prev .box img {
    display: none;
}

.case-study-next-prev .overlay .btn {
    text-align: left;
    font-size: 14px;
    color: #636363;
}
.case-study-next-prev .overlay {
    display: block;
}
.case-study-next-prev .box:after {
    content: '';
    position: absolute;
    height: 70px;
    width: 70px;
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 99;
    background: #232121 url(../../images/icon-arrow-left-white.png) no-repeat center;
}
.case-study-next-prev .next-box:after {
    left: auto;
    right: 0;
    transform: rotate(-180deg);
}
 .case-study-next-prev,
.contact-form-block {
    overflow: visible;
}
.case-study-next-prev .box:hover img {
    display: block;
}

.case-study-next-prev .box:hover {
    padding: 50px 0 0 0;
    border-radius: 0;
    background: #232121;
    width: 400px;
    margin-top: -100px;
    z-index: 9;
    position: absolute;
}
.case-study-next-prev .next-box:hover {
    right: 0;
}
.case-study-next-prev .box:hover:after {
    top: 103px;
}

.case-study-next-prev .box:hover span.btn {
    display: none;
}

.case-study-next-prev .box:hover .title {
    color: #fff;
    font-size: 20px;
    right: 20px;
    left: auto;
}

.case-study-next-prev .next-box:hover .title {
    right: auto;
    left: 20px;
}*/
/*.case-study-next-prev .box a:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}*/
.case-study-next-prev .box {
    width: auto;
    min-width: 160px;
    display: inline-block;
    background-color: #e6edf3;
    border-radius: 6px;
    position: relative;
    padding: 20px 10px 15px 90px;
    box-shadow: 1px 0 2px 1px #f4f4f4;
    margin: 3px 0 40px 0;
}

.case-study-next-prev .next-box {
    float: right;
    padding: 20px 90px 15px 15px;
    margin: 3px 0 40px 0;
}

.case-study-next-prev .title {
    text-align: left;
    font-size: 18px;
    padding: 0 0 2px;
    color: #333;
    display: block;
    font-weight: 600;

}
.case-study-next-prev .next-box .overlay{
    text-align: right;
}
.case-study-next-prev .next-box .overlay .title{
    left:auto;
    right: 90px;
}
.case-study-next-prev .box img {
    display: none;
}

.case-study-next-prev .btn {
    text-align: left;
    font-size: 14px;
    color: #636363;
}
.case-study-next-prev .overlay {
    display: block;
}
.case-study-next-prev .box a:after {
    content: '';
    position: absolute;
    height: 70px;
    width: 70px;
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 99;
    background: #232121 url(../../images/icon-arrow-left-white.png) no-repeat center;
}
.case-study-next-prev .next-box a:after {
    left: auto;
    right: 0;
    transform: rotate(-180deg);
}
.case-study-next-prev,
.contact-form-block {
    overflow: visible;
}
.case-study-next-prev .box:hover img {
    display: block;
}

.case-study-next-prev .box:hover {
    padding: 0;
    border-radius: 0;
    background: #232121;
    width: 400px;
    margin-top: -100px;
    z-index: 9;
    position: absolute;
    -webkit-box-shadow: 10px 10px 16px -10px rgba(153,153,153,1);
    -moz-box-shadow: 10px 10px 16px -10px rgba(153,153,153,1);
    box-shadow: 10px 10px 16px -10px rgba(153,153,153,1);
}
.case-study-next-prev .next-box:hover {
    right: 0;
}
.case-study-next-prev .box:hover a:after {
    top: 103px;
}
.case-study-next-prev .box a:hover:after {
    opacity: 0.9;
}
.case-study-next-prev .box:hover span.btn {
    display: none;
}

.case-study-next-prev .box:hover .title {
    color: #fff;
    font-size: 20px;
    right: 20px;
    padding: 15px;
    text-align: right;
}

.case-study-next-prev .next-box:hover .title {
    right: auto;
    left: 20px;
}
.case-study-next-prev .box.next-box a:after {
    right: 0;
}
.case-study-next-prev .next-box:hover .title {
    text-align: left;
}
/*New Industries page layout */
#experts-block-v2 {
    background: #fff;
    box-sizing: border-box;
}
#experts-block-v2 div,
#experts-block-v2 ul,
#experts-block-v2 li{
    box-sizing: border-box;
}
.experts-row{
    margin-bottom: -2px;
}
.experts-row .half-col {
    width: 50%;
    display: inline-block;
    float: left;
}


.experts-row .text-wrap{
    max-width: 800px;
    text-align: left;
    padding-top: 60px;
    width: 100%;

}
.experts-row:nth-child(odd) .text-wrap{
    padding-left: 65px;
}
.experts-v2 .experts-row:nth-child(even) .text-wrap{
    float: right;
    padding-right: 65px;
}
.experts-v2 .experts-row:nth-child(even) .img-wrap{
    float: right;
}
.experts-v2 .experts-row:nth-child(odd){

}
.experts-v2 .block-title {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #034b7c;
    line-height: 1.3;
}
.experts-v2 .experts-list{
    width: 50%;
    padding: 0 25px;
    display: inline-block;
    float: left;
}
.experts-v2 .col3-layout .experts-list{
    width: 33%;
}
.experts-v2 .experts-list:last-child{
    padding-right: 0;
}
.experts-v2 .experts-list:first-child {
    padding-left: 0;
}
.experts-v2 .experts-list li {
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0 10px 55px;
    border-bottom: 1px solid #e5edf2;
    display: block;
}
.experts-v2 .experts-list li a{
    color: #000;
    display: block;
    padding: 10px 0;
    font-weight: 600;
}
.experts-v2 .experts-list li a:hover{
    text-decoration: underline;
}
.experts-v2 .experts-list li:last-child{
    border-bottom: 0;
}
.experts-v2 .experts-list .icon-perf-arts{
    background: url("../../images/ss-industry/icon-perf-arts.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-ble{
    background: url("../../images/ss-industry/icon-band.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-music{
    background: url("../../images/ss-industry/icon-music.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-photography{
    background: url("../../images/ss-industry/icon-photography.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-martial-arts{
    background: url("../../images/ss-industry/icon-martials-art.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-sports{
    background: url("../../images/ss-industry/icon-sports.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-clearing-services{
    background: url("../../images/ss-industry/icon-cleaning.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-interior-design{
    background: url("../../images/ss-industry/icon-intrior-design.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-hvac{
    background: url("../../images/ss-industry/icon-hvac.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-moving-company{
    background: url("../../images/ss-industry/icon-moving-company.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-home-improvement{
    background: url("../../images/ss-industry/icon-home.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-flooring{
    background: url("../../images/ss-industry/icon-flooring.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-contractors{
    background: url("../../images/ss-industry/icon-contractors.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-real-state{
    background: url("../../images/ss-industry/icon-real-estate.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-manufacturing{
    background: url("../../images/ss-industry/icon-manufacuring.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-agriculture{
    background: url("../../images/ss-industry/icon-ag.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-wholesale{
    background: url("../../images/ss-industry/-icon-wholesale.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-construction{
    background: url("../../images/ss-industry/icon-constuction.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-distributor{
    background: url("../../images/ss-industry/icon-distributor.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-engineering{
    background: url("../../images/ss-industry/engineerinicong.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-sustainability{
    background: url("../../images/ss-industry/icon-sustainability.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-commodities{
    background: url("../../images/ss-industry/icon-commodities.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-industrial-products{
    background: url("../../images/ss-industry/icon-industrial-products.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-cps{
    background: url("../../images/ss-industry/icon-cosmetic-plastic-surgery.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-medical-spa{
    background: url("../../images/ss-industry/icon-medical-spa.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-fpt{
    background: url("../../images/ss-industry/icon-fitness.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-addiction-treatment{
    background: url("../../images/ss-industry/icon-addiction-treatment.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-csm{
    background: url("../../images/ss-industry/icon-chiropractic-sports.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-dental{
    background: url("../../images/ss-industry/icon-dental.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-medical-practice{
    background: url("../../images/ss-industry/icon-medical-practice.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-physician{
    background: url("../../images/ss-industry/icon-physician.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-medical-services{
    background: url("../../images/ss-industry/icon-medical-services.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-pharmaceutical{
    background: url("../../images/ss-industry/icon-pharmaceutical.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-dermatology{
    background: url("../../images/ss-industry/icon-dermatology.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-pediatric{
    background: url("../../images/ss-industry/icon-pediatric.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-hotel-housing{
    background: url("../../images/ss-industry/icon-hotel-housing.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-restaurant{
    background: url("../../images/ss-industry/icon-restaurant.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-aviation{
    background: url("../../images/ss-industry/icon-aviation.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-spirits-wines{
    background: url("../../images/ss-industry/icon-spirits-wines.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-golf-course{
    background: url("../../images/ss-industry/icon-golf-cource.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-tourism-travel{
    background: url("../../images/ss-industry/icon-tourism-travel.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-automotive{
    background: url("../../images/ss-industry/icon-automotive.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-fashion{
    background: url("../../images/ss-industry/icon-fashion.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-cpg{
    background: url("../../images/ss-industry/icon-cpg.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-gift{
    background: url("../../images/ss-industry/icon-gift.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-home-decor{
    background: url("../../images/ss-industry/icon-home-decor.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-education{
    background: url("../../images/ss-industry/icon-education.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-non-profit{
    background: url("../../images/ss-industry/icon-non-profit.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-startup{
    background: url("../../images/ss-industry/icon-startup.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-luxury{
    background: url("../../images/ss-industry/icon-luxury.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-small-business{
    background: url("../../images/ss-industry/icon-small-business.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-saas{
    background: url("../../images/ss-industry/icon-saas.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-it-services{
    background: url("../../images/ss-industry/icon-it-services.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-human-resources{
    background: url("../../images/ss-industry/icon-human-resources.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-merchant-services{
    background: url("../../images/ss-industry/icon-merchant-services.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-printing{
    background: url("../../images/ss-industry/icon-printing.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-internet{
    background: url("../../images/ss-industry/icon-internet.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-fintech{
    background: url("../../images/ss-industry/icon-fintech.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-financial-services{
    background: url("../../images/ss-industry/icon-financial-services.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-consulting-services{
    background: url("../../images/ss-industry/icon-consulting-services.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-tech{
    background: url("../../images/ss-industry/icon-tech.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-accountants{
    background: url("../../images/ss-industry/icon-accountants.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-florists{
    background: url("../../images/ss-industry/icon-florists.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-pet-care{
    background: url("../../images/ss-industry/icon-pet-care.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-auto-repair{
    background: url("../../images/ss-industry/icon-auto-repair.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-retail-shop{
    background: url("../../images/ss-industry/icon-retail-shop.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-boutiques{
    background: url("../../images/ss-industry/icon-boutiques.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-print-shop{
    background: url("../../images/ss-industry/icon-print-shop.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-nj{
    background: url("../../images/ss-industry/icon-nj.png") no-repeat 10px center;
}

.experts-v2 .experts-list .icon-ny{
    background: url("../../images/ss-industry/icon-ny.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-ct{
    background: url("../../images/ss-industry/icon-ct.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-fl{
    background: url("../../images/ss-industry/icon-fl.png") no-repeat left center;
}

.experts-v2 .experts-list .icon-ca{
    background: url("../../images/ss-industry/icon-ca.png") no-repeat left center;
}
.experts-v2 .experts-list .icon-us{
    background: url("../../images/ss-industry/icon-us.png") no-repeat left center;
}
/*Indursty single page*/
.bg-style11{
    background-color: #f1f1f1;
}
.industry-single .experts-row,
.industry-single-slider{
    margin-bottom: 0;
    margin-top: 0;
}

.industry-single-slider .text-holder {
    max-width: 400px;
    width: 48%;
    display: inline-block;
    float: left;
    text-align: left;
}
.industry-single-slider .img-holder {
    max-width: 510px;
    display: inline-block;
    width: 48%;
    float: right;
    padding-right: 1px;
}
.media-websites .title,
.landing-test-wrapper .title,
.industry-single-slider .title {
    color: #0c5181;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 50px;
}
.media-websites .title {
    margin-bottom: 25px;
}
.landing-test-wrapper .title{
    margin: 15px 0 35px;
}
.industry-single-slider .sub-title {
    font-size: 32px;
    color: #095b92;
    font-family: 'proxima_novasemibold','sans-serif';
    margin: 35px 0 15px;
}
.industry-single-slider li,.industry-single-slider p {
    font-size: 18px;
    color: #333333;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 10px;
}
.industry-single-slider li {
    margin-bottom: 5px;
    padding-left: 20px;
    background: url("/images/icon-bullet-right.png") no-repeat left 5px;
    background-size: 13px;
}
.industry-single .experts-list-single li {
    color: #3c3c3c;
    margin-bottom: 8px;
    padding-left: 25px;
    background: url(/images/icon-bullet-right.png) no-repeat left 2px;
    background-size: 17px;
    line-height: 1.3;
}
.industry-single .experts-row:nth-child(odd) .text-wrap {
    padding: 125px 25px 0 0;
    max-width: 622px;
    float: right;
}
.industry-single .experts-v2 .block-title {
    line-height: 1;
    font-size: 32px;
}
.landing-page .grid .grid-item {
    width: 23%;
}
.industry-single .experts-row {
    background-color: #eaf6fe;
}
.industry-single .landing-test-wrapper{
    padding-bottom: 0;
}
.landing-slider-block .title-style2 {
    color: #fff;
    margin-bottom: 30px;
}
.text-section{
    padding: 70px 0;
    letter-spacing: 0;
}
.text-section h2{
    margin-bottom: 15px;
}
.text-section h3{
    margin-bottom: 25px;
    font-weight: 400;
}
.text-section p{
    margin-bottom: 20px;
}
.list-style1 {
    margin-bottom: 10px;
    overflow: hidden;
}
.list-style1 li{
    padding-left: 20px;
    background: url("images/icon-tick-mark-yellow.png") no-repeat left center;
    background-size: 11px;
    margin-bottom: 10px;
}
/*Testimonials Slider*/
.testimonial-slider p {
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0;
}

.testimonial-slider button.slick-arrow {
    display: none !important;
}

.testimonial-section {
    padding: 0 0 70px 0;
}

.testimonial-section .img-wrap {
    height: 110px;
    width: 110px;
    margin: 0 auto 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #eaeaea;
    box-shadow: 0 4px 7px #aba8a8;
}

.testimonial-slider p a {
    display: block;
    max-width: 100px;
    margin: 0 auto;
    text-decoration: underline;
    color: #2b8ab1;
}
.testimonial-slider p a:hover{
    text-decoration: none;
}
.testimonial-slider .slick-dots {
    text-align: center;
    margin-top: 10px;
}

.testimonial-slider .slick-dots li button {
    display: inline-block;
    height: 8px;
    width: 8px;
    font-size: 0;
    padding: 0;
    background-color: #707070;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.testimonial-slider .slick-dots li {
    display: inline-block;
    margin: 0 3px;
}

.testimonial-slider .slick-dots .slick-active button,
.testimonial-slider .slick-dots li button:hover {
    background-color: #0c5181;
}
.testimonial-slider p a:focus,
.testimonial-slider .slick-dots li button:focus,
.testimonial-slides:focus,
.testimonial-slides .text-holder:focus{
    outline: none !important;;
    border: none !important;
}
.slider-footer .project-logo,
.slider-footer .project {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 5px;
}
.slider-footer .project-logo img{
    width: 100%;
}
#experts-block-v2 #tst_wrapper .reviews li {
    padding-bottom: 0;
}
.slider-footer .project-logo span {
    display: block;
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f7f7f7;
}
.slider-footer h4,
.slider-footer h2 {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    letter-spacing: 0;
}

.slider-footer h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0;
}
.testimonial-section .img-wrap img{
    width: 100%;
    height: 100%;
}
.testimonial-section .text-holder {
    width: 100%;
}
#experts-block-v2 .testimonial-section .slick-slide {
    display: inline-block ;
}
.experts-v2 .popup-with-zoom-anim {
    display: none;
}
.slider-holder .icon-tick-mark img {
    display: none;
}
.media-websites .col {
    max-width: 50%;
}
.media-websites .col-left{
    padding-right: 17px;
}
.media-websites .col-right{
    padding-left: 17px;
}
.media-websites .sub-title{
    font-size: 24px;
    color: #0c5181;
    font-family: 'proxima_novasemibold',"Helvetica, Arial", "sans-serif";
    margin-bottom: 10px;
}
.media-websites p{
    color: #333333;
    line-height: 1.4;
    margin-bottom: 25px;
}
section#section-7 em,section#section-7 i, section#section-7 {
    font-style: normal !important;
}
iframe[name=google_conversion_frame]
{
    display: none !important;
}
#experts-block-v2  .landing-page .footer-top .sub-title a,
#experts-block-v2 .landing-page .footer-top .sub-title {
    font-family: "Open Sans", "Helvetica, Arial", "sans-serif";
    font-size: 32px;
    letter-spacing: 0;
    text-transform: uppercase;
}

/*=============================*/
    /*Social Media Marketing Page*/
/*=============================*/
.social-media .ppc-landing-banner .banner-desc span {
    font-size: 98px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
}
.social-media .ppc-landing-banner .col-left{
    max-width: 780px;
}
.social-media .ppc-landing-banner .banner-desc h1 {
    font-size: 80px;
    color: #ffffff;
    letter-spacing: 0;
}
.social-media .ppc-landing-banner .banner-desc{
    padding-bottom: 20px;
}
.slider-social .item{
    padding: 0 10px;
}
.social-section {
    background: #fff;
}
.social-media-icons li {
    display: inline-block;
    overflow: hidden;
    margin: 0 10px;
}
.social-media .three-col-layout{
    letter-spacing: -4px;
    font-size: 0;
    margin: 0 -15px;
}
.social-media .three-col-layout .item-wrap{
    width: 33.333%;
    display: inline-block;
    letter-spacing: 0;
    font-size: 18px;
    vertical-align: top;
    padding: 0 15px;
    margin: 35px 0 60px;
}
.social-media .three-col-layout .item{
    border: 1px solid #eeeeee;
    padding: 10px;
    position: relative;
}
.social-media .three-col-layout .item:before{
    position: absolute;
    left: 50%;
    top: -70px;
    content: '';
    z-index: 2;
    margin-left: -40px;
    height: 80px;
    width: 80px;
    background: url("../../images/landing-page/icon-fb-round.png") no-repeat;
}
.three-col-layout .ttr .item:before{
    background: url("../../images/landing-page/icon-twtr-round.png") no-repeat;
}
.three-col-layout .insta .item:before{
    background: url("../../images/landing-page/icon-insta-round.png") no-repeat;
}
.three-col-layout .pint .item:before{
    background: url("../../images/landing-page/icon-pentrest-round.png") no-repeat;
}
.three-col-layout .linkedin .item:before{
    background: url("../../images/landing-page/icon-linkden-round.png") no-repeat;
}
.three-col-layout .gp .item:before{
    background: url("../../images/landing-page/icon-gplus-round.png") no-repeat;
}
.social-section h2{
    font-size: 50px;
    font-family: 'BebasNeue','sans-serif';
    color: #000;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 0;
}
.logo-items .item-wrap{
    display: inline-block;
    float: left;
    width: 25%;
    padding: 7px;
}

.logo-items .item-wrap img{
    display: block;
    width: 100%;
    cursor: pointer;
}
.logo-items .item-wrap:hover img,
.logo-items .item-wrap .on-hover{
    display: none;
}

.logo-items .item-wrap:hover .on-hover{
    display: block;
}
.page-logo-lp .logo-items {
    background: #FFF;
    margin: 0 -7px;
}

.landing-page.page-logo-lp {
    overflow: hidden;
}

.page-logo-lp .ppc-landing-banner {
    border: 0;
}
ul.design-services li {
    color: #fff;
    display: inline-block;
    margin: 5px;
    font-size: 28px;
    font-family: 'BebasNeue','sans-serif';
    letter-spacing: 0;
    padding: 12px 15px 8px 40px;
    border: 2px solid #fff;
    border-radius: 4px;
    background: url(images/icon-tick-mark-yellow.png) no-repeat 7px center;
}
.page-logo-lp .ppc-landing-banner .banner-desc h1{
    font-size: 78px;
}
.page-logo-lp .ppc-landing-banner .banner-desc span{
    font-size: 110px;
    line-height: 100px;
}
.design-services {
    text-align: center;
}
.landing-banner-form .field-group textarea:focus {
    height: 110px;
}
/*=============================*/
    /*Social Media Marketing Page End*/
/*=============================*/
/*plastic surgery */
.landing-page.marketing-group .banner-desc span {
    font-size: 80px;
}
.slider-home .js-plastic-surgery .slick-slide{
    cursor: default;
}
@media only screen and (min-width: 1920px) {
    header.smaller .wrapper,
    footer .wrapper
    { width: 98%; max-width: 98%}
    #section-8 .wrapper
    { width: 100%; max-width: 100%}

    .partners .tc { padding: 0 4.9em;}

    #section-7 .wrapper { max-width: 100%}

    .give-us-a-call {
        margin: 0 5% 0 11%;
        padding-top: 55px;
        width: 20%;
    }

    .logo-light {
        float: left;
        margin: 15px 0 0 13.5%;
        width: 326px;
    }

    .send-message-wrap { float: right; margin-right: 12%}

    .page-magento-ecommerce #section-8 .partners .tc,
    .page-logo-design #section-8 .partners .tc, .page-website-design #section-8 .partners .tc,
    .page-responsive-design #section-8 .partners .tc,
    .page-custom-development #section-8 .partners .tc,
    .page-wordpress-development #section-8 .partners .tc,
    .page-page-speed-optimization #section-8 .partners .tc, .page-seo #section-8 .partners .tc,
    .page-google-adwords-management #section-8 .partners .tc,
    .page-social-media-marketing #section-8 .partners .tc, .page-penalization-recovery #section-8 .partners .tc
    { padding: 0 4.4em}

    .page-magento-ecommerce footer .wrapper,
    .page-logo-design footer .wrapper, .page-website-design footer .wrapper,
    .page-responsive-design footer .wrapper,
    .page-custom-development footer .wrapper,
    .page-wordpress-development footer .wrapper,
    .page-page-speed-optimization footer .wrapper, .page-seo footer .wrapper,
    .page-google-adwords-management footer .wrapper,
    .page-social-media-marketing footer .wrapper, .page-penalization-recovery footer .wrapper
    { width: 88%; max-width: 88%}

    .page-magento-ecommerce .logo-light,
    .page-logo-design .logo-light, .page-website-design .logo-light,
    .page-responsive-design .logo-light,
    .page-custom-development .logo-light,
    .page-wordpress-development .logo-light,
    .page-page-speed-optimization .logo-light, .page-seo .logo-light,
    .page-google-adwords-management .logo-light,
    .page-social-media-marketing .logo-light, .page-penalization-recovery .logo-light
    { margin: 15px 0 0 12.5%;}

    .mike-banner,
    .alex-banner,
    .oleg-banner,
    .matt-banner,
    .bill-banner,
    .oleysa-banner,
    .liz-banner,
    .cover-1,
    .cover-2,
    .cover-3,
    .cover-4,
    .cover-5
    { background-size: 100%}

    #section-7{
        background-size:cover;
    }
    .logo-light {
        float: none;
        width: 326px;
        margin: 10px auto 0 !important;
        display: block;
    }
    .send-message-wrap {
        float: right;
        margin-right: 12%;
        margin-top: -65px;
    }

}
@media only screen and (max-width:1800px){
    .banner {
        background-size: 1800px !important;
    }
    .case-studies-single  .contact-us{
        margin-bottom: 10px;
    }
    .footer-partners li {
        max-width: 16.666%;
        padding: 0 15px;
    }
}
@media only screen and (max-width:1720px){
    .case-studies-single .banner-image{
        max-width: 55%;
    }

}
@media only screen and (max-width:1520px){
    #section-1.banner1{
        background-position: -180px;
        background-size: cover!important;
    }
    .bg-case-studies .icon-featured {
        right: 1%;
        top:15px;
    }
    .bg-case-studies:nth-child(2n) .icon-featured{
        right: auto;
        left: 1%;
    }
    .bg-case-studies .icon-featured span{
        font-size: 18px;
    }
    .bg-case-studies .icon-featured .featured-icon {
        width: 35px;
        margin: 0 auto;
    }
    .experts-row .text-wrap{
        overflow: hidden;
        padding: 30px 30px 0;
    }
    .experts-v2 .experts-list li {
        font-size: 16px;
        padding: 10px 0 10px 40px;
        background-size: 25px !important;
    }

    .experts-v2 .block-title {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .case-studies-single .banner-image img {
        max-height: 510px;
    }
    .experts-row:nth-child(odd) .text-wrap {
        padding-left: 50px;
    }
    .experts-v2 .experts-list li a {
        padding: 5px 0;
    }
}
@media only screen and (max-width:1350px){
    .experts-row:nth-child(odd) .text-wrap {
        padding-left: 25px;
        padding-top: 30px;
    }
    .experts-v2 .experts-row:nth-child(even) .text-wrap {
        padding-right: 25px;
        padding-top: 30px;
    }
    .experts-v2 .experts-list li{
        font-size: 16px;
    }
    .experts-v2 .block-title {
        font-size: 28px;
        margin-bottom: 0;
    }
    section.sliderblock.case-studies-slider .container {
        max-width: 90%;
    }
    .case-studies-slider .slick-prev.slick-arrow{
        left:-30px;
    }
    .case-studies-slider .slick-next.slick-arrow {
        right: -30px;
    }
    .industry-single .experts-v2 .block-title{
        margin-bottom: 15px;
    }
    .banner h1 {
        font-size: 2.75em;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc h1 {
        font-size: 70px;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc span {
        font-size: 98px;
        line-height: 1;
    }
}
@media only screen and (max-width:1199px){
    .contact-header .phone-icon {
        width: 145px;
        padding-top: 7px;
    }
    .logo{
        margin-right: 30px;
    }
    #header li{
        float: none;
    }
    .contact-header a, .header-menu li a {
        font-size: 16px;
    }
    .header-menu {
        width: 64%;
    }
    #section-1 .heading-style1{
        font-size: 56px;
    }
    .case-studies-single .case-studies-image{
        width:100%;
        padding: 0 !important;
        top:11%;
    }
    .case-studies-single .case-studies-wrap .case-studies-image img{
        max-width:100%;
        width:50%;
    }
    .case-studies-single .case-studies-content{
        padding-top: 100px;
    }
    .case-studies-single .challenge-plan .challenge{
        margin-right: 100px;
    }
    .experts-row .text-wrap,
    .experts-row .half-col {
        width: 100%;
        display: block;
        float: none !important;
        max-width: 800px;
        margin: 0 auto;
    }
    .experts-v2 .experts-row:nth-child(odd) .text-wrap,
    .experts-v2 .experts-row:nth-child(even) .text-wrap{
        padding: 40px;
        max-width: 100%;
    }
    .experts-v2 .experts-list li {
        font-size: 20px;
        padding: 20px 0 20px 50px;
    }
    .experts-v2 .experts-row:first-child{
        padding-top: 30px;
    }
    section.sliderblock.case-studies-slider .container {
        max-width: 80%;
    }
    .banner h1{
        font-size: 2.5em;
    }
    .ppc-landing-banner .col-right {
        width: 36%;
    }
    .ppc-landing-banner .col-left{
        width: 64%;
    }
    .page-nj-seo .ppc-landing-banner .banner-desc span {
        font-size: 90px;
        line-height: 1;
    }
    .ppc-landing-banner .our-partners li {
        padding-right: 15px;
        width: 30%;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc h1 {
        font-size: 56px;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc span {
        font-size: 78px;
        line-height: 1;
    }
    .landing-page.marketing-group .banner-desc span {
        font-size: 60px;
    }
}
@media only screen and (max-width:1075px){
    .logo{
        width: 150px;
    }
    .header-menu {
        width: 60%;
    }
    #header li{
        padding-right: 0;
    }
    #widget-form .btn-submit input{
        font-size: 20px;
    }
    .case-studies-single .banner-image img {
        max-height: 400px;
    }
    .footer-widget input{
        font-size: 17px;
        height: 47px;
        padding-left: 46px;
    }
    #section-1 .heading-style1{
        font-size: 50px;
    }
    #section-1 .heading-style1 span{
        font-size: 40px;
    }
    .header-part{
        padding-bottom: 3px;
    }
    body.no-border {
        padding-top: 41px;
    }
    .grid .single_tst_left{
        max-width: 70%;
        padding-left: 5px;
    }

    .grid .testi-details{
        padding: 15px;
        overflow: hidden;
    }

    .grid .single_tst_content {
        padding: 10px 15px 45px 15px;
    }

    .grid .brand-logo{
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }
    #tst_wrapper .reviews li{
        padding: 0 5px 15px;
        max-width: 18%;

    }
    .case-studies-single .bg-case-studies.mickey-bodies{
        background-position: 19% 0;
    }
    .case-studies-single .challenge-plan .challenge{
        margin-right: 50px;
    }
    .media-websites .title, .landing-test-wrapper .title, .industry-single-slider .title{
        font-size: 32px;
    }
    .social-media .ppc-landing-banner .col-left {
        width: 60%;
    }
    .social-media .ppc-landing-banner .banner-desc span {
        font-size: 78px;
    }
    .social-media .ppc-landing-banner .banner-desc h1 {
        font-size: 56px;
    }
    .social-media-icons li {
        margin: 0 5px;
        max-width: 30px;
        float: left;
    }
    .social-media .ppc-landing-banner .banner-desc h1 {
        font-size: 60px;
    }
    .design-services {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:768px){
    .sidr ul li a, .sidr ul li span{
        letter-spacing:0;
    }
    #desktop-menu{
        display: none;
    }
    .header-part{
        padding-bottom: 5px;
    }
    .my-popup .single_tst_left {
        text-align: left;
        float: left;
        width: auto;
    }
    #tst_wrapper .reviews li{
        padding: 7px;
        max-width: 15%;
    }
    .landing-page.marketing-group .ppc-landing-banner .banner-desc span {
        font-size: 40px;
    }
    .case-studies-single #case-studies-wrapper .even .case-studies-image,
    .case-studies-single #case-studies-wrapper .even .case-studies-content{
        width:100%;
        margin:0;
    }
    .case-studies-single .reasult{
        margin-bottom: 50px;
    }
    .case-studies-slider{
        margin-bottom: 30px;
    }
    .case-studies-single .contact-form-block .contact-heading .text h2, .case-studies-single .contact-form-block .contact-heading .phone a{

    }
    .banner {
        background-position: -1030px 0 !important;
    }
    .experts-v2 .experts-list li {
        font-size: 17px;
        padding: 15px 0 15px 40px;
    }
    .industry-single-slider .sub-title{
        margin-top: 10px;
        text-align: center;
    }
    .gutter-top-btm7 {
        padding: 30px 0;
    }
    .industry-single-slider.gutter-top-btm7.bg-style11 {
        margin-bottom: 0;
    }
    .industry-single-slider li {
        text-align: left;
    }

}
@media only screen and (max-width:767px){
    .grid .grid-item:nth-child(3n),
    .grid .grid-item{
        display: block;
        width: 96% !important;
        margin: 0 auto 15px;
        position: static; !important;
    }
    .grid{
        height: auto !important;
        margin-bottom: 20px;
    }
    .grid .testi-details{
        padding-bottom: 0;
    }
    .grid .single_tst_content{
        padding-top: 0;
        padding-bottom: 15px;
    }
    .grid .single_tst_left{
        margin-bottom: 5px;
    }
    .grid .single_tst_content span{
        display: inline;
    }
    .filter-dropdowon,
    .grid .single_tst_content .dotted,
    .grid .single_tst_content a{
        display: none;
    }
    .filtered-section h2{
        float: none;
    }
    .filtered-section {
        background-color: #333;
        padding: 5px 0;
        text-align: center;
        display: block;
        width: 100%;
    }
    .case-studies-single .bg-case-studies.mickey-bodies{
        background-position: 35% -93px;
    }
    .case-studies-single .case-studies-content .title-style2{
        line-height: 1.2;
        font-size:28px;
        margin-bottom: 5px;
    }
    .case-studies-single .case-studies-content p strong{
        font-size:20px;
        margin-bottom: 10px;
    }
    .case-studies-single .case-studies-content p{
        font-size:17px;
        line-height: 1.2;
    }
    .case-studies-single .challenge-plan .col{
        float:none;
        width:100%;
        display: block;
        margin-bottom: 20px;
    }
    .case-studies-single .challenge-plan .challenge{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .case-studies-single .challenge-plan .col h2{
        font-size: 25px;
    }
    .case-studies-single .challenge-plan .col p{
        font-size:17px;
        margin-bottom: 15px;
    }
    .case-studies-single .challenge-plan .col li{
        font-size:17px;
    }
    .case-studies-single .challenge-plan .col li:before{
        top:0;
    }
    .reasult .col4-layout .col{
        width:50%;
        padding:25px 0;
        border:1px solid #f5f5f5;
    }
    .reasult .col4-layout .col:first-child{
        border-left:0;
        boRder-top:0;
    }
    .reasult .col4-layout .col:nth-child(2){
        border-right:0;
        border-top:0;
    }
    .reasult .col4-layout .col:nth-child(3){
        border-left:0;
        border-bottom:0;
    }
    .reasult .col4-layout .col:last-child{
        border-right:0;
        border-bottom:0;
    }
    .case-studies-single .contact-form-block {
        background:#eaf6fe;
        padding-top: 40px;
    }
    .contact-form-block .contact-heading .text,
    .contact-form-block .contact-heading .phone{
        width:100%;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .case-studies-single .bg-contact #ss_consultation_form .left,
    .case-studies-single .bg-contact #ss_consultation_form .right{
        width:100%;
        float:none;
        display: block;
    }
    .case-studies-single .field-group textarea, .case-studies-single .field-group input{
        width:100%;
    }
    .case-studies-single .title-style2{
        font-size: 32px;
    }
    .case-studies-single .title-style2{
        font-size: 22px;
    }
    .experts-v2 .experts-list {
        width: 100%;
        padding: 0;
        display: block;
        float: none;
    }
    .experts-v2 .experts-list li:last-child{
        border-bottom: 1px solid #e5edf2;
    }
    .experts-v2 .experts-list li {
        font-size: 15px;
        padding: 5px 0 5px 55px;
        line-height: 1.3;
        background-position: 20px center !important;
        background-size: 15px !important;
    }
    .experts-v2 .experts-row:nth-child(odd) .text-wrap, .experts-v2 .experts-row:nth-child(even) .text-wrap {
        padding: 0;
        max-width: 100%;
    }
    .experts-v2 .block-title {
        font-size: 20px;
        margin-bottom: 10px;
        padding: 10px;
        color: #ffffff;
        position: relative;
    }
    .half-col.img-wrap {
        position: relative;
    }

    .half-col.img-wrap:after {
        content: '';
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: block;
        width: 100%;
    }
    .experts-row {
        position: relative;
        margin-bottom: 0;
    }
    .experts-row .half-col {
        margin-top: -57px;
        z-index: 99;
        position: relative;
        border-bottom: 1px solid #fff;

    }

    .half-col.img-wrap {
        margin-top: 0;
    }
    .half-col.img-wrap {
        max-height: 70px;
        overflow: hidden;
        transition: all 0.4s ease-in-out;
    }
    .experts-row .experts-list-wrap{
        display: none;
    }
    .experts-row.active .experts-list-wrap{
        display: block;
    }
    .experts-row.active .half-col.img-wrap{
        max-height: 400px;
    }
    .half-col .block-title:after{
        content: '';
        background: url("../../images/icon-down-gray.png") no-repeat center;
        height: 8px;
        width: 12px;
        position: absolute;
        right: 10px;
        top: 20px;
        transform: rotate(-90deg);
        transition: all 0.3s ease-in-out;
    }
    .active .half-col .block-title:after{
        transform:none;
    }
    .active .half-col .block-title{

    }
    .experts-v2 .experts-row:first-child{
        padding-top: 20px;
    }
    .industry-single .half-col.img-wrap {
        display: block;
        max-height: inherit;
    }
    .industry-single .half-col.img-wrap:after{
        display: none;
    }

    .industry-single .experts-row .half-col {
        margin: 0 0 -2px 0;
        border: 0;
    }


    .industry-single .experts-list-single {
        padding: 10px;
    }

    .industry-single .experts-v2 .block-title {
        color: #0c5181;
        padding-top: 25px;
        font-size: 26px;
        margin-bottom: 0;
    }

    .media-websites .col {
        max-width: 100%;
        padding: 0 !important;
    }
    .industry-single-slider .text-holder {
        width: 100%;
        display:block;
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }
    .industry-single-slider .img-holder {
        display:block;
        width: 90%;
        float: none;
        margin: 0 auto;
    }
    .industry-single-slider .title{
        margin-bottom: 0;
    }
    .media-websites .title, .landing-test-wrapper .title, .industry-single-slider .title {
        font-size: 26px;
    }
    .industry-single-slider .sub-title{
        font-size: 23px;
    }
    .landing-test-wrapper .title {
        margin: 15px 0;
    }
   /* .page-nj-seo .slider-home .slick-slide{
        margin: 0 7px;
    }
    .page-nj-seo .slider-home .slick-slide:nth-child(2){
        margin-left: 0;
    }*/
    .case-study-next-prev .box:hover img{
        display: none;
    }

    .case-study-next-prev .box,
    .case-study-next-prev .box:hover {
        padding: 20px 90px 17px 15px;
        border-radius: 5px;
        background: #e6edf3;
        box-shadow: none;
        width: 100%;
        margin: 0 0 15px 0;
        box-sizing: border-box;
        position: relative;
    }
    .case-study-next-prev .box a:after,
    .case-study-next-prev .box:hover a::after {
        top: 0;
    }
    .case-study-next-prev .box .title,
    .case-study-next-prev .box:hover .title {
        text-align: left;
        font-size: 16px;
        padding: 0 0 2px;
        color: #333;
        display: block;
        font-weight: 600;
    }
    .case-study-next-prev .box:hover span.btn {
        display: block;
    }
    .case-study-next-prev .box.prev-box,
    .case-study-next-prev .box.prev-box:hover{
        padding: 20px 15px 17px 90px;
    }
    .testimonial-section {
        padding: 0 0 20px 0;
    }.page-logo-lp .logo-items{
             margin: 0 -4px;
         }

    .logo-items .item-wrap{
        width: 50%;
        padding: 4px;
    }
}
@media only screen and (max-width:540px){
    .logo {
        width: 170px !important;
        padding-top: 0 !important;
        margin-left: -74px !important;
        left: 47.5%!important;
    }
    .col.contact-header .phone-icon{
        height: 35px;
        width: 46px;
        background: url(../../images/home-new/icon-phone-mobile.png) no-repeat center;
        padding: 0;
        background-position: 10px!important;
    }
    .col.contact-header a{
        font-size: 0;
    }

    .col.contact-header .phone-icon:hover{
        background: url(../../images/home-new/icon-phone-mobile2.png) no-repeat center;
    }
    .col.contact-header{
        width: 45px!important;
        margin-right: 10px;
    }
    #section-8 .wrapper .partners{
        height: 200px !important;
    }
    .logo-light{
        width: 280px;
    }
    #tst_wrapper .reviews li{
        padding: 2px;
        max-width: 17%;
    }
    .case-studies-single .mickey-bodies-bg{
        height:170px;
    }
    .case-studies-single .mickey-bodies-bg img{
        height:100%;
        max-width:inherit;
    }
    .case-studies-single .case-studies-wrap .case-studies-image{
        top:7%;
    }
    .case-studies-single .case-studies-wrap .case-studies-image img{
        width:100%;
    }
    .case-studies-single .case-studies-content{
        padding-top: 60px;
    }
    .case-studies-single .case-studies-content .title-style2{
        font-size:20px;
    }
    .case-studies-single .case-studies-content p{
        font-size:14px;
    }
    .case-studies-single .case-studies-content p strong{
        font-size:14px;
    }
    .case-studies-single .challenge-plan .col h2{
        font-size:20px;
        text-align: center;
    }
    .case-studies-single .challenge-plan .col p{
        font-size:14px;
    }
    .reasult .col4-layout .col h2{
        font-size:23px;
        margin-bottom: 10px;
    }
    .reasult .col4-layout .col p{
        font-size:10px;
    }
    .case-studies-single .challenge-plan .col li:before{
        top:0;
    }
    .case-studies-single .challenge-plan .col li{
        font-size:14px;
    }
    .case-studies-single .challenge-plan .col li.cms:before{
        top:-10px;
    }
    .case-studies-single .challenge-plan .col li.seo:before{
        top:-10px;
    }
    .case-studies-single .challenge-plan .col li.support:before{
        top:-10px;
    }
    .bx-wrapper .bx-controls-direction a{
        width:15px;
        height:25px;
        background-size:cover;
    }
    .bx-wrapper .bx-controls-direction a:hover{
        width:15px;
        height:25px;
        background-size:cover;
    }
    .contact-form-block .contact-heading .text h2, .contact-form-block .contact-heading .phone a{
        font-size:25px;
    }
    .contact-form-block .contact-heading .phone a:after{
        top:2px;
    }
    .case-studies-single .bg-contact #ss_consultation_form{
        padding:20px;
    }
    .case-studies-single #ss_consultation_form label{
        font-size:14px;
    }
    .case-studies-single .field-group.message{
        margin-bottom: 20px;
    }
    .case-studies-single input[type='submit'], .case-studies-single input[type='button']{
        padding: 0;
    }
    .ppc-landing-banner .banner-desc span{
        font-size: 22px !important;
        letter-spacing: 0 !important;
    }
    .ppc-landing-banner .banner-desc h1,
    .ppc-landing-banner .landing-banner-form .title-style8{
        letter-spacing: 0 !important;
    }
    .ppc-landing-banner .landing-banner-form .title-style8{
        font-size: 33px !important;
    }
    .ppc-landing-banner .our-partners li{
        max-width: 20%;
    }
    .ppc-landing-banner .banner-desc h1 span {
        font-size: 30px !important;
        letter-spacing: 0 !important;
    }

    .ppc-landing-banner .our-partners li:last-child{
        /*padding-right: 0 !important;*/
    }
    .banner {
        background: #b58607 url(images/mobile-header-bg.jpg) no-repeat;
        background-position: center !important;
        height: 110px;
        background-size: cover !important;
    }
    .banner .breadcrumb {
        font-size: 0.8em;
    }
    .banner h1 {
        margin: 30px 0 5px 0!important;
        font-size: 20px!important;
        text-transform: uppercase;
        padding: 0 10px;
        line-height: 1.2;
    }
    .case-studies-single .banner-image {
        padding: 100px 0 60px !important;
    }
    .case-studies-single .banner-image {
        max-width: 80% !important;
    }
    .reasult .col4-layout li{
        width: 48.5%;
    }
    .case-studies-single .banner-image img {
        max-height: 235px;
    }
    .industry-single-slider li, .industry-single-slider p{
        font-size: 15px;
    }
    .media-websites.gutter-top-btm5 {
        padding: 20px 0;
    }
    .landing-page .footer-top {
        padding: 15px 0;
    }
    .case-study-next-prev .overlay .btn:before{
        display: none;
    }
}
@media only screen and (max-width:375px){
    #section-8 .wrapper .partners{
        height: 140px !important;
    }
    #quick_contact_form .how-can-we-help textarea:focus {
        height: 60px;
    }
    .case-studies-single .title-style2 {
        font-size: 25px;
    }
    .case-studies-single .single-content h2{
        font-size: 17px;
    }
    .case-studies-single .single-content p{
        font-size: 16px;
    }
    .case-studies-single .single-content {
        padding: 60px 0 30px !important;
    }
    .case-studies-single .banner-image img {
        max-height: 180px;
    }
    .case-study-next-prev .overlay .btn{
        padding: 10px 7px;
        font-size: 13px;
    }
    .case-study-next-prev .overlay .title {
        font-size: 15px;
        padding-top: 10px;
    }
}

/* First breakpoint */
/*@import url("1120.css");*/
@media only screen and (max-width: 1119px) {
    .wrapper, #tst_wrapper, #service-category .wrapper, #industry-nav ul,
    #company-info .wrapper

    {
        max-width: 98% !important;
    }

    #section-testimonial .wrapper, #section-testimonial .testimonial-slides, #section-testimonial .testimonials { max-width: 98%}

    #company-progress ul { max-width: 98%}

    .logo-light {
        margin: 15px 24px 0 46px
    }

    .partners .tc {
        padding: 0 6px;
    }

    /* Temporarily hidden to fix service page */
    #sidebar-menu {
        display: none;
    }

    section {
        padding-left: 0
    }

    footer .wrapper {
        padding-left: 0
    }

    #section-testimonial .testi_slides_nav.prev,
    .webdesign_slider_nav.prev {
        left: 20px;
    }

    #case-studies article, #cs-filters {
        max-width: 98%;
    }

    #cs-filters span, .type-filter span, #bottom-filters span {
        padding: 8px 7px 8px 7px;
        margin-right: 9px;
    }
    .case-studies-wrap .case-studies-image {
        text-align: center;
        padding-top: 40px;
    }
    .case-studies-wrap .case-studies-image img {
        max-width: 70%;
    }
    .case-studies-wrap .article-title {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .case-studies-wrap .case-studies-content li,
    .case-studies-wrap .article-desc{
        font-size: 16px;
        line-height: 1.3;
    }
    .case-studies-wrap .case-studies-content ul {
        margin: 10px 0;
    }
    .case-studies-wrap .case-studies-types {
        padding-bottom: 10px;
    }
    .bg-case-studies{
        padding-top: 40px;
    }
    a.view-case-studies, .request-case-study-form p input[type="submit"], .request-case-study-form p input[type="reset"] {
        width: 43%
    }

    #industry-nav a {
        padding: 0 1.3em;
    }

    #industry-row-1 .fl-left {
        width: 55%;
    }

    #industry-row-1 .fl-right {
        width: 40%
    }

    #industry-row-1 .fl-right img {
        max-width: 100%;
    }

    .two-column-right .wrapper, .full-width .wrapper {
        width: 98%
    }

    #company-info .fl-right img { max-width: 95%}
    #company-progress li { margin-right: 1.8%;}

    #wcu-slider-controls { width: 98.9%}
    #wcu-slider-controls a { font-size: 1.2em;}
    .why-choose-us-slider-wrap, .why-choose-us-slider, .why-choose-us-slider .wcu-slider { max-width: 98%}
    .slide-we-design,
    .wcu-testimonials-row  { max-width: 96%}

    .wcu-testimonial-client-detail { width: 48%}
    .wcu-testimonials-row .fl-left img { max-width: 100%}

    #section-7 .wrapper { max-width: 98%}
    .logo-light { margin: 15px 0 0 15px}
    .send-message-wrap { float: right}

    #service-category .wrapper { max-width: 98%}
    .services-block .title { font-size: 1.425em;}

    #service-category .certifications-2.wrapper { max-width: 47%; margin: 0 0 0 1%}
    .certifications-2 .services-block li { width: 42%; margin: 0 9.7% 0 0}
    .certifications-2 .services-block li:last-child { margin-right: 0; float: left}

    #service-category #marketing-2col,
    #service-category #web-development-2col
    { width: 84%}
    #service-category #marketing-2col li,
    #service-category #web-development-2col li
    { width: 32%; margin: 0}
    #service-category #marketing-2col li:first-child,
    #service-category #web-development-2col li:first-child
    { margin-right: 8%}

    #industry-row-2 .industry-case-studies-parent, #ecommerce-showcase .industry-case-studies-parent { max-width: 98%}

    #meet-the-team .wrapper { width:730px; margin: 0 auto}
    .team-block:nth-child(2n + 2) { margin-right: 0}
    .team-block.last { margin-right: 46px}
    #meet-the-team .team-block:nth-child(3n) {
        margin-right: 46px;
    }
    #meet-the-team .team-block:nth-child(2n){
        margin-right: 0;
    }

}
/*@import url("1120.css");*/


/* Old desktop */
/*@import url("1024.css");*/
@media only screen and (max-width: 1024px) {
    /* Homepage items */
    .what-we-do li {
        height: 310px;
    }

    .what-we-do a {
        width: 200px;
        margin: 0 auto
    }

    .what-we-do a span.rounded {
        width: 200px;
        height: 200px;
        border-radius: 200px;
    }

    .what-we-do a .tc {
        height: 200px;
    }

    .what-we-do .title {
        font-size: 1.35em;
    }

    /*contact Us part above footer */
    #tw_give_us_call, .send-message-wrap img.fl-left {
        display: none
    }

    .give-us-a-call {
        width: 34%;
        float: left
    }

    .logo-light {
        margin: 7% auto 0
    }

    .send-message-wrap {
        width: 30%;
        float: right;
        margin-top: 5%
    }

    /* footer part */
    #section-8 .wrapper .partners {
        height: auto;
        text-align: center;
    }

    .partners .tc {
        padding: 0 16px;
    }

    .partners .tc {
        display: inline-block;
        height: auto;
        padding: 5px;
    }

    .partner-w3c {
        margin: 0 auto
    }

    /* Services pages controls */
    .numeric-controls, .numeric-controls2 {
        max-width: 90%
    }

    .rslides_tabs li {
        margin-right: 14%
    }

    #company-progress li { margin-right: 0.4%;}
    .slide-we-are-passionate { width: 98%;}
    .wcu-incredible-result li p { min-height: 62px;}
    .flip { margin: 0 9px 15px 0}
    .social-media .ppc-landing-banner .banner-desc span{
        font-size: 76px;
    }
    .social-media .three-col-layout .item:before {
        top: -30px;
        margin-left: -17px;
        height: 35px;
        width: 35px;
        background-size: 100% !important;
    }

}
/*@import url("1024.css");*/

/* Old desktop */
/*@import url("980.css");*/
@media only screen and (max-width: 979px) {
    header #logo {
        background: url("images/logo_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 53px;
        margin: 10px 0 0;
        width: 37px;
    }

    body {
        padding-top: 48px;
    }

    body.no-border { padding-top: 41px;}

    #logo {
        display: block
    }

    #slogan {
        display: none;
    }

    .header-info, .header-info-mobi { width: auto; padding-right: 2%}

    #responsive-menu {
        display: block;
        margin: 17px 0 0 15px
    }

    .slicknav_menu { display: block}

    #top-nav {
        display: none !important
    }

    header {
        border-bottom: 5px solid #f1bc1e;
        height: 70px;
    }

    .give-us-a-call {
        width: 29%;
    }

    .send-message-wrap {
        width: 27%;
    }

    .call-text {
        margin-left: 0
    }

    /* Services pages */
    #section-3.has-slider {
        min-height: 650px;
        height: 650px;
    }

    #industry-row-3, #section-testimonial {
        height: auto
    }

    .rslides_tabs li {
        margin-right: 14%;
    }

    .service-slider-wrap, .service-slider {
        max-width: 98%
    }

    #section-4 h2 {
        font-size: 1.325em;
    }

    #cs-filters span:last-child {
        margin-top: 9px;
    }

    a.view-case-studies, .request-case-study-form p input[type="submit"], .request-case-study-form p input[type="reset"] {
        width: 53%
    }

    /* Mission vision page*/
    #mission-content .fl-left,
    #mission-content .fl-right {
        width: 100%;
        float: none;
        text-align: center
    }

    .magnify {
        margin: 20px auto 0
    }

    /* Clients page */
    .clients_col, .clients_col_last {
        width: 25%;
        float: left;
        height: 120px;
        border: none;
        line-height: 120px;
    }

    .clients_row {
        border: none;
    }

    .services-block li {
        width: 21.98%;
        margin-right: 1.55%
    }

    .services-block .title.single-line {
        line-height: 25px;
    }

    .services-block .title {
        font-size: 1.425em;
    }

    #service-web-design .services-block li, .certifications .services-block li {
        margin-right: 5.79%
    }

    #service-web-design .services-block li img, .certifications .services-block li img {
        max-width: 100%;
    }

    #industry-nav a {
        font-size: 0.975em;
        padding: 0 0.575em;
    }

    .content ul.team-who-has-it {
        width: 50%;
        margin: 0 auto
    }

    .team-who-has-it li:nth-child(2n+2) {
        float: none
    }

    .team-who-has-it li img {
        max-width: 100%;
    }

    #cs-filters span, .type-filter span, #bottom-filters span {
        font-size: 0.775em;
    }

    #bottom-filters { height: 81px;}
    #bottom-filters span { margin-bottom: 7px;}

    .contact-info span {display: block; margin: 0 0 20px;}
    .contact-info .fl-right { float: none; width: 100%}

    #company-progress ul { max-width: 70%; margin: 0 auto}
    #company-progress li:nth-child(3) { clear: both}
    #company-progress li:nth-child(2n+2) { float: right}

    .slide-we-design .fl-left, .slide-we-design .fl-right { float: none;  width: 100%; text-align: center; margin-bottom: 3%}
    #wcu-slider-controls a { font-size: 1em;}

    a.in_slides_nav, .testi_slides_nav { top: 45%}

    #service-category #marketing-2col li:first-child,
    #service-category #web-development-2col li:first-child
    { margin-right: 7%}

    #section-1 h1 { margin-top: 5%; font-size: 4.5em;}
    #section-1 .ad-word-management h1 { font-size: 3.5em;}

    #section-1.has-thumb .fl-right { margin: -14px 60px 0 0}
    .service_slide_nav.prev { left: 20px;}
    #ecommerce-showcase a.in_slides_nav.prev { left: 20px;}

    #wp-services .wrapper {width: 70%; margin: 0 auto}
    .flip.last { margin-right: 9px;}
    #ss-sites li { margin-right: 0.3% }
    #ss-sites li:nth-child(3n+3) { margin-right: 0}
    #ss-sites .bf-arrow { display: none}

    #section-3 .wrapper { width: 90%; margin: 0 auto}
    #ss-sites li { width: 32.88%}

    .logo-light { margin: 7% auto 0 4%}

    .numeric-controls a.rslides_nav { top:-560px;}

   /* .partners .tc:nth-child(5) { display: block; height: auto}
    .partner-bbb { margin: 0 auto 20px;}
    !*.partners .tc { padding: 0 2em;}*!*/

    #sidr-main { display: block}

    .header-info { display: none!important}
    .header-info-mobi { margin-right: 0; display: block}

    #team-member-single .fl-left { width: 55%;}
    #team-member-single .fl-right { width: 39%; border:1px solid #eeeaea}

    /*New Header Menu*/
    .logo {
        margin-right: 15px;
        width: 155px;
    }
    .header-menu li a {
        padding: 9px;
    }
    .contact-header a{
        background-size: 15%;
        padding-left: 0;
    }
    /*.contact-header .phone-icon{
        width: 135px;
        float: right;
    }*/
    .footer-widget input {
        font-size: 15px;
    }
    #section-1 .heading-style1 span {
        font-size: 34px;
    }
    #section-1 .heading-style1 {
        font-size: 44px;
        line-height: 48px;
    }
    footer .fl-left,footer .fl-right{
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        height: 20px;
    }
    footer{
        line-height: 40px;
        height: 80px;
    }
    section.grid-items li{

    }
    .filtered-section h2{
        font-size: 22px;
    }
    .filter-dropdowon{
        max-width: 66%;
        width: 100%;
    }
    .filter-dropdowon .feild {
        width: 45%;
        vertical-align: top;
    }
    .case-studies-wrap .case-studies-content li, .case-studies-wrap .article-desc{
        margin: 5px 5px 10px 0;
    }
    .bg-case-studies{
        padding-bottom: 15px;
    }
    #case-studies-wrapper.case-studies-wrap .case-studies-content{
        margin-top: 0;
    }
    .case-studies-wrap .article-title{
        margin-bottom: 15px;
    }
    .case-studies-wrap  .case-studies-image img {
        max-width: 80%;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc span {
        font-size: 60px;
    }
    .page-logo-lp .ppc-landing-banner .banner-desc h1 {
        font-size: 40px;
    }
    .design-services li{
        min-width: 250px;
    }
}
/*@import url("980.css");*/

/* Old desktop */
/*@import url("885.css");*/
@media only screen and (max-width: 885px) {
    .slide-we-design h2, .wcu-slider h2.top-title { font-size: 1.85em;}
    .slide-we-are-passionate { padding: 0}
    .slide-we-are-passionate .fl-right,
    .slide-we-are-passionate .fl-left,
    .wcu-testimonials-row .fl-right,
    .wcu-testimonials-row .fl-left
    { float: none; width: 100%;}
    .wcu-testimonials-row .fl-left { text-align: center}
    .wcu-testimonials-row { padding-bottom: 10px;}

    .wcu-incredible-result { max-width: 98%;}
    .wcu-incredible-result li { float: none; display: block; margin: 0 auto 2%; background: none; width: 41%}

    #hp-press-reconization li { width: 24%}

    #industry-row-1 { overflow: hidden}
    .row .section-title { font-size: 2.5em;}

    #section-4 .box h3 { font-size: 1.3em;}
    .rslides_tabs li { margin-right: 13%}
    #section-3 .wrapper { width: 98%; }
    #ss-sites li { width: 31.88%}

    #section-1 h1 { font-size: 3.85em;}
    #section-1.has-thumb p { margin-top: 25px;}

    .testimonial-slides, .testimonials { height: auto}

    .testimonial-slides .client-image { margin-top: 20px; margin-bottom: 20px;}
    #section-4 .box h3 { font-size: 1.2em;}
    .send-message-wrap { float: left; width: 26%}
    .logo-light { margin: 9% auto 0 1%}
    #get-started-image { display: none}

    #pr-slider-controls a { font-size: 2.2em;}
    .pr_slides_nav { font-size: 3.125em; top: 99px;}
    .pr_slides_nav.next { right: 20px;}
    .pr_slides_nav.prev { left: 20px;}

    .logo {
        margin-right: 10px;
        width: 125px;
        padding-top: 3px;
    }
    .contact-header a, .header-menu li a {
        font-size: 15px;
    }
    .header-menu {
        width: 63%;
    }
    .header-menu li a {
        font-size: 15px;
        padding: 9px 6px;
    }
    .contact-header .phone-icon{

    }
    #widget-form .btn-submit input {
        font-size: 18px;
    }
    #section-1 .heading-style1 span {
        font-size: 28px;
    }
    #section-1 .heading-style1 {
        font-size: 36px;
        line-height: 42px;
    }
    .contact-form.two-col-layout .col,
    .contact-form.two-col-layout .col.left{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .contact-form label{
        text-align: left !important;
    }
    .contact-header .phone-icon{
        width: 138px;
        float: right;
    }
    .reasult .col4-layout li{
        width: 32.5%;
        padding: 85px 5px 35px;
    }
    .reasult .col4-layout li span{
        top: 30px;
    }
    .reasult .col4-layout li .icon-tick-mark {
        top: 25px;
        /* max-width: 30px;
         margin-left: -25px;
         left: 50%;*/
    }

}
/*@import url("885.css");*/

/* Tablet */
/*@import url("768.css");*/
@media only screen and (max-width: 768px) {

    #homepage-section .featured-col .img-holder {
        width: 210px;
        margin: 0 auto;
    }

    .hp-works #read-more-case-studies, #homepage-section .grey-btn {
        width: 65%
    }

    h1.border-bottom {
        font-size: 2.2em;
    }

    .what-we-do {
        width: 90%;
        margin: 0 auto
    }

    .what-we-do li {
        width: 50%;
        margin: 0
    }

    .what-we-do li:nth-child(2n+2) {
        margin-right: 0
    }

    .hp-intro h1 {
        margin-top: 12%;
        font-size: 4em;
    }

    #hp-press-reconization li {
        width: 32%;
    }

    .partners .tc {
        display: block;
        height: auto
    }

    .partners span {
        margin: 10px auto
    }

    .hp-works .span-1-of-3 {
        width: 100%;
    }

    #section-7 .border {
        background: none;
    }

    #section-7 .wrapper {
        height: auto;
        overflow: hidden;
        padding: 40px 0
    }

    .grey-bg {
        background: none;;
        height: auto;
        margin: 0
    }

    .grey-bg .inner-wrap {
        height: auto
    }

    .give-us-a-call {
        padding-top: 0
    }

    .call-text, .send-message {
        margin: 0 auto 25px;
        float: none
    }

    .give-us-a-call, .logo-light, .send-message-wrap {
        float: none;
        margin: 0 auto
    }

    .send-message {
        margin-top: 25px;
        margin-bottom: 0
    }

    /* Services Page */
    #section-1.has-thumb .fl-right {
        margin: 0 60px 0 0
    }

    #section-4 .box-wrap, #section-frameworks .box-wrap {
        width: 96%;
        margin: 0 auto
    }

    #section-4 .box, #section-frameworks .box {
        width: 48%;
        margin-right: 0
    }

    #section-4 .box.last, #section-frameworks .box.last {
        float: left
    }

    #section-frameworks {
        height: auto;
        background-color: #01101b;
        background-image: none
    }

    #section-frameworks .box:nth-child(1n+1) {
        margin-right: 2%
    }

    #section-6 .section-title {
        margin: 3% 0
    }

    #get-started-image {
        display: none;
    }

    #section-6 .fl-left {
        font-size: 85%
    }

    #get-started-image {
        display: none
    }

    #section-6 .fl-right {
        margin-right: 2%
    }

    .sliders .slider-left, .sliders .slider-right {
        float: none;
        width: auto;
        height: auto
    }

    .sliders .tc {
        display: block;
        height: auto;
        width: auto;
        text-align: center;
        font-size: 70%
    }

    .sliders .slider-right {
        display: block
    }

    .service-slider img {
        max-width: 80%;
    }

    #services-slider {
        height: auto !important
    }

    .service-slider-wrap, .service-slider {
        height: auto;
        padding-bottom: 30px;
    }

    article.odd .case-studies-content, article.even .case-studies-image,
    article.odd .case-studies-image, article.even .case-studies-content {
        float: none;
        width: 98%;
    }
    .case-studies-wrap .odd .case-studies-content, .case-studies-wrap .even .case-studies-image,
    .case-studies-wrap .odd .case-studies-image, .case-studies-wrap .even .case-studies-content{
        width: 45%;/*
        float: left;*/
    }
    .case-studies-wrap .article-title{
        font-size: 26px;
    }
    .case-studies-wrap .case-studies-content li,
    .case-studies-wrap .article-desc {
        font-size: 14px;
    }
    .case-studies-wrap .case-studies-types span {
        padding: 0 5px 0 25px;
        font-size: 14px;
    }
    .case-studies-wrap .case-studies-types {
        padding-bottom: 10px;
    }
    .case-studies-wrap  .case-studies-content {
        margin-bottom: 10px ;
    }
    .bg-case-studies .icon-featured span {
        font-size: 14px;
    }
    .case-studies-wrap .case-studies-content ul {
        margin: 5px 0;
    }
    article.odd .case-studies-image,
    article.even .case-studies-image {
        text-align: center
    }

    article.odd .case-studies-content,
    article.even .case-studies-content {
        margin: 3% 0 0 4%
    }

    #get-to-know .fl-right, #get-to-know .fl-left {
        float: none;
        width: 100%;
    }

    .clients_col, .clients_col_last {
        width: 50%;
    }

    .clients_col:nth-child(2n+2) {
    }

    .client_photo {
        margin: 10px auto;
        float: none
    }

    .single_tst_content {
        float: none;
        width: 100%
    }

    .certifications-2.wrapper {
        max-width: 100% !important
    }

    .services-block li, .certifications-2 .services-block li {
        width: 44%;
        margin-bottom: 1em;
        margin-right: 0
    }

    .services-block {
        width: 90%;
        margin: 0 auto
    }

    .services-block li:nth-child(2n + 2) {
        float: right
    }

    #service-category .wrapper {
        margin-top: 0
    }

    #service-category .wrapper:first-child {
        margin-top: 3%
    }

    .certifications .services-block {
        width: 50%
    }
    #service-category #marketing-2col, #service-category #web-development-2col { width: 98%}
    #service-web-design .services-block li, .certifications .services-block li,
    #service-category #marketing-2col li, #service-category #web-development-2col li
    {
        width: 85%;
        float: none;
        margin:0 auto 1em;
        display: block;
    }

    .services-block li:last-child, #service-web-design .services-block li:last-child, .certifications .services-block li:last-child
    { margin: 0 auto 1em}

    .certifications-2 .services-block li:last-child {
        float: none
    }

    #career-listing .box {
        width: 32%;
    }

    #career-listing .box.last {
        margin-right: 1%
    }

    .career-banner .fl-left {
        width: 80%;
    }

    #industry-nav a {
        font-size: 0.875em;
        padding: 0 0.475em;
    }

    #industry-row-1 {
        height: auto;
        overflow: hidden
    }

    #industry-row-2, #ecommerce-showcase {
        height: 500px;
    }

    .two-column-right .col-right,
    .two-column-right .col-left {
        float: none;
        width: 100%;
    }

    .team-who-has-it li {
        margin-bottom: 2%;
        float: none
    }

    .team-who-has-it li:nth-child(2n+2) {
        float: none
    }

    .team-who-has-it .name {
        display: block;
        margin-bottom: 2%;
    }

    .banner h1 {
        font-size: 2em;
        margin: 90px 0 10px 0;
    }

    #cs-filters span i, #bottom-filters span i {
        display: none;
    }

    #ss-sites li {
        display: block;
        float: none;
        margin: 0 auto 2%
    }

    #ss-sites li:nth-child(3n+3) {
        margin: 0 auto
    }

    #company-progress ul { max-width:85%;}

    #wcu-slider-controls a { font-size: 0.85em; padding-top: 102px; height: 58px;}
    #wcu-slider-controls li { height: 181px;}

    #service-category .certifications-2.wrapper { max-width: 98%!important}
    .certifications-2 .services-block li:last-child { float: right}

    .controls, .numeric-controls a.rslides_nav, .numeric-controls2 a.rslides_nav, a.in_slides_nav, .testi_slides_nav, .service_slide_nav, .webdesign_slider_nav
    { width: 50px; height: 45px; font-size: 1.5em; line-height: 45px;}
    .controls:hover, .numeric-controls a.rslides_nav:hover, .numeric-controls2 a.rslides_nav:hover, a.in_slides_nav:hover, .testi_slides_nav:hover, .service_slide_nav:hover, .webdesign_slider_nav:hover { font-size: 1.5em;}

    .webdesign_slider_nav { top: 11%}

    #section-1 h1 { font-size: 3em;}

    #wp-services .wrapper { width: 98%}
    .flip, .flip.last { float: none; display: block; margin: 0 auto 15px}
    #ss-sites li:nth-child(3n+3) { margin: 0 auto 15px}

    #ss-sites .before.big span, #ss-sites .after.big span { font-size: 0.875em;}
    #ss-sites .before.big span.ss-timer, #ss-sites .after.big span.ss-timer, #ss-sites span.ss-timer { font-size: 2em;}

    #meet-the-team .wrapper { width:324px; margin: 0 auto}
    .team-block:nth-child(2n + 2), .team-block.last, .team-block { margin-right: 0; float: none}

    .hp-intro a.read-more, #play-video  { width: 29%}

    #section-1.has-thumb p { margin-top: 20px;}
    .testimonial-slides, .testimonials { height: auto}

    .client-image { margin: 20px 115px 20px 0}
    .testimonial-slides .quote-top { height: auto}

    .rslides_tabs li { margin-right: 11%}

    #ss-sites li { width: 48.88%}
    #section-3.has-slider { height: auto; min-height: 100px; padding-bottom: 3%}

    .penalty-recovery-slider-wrap { height: auto; overflow: hidden}
    #pr-slider-controls { margin: 10px 0 0}
    .pr_slides_nav { top: 189px;}
    .pr-slider .fl-right,
    .pr-slider .fl-left { margin: 0; padding: 2%; width: 100%; float: none}

    .pr-slider, .penalty-recovery-slider { max-width: 98%}

    .single_tst_left { float: none; width: 100%; text-align: center; margin-bottom: 15px;}
    .single_tst_right { float: none; width: 100%; text-align: center; margin-top: 10px;}

    #team-member-single .fl-left { width: auto; float: none; margin-bottom: 4%}
    #team-member-single .fl-right { width: 50%; margin: 0 auto; float: none}

    .single-pic { width: auto; float: none; text-align: center; padding: 60px 0 42px;}
    .single-pic span strong { display: block}

    .page-404-links a.read-more { display: block; margin: 20px auto!important; width: 40%}

    /**/
    .logo {
        float: none;
        display: inline-block;
        position: absolute;
        left: 54%;
        margin-left: -85px
    }

    .logo img {
        width: 100%;
    }
    .mobile-menu {
        margin-right: 10px;
    }

    .mobile-menu {
        display: block !important;
        margin-top: 0!important;
        margin-left: 10px;
        width: 27px;
        height: 25px;
        border: 1px solid #b6b6b6;
        border-radius: 4px;
        cursor: pointer;
        float: left;
        background-color: #222222;
        padding: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .mobile-menu:hover{
        border-color: #f1bc1e;

    }
    .mobile-menu:hover .bar, .mobile-menu.active span.bar
    .mobile-menu:hover{
        border-color: #f1bc1e;
        background-color:#f1bc1e ;
    }
    .mobile-menu .bar {
        display: block;
        height: 4px;
        background-color: #b6b6b6;
        line-height: 0;
        font-size: 0;
        width: 100%;
        margin-bottom: 5px;
    }
    .contact-header {
        float: right;
        width: 20%;
    }
    .col.contact-header a {
        background-size: 15%;
        padding-left: 0;
        text-align: right;
        background-position: left center;
    }
    .contact-header a, .header-menu li a {
        font-size: 16px;
    }

    .col.contact-header {
        width: 140px;
        float: right;
    }
    .sidr{
        top:45px!important;
    }
    #section-8 .wrapper .partners{
        background: url("../../images/home-new/smartsites-partners.png") no-repeat center;
        background-size: 100%;
        height: 280px;
    }
    .footer-partners,
    #section-8 .wrapper .partners .tc{
        display: none;
    }
    #widget-form .field-group{
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    #section-1 .heading-style1{
        width: 100%;
        display: block;
        text-align: center;
        padding-top: 0;
        font-size: 28px;
        line-height: 1.2;
    }
    .banner-form2{
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
        padding: 25px;
        box-sizing: border-box;
        text-align: center;
    }
    #section-1.banner1{
        height: auto;
        padding: 10px 0;
    }
    .social-media-section{
        padding-left: 15px !important;
    }
    .social-media-section .mail,
    .social-media-section .phone,
    .contact-section .block {
        padding-left: 70px !important;
    }
    .contact {
        margin-bottom: 40px;
        padding-top: 20px;
    }
    .bg-contact #ss_consultation_form{
        padding-top: 20px !important;
    }
    .contact-section .contact span{
        font-size: 13px !important;
    }
    .contact-section .contact a{
        font-size: 15px !important;
    }
    .title-style6{
        font-size: 20px !important;
        padding-bottom: 10px!important;
    }

    #section-1.banner1 {
        height: 470px;
        background-position: -190px;
    }
    section.grid-items li{
        width: 50%;
    }
    #case-studies-wrapper.case-studies-wrap .even .case-studies-image {
        /*float: right;*/
    }

    #case-studies-wrapper.case-studies-wrap .odd .case-studies-image {
        float: left;
    }
    .case-studies-single .banner-image{
        top:0;
    }
    .case-studies-single .banner-image{
        padding: 150px 0 60px;
    }

    /*Teampage mobile updates*/
    .team-thumb a.ss-alex,
    .team-thumb a.ss-alex:hover {
        background: url(images/team/alex.png) no-repeat -1px 0;
        background-size: 142px;
    }
    .team-thumb a.ss-mike,
    .team-thumb a.ss-mike:hover {
        background: url(images/team/mike.png) no-repeat 16px 13px;
        background-size: 104px;
    }
    .team-thumb a.ss-oleg,
    .team-thumb a.ss-oleg:hover {
        background: url(images/team/oleg.png) no-repeat no-repeat 18px 11px;
        background-size: 90px;
    }
    .team-thumb a.ss-matt,
    .team-thumb a.ss-matt:hover {
        background: url(images/team/matt.png) no-repeat 18px 23px;
        background-size: 100px;
    }
    .team-thumb a.ss-oleysa,
    .team-thumb a.ss-oleysa:hover {
        background: url(images/team/oleysa.png) no-repeat 22px 8px;
        background-size: 100px;
    }
    .team-thumb a.ss-anita,
    .team-thumb a.ss-anita:hover {
        background: url(images/team/anita.png) no-repeat 21px 15px;
        background-size: 90px;
    }
    .team-thumb a.ss-elinor:hover,.team-thumb a.ss-elinor {
        background: url(images/team/elinor.png) no-repeat -1px -3px;
        background-size: 141px;
    }
    .team-thumb a.ss-john:hover,.team-thumb a.ss-john {
        background: url(images/team/john-normal.png) no-repeat -1px -1px;
        background-size: 141px;
    }
    .team-thumb a.ss-mark:hover,.team-thumb a.ss-mark {
        background: url(images/team/mk.jpg) no-repeat -1px -1px;
        background-size: 141px;
    }
    .team-thumb a.ss-joe:hover,.team-thumb a.ss-joe {
        background: url(images/team/joe.jpg) no-repeat -1px -1px;
        background-size: 141px;
    }
    .team-thumb a.ss-matt-potash:hover,.team-thumb a.ss-matt-potash {
        background: url(images/team/mpot.jpg) no-repeat -1px -1px;
        background-size: 141px;
    }
    .team-thumb a.ss-victoria,  .team-thumb a.ss-victoria:hover {
        background: url(images/team/victoria.png) no-repeat 19px 17px;
        background-size: 86px;
    }
    .team-thumb a.ss-sergey:hover,.team-thumb a.ss-sergey {
        background: url(images/team/sergey.png) no-repeat 19px 20px;
        background-size: 100px;
    }
    .team-thumb a.ss-vaskar:hover,.team-thumb a.ss-vaskar {
        background: url(images/team/vaskar.png) no-repeat 25px 21px;
        background-size: 95px;
    }
    .team-thumb a.ss-sherry:hover,.team-thumb a.ss-sherry {
        background: url(images/team/sherry.png) no-repeat 21px 21px;
        background-size: 102px;
    }
    .team-thumb a.ss-chad:hover,.team-thumb a.ss-chad {
        background: url(images/team/chad.png) no-repeat 19px 16px;
        background-size: 100px;
    }
    .team-thumb a.ss-sj:hover,.team-thumb a.ss-sj {
        background: url(images/team/sj.png) no-repeat 22px 20px;
        background-size: 100px;
    }
    .team-thumb a.ss-philip:hover,.team-thumb a.ss-philip {
        background: url(images/team/philip.png) no-repeat 19px 17px;
        background-size: 100px;
    }
    #meet-the-team .wrapper {
        width: 94%;
        text-align: center;
    }
    #meet-the-team .team-block:nth-child(3n),
    #meet-the-team .team-block:nth-child(2n),
    .team-block.last, .team-block {
        float: none;
        margin: 0 3px;
    }

    .team-block:nth-child(2n + 2) {
        margin-right: 3px;
        float: none;
    }
    .team-thumb a:hover,
    .team-thumb a {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 9;
    }
    .latest .team-thumb a:hover,
    .latest .team-thumb a{
        background-size: 141px;
        background-position: -1px -1px;
    }
    .team-thumb a.ss-brendan,
    .team-thumb a.ss-brendan:hover,
    .team-thumb .ss-ryan-brew,
    .team-thumb .ss-ryan-brew:hover{
        background-position:  -1px -1px;
        background-size: 142px auto;
    }
    .team-block {
        width: 140px;
        height: 210px;
        display: inline-block;
        vertical-align: top;
    }
    .team-thumb {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        border: 1px solid #d8d8d8;
        overflow: hidden;
        background-size: 126px;
        z-index: 999;
    }
    .team-name{
        font-size: 0.875em;
    }
    .team-designation {
        font-size: 0.725em;
    }
    .social-media .ppc-landing-banner .col-left {
        width: 100%;
        text-align: center;
    }
    .social-media-icons li{
        float: none;
    }
    .social-media-icons{
        margin-bottom: 15px;
    }
    .social-media .ppc-landing-banner .banner-desc {
        padding-bottom: 10px;
    }
    .social-media .ppc-landing-banner .banner-desc h1 {
        font-size: 30px;
    }
    .social-media .ppc-landing-banner .banner-desc span {
        font-size: 40px;
    }
    .social-media .three-col-layout .item-wrap{
        width: 50%;
    }
    .social-section h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
}
/*@import url("768.css");*/

/* Phablet + Tablet */
/*@import url("640.css");*/
@media only screen and (max-width: 640px) {

    .what-we-do li {
        width: 100%;
    }

    .span-1-of-3 {
        width: 100%;
    }

    .hp-works #read-more-case-studies, #homepage-section .grey-btn {
        width: 90%;
    }

    .give-us-a-call, .send-message-wrap {
        width: auto
    }

    footer .fl-left, footer .fl-right {
        float: none;
        text-align: center;
        line-height: 2.5em;
        display: block
    }

    #section-4 .box-wrap, #section-frameworks .box-wrap {
        width: 100%;
    }

    #section-4 .box, #section-frameworks .box {
        width: 50%;
    }

    #section-6 .fl-left {
        float: none;
        width: 100%;
        font-size: 70%;
        text-align: center
    }

    #section-6 .fl-right {
        float: none;
        width: 50%;
        margin: 1% auto 0
    }

    #section-6 .fl-left h2 {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    #section-6 li {
        padding-bottom: 11px;
    }

    .rslides_tabs li {
        margin-right: 11%;
    }

    #section-2 .box {
        width: 100%;
    }

    #section-2 .box .fl-left, #section-2 .box .fl-right {
        float: none
    }

    #career-listing .box-wrap {
        width: 60%;
        margin: 0 auto
    }

    #career-listing .box, #career-listing .box.last {
        display: block;
        float: none;
        margin: 0 auto 5%;
        width: 70%;
    }

    #industry-nav a {
        font-size: 0.875em;
        padding: 0 0.275em;
    }

    #industry-row-1 .fl-left, #industry-row-1 .fl-right {
        width: 100%;
        text-align: center;
        float: none
    }

    #industry-row-1 .fl-left {
        margin-bottom: 20px;
    }

    .row .section-title {
        font-size: 2em;
    }

    #industry-row-4 .fl-left, #industry-row-4 .fl-right {
        width: 100%;
        float: none
    }

    .client-testimonials p {
        font-size: 1em;
    }

    #industry-nav {
        height: auto;
        padding: 1%;
        overflow: hidden
    }

    #industry-nav li {
        display: block;
        float: none
    }

    #industry-nav a {
        font-size: 1em;
        padding: 0;
        line-height: 160%;
    }

    #industry-single {
        clear: both
    }

    #industry-row-2 .case-studies-content, #ecommerce-showcase .case-studies-content {
        float: none;
        width: 100%;
    }

    #industry-row-2 .case-studies-image, #ecommerce-showcase .case-studies-image {
        float: none;
        width: 100%;
        text-align: center
    }

    #industry-row-2 .case-studies-image img, #ecommerce-showcase .case-studies-image img {
        max-width: 50%;
    }

    #section-frameworks .box-wrap {
        width: 90%;
        margin: 0 auto
    }

    #section-frameworks .box {
        margin: 0 auto
    }

    #section-frameworks .box:nth-child(n+1) {
        margin: 0 auto 2%;
        display: block;
        float: none
    }

    #ss-sites li {
        width: 45%
    }

    #section-4.mission-listing .box { margin-bottom: 20px; min-height: 100px;}

    #company-progress ul { max-width: 98%;}
    #company-progress li {   }
    #company-progress li:nth-child(3) { clear: both; }
    #company-progress li:nth-child(2n+2) { float: right; }

    #section-1.has-thumb .fl-right { margin: 0; float: none; width: 100%; text-align: center}
    #section-1 h1 { font-size: 2.5em;}
    #section-1 .fl-right, #section-1 .fl-left { width: 100%; text-align: center; float: none}
    #section-1 .fade-me { text-align: center}
    #section-1 p, #section-1 ul { margin-left: 0}
    #section-1 p { font-size: 1.9em; line-height: 130%}
    #section-1.has-thumb p { margin-top: 30px;}

    #industry-row-3 .section-title, #section-testimonial .section-title { font-size: 2.5em;}
    .hp-intro h1 { font-size: 3.5em;}
    .hp-intro a.read-more.first, .hp-intro a.read-more.last { display: block; margin: 5px auto; width: 50%}
    .hp-intro a.read-more.last { margin: 15px auto 0}
    #play-video { width: 48%}

    #section-4 .box { min-height: 275px;}
    .rslides_tabs li { margin-right: 10%;}
    #section-1 li { background: none}
    #section-1 p { font-size: 1.7em}
    #section-1 .ad-word-management h1 { font-size: 2.5em}
    #section-1 .ad-word-management p { margin-top: 10px;}

    .webdesign_slider_tabs li { margin-bottom: 10px;}

    #pr-slider-controls a { font-size: 1.85em;}

    #team-member-single .fl-right { width: 98%; }

    #hp-testimonials, #section-video { display: none}
    #hp-testimonials-mobile, #section-bg-mobile { display: block}
    #section-1.banner1 {
        height: 475px;
    }
    .banner-form2 .form-title-style2 {
        font-size: 16px;
    }
}
/*@import url("640.css");*/

/* Smartphones */
/*@import url("540.css");*/
@media only screen and (max-width: 540px) {

    #section-4 .box, #section-frameworks .box {
        width: 100%;
    }

    #section-2 h1, #section-3 h1, h1.section-title, h2.section-title {
        font-size: 2.75em;
    }

    #section-6 .fl-right h2 {
        font-size: 1.2em;
    }


    .controls, .numeric-controls a.rslides_nav, .numeric-controls2 a.rslides_nav, a.in_slides_nav, .testi_slides_nav, .service_slide_nav {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1em;
    }

    .controls:hover, .numeric-controls a.rslides_nav:hover, .numeric-controls2 a.rslides_nav:hover, a.in_slides_nav:hover, .testi_slides_nav:hover, .service_slide_nav:hover {
        font-size: 1em;
    }

    .clients_col, .clients_col_last {
        width: 100%;
    }

    .certifications .services-block {
        width: 70%
    }

    #career-listing .box-wrap {
        width: 80%
    }

    .career-banner .fl-left {
        font-size: 95%
    }

    #industry-row-3 .client-image {
        float: none;
        margin: 20px auto
    }

    #industry-row-3, #section-testimonial {
        height: 625px;
    }

    #section-testimonial.simple-testimonial {
        font-size: 75%
    }

    #section-1 { height: auto; min-height: 100px;}

    #contact-form { float: none; width: 70%; margin: 0 auto}
    #contact-address { width: auto; float: none; text-align: center}
    .contact-info { margin-bottom: 20px;}
    .contact-info span { margin: 0 auto 20px;}

    #company-progress li, #company-progress li.last { display: block; margin: 0 auto; float: none; overflow: hidden   }
    #company-progress li:nth-child(3) { clear: both; }
    #company-progress li:nth-child(2n+2),  #company-progress li.last { float: none; }

    #company-info .fl-left { float: none; width: 100%}
    #company-info .fl-right { float: none; width: 100%; text-align: center}

    .client-testimonials { margin: 40px 0 0 46px}
    #industry-row-3, #section-testimonial { height: auto; padding-bottom: 2%}
    .testimonial-slides, .testimonials { height: auto}
    #section-4 .box { margin-bottom: 2%}
    #section-4 .box-big p { min-height: 10px;}
    .rslides_tabs li { margin-right: 9%}

    .hp-intro h1 { font-size: 3em;}

    #pr-slider-controls a { font-size: 1.5em;}
    #page-404 .fl-left, #page-404 .fl-right { float: none; width: auto; text-align: center}
    #page-404 .fl-right { margin-top: 3%}
    .page-404-links h2 { font-size: 2em;}

    .banner-form2 {
        padding: 20px;
    }
    section.grid-items li{
        width: 50%;
    }
    #case-studies-wrapper.case-studies-wrap .odd .case-studies-content,  #case-studies-wrapper.case-studies-wrap .even .case-studies-image,  #case-studies-wrapper.case-studies-wrap .odd .case-studies-image,  #case-studies-wrapper.case-studies-wrap .even .case-studies-content {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 auto 10px;
    }
    .case-studies-wrap .case-studies-content ul{
        display: none;
    }
    .case-studies-wrap .case-studies-image {
        width: 300px;
        max-width: 300px;
        margin: 0 auto;
    }
    .case-studies-wrap .article-desc{
        display: none;
    }
    .show-on-mobile{
        display: block;
    }
    .show-on-desktop{
        display: none;
    }
    .case-studies-wrap .case-studies-image{
        padding-top: 0;
    }
    .bg-case-studies {
        padding-top: 20px;
    }
    .bg-case-studies .icon-featured{
        position: static;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .bg-case-studies .icon-featured br {
        display: none;
    }
    .bg-case-studies .icon-featured .featured-icon {
        margin: 0 7px 0 0;
        display: inline-block;
    }
    .bg-case-studies .icon-featured span {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }
    #case-studies-wrapper.case-studies-wrap .case-studies-image {
        margin-bottom: 15px;
    }
    .case-studies-single .title-style2 {
        font-size: 30px;
        line-height: 1.1;
        margin-bottom: 10px;
    }
}
/*@import url("540.css");*/

/* Medium phone*/
/*@import url("480.css");*/
@media only screen and (max-width: 480px) {

    #bottom-filters { display: none}

    #read-more-case-studies a, .grey-btn a {
        font-size: 1.5em;
    }

    .rslides_tabs li {
        margin-right: 3%;
    }

    #get-to-know .thumb img {
        max-width: 90%;
        height: auto
    }

    #career-listing .box-wrap {
        width: 100%
    }

    .banner h1 {
        font-size: 2em;
    }

    #contact-form { float: none; width: 90%; margin: 0 auto}

    #section-1 { font-size: 90%; text-align: center}
    .client-testimonials { margin: 40px 0 0 50px;}

    #wcu-slider-controls a { font-size: 0!important; height: 5px;}
    #wcu-slider-controls li { height: 129px;}
    .slide-we-design a.orange, .wcu-slider a.orange { width: 265px; font-size: 1.45em;}
    #hp-press-reconization li { width: 48%}

    #section-1.has-thumb .fl-right img { max-width: 35%}

    #section-1 li { background-image: none}
    #industry-row-3 .section-title, #section-testimonial .section-title { font-size: 1.5em;}
    .client-image { margin: -59px 76px 0 0}

    #ss-sites li { width: 62%}

    #section-testimonial .client-image { margin: 12px 76px 0 0}
    .client-testimonials p { font-size: 0.875em;}
    .hp-intro a.read-more.first, .hp-intro a.read-more.last { width: 65%}
    #play-video { width:65%}

    .hp-intro h1 { font-size: 2em;}

    .btn-play-video { width: 100%; padding: 15px 0 0 0}

    #section-bg-mobile { }

    #section-5 div > h2.section-title { font-size: 2em;}

    .numeric-controls a.rslides_nav { width: 28px; height: 28px; line-height: 28px;}
    .numeric-controls a.rslides_nav { top: -538px;}
    .process-slideshow .slider-right { padding-top: 5%}
    .process-slideshow .slider-right .tc img { max-width: 85%}

    .page-404-links a.read-more { width: 60%}

    footer {
        line-height: 1;
        height: auto;
        padding: 10px 0;
    }
    footer .fl-left, footer .fl-right{
        height: auto;
        line-height: 1.6 !important;
    }
    #section-1.banner1 {
        height: 485px;
    }
    .banner-form2 #quick_contact_form .how-can-we-help textarea:focus {
        height: 60px;
    }
    section.grid-items li{
        width: 100%;
    }
    .case-studies-single .banner-image{
        top: 0;
    }
    .case-studies-single .single-content{
        padding: 115px 0 60px;
    }
    .banner h1 {

    }
    .reasult .col4-layout li{
        width: 100%;
        padding: 70px 5px 10px;
    }
    .reasult .col4-layout li span{
        top: 20px;
    }
    .reasult .col4-layout{
        padding-bottom: 15px;
    }
    .reasult .col4-layout li .icon-tick-mark {
        top: 10px;
        max-width: 50px;
        left: 50%;
        margin-left: -25px;
    }
    .social-media .three-col-layout .item-wrap{
        width: 100%;
        margin-bottom: 10px;
    }

}
/*@import url("480.css");*/

/* Tiny phone*/
/*@import url("320.css");*/
@media only screen and (max-width: 320px) {
    /*homepage*/
    .what-we-do { width: 90%; margin: 0 auto}
    .what-we-do li { display: block; float: none; width: 100%; margin: 0 auto}
    #homepage-section .grey-btn { width: 80%}
    h1.border-bottom { font-size: 1.75em;}

    .hp-intro h1 { font-size: 3em; margin-top: 30%}

    /* press reconization */
    #hp-press-reconization li { width: 48%; margin: 0 0 2% 0}
    #hp-press-reconization li:nth-child(2n+2) { float: right}

    /* Case Studies */
    #cs-filters { margin: 20px auto}
    #cs-filters span, #bottom-filters span { margin: 0 auto 8px; display: block; width: 66%; text-align: center}
    #bottom-filters { display: none}
    a.view-case-studies { font-size: 0.875em;}
    .request-case-study-form p { float: none; display: block}

    .hp-intro h1 { font-size: 1.5em;}
    .hp-intro a.read-more, #play-video { line-height: 40px; font-size: 1em}


    #section-5 div > h2.section-title { font-size: 1.6em;}
    .page-404-links a.read-more { width: 80%}

    #section-1.banner1 {
        height: 520px;
    }
}
/*@import url("320.css");*/


/* Custom breakpoint
/* TODO: Recheck this, might not be required
@media only screen and (max-width: 705px) {
    #section-1 h1 {
        font-size: 4.5em;
        margin: 6% 0 1.5% 0
    }

    #section-1.has-thumb p {
        margin-top: 20px;
        text-align: center
    }
}



TODO: Recheck this, might not be required
@media only screen and (max-width: 895px) {
    #section-1 h1 {
        font-size: 4.5em;
        margin-top: 6%
    }

    #section-1.has-thumb p {
        margin-top: 1em;
    }

    #section-1.has-thumb .fl-right {
        margin-top: 0
    }

    #ss-sites li {
        margin-right: 1%
    }
}

*/