@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../fonts/new/avenir_lt_std_35_light-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_35_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std55_roman';
    src: url('../fonts/new/avenir_lt_std_55_roman-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_55_roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std45_book_oblique';
    src: url('../fonts/new/avenir_lt_std_45_book_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_45_book_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('../fonts/new/avenir_lt_std_85_heavy-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_85_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std45_book';
    src: url('../fonts/new/avenir_lt_std_45_book-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_45_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std95_black_oblique';
    src: url('../fonts/new/avenir_lt_std_95_black_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_95_black_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std55_oblique';
    src: url('../fonts/new/avenir_lt_std_55_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_55_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std65MdOb';
    src: url('../fonts/new/avenir_lt_std_65_medium_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_65_medium_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std65_medium';
    src: url('../fonts/new/avenir_lt_std_65_medium-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_65_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std85_heavy_oblique';
    src: url('../fonts/new/avenir_lt_std_85_heavy_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_85_heavy_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std95_black';
    src: url('../fonts/new/avenir_lt_std_95_black-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_95_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    color: #363636;
    overflow-x: hidden !important;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 24px;
    font-size: 16px;
    /*font-family: avenir_lt_std65_medium;*/
	font-family: Roboto, sans-serif;
    letter-spacing: .05em;
    font-weight: 400
}

a {
    transition: all .5s ease
}

a:active,
a:focus {
    outline: 0
}

a:focus,
a:hover {
    text-decoration: none !important
}

.orange {
    color: #EB6720 !important
}

a:hover {
    text-decoration: none !important;
    color: #0291d2;
    transition: all .5s ease
}
h1{font-family: Roboto, sans-serif !important;/*font-family: Anton !important;*/line-height: 62px;font-size: 55px;font-weight:500 !important;}
.contact-cta{font-family: Roboto, sans-serif !important;}
.banner-h2{font-size:24px !important;/*font-family: 'avenir_lt_std85_heavy' !important;*/font-family: Roboto, sans-serif !important;padding-top: 10px;}
h2 {
    font-size: 44px;
    font-weight: 700;
    /*font-family: 'avenir_lt_std95_black';*/
	font-family: Roboto, sans-serif;
}

.white {
    color: #fff !important
}

.cta {
    background: #EB6720;
    float: left;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 14px 25px 14px 25px;
    border-radius: 3px;
    margin-top: 30px;
    margin-left: 0;
    transition: all .5s ease;
    cursor: pointer
}

.cta:hover {
    transition: all .5s ease;
    color: #fff
}

.cta:hover {
    background: #f76f45
}

.cta a {
    color: #fff !important;
    text-decoration: none
}

.cta {
    border-radius: 0;
    text-transform: uppercase;
}

.gradientCta {
    background: #dd6326;
    background: -moz-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: -webkit-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: linear-gradient(90deg, #dd6326 0, #ff800d 100%) !important;
    float: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    /*font-family: avenir_lt_std85_heavy;*/
	font-family: Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff !important
}

.aligncenter {
    margin: 0 auto;
    display: inherit
}
h1,h2,h3,h4,h5,h6{color: #000000;}
@media (max-width:480px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        font-size: 36px
    }
}

@media (max-width:360px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        line-height: 30px;
        font-size: 30px;
        letter-spacing: 0
    }
}

.m-t-25 {
    margin-top: 25px
}

.foot-cta-title {
    font-size: 44px;
    margin-top: 0;
    letter-spacing: -2px;
    line-height: 44px
}
#noPageForm .foot-but {
    background: #f76f45;
    width: 93%;
    border: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 15px;
    margin-right: 15px;
}
.sub-page-title {width: 100%;font-size: 55px;line-height: 60px;}
.section-one p {margin-top: 28px;}
@media (max-width:560px) {
.sub-page-title {
    font-size: 46px !important;
    line-height: 46px !important;
}}
.fs-20{font-size: 20px;}
.section-one p {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 30px;
    line-height: 30px;
    text-align: left;
}
.service-bg {
    height: 840px !important;
    background-size: cover;
    padding: 90px 0 0px 0;
}
.get-cta {
    border-radius: 10px;margin-top: 0;
}


.contact-bg
{
    padding:160px 0px 400px 0px !important;
    background:url('../images/contact-bg.webp') no-repeat top center;
    background-size:cover;
}

.contact-bg h1
{
    color: #fff;
    text-align: center;
    line-height: 62px!important;
    font-size: 55px !important;
    font-weight: 500!important;
    margin-top: 0 !important;
}

.new-contact-team
{
    padding:40px 0px;
    margin-top:-530px;
    /*background:url('../images/contact-banner-bottom-bg.png') no-repeat top left;*/
    position: relative;
}
.new-contact-team:before{width: 90%;}
@media (min-width:1200px) {
.new-contact-team:before{
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 0px 76px 0px 0px;
    width: 96%;
    top: 0;
    bottom: 0;
    left: 0;
}}
@media (min-width:992px) and (max-width:1199px) {
.new-contact-team:before{
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 0px 76px 0px 0px;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}}
.new-contact-team h2
{
    font-size:35px;
    margin-top:60px;
     padding:0px 20px 0px 60px;
     /*font-family: 'avenir_lt_std65_medium';*/
	font-family: Roboto, sans-serif;
}


.new-contact-team p
{
    font-size:20px;
    padding:0px 60px;
    line-height:28px;
}

span.orange-color
{
    color:#223B59;
    /*font-family: 'avenir_lt_std55_oblique';*/
	font-family: Roboto, sans-serif;
}

.tcs-team
{
    margin-top:-120px;
}
    
    
.new-book-now
{
    padding: 30px 0 70px 0;
}

.paper-mt-1
{
	position: relative;
        /*top: -155px;*/
        padding-bottom:0px;
}

.book-now-form
{
    margin-top:20px;
    padding:40px;
    border:1px solid #9f9f9f;
    -webkit-box-shadow: 0px 0px 30px 10px #e9e9ef;
    -moz-box-shadow: 0px 0px 30px 10px #e9e9ef;
    box-shadow: 0px 0px 30px 10px #e9e9ef;
    border-radius: 20px;
}

.book-now-form label {
    font-weight: 400;
}

a.new-book-now-cta
{
    padding:12px 25px;
    background-color:#F76F45;
    color:#fff;
    width:180px;
    display:block;
    margin:0 auto;
    border-radius:6px;
}

.new-book-meeting
{
    padding:14px 25px;
    background-color:#F76F45;
    border:none;
    color:#fff;
    width:220px;
    display:block;  
    margin:0 auto;
    border-radius:6px;
    font-weight:400;
}

.book-now-form label {
    display: inline-block;
    max-width: 95%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
}

.new-book-now input
{
    height:42px;
}

.new-book-now select
{
    height:50px;
}

.new-book-now ul
{
    margin-left:25px;
    box-shadow: 0px 3px 6px #00000029;
}

.new-book-now ul li
{
    float:left;
    margin-right:15px;
    list-style:none;
}
.new-book-now ul li a{color: #000001;}
.new-book-now ul li strong
{
    font-size:20px;
    color:#000;
}

.paper-plane
{
	margin-top:50px;
    padding:15px 25px 15px 2px;
    background-color:#fff;
    /*-webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;*/
    overflow:auto;
}

.phone-call
{
    margin-top:-1px;
    margin-bottom:25px;
    padding:15px 25px 15px 2px;
    background-color:#fff;
    /*border-top:1px solid #f2f2f2;
  -webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;*/
    overflow:auto;
}
@media (max-width: 480px){.paper-plane, .phone-call{padding: 15px 5px;}}

.how-do-we-work
{
    background-color:#F7F7F7;
    padding:75px 0px;
}

.how-do-we-work h2
{
    margin-bottom:50px;
}

.our-expert-1
{
    background-color:#77B633;
    padding:40px;
    min-height:250px;
    border-radius:150px;
    display: table;
    margin:0 auto;
    z-index:2;
    position:relative;
}

.our-expert-1 p
{
    font-size:20px;
    color:#fff;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.our-expert-2
{
    background-color:#F26223;
    padding:40px;
    min-height:250px;
    border-radius:150px;
    display: table;
    margin:0 auto;
    z-index:2;
    position:relative;
}

.our-expert-2 p
{
    font-size:20px;
    color:#fff;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.our-expert-3
{
    background-color:#8055B1;
    padding:40px;
    min-height:250px;
    border-radius:150px;
    display: table;
    margin:0 auto;
    z-index:2;
    position:relative;
}

.our-expert-3 p
{
    font-size:20px;
    color:#fff;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.our-expert-4
{
    background-color:#089CDC;
    padding:40px;
    min-height:250px;
    border-radius:150px;
    display: table;
    margin:0 auto;
    z-index:2;
    position:relative;
}

.our-expert-4 p
{
    font-size:20px;
    color:#fff;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.border-bubble
{
    background: url(../images/border-bubble.webp) no-repeat top center;
    background-size: contain;
    width: 105%;
    height: 18px;
    position: relative;
    top: 198px;
    right: 0px;
    left: -30px;
}

.our-e-1
{
    margin-bottom:-50px;
    margin-left: -148px;
    z-index:1;
    position:relative;
}

.our-e-2
{
    margin-bottom:-50px;
    margin-left: -148px;
    z-index:1;
    position:relative;
}

.our-e-3
{
    margin-bottom:-50px;
    margin-left: -148px;
    z-index:1;
    position:relative;
}

.our-e-4
{
    margin-bottom:-50px;
    margin-left: -148px;
    z-index:1;
    position:relative;
}

.our-customers-say
{
    background-color:#fff;
    padding:0px 0px 80px 0px;
}

.our-customers-say p strong
{
    color:#000;
    font-weight:700;
}

.our-customers-say h2
{
    margin-bottom:50px;
}

.say-it-best
{
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 10px 5px #0000001f;
    -moz-box-shadow: 0px 0px 10px 5px #0000001f;
    box-shadow: 0px 0px 10px 5px #0000001f;
    padding:50px;
    border-radius: 20px;
    /*margin-top:80px;*/
    margin-left:-60px;
}

a.new-watch-video-cta {
    padding: 12px 25px;
    background-color:#213A58;
    color: #fff;
    width: 180px;
    display: block;
    border-radius: 6px;
    text-align:center;
    float:none;
}

.trusted-by-top
{
    background-color:#fff;
    padding:75px 0px;
    overflow:auto;
}

.trusted-by-top h2
{
    margin-bottom:50px;
}

.trusted-by-top ul
{
    text-align:center;
}

.trusted-by-top ul li
{
    width:24%;
    display:inline-block;
}

.help-yourself
{
    background:url('../images/help-yourself.webp') no-repeat top -70px left #E2E2E2;
    padding:80px 0px;
}

.help-yourself h2
{
    font-size:41px;
}

.help-yourself p
{
    color:#000000;
    font-weight:700;
}

.site-audit-1
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

.website-design-audit-2
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

.content-audit-3
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

.marketing-audit-4
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

.cost-estimation-5
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

.cro-report-6
{
    background-color:#fff;
    padding:25px;
    border-radius:15px;
    margin-bottom:30px;
    min-height:240px;
}

@media (min-width: 991px)
{
    .d-md-block
    {
        display:block;
    }
}

@media (max-width: 991px){
    
    .book-now-form
    {
        margin-top:130px;
    }
    
    .new-contact-team h2
    {
        margin-top:40px;
    }

    .say-it-best
    {
        background-color:#fff;
        -webkit-box-shadow: 0px 0px 10px 5px #0000001f;
        -moz-box-shadow: 0px 0px 10px 5px #0000001f;
        box-shadow: 0px 0px 10px 5px #0000001f;
        padding:50px;
        border-radius: 20px;
        margin-top:80px;
        margin-left:5px;
    }
    
    .help-yourself
    {
        background:#E2E2E2;
        padding:80px 0px;
    }
    
    .help-yourself h2
    {
        margin-top:30px;
        margin-bottom:50px;
        text-align:center;
    }
    
    .our-expert-1 {
        background-color: #77B633;
        padding: 40px;
        min-height: 122px;
        border-radius: 150px;
        display: table;
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }
    
    .our-expert-2 {
        background-color: #F26223;
        padding: 40px;
        min-height: 122px;
        border-radius: 150px;
        display: table;
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }
    
    .our-expert-3 {
        background-color: #8055B1;
        padding: 40px;
        min-height: 122px;
        border-radius: 150px;
        display: table;
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }
    
    .our-expert-4 {
        background-color: #089CDC;
        padding: 40px;
        min-height: 122px;
        border-radius: 150px;
        display: table;
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }
    
    .our-e-1
    {
        margin-bottom:-50px;
        margin-left:0px;
        z-index:1;
        position:relative;
        margin:0 auto;
    }

    .our-e-2
    {
        margin-bottom:-50px;
        margin-left:0px;
        z-index:1;
        position:relative;
        margin:0 auto;
        margin-top:30px;
    }

    .our-e-3
    {
        margin-bottom:-50px;
        margin-left:0px;
        z-index:1;
        position:relative;
        margin:0 auto;
        margin-top:30px
    }

    .our-e-4
    {
        margin-bottom:-50px;
        margin-left:0px;
        z-index:1;
        position:relative;
        margin:0 auto;
        margin-top:30px
    }
          
    
    .border-bubble
    {
        display:none;
    }    
}

@media (min-width: 993px) and (max-width: 1199px) {
	
	.paper-mt-1 {
    position: relative;
    top: 18px;
    padding-bottom:50px;
}

.how-do-we-work {
    margin-top: 9px;
    background-color: #F7F7F7;
    padding: 75px 0px;
}
    
}

@media (max-width: 992px) {
	
	.how-do-we-work {
    background-color: #f7f7f7;
    padding: 75px 0;
    margin-top: -20px;
}
	
	.paper-mt-1
{
	position: relative;
	    padding-bottom:50px;
    /*top: -30px;*/
}
.site-audit-1, .website-design-audit-2, .content-audit-3, .marketing-audit-4, .cost-estimation-5, .cro-report-6{min-height: auto;}

}
@media (max-width: 768px) {
    .contact-bg h1{font-size: 36px !important;line-height: 52px !important;}
    
    .trusted-by-top ul li {
    width:48%;
    display: inline-block;
    }
}

@media (max-width: 581px) {
    
    .trusted-by-top ul li {
    width:48%;
    display: inline-block;
    }  

}
.contact-audit-link, .contact-audit-link:hover{color:#000001;}
.grecaptcha-badge {display: none !important;}
.calendly-inline-widget{height: 660px !important;}
@media (max-width: 1199px) {.calendly-inline-widget{height: 1000px !important;}}
@media (max-width: 679px){.calendly-inline-widget {height: 867px !important;}}
.box-border input[type=checkbox] {
    visibility: hidden;
}
.script input:checked ~ .geekmark {
    /* background-color: #f76f45; */
    color: #555;
}

.geekmark {
    position: absolute;
    top: 6px !important;
    left: 0px;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid #ced4da;
}

          
       
        .geekmark:after {
            content: "";
            position: absolute;
            display: none;
        }
          
        
        .script input:checked ~ .geekmark:after {
            display: block;
        }
          
        
        .script .geekmark:after {
            content: "✓";
            color: #555;
            left: 2px;
            bottom: 13px   ;
            width: 40px;
            height: 6px;
        }
.box-border {
    position: relative;
    margin-bottom: 5px !important;
}
.form-check-label {
    font-size: 12px;
    color: #555;
    margin-left: 15px;
    margin-top: -15px !important;
}
.box-border .form-control {
    border: 1px solid #eaeaea;
    padding: 7px;
    border-radius: 3px;
    font-size: 16px;
    max-width: 220px;
    height: auto;
    line-height: inherit;
}
.bx-prev, .bx-next{display:none;}

.headerInner{    background-color: transparent !important;}
.inner-banner-title{padding-bottom:30px;}
.banner h1{padding-bottom:30px;}
#menu-header .headerInner.scrolled{background: #223B59 !important;padding-top: 15px;}
#menu-header .headerInner.scrolled #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a{color:#fff !important;font-weight:bold !important;}
#menu-header #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a{color:#fff !important;font-weight:bold !important;}
#menu-header {height: 0px !important;}
@media screen and (max-width: 480px){
.banner h1 {
    font-size: 43px !important;
    line-height: 46px !important;
    line-height: 1;
	}}
.wpmm_mobile_menu_btn i{color:#fff;}
@media (min-width: 0px){.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap .wp-megamenu, #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-container>ul.wp-megamenu-sub-menu, #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-and-content-container-container>ul.wp-megamenu-sub-menu, #wp-megamenu-main-menu>.wpmm-nav-wrap>ul>li.wpmm-strees-row .wpmm-strees-row-container>.wp-megamenu-sub-menu:before, #wp-megamenu-main-menu>.wpmm-nav-wrap>ul>li.wpmm-strees-row .wpmm-strees-row-container>.wp-megamenu-sub-menu:after, #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu{background: #223B59 !important;}}
@media (min-width: 992px){.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.company ul.wp-megamenu-sub-menu>li>ul ul, .wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.resources ul.wp-megamenu-sub-menu>li>ul ul{background: #223B59 !important;border:1px solid #fff;}}
.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.company ul.wp-megamenu-sub-menu>li>ul ul, .wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.resources ul.wp-megamenu-sub-menu>li>ul ul{background: #223B59 !important;}
.headerInner{box-shadow: none;}
@media screen and (max-width: 736px){
.banner h1 {
    font-size: 52px !important;
    line-height: 1;
    line-height: 54px !important;
}
}
.contact-cta{text-transform: capitalize;background:#223B59;}
@media screen and (max-width: 991px){.new-contact-team {padding: 40px 0px;margin-top: -520px;}}

.expanded-far
{
	padding:60px 0px 10px 0px;
	background:#F3F1F1;
}

ul.cs-atlanta-1
{
	text-align:center;
	    clear: both;
}

ul.cs-atlanta-1 li{
	list-style-type:none;
	text-align:left;
}

ul.cs-atlanta-1 li h4{
	font-size:20px;
}

ul.cs-atlanta-1 li img
{
	float:left;
	margin-right:10px;
	margin-top:30px;
}

.cus-map-1
{
	border: 1px solid #223b59;
    padding: 50px 20px;
    margin-top: -34px;
    margin-bottom: 50px;
}