body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
    margin: 0;
    padding: 0
}

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

fieldset,img,a img,:link img,:visited img,iframe {
    border: 0
}

address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: 400
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

q:before,q:after {
    content: ''
}

header,section,footer,aside,nav,main,article,figure {
    display: block
}

body {
    background: #fff;
    text-align: left;
    font: 15px/21px Helvetica,Arial,sans-serif;
    color: #262627;
    overflow-x: hidden
}

blockquote {
    margin-left: 10px;
    margin-right: 10px
}

h1 {
    font-size: 1.2em;
    color: #000
}

h2 {
    font-size: 1.1em;
    color: #000
}

h3 {
    font-size: 1em;
    color: #000
}

h1 span,h2 span,h3 span {
    display: none
}

a:link,a:visited {
    color: #1574A2;
    text-decoration: none;
    outline: none
}

a:hover,a:active {
    color: #1195bd;
    text-decoration: none
}

*:focus {
    outline: 5px auto -webkit-focus-ring-color!important
}

div:focus,section:focus,#colorbox {
    outline: none!important
}

.clear {
    clear: both
}

div.clear {
    height: .01em;
    overflow: hidden
}

.skip {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.skip:focus {
    position: static;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
    text-decoration: underline
}

p.back-to-top {
    text-align: right;
    display: block;
    padding-right: 15px;
    background: url(../images/bullet-back-to-top.jpg) right no-repeat
}

img.img-left {
    float: left;
    margin: 2px 10px 10px 0
}

img.img-right {
    float: right;
    margin: 5px 0 10px 10px
}

.content {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0 60px 0;
    position: relative
}

.content80 {
    padding: 80px 0 80px 0
}

.bottom80 {
    padding-bottom: 80px
}

.footer .content {
    padding: 80px 0 80px 0
}

#blog .content {
    padding: 47px 0 47px 0
}

#blog .content.footer_white {
    padding: 20px 0 60px 0
}

#blog .footer .content {
    padding: 80px 0 80px 0
}

#blog .banner_inside .content {
    padding: 25px 0 25px 0
}

.team_content {
    padding: 60px 0 60px 0
}

.np {
    padding: 0px!important
}

.nm {
    margin: 0px!important
}

.masthead {
    height: 98px
}

.logo {
    margin-top: 26px;
    float: left;
    width: 209px;
    height: 46px;
    background: url(../images/logo.png)
}

.logo a {
    display: block
}

#nav {
    float: right;
    margin-top: 36px
}

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

#nav a {
    display: block;
    font-weight: 700;
    line-height: 13px;
    margin-right: 30px
}

#nav-03 a {
    margin-right: 60px
}

#consult a {
    margin-right: 0
}

#nav span {
    font-size: 13px;
    color: #75757b;
    font-weight: 400
}

#nav #consult {
    border-radius: 5px;
    margin-left: -11px;
    margin-top: -11px;
    padding: 11px;
    background: #1574A2
}

#nav a:hover {
    border-bottom: 2px solid #9b9ba7;
    padding-bottom: 2px
}

#consult a,#consult a span {
    color: #fff
}

#consult a:hover {
    border-bottom: 0;
    padding-bottom: 0
}

#services #nav-01 a {
    border-bottom: 2px solid #9b9ba7;
    padding-bottom: 2px
}

#portfolio #nav-02 a {
    border-bottom: 2px solid #9b9ba7;
    padding-bottom: 2px
}

#blog #nav-03 a {
    border-bottom: 2px solid #9b9ba7;
    padding-bottom: 2px
}

.header {
	display: flex;
	align-items: center;
    width: 100%;
    height: 493px;
    background: url(../images/header.jpg) top center no-repeat;
    clear: both;
    background-size: 1750px 477px;
    background-size: cover
}

.header .content {
	display: flex;
	justify-content: flex-end;
}

.header_content {
    text-align: right;
    color: #fff
}

h1 {
    margin: -17px 0 40px 0;
    font-size: 91px;
    line-height: 103px;
    color: #fff;
    letter-spacing: -3px
}

h1 span {
    display: block;
    font-size: 59px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    line-height: 32px;
    letter-spacing: -2px
}

.header_content p {
    font-size: 16px;
    margin-bottom: 42px;
    font-size: 21px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    line-height: 30px
}

.header_content ul {
    text-align: left;
    font-size: 16px;
    margin: 20px 0 10px 0
}

.header_content ul li {
    margin-bottom: 10px;
    margin-left: 5px;
    padding-left: 25px;
    background: transparent url(../images/check.png) 0 5px no-repeat
}

.btn {
    padding: 12px 18px 12px 18px;
    border-radius: 5px;
    background: #1574A2;
    color: #fff!important;
    display: inline-block
}

.btn-orange {
    display: inline-block;
    background: #FF8001;
    background: #FF8001;
    background: -moz-linear-gradient(top,#FF9933 0%,#FF8001 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF9933),color-stop(100%,#FF8001));
    background: -webkit-linear-gradient(top,#FF9933 0%,#FF8001 100%);
    background: -o-linear-gradient(top,#FF9933 0%,#FF8001 100%);
    background: -ms-linear-gradient(top,#FF9933 0%,#FF8001 100%);
    background: linear-gradient(to bottom,#FF9933 0%,#FF8001 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9933',endColorstr='#FF8001',GradientType=0)
}

.btn:hover,#consult:hover {
    background: #1a86ba!important
}

.btn-orange:hover {
    background: #FF9933!important
}

.learnmoreapp {
	display: inline-block;
	border: 1px solid white;
    background: none!important;
	margin-left: 5px;
}

.header .learnmoreapp {
	margin-left: 5px;
}

.header .learnmoreapp:hover {
	border: 1px solid #1a86ba;
}

.banner {
    width: 100%;
    background: #1574A2
}

.banner,.banner_inside {
    width: 100%;
    background: #1574A2
}

.banner_inside h1 {
    font-size: 33px;
    color: #fff;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    line-height: 35px;
    margin: 0;
    letter-spacing: 0
}

.banner_inside .content {
    padding: 40px 0
}

.banner p {
    color: #fff;
    margin-bottom: 5px;
    font-size: 21px;
    line-height: 30px
}

h2,h3 {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 33px;
    color: #262627;
    font-weight: 200;
    line-height: 35px
}

h3 {
    font-size: 19px;
    line-height: 27px
}

.h3_container {
    width: 745px;
    margin: 0 auto
}

hr.pagedivide {
    margin: 60px 0 60px 0
}

.services_content hr.pagedivide {
    margin: 30px 0 30px 0
}

.banner h2 {
    margin-top: -2px;
    font-size: 21px
}

.fr {
    float: right
}

.banner_right {
    font-size: 21px;
    font-weight: 200;
    text-align: right;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 30px;
    margin-top: 5px;
    z-index: 1;
    width: 290px
}

.banner_right span {
    font-size: 21px;
    color: #262627;
    font-family: Helvetica,arial,sans-serif
}

.banner_content {
    width: 575px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}

.center {
    text-align: center
}

h2.center {
    padding-bottom: 60px;
    text-align: center
}

.ib {
    display: inline-block
}

.services_center {
    padding-bottom: 10px;
    text-align: center!important;
    margin-bottom: 0px!important
}

.contact_center {
    padding-bottom: 50px;
    letter-spacing: -.7px
}

.payment_center {
    padding-bottom: 0;
    letter-spacing: -.7px
}

.portfolio_center {
    padding-bottom: 30px;
    text-align: center;
	grid-column: 1 / span 2;
}

.our-work-grid {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.icon {
    float: left;
    width: 255px;
    margin-right: 103px;
    margin-bottom: 46px
}

.icon_last {
    justify-self: right;
    width: 230px;
    margin-right: 0;
    margin-bottom: 46px
}

.icon img {
    vertical-align: middle;
    float: left
}

.icon span {
    color: #262627;
    font-size: 14px
}

hr {
    opacity: .2
}

.quote {
    margin-right: 8px
}

.quotes {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    text-align: center;
    margin: 15px 0
}

.gray_box_content {
    width: 396px;
    float: right
}

.gray_box {
    background: #F7F8FA
}

.pbn {
    padding-bottom: 0
}

.gray_box h2 {
    text-align: right;
    margin-bottom: 15px
}

.gray_box p {
    text-align: right
}

.product_right {
    float: right;
    margin-top: 50px
}

.product_left {
    margin-top: 50px
}

.mpn {
    display: inline
}

.fifty_one {
    width: 51%
}

.mobile_content {
    margin-top: 20px;
    width: 400px
}

.vcenter {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0px!important
}

.websites_content {
    margin-top: 30px;
    text-align: right;
    width: 400px;
    float: right
}

.websites_content .button_padding {
    padding: 0
}

.websites_content h2 {
    margin-bottom: 15px
}

.email_graphic {
    width: 459px;
    height: 400px;
    float: left
}

.email_content {
    float: right;
    width: 413px;
    margin-top: 70px
}

.email_content p {
    margin-left: 50px
}

.sem_content {
    float: left;
    width: 356px;
    margin-top: 15px
}

.sem_content h2 {
    margin-bottom: 15px
}

.analytic_content h2 {
    margin-bottom: 15px
}

.cms_content {
    width: 335px
}

.cms_content h2 {
    margin-bottom: 15px;
    margin-top: 40px
}

.cms_graphic,.social_graphic {
    float: right
}

.button_padding {
    padding-top: 50px
}

.mobile_content .button_padding,.seo_content .button_padding {
    padding-top: 0
}

.width_fifty {
    width: 50%
}

.responsive_img {
    max-width: 100%;
    height: auto
}

.social_media_content {
    margin-top: 35px;
    width: 420px
}

.portfolio_images {
    border-radius: 3px;
    height: 174px;
    width: 291px
}

.portfolio_a {
    border: 1px solid #C5C5CC;
    border-radius: 4px;
    float: left;
    height: 174px;
    margin-bottom: 40px;
    margin-right: 0;
    margin-left: 40px;
    width: 291px
}

.portfolio_a:nth-child(3n+1) {
    border: 1px solid #C5C5CC;
    border-radius: 4px;
    float: left;
    height: 174px;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0
}

.banner_gray {
    background: #F7F8FA
}

.consultation {
    float: right;
    font-size: 20px;
    padding: 20px 25px 20px 25px;
    vertical-align: middle
}

.banner_gray h2 {
    margin-top: 12px
}

.banner_gray .width_fifty {
    width: 55%
}

.contact_content {
    width: 662px;
    text-align: left;
    float: left
}

.contact_content p {
    margin-bottom: 15px
}

.contact_right {
    width: 270px;
    float: right
}

.contact_heading {
    font-size: 18px;
    color: #1574A2;
    margin-top: 30px
}

.services_content {
    width: 655px;
    text-align: left;
    float: left
}

.services_inside_center_container {
    text-align: center
}

.services_inside_center_h2 {
    padding-bottom: 30px;
    width: 550px;
    margin: 0 auto;
    text-align: center;
    max-width: 480px
}

.service_websites {
    width: 550px;
    text-align: center;
    margin: 0 auto
}

.body_services_inside p {
    margin-bottom: 15px
}

.services_ul {
    margin: 20px 0 10px;
    text-align: left
}

.services_ul li {
    background: url(../images/check.png) no-repeat scroll 0 3px rgba(0,0,0,0);
    background-size: 15px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-left: 25px
}

.services_inside_right {
    width: 260px;
    float: right;
    border-bottom: 0
}

.services-sticky {
    position: sticky;
    top: 30px
}

.services_inside_right ul {
    border: 1px solid #C5C5CC;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #F7F8FA
}

.services_inside_right ul li {
    padding: 8px 0 8px 8px;
    border-bottom: 1px solid #c5c5cc
}

.services_inside_right ul li:last-child {
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.services_inside_right ul li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.services_inside_right ul li img {
    vertical-align: middle;
    margin-right: 5px;
    width: 37px;
    margin-bottom: -6px
}

.active,.services_inside_right ul li:hover {
    background: #fff
}

.services_inside_right ul li a {
    display: block
}

.brt {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff
}

.brb {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.services_websites_last {
    height: 777px
}

.services_seo_last {
    height: 605px
}

.services_wordpress_last {
    height: 813px
}

.services_sem_last {
    height: 751px
}

.services_mobile_last {
    height: 645px
}

.services_email_last {
    height: 857px
}

.services_analytics_last {
    height: 824px
}

.services_social_last {
    height: 908px
}

.width_auto {
    width: auto
}

.mt_twenty {
    margin-top: 20px
}

.footer {
    width: 100%;
    background: #1574A2;
    color: #fff
}

.footer p {
    color: #fff;
    margin-bottom: 15px
}

.footer h2 {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: bold!important;
    letter-spacing: .5px;
    font: 15px/21px Helvetica,Arial,sans-serif
}

.footer a {
    color: #fff
}

.footer a:hover,.footer a:active {
    color: #6acbfa;
    text-decoration: none;
    outline: none
}

.footer hr {
    margin-bottom: 5px;
    width: 210px;
    text-align: left;
    margin-left: 0
}

.one_fourth {
    width: 25%;
    float: left
}

.one_fourth:nth-child(2) {
    width: 24%;
    margin-right: 20px
}

.one_fourth:nth-child(4) {
    width: 23%
}

.one_fourth_contact p {
    font-style: italic
}

.social-icons ul {
    list-style: none outside none;
    padding: 5px 5px 0 0;
    text-align: right
}

.social-icons ul li {
    background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
    display: inline;
    float: left;
    margin: 3px;
    padding-left: 0!important;
    margin-bottom: 0
}

.posts li {
    margin-bottom: 9px;
    list-style-type: none
}

.width_ninty {
    width: 90%
}

.one_fourth .width_ninty p {
    margin-bottom: 0
}

.one_fourth ul.posts li:last-child {
    margin-bottom: 0
}

.footer_white {
    padding-top: 20px;
    font-size: 13px
}

.footer_white ul {
    float: left;
    width: 100%
}

.footer_white ul li {
    display: inline;
    margin-right: 15px
}

.footer_white ul li.copyright {
    float: right;
    color: #1574A2;
    margin-right: 0
}

.fl {
    float: left
}

.width_fourty {
    width: 43%
}

.width_fourtyfive {
    width: 45%
}

.navbar-toggle {
    display: none
}

.navbar-toggle {
    border: 1px solid #262627;
    background-color: #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 2px;
    padding: 9px 8px;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box
}

.icon-bar {
    background-color: #262627;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    -moz-box-sizing: border-box;
    margin-top: 4px
}

.icon-bar:first-child {
    margin-top: 0
}

h4.slide_toggle {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 9px 0 10px 40px;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer
}

h4.clicked {
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

h4.slide_toggle a {
    padding-top: 10px
}

.slide_toggle_content {
    margin-left: 30px
}

.frm_primary_label {
    font-weight: 700
}

.frm_checkbox {
    margin-top: 5px
}

.frm_form_field input[type="checkbox"] {
    margin-right: 5px;
    width: auto
}

#contact_business {
    display: none
}

input.btn {
    font-size: 15px;
    border: none;
    cursor: pointer
}

.main_contact {
    width: 414px
}

.frm_primary_label {
    display: block
}

.contact_input {
    width: 390px;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

.contact_input.exp {
    width: 42%
}

.creditcard {
    margin-left: 15px;
    float: right;
    border: 1px solid #D3D3D3;
    border-radius: 3px
}

.main_select {
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

.main_textarea {
    width: 390px;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

#contact .product_right {
    margin-top: 20px
}

.email_content .button_padding {
    padding: 0
}

.websites_content p {
    float: right;
    text-align: right;
    width: 302px
}

.analytic_content {
    margin-top: 60px;
    width: 420px
}

h2.contact_center span {
    display: inline
}

.l_spacing {
    letter-spacing: -.4px
}

.ls2 {
    letter-spacing: -.2px
}

.braintreeh2 {
    padding-bottom: 30px;
    position: relative;
    height: 65px;
    background: #fff
}

#payment .contact_content {
    width: 659px
}

.design_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/design_icon.png)
}

.seo_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/seo_icon.png)
}

.development_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/development_icon.png)
}

.wordpress_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/wordpress_icon.png)
}

.sem_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/sem_icon.png)
}

.mobile_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/mobile_icon.png)
}

.email_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/email_icon.png)
}

.analytics_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/analytics_icon.png)
}

.social_icon {
    width: 53px;
    height: 44px;
    float: left;
    background: url(../images/social_icon.png)
}

.john {
    float: left;
    margin-right: 40px;
    border-radius: 90px;
    border: 0 solid #C5C5CC
}

.team_right {
    margin-left: 60px;
    border-radius: 90px;
    float: right;
    border: 0 solid #C5C5CC
}

.team_left {
    margin-right: 60px;
    border-radius: 90px;
    float: left;
    border: 0 solid #C5C5CC
}

#team .mobile_none {
    display: inline
}

.role {
    color: #666
}

.mobile_image {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: -17px;
    margin-top: 10px;
    max-width: 294px
}

.portfolio_img {
    box-shadow: 0 0 2px #ccc
}

.portfolio_col {
    width: 621px
}

.project_dets {
    padding-left: 33px;
    text-align: left
}

.project_dets h2 {
    text-align: left;
    margin-bottom: 5px
}

.project_dets p {
    text-align: left
}

.agency {
    margin: 20px 0
}

.description {
    margin-bottom: 24px
}

.programs li {
    margin-bottom: 7px
}

.programs li:last-child {
    margin-bottom: 0
}

.programs img {
    height: 36px;
    opacity: .9
}

.opacity {
    opacity: 0.2!important
}

.cvv {
    width: 51%;
    float: left
}

.cvv+div {
    width: 414px
}

.cvv_card {
    float: right;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    width: 45px
}

.cvv .cvv_input {
    width: 116px;
    float: left
}

.contactsubmit {
    padding: 16px 49px
}

.dwolla_btn {
    vertical-align: middle;
    margin-left: 20px
}

.paypal_btn {
    vertical-align: middle;
    margin-left: 20px
}

.check {
    margin: 0;
    margin-top: 40px
}

.payment td {
    width: 170px
}

.fourty_five {
    width: 45%!important
}

#sitemap .contact_content ul li {
    margin-bottom: 15px
}

#sitemap .contact_content ul.sitemap_inner {
    margin-left: 30px
}

.linkedin {
    margin-top: 10px;
    border-radius: 2px
}

.twitter {
    margin-left: 10px;
    margin-top: 10px
}

.gray_container {
    background: #F7F8FA;
    border: 1px solid #C5C5CC;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 20px
}

#blog .gray_container {
    margin-bottom: 20px
}

.gray_container p {
    text-align: center;
    margin-bottom: 20px
}

.gray_container p strong {
    color: #1574A2
}

#blog .gray_container p strong {
    display: block
}

.subscribe {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    margin-bottom: 15px;
    display: block;
    width: calc(100% - 20px);
    color: #a1a1a1;
    padding: 8px 10px;
    font-size: 15px
}

.btn_subscribe {
    text-align: center;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%
}

.btn_services {
    text-align: center;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 10px
}

.gray_container .active {
    background: #1a86ba!important
}

.mbn {
    margin-bottom: 0px!important
}

.screen-reader-text {
    display: none
}

aside {
    margin-bottom: 20px
}

aside ul li {
    margin-bottom: 10px
}

aside h3 {
    margin-bottom: 12px;
    font-size: 23px
}

#blog h2 {
    line-height: 37px
}

#blog .footer h2 {
    margin-top: 0
}

article {
    margin-bottom: 60px;
    clear: both
}

#searchsubmit {
    padding: 8px 10px;
    border-radius: 5px;
    background: #1574A2;
    color: #fff!important;
    font-size: 15px;
    border: none;
    cursor: pointer
}

#s {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 9px;
    width: 170px
}

.leave-reply {
    display: none
}

.entry-title {
    margin-bottom: 20px
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

#blog img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.gradient,#searchsubmit {
    background: #1A8DBF;
    background: -moz-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A8DBF),color-stop(100%,#175f8b));
    background: -webkit-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
    background: -o-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
    background: -ms-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
    background: linear-gradient(to bottom,#1A8DBF 0%,#175f8b 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A8DBF',endColorstr='#175f8b',GradientType=0)
}

.recent-work {
/*    float: left;*/
/*    max-width: calc(50% - 15px);*/
    width: 100%;
/*    margin-right: 30px;*/
/*    margin-bottom: 30px;*/
    overflow: hidden;
    cursor: pointer;
    transition: .5s ease;
    background-color: rgba(0,0,0,0);
    position: relative;
/*    text-decoration: none;*/
    line-height: 0;
    box-shadow: 0 0 2px #ccc
}

.recent-work:nth-child(odd) {
    margin-right: 0
}

.recent-work:hover {
    background-color: rgba(243,243,243,.90);
    background-blend-mode: multiply
}

.recent-work>img {
    width: 100%;
    transition: .5s ease;
    transform: scale(1)
}

.recent-work:hover>img {
    transform: scale(1.07);
    z-index: -1;
    position: relative;
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.recent-work .info {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .5s ease;
    padding: 20px 26px;
    transform: translateY(100%);
    will-change: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    padding-right: 60px;
    z-index: 9;
    min-width: calc(100% - 86px)
}

.recent-work:hover .info {
    opacity: 1;
    transform: translateY(0);
    z-index: 9;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.info h3.title {
    font-size: 20px
}

.info h3.p {
    font-size: 17px
}

.hide {
    display: none
}

.iphone-container {
    position: relative
}

img.mobile_graphic {
    margin-top: -115px;
    margin-bottom: -95px;
    z-index: 2;
    position: relative
}

img.mobile_graphic_shadow {
    width: 820px;
    height: 430px;
    position: absolute;
    bottom: -163px;
    left: -82px;
    background: url(../images/mobile-iphone-shadow.png) no-repeat;
    z-index: 1;
    opacity: .7
}

#services img.mobile_graphic_shadow {
    left: -85px
}

img.cms_graphic {
    padding: 55px 0
}

.content_seo {
    padding: 120px 0
}

#services .content_seo {
    padding: 120px 0
}

.content_blue {
    padding: 60px 0;
    display: flex;
    justify-content: space-between
}

.content_help_business {
    padding-bottom: 95px
}

footer.entry-meta {
    display: none
}

.services_inside_center_container img {
    max-width: 458px;
    margin-bottom: 30px
}

.services_inside_center_container img.seo_inside {
    max-width: 480px;
    margin-bottom: -10px
}

.services_inside_center_container img.analytics-inside {
    max-width: 368px;
    margin-bottom: 20px;
    margin-top: 0
}

.services_inside_center_container_mobile {
    text-align: center
}

.apple-logo {
    width: 60px;
    border-radius: 12px;
    border: 1px solid #1975a4;
    margin-left: -2px
}

.align-center {
    text-align: center
}

.img-app {
    height: 44px;
    max-width: 100%;
    display: block
}

.img-app:nth-child(even) {
    margin-left: 20px
}

.appstore-content a:nth-child(odd) {
    margin-right: 10px;
    display: inline-block
}

.appstore-content a:nth-child(even) {
    margin-left: 10px;
    width: 133px;
    display: inline-block
}

.appstore-content h3 {
    margin: 20px 0 30px 0
}

.no-appstore {
    padding: 50px 0 50px 0
}

.appstore-content h3 {
    font-size: 25px
}

.proto {
    max-width: 76%;
    margin-bottom: 30px;
    margin-top: 5px;
    margin-left: 8px
}

.body_services_inside p.proto-small-space {
    margin-top: 20px
}

.services_inside_center_h2 {
    display: none
}

.cms_inside {
    max-width: 86%;
    display: block;
    margin: 0 auto;
    margin-top: -5px;
    margin-bottom: 30px
}

#privacy h3 {
    margin-bottom: 20px
}

#index .seo_graphic {
    margin-top: 20px
}

.portfolio_desktop {
    width: 480px;
    float: left
}

.portfolio_mobile {
    width: 139px;
    float: right
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer
}

[data-tooltip]:before,[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none
}

[data-tooltip]:before {
    z-index: 9;
    position: absolute;
    bottom: 34px;
    left: 61%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 136px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000;
    background-color: hsla(0,0%,20%,.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2
}

[data-tooltip]:after {
    z-index: 9;
    position: absolute;
    bottom: 33px;
    left: 46%;
    margin-left: -5px;
    width: 0;
    border-top: 6px solid #000;
    border-top: 6px solid hsla(0,0%,20%,.9);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

[data-tooltip]:hover:before,[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.seo {
    font-size: 0;
    line-height: 0
}

.icon_center {
    display: grid;
    grid-template-columns: auto auto auto
}

.portal .content {
	padding-top: 43px;
}
.portal .width_fifty{
	margin-bottom: 20px;margin-top: -3px;
}
.portal .width_fifty p{
	margin-top: 0;
}
.portal .btn_center {
	height:auto;
}
.portal .btn_center .btn {
	position: relative;background: linear-gradient(to bottom,#ffffff 0%,#d4d4d4 100%)!important;color: #125881!important;padding: 12px 18px 12px 18px;width: 35%;font-size: 15px;
}
	#learnmore {
		display: none;
}

/*chat iframe*/
iframe {
	border: none;
}

.hIVGcj {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url("../chat/chat.svg") center center no-repeat rgb(65, 52, 45);
	cursor: pointer;
}

.intercom-h2f14q {
	z-index: 2147483000;
	position: fixed;
	bottom: 40px;
	right: 40px;
	transform-origin: right bottom;
	height: min(704px, 100% - 60px);
	min-height: 80px;
	width: 400px;
	max-height: 704px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
	border-radius: 16px;
	overflow: hidden;
	opacity: 1;
	transition: width 200ms ease 0s, height 200ms ease 0s, max-height 200ms ease 0s, transform 300ms cubic-bezier(0, 1.2, 1, 1) 0s, opacity 83ms ease-out 0s;
	pointer-events: all;
	transform: scale(0);
	opacity: 0;
	background: white;
}

.show-chat {
	transform: scale(1);
	opacity: 1;
}

.intercom-301xvt svg {
	width: auto;
	min-width: 12px;
	height: 12px;
}

.intercom-10ubxl7 {
	z-index: 2147483003;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 150ms ease 0s;
	display: flex;
	z-index: 99;
	position: absolute;
	right: 8px;
	top: 8px;
}

.intercom-10ubxl7:hover {
	background-color: rgba(0, 0, 0, 0.2);
}



@media all and (max-width: 800px) and (min-width:768px) {
    .header {
        background:url(../images/header.jpg) no-repeat scroll -465px top / 1766px 493px
    }
}

@media all and (max-width: 1024px) and (min-width:768px) {
    .banner_content {
        width:422px
    }
	
	.learnmoreapp {
		display: none;
	}
	
	#learnmore {
		display: inline-block;
		background: none!important;
    border: 1px solid #fff;
	}

    .width_fourtyfive {
        width: 41%
    }

    #services img.mobile_graphic_shadow {
        left: -150px;
        bottom: -66px
    }

    .content_help_business {
        padding-bottom: 80px
    }

    img.mobile_graphic {
        margin-bottom: 0;
        margin-top: 0
    }

    img.mobile_graphic_shadow {
        bottom: -40px;
        left: -138px;
        opacity: .5
    }

    #index img.mobile_graphic_shadow {
        bottom: -62px;
        left: -150px;
        opacity: .5
    }

    .cms_content h2 {
        margin-top: 0
    }

    .one_fourth_contact {
        display: none
    }

    .one_fourth {
        width: 33%
    }

    .one_fourth:nth-child(1) {
        margin-right: 10px
    }

    .one_fourth:nth-child(2) {
        width: 32%
    }

    .one_fourth:nth-child(4) {
        width: 29%!important;
        margin-left: 12px
    }

    .websites_content {
        margin-top: 30px
    }

    h1 {
        font-size: 91px;
        margin: -17px 0 40px 0
    }

    .header_content .website,.contact_center .tablet {
        display: none
    }

    .content {
        width: 732px
    }

    .banner_right {
        margin-top: 30px
    }

    .icon_center {
        grid-template-columns: auto auto
    }

    .icon {
        margin-left: 55px;
        margin-right: 50px
    }

    .icon_last {
        justify-self: left;
        margin-left: 55px;
        margin-right: 50px;
        width: 255px
    }

    .seo_graphic {
        margin-top: 40px
    }

    .cms_graphic {
        margin-top: 0
    }

    .social_graphic {
        margin-top: 0
    }

    #nav a {
        margin-right: 15px
    }

    #nav-03 a {
        margin-right: 25px
    }

    .gray_box_content {
        width: 55%
    }

    .mobile_content {
        margin-top: 20px;
        width: 55%
    }

    .width_fifty {
        width: 45%
    }

    .fifty_two_cms {
        width: 52%
    }

    #consult a {
        margin-right: 0
    }

    .icon:nth-child(9) {
        display: none
    }

    .seo_content {
        width: 52%
    }

    .footer hr {
        width: 170px
    }

    .social_media_content {
        width: 54%;
        margin-top: 0
    }

    .email_graphic {
        width: 317px;
        height: auto
    }

    .email_content {
        margin-top: 20px
    }

    .sem_content {
        margin-top: 0
    }

    .portfolio_a {
        float: left;
        margin-right: 37px;
        margin-bottom: 40px;
        width: 291px;
        height: 174px;
        border-radius: 4px;
        border: 1px solid #c5c5cc;
        margin-left: 32px
    }

    .portfolio_a:nth-child(3n+1) {
        margin-right: 37px;
        float: left;
        margin-bottom: 40px;
        width: 291px;
        height: 174px;
        border-radius: 4px;
        border: 1px solid #c5c5cc;
        margin-left: 32px
    }

    .mbn {
        margin-bottom: 0px!important
    }

    .contact_content {
        width: 447px
    }

    .analytic_content {
        margin-top: 0;
        width: 54%
    }

    .analytics_graphic {
        margin-top: 15px
    }

    .services_content {
        float: none;
        width: auto
    }

    .services_inside_right {
        width: 100%;
        margin-bottom: 60px;
        margin-top: 30px
    }

    .services_websites_last {
        display: none
    }

    .services_seo_last {
        display: none
    }

    .services_wordpress_last {
        display: none
    }

    .services_sem_last {
        display: none
    }

    .services_mobile_last {
        display: none
    }

    .services_email_last {
        display: none
    }

    .services_analytics_last {
        display: none
    }

    .services_social_last {
        display: none
    }

    #team .width_fifty {
        width: 51%
    }

    .subscribe {
        margin: 0 auto 20px;
        text-align: center;
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 767px) {
    .creditcard {
        float:left
    }

	.learnmoreapp {
		display: none;
	}
	#learnmore {
		background: none!important;
    border: 1px solid #fff;
		display: inline-block;
	}
    .contact_input.exp {
        width: 40%
    }

    #blog .contact_right {
        display: none
    }

    .services-sticky {
        display: none
    }

    .services_inside_right ul {
        margin-bottom: 0
    }

    .cms_inside {
        max-width: 100%
    }

    .proto {
        max-width: 100%
    }

    #contact .product_right {
        width: 100%
    }

    .recent-work:last-of-type {
        margin-bottom: 0
    }

    .services_inside_center_container img.analytics-inside {
        max-width: 95%
    }

    .consultation {
        float: none
    }

    body,html {
        overflow-x: hidden
    }

    .services_inside_center_container img {
        max-width: 100%
    }

    .services_inside_center_container img.seo_inside {
        max-width: 100%;
        margin-bottom: -5px
    }

    .vcenter {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: auto!important
    }

    .width_fourtyfive {
        width: 100%
    }

    img.mobile_graphic_shadow {
        left: -133px
    }

    #services img.mobile_graphic_shadow {
        left: -167px
    }

    #services .content_seo {
        padding: 55px 0
    }

    .social_graphic {
        margin-bottom: 30px;
        margin-top: 20px
    }

    .analytics_graphic {
        margin-top: 15px
    }

    img.cms_graphic {
        padding: 12px 0 40px 0
    }

    .gray_box_content.mobile_content {
        padding-bottom: 5px
    }

    img.mobile_graphic_shadow {
        bottom: -25px;
        opacity: .3
    }

    img.mobile_graphic {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .gray_box_content {
        float: none
    }

    .recent-work {
        max-width: 100%;
		grid-column: 1 / span 2;
    }

	.recent-work.superheroes {
		grid-row: 4;
	}

    .wp-post-image {
        width: 100%
    }

    .mbfourty {
        margin-bottom: 40px!important
    }

    .mbten {
        margin-bottom: 10px!important
    }

    .content {
        width: 90%;
        padding: 45px 0
    }

    .banner_right {
        display: none
    }

    .banner_content {
        width: 100%
    }

    #nav span {
        display: none
    }

    .banner h2 {
        font-size: 24px
    }

    h2 {
        font-size: 23px;
        line-height: 26px
    }

    a.consultation {
        font-size: 19px;
        padding: 20px 27px 20px 27px
    }

    .banner_gray h2 {
        text-align: center;
        margin-bottom: 22px;
        margin-top: 0;
        font-size: 23px
    }

    .banner_gray .width_fifty {
        width: 100%
    }

    .btn_center {
        width: auto;
        height: 112px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 0
    }

    .appstore-content h3 {
        font-size: 21px
    }

    .icon_center {
        width: 260px;
        margin: 0 auto;
        grid-template-columns: auto
    }

    .icon {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px
    }

    .icon_last {
        justify-self: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px
    }

    .gray_box_content {
        width: 290px
    }

    .one_fourth {
        width: 100%;
        float: none
    }

    .gray_box_content,.width_fourty,.cms_content,.width_fifty,.analytic_content {
        width: 100%;
        text-align: center
    }

    .iphone-container {
        width: 272px;
        margin-left: auto;
        margin-right: auto
    }

    .seo_content {
        margin-bottom: 0
    }

    .masthead {
        height: 54px;
        text-align: center
    }

    .logo {
        float: none;
        display: block;
        width: 170px;
        height: 38px;
        margin-top: 16px;
        background: url(../images/logo_mobile.png);
        margin-bottom: 16px
    }

    #index .logo {
        margin-bottom: 17px
    }

    .header {
        background-size: 1600px 349px;
        height: 349px
    }

    .header h1 {
        font-size: 65px;
        line-height: 56px
    }

    .header_content {
        text-align: center
    }

    .header_content p {
        margin-bottom: 49px
    }

    .banner p {
        font-size: 16px;
        margin-top: 13px;
        line-height: 24px
    }

    .header ul {
        display: none
    }

    .header h1 span {
        font-size: 53px
    }

    .footer {
        display: none
    }

    .mobile_content {
        margin-top: 0;
        text-align: center
    }

    .gray_box_content {
        text-align: center
    }

    h2.center {
        padding-bottom: 30px
    }

    .product_right {
        float: none;
        margin-top: 0
    }

    .gray_box h2,.gray_box p {
        text-align: center
    }

    .button_padding {
        padding-bottom: 20px;
        padding-top: 35px
    }

    .social_graphic,.mobile_graphic {
        width: 270px;
        float: none
    }

    .mobile_content .button_padding,.seo_content .button_padding {
        padding-top: 30px
    }

    .cms_graphic,.social_graphic {
        float: none
    }

    .pbn {
        padding-bottom: 0
    }

    .footer_white ul li.copyright {
        width: 300px;
        margin-top: 7px;
        float: none
    }

    .footer_white ul {
        float: none;
        text-align: center;
        margin: 0 auto;
        width: 90%
    }

    .footer_white ul li {
        margin-right: 12px
    }

    .navbar-toggle {
        display: block
    }

    .banner_content p:nth-child(2) {
        display: none
    }

    .banner_content p {
        margin-bottom: 0
    }

    #nav {
        float: none;
        display: none;
        margin-top: 0;
        position: relative;
        text-align: left;
        z-index: 1
    }

    #nav li {
        background: none repeat scroll 0 0 #222;
        display: block;
        float: none;
        padding-bottom: 0;
        padding-left: 20px;
        padding-top: 20px
    }

    #nav #consult {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 20px;
        margin-top: 0;
        margin-left: 0;
        border-radius: 0;
        background: #222;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    #consult a {
        width: auto
    }

    #nav a:hover {
        border-bottom: none;
        padding-bottom: 0;
        color: #aaa
    }

    #nav a {
        color: #fff
    }

    #nav a {
        border-bottom: 1px solid #111;
        border-top: 1px solid #333;
        padding: 13px 0;
        margin-right: 0
    }

    #nav a:hover {
        padding-bottom: 13px;
        border-bottom: 1px solid #111
    }

    #nav li {
        padding-top: 0;
        padding-right: 20px
    }

    #nav #consult {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    #nav #consult a {
        border-bottom: 0;
        border-top: 0
    }

    #nav #consult {
        background: #1574A2;
        border-radius: 0 0 7px 7px;
        background: #1A8DBF;
        background: -moz-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A8DBF),color-stop(100%,#175f8b));
        background: -webkit-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -o-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -ms-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: linear-gradient(to bottom,#1A8DBF 0%,#175f8b 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A8DBF',endColorstr='#175f8b',GradientType=0)
    }

    #nav #nav-01 a {
        border-top: 0
    }

    #nav-03 a {
        margin-right: 0
    }

    #services #nav-01 a {
        border-bottom: 1px solid #111;
        padding-bottom: 12px
    }

    #portfolio #nav-02 a {
        border-bottom: 1px solid #111;
        padding-bottom: 12px
    }

    #blog #nav-03 a {
        border-bottom: 1px solid #111;
        padding-bottom: 12px
    }

    .header_content {
        text-align: right
    }

    .header h1 {
        font-size: 47px;
        line-height: 40px;
        letter-spacing: -1px;
        margin: 0 0 30px
    }

    .header h1 span {
        font-size: 32px;
        line-height: 26px
    }

    .header_content p {
        display: none
    }

    .h3_container {
        width: 100%
    }

    .h3_container h3 {
        font-size: 17px
    }

    .websites_content {
        margin-top: 0;
        float: none;
        text-align: center;
        width: 100%
    }

    .websites_content .button_padding {
        padding-bottom: 20px;
        padding-top: 35px;
        text-align: center
    }

    .email_graphic {
        width: 100%;
        text-align: center;
        height: auto;
        margin-top: 10px
    }

    .email_content .button_padding {
        padding-bottom: 10px;
        padding-top: 35px;
        text-align: center
    }

    .sem_content {
        text-align: center;
        width: 100%
    }

    .sem_content .button_padding {
        padding-bottom: 35px
    }

    .sem_content {
        margin-top: 0
    }

    .email_content {
        width: 100%;
        margin-top: 20px
    }

    .email_content p {
        margin-left: 0
    }

    .email_eighty {
        width: 75%
    }

    hr.pagedivide {
        margin: 40px 0
    }

    .mobile_portfolio {
        margin: 0 auto;
        width: 295px
    }

    .portfolio_a:last-child {
        margin-bottom: 0
    }

    .portfolio_a img,.portfolio_a {
        margin-left: 0;
        width: 288px;
        height: 170px
    }

    .portfolio_center {
        padding-bottom: 10px
    }

    .portfolio_a:nth-child(3n+1) {
        width: 288px;
        height: 170px
    }

    .websites_content p {
        float: none;
        text-align: center;
        width: 100%
    }

    .block {
        display: block
    }

    .banner_inside h1 {
        font-size: 25px
    }

    .websites_graphic_container {
        margin-bottom: 20px;
        margin-top: 4px
    }

    .websites_graphic {
        width: 100%;
        margin-bottom: 10px
    }

    .sem_graphic {
        margin-bottom: 0
    }

    .contact_content {
        width: 100%;
        float: none
    }

    .contact_content p {
        font-size: 16px;
        text-align: left
    }

    .contact_right {
        float: none;
        width: 100%;
        text-align: center
    }

    p.submit {
        text-align: left
    }

    .contact_center {
        padding-bottom: 30px;
        line-height: 31px
    }

    p.submit {
        margin: 40px 0 40px 0
    }

    .main_contact {
        width: 100%;
        margin-top: 20px
    }

    .contact_input,.main_textarea {
        width: 92%
    }

    h4.slide_toggle {
        width: auto;
        padding-left: 38px
    }

    .iframe_map {
        height: 200px
    }

    .banner_inside .content {
        padding: 15px 0
    }

    #contact iframe,#contact .map {
        display: none
    }

    # contact .footer_white {
        border-top: 1px solid #C5C5CC
    }

    .services_content,.service_websites {
        width: auto
    }

    .services_content {
        float: none
    }

    .services_inside_center_h2 {
        width: auto;
        padding-bottom: 30px
    }

    .services_inside_right {
        float: none;
        width: auto;
        margin-top: 30px;
        margin-bottom: 8px
    }

    .services_websites_last {
        display: none
    }

    .services_seo_last {
        display: none
    }

    .services_wordpress_last {
        display: none
    }

    .services_sem_last {
        display: none
    }

    .services_mobile_last {
        display: none
    }

    .services_email_last {
        display: none
    }

    .services_analytics_last {
        display: none
    }

    .services_social_last {
        display: none
    }

    hr.pagedivide {
        margin: 30px 0 35px 0
    }

    #blog .contact_content p {
        text-align: left
    }

    #blog .contact_right {
        text-align: left
    }

    .entry-title {
        margin-bottom: 15px
    }

    #blog h2 {
        line-height: 25px
    }

    article {
        margin-bottom: 45px
    }

    .mobile_none,#team .mobile_none {
        display: none
    }

    .footer_white {
        background: #1574A2;
        width: 100%!important;
        background: #1A8DBF;
        background: -moz-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A8DBF),color-stop(100%,#175f8b));
        background: -webkit-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -o-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: -ms-linear-gradient(top,#1A8DBF 0%,#175f8b 100%);
        background: linear-gradient(to bottom,#1A8DBF 0%,#175f8b 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A8DBF',endColorstr='#175f8b',GradientType=0)
    }

    .footer_white ul li.copyright {
        color: #fff
    }

    .footer_white ul li a {
        color: #fff
    }

    .seo .banner_inside h1 {
        letter-spacing: -.5px!important
    }

    p.submit {
        margin: 0 0 50px 0
    }

    p.submit_payment {
        margin: 0 0 0 0
    }

    .analytic_content h2 {
        margin-bottom: 15px
    }

    .header h1 span {
        letter-spacing: 0;
        margin-right: 1px;
        font-size: 29px
    }

    #team .content {
        text-align: center
    }

    .john,.team_left,.team_right {
        float: none;
        margin: 0 0 15px 0
    }

    #team .content h1 {
        text-align: left
    }

    #team .consultation {
        float: none
    }

    #team .btn_center {
        height: 95px
    }

    #payment .contact_content {
        width: 100%
    }

    #payment iframe {
        border-right: 0px!important
    }

    .mobile_image {
        float: none;
        margin-bottom: 10px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
        margin-top: 35px
    }

    .cvv {
        width: 100%
    }

    .cvv .cvv_input {
        width: 45%;
        float: left
    }

    .cvv_card_container {
        width: 45%;
        float: right;
        padding-right: 12px
    }

    .cvv_card {
        float: left;
        width: 44px;
        height: 24px
    }

    p.submit_payment {
        margin-bottom: 40px
    }

    .payment .contact_heading {
        font-size: 16px
    }

    #blog .gray_container p strong {
        display: inline
    }

    #blog .subscribe {
        margin: 0 auto 20px;
        text-align: center;
        width: 95%
    }

    .subscribe {
        margin: 0 auto 20px;
        text-align: center;
        width: calc(100% - 20px)
    }

    .seo_graphic {
        margin-bottom: 24px;
        margin-top: 10px
    }
	
/*	chat iframe*/
	.intercom-h2f14q {
		bottom: 0;
		right: 0;
		width: 100%;
		max-height: 80%;
	}
	.hIVGcj {
		bottom: 12px;
    	right: 12px;
		width: 55px;
		height: 55px;
		z-index: 9;
/*		display: none;*/
	}
	
}

@media all and (max-width: 459px) {
    .header {
        height:280px;
        background: url(../images/header.jpg) no-repeat scroll -287px 1px rgba(0,0,0,0);
        background-size: 1056px 280px
    }

    .header h1 {
        font-size: 49px
    }

    .mpn {
        display: none
    }

    .gray_container p strong {
        color: #1574A2;
        display: block
    }
}

@media all and (max-width: 568px) and (min-width:460px) {
    .header {
        height:280px;
        background: url(../images/header.jpg) no-repeat scroll -195px 1px rgba(0,0,0,0);
        background-size: 1056px 280px
    }

    .header h1 {
        font-size: 57px;
        letter-spacing: -1px
    }

    .header h1 span {
        font-size: 30px;
        line-height: 30px;
        margin-right: 1px;
        letter-spacing: 0
    }
}

@media all and (max-width: 767px) and (min-width:569px) {
    .header {
        height:280px;
        background: url(../images/header.jpg) no-repeat scroll -195px 1px rgba(0,0,0,0);
        background-size: 1056px 280px
    }

    .header h1 {
        font-size: 65px
    }

    .header h1 span {
        font-size: 35px;
        line-height: 37px;
        margin-right: 1px;
        letter-spacing: -1px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio:2) {
    .logo {
        background:url(../images/logo_retina.png);
        background-size: 209px 46px
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio:2) {
    .logo {
        background:url(../images/logo_retina.png);
        background-size: 170px 38px
    }
}

@media (min-width: 768px) and (max-width:1024px) and (min--moz-device-pixel-ratio:2) {
    .contact_center {
        letter-spacing:-.2px
    }
}

@media (min-width: 1025px) and (min--moz-device-pixel-ratio:1) {
    .contact_center {
        letter-spacing:0
    }
}

@media (min-width: 1025px) and (min--moz-device-pixel-ratio:2) {
    .contact_center {
        letter-spacing:0
    }
}

@media (min-width: 768px) and (min--moz-device-pixel-ratio:2) {
    .logo {
        background:url(../images/logo_retina.png);
        background-size: 209px 46px
    }
}

@media (max-width: 767px) and (min--moz-device-pixel-ratio:2) {
    .logo {
        background:url(../images/logo_retina.png);
        background-size: 170px 38px
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio:2) {
    .wordpress_icon {
        background:url(https://seodesigns.com/images/wordpress_icon_retina.png);
        background-size: 53px 44px
    }

    .sem_icon {
        background: url(https://seodesigns.com/images/sem_icon_retina.png);
        background-size: 53px 44px
    }

    .analytics_icon {
        background: url(../images/analytics_icon_retina.png);
        background-size: 53px 44px
    }

    .mobile_icon {
        background: url(https://seodesigns.com/images/mobile_icon_retina.png);
        background-size: 53px 44px
    }

    .email_icon {
        background: url(https://seodesigns.com/images/email_icon_retina.png);
        background-size: 53px 44px
    }

    .design_icon {
        background: url(../images/design_icon_retina.png);
        background-size: 53px 44px
    }

    .social_icon {
        background: url(https://seodesigns.com/images/social_icon_retina.png);
        background-size: 53px 44px
    }

    .seo_icon {
        background: url(https://seodesigns.com/images/seo_icon_retina.png);
        background-size: 53px 44px
    }

    .development_icon {
        background: url(https://seodesigns.com/images/development_icon_retina.png);
        background-size: 53px 44px
    }
}

.delay {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fromRight {
    position: relative;
    -webkit-animation-name: fromRight;
    animation-name: fromRight;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes fromRight {
    0% {
        left: 100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromRight {
    0% {
        left: 100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

.fromLeft {
    position: relative;
    -webkit-animation-name: fromLeft;
    animation-name: fromLeft;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes fromLeft {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromLeft {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

html,body {
    position: relative;
    height: 100%
}