/*
Theme Name: SmartSites
Author: SmartSites
Author URI: http://www.smartsites.com/
Version: 3.0
Text Domain: smartsites
*/
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BebasNeue.woff') format('woff'),
    url('../fonts/BebasNeue.ttf') format('truetype'),
    url('../fonts/BebasNeue.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueLight';
    src: url('../fonts/BebasNeueLight-Regular.eot');
    src: url('../fonts/BebasNeueLight-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BebasNeueLight-Regular.woff') format('woff'),
    url('../fonts/BebasNeueLight-Regular.ttf') format('truetype'),
    url('../fonts/BebasNeueLight-Regular.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
.parallax-viewport {
    overflow:hidden;
    width:350px;
    height:300px;
    margin:0 auto;
    position:absolute;
    text-align:center;
}
.parallax-layer {
    position:absolute;
    text-align:center;
}
.parallax1 {width: 316px; height: 288px; display: block; left: 33px; top: 12px}
.parallax2 {width: 43px; height: 78px; display: block; top: 177px; left: 271px; }
.parallax3 {width: 330px; height: 115px; display: block; top: 0; left:5px;}
.parallax4 {width: 73px; height: 95px; display: block; top: 168px; left:0;}
.parallax5 {width: 154px; height: 63px; display: block; top: 106px; left: 1px;}

/*PPC landing page*/
.landing-test-wrapper{
    max-width: 1670px;
    width: 96%;
    margin: 0 auto;
    padding: 45px 0;
}
.bg-style3{
    background-color: #333333;
}
.ppc-landing-banner {
    height: 600px;
    padding: 60px 0;
    background: url("../../images/landing-page/banner-ppc-landing-page.jpg") no-repeat;
    background-size: cover;
    border-bottom: 8px solid #f1bc1e;
}
.google-digital .ppc-landing-banner{
    background: url("../../images/landing-page/banner-google-digital.jpg") no-repeat;
}
.ppc-landing-banner .col-left {
    width: 780px;
    float: left;
}
.ppc-landing-banner .col-right {
    width: 330px;
}
.ppc-landing-banner .banner-desc {
    padding-top: 55px;
    padding-bottom: 40px;
}
.ppc-landing-banner .banner-desc h1 {
    font-family: 'BebasNeue','sans-serif';
    font-size: 70px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 4px;
}
.landing-page.landing-page-v1 .ppc-landing-banner .banner-desc h1{
    font-size: 78px;
}
.page-ppc-landing-magento .ppc-landing-banner .banner-desc h1,
.page-nj-magento-development .ppc-landing-banner .banner-desc h1{
    font-size: 70px;
}
.ppc-landing-banner .banner-desc span {
    font-family: 'BebasNeue','sans-serif';
    font-size: 50px;
    color: #f0bb1e;
    line-height: 1.4;
    letter-spacing: 1px;
}
.google-digital .ppc-landing-banner  .banner-desc h1,
.page-nj-seo .ppc-landing-banner .banner-desc span {
    font-size: 100px;
    line-height: 1;
}
.page-nj-seo.google-digital .ppc-landing-banner .banner-desc span {
    font-size: 78px;
}
.ppc-landing-banner .our-partners li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 25px;
    max-width: 210px;
}
.ppc-landing-banner .landing-banner-form {
    padding-bottom: 25px;
    background: #10100e;
}
.landing-banner-form form {
    padding: 15px 30px 0;
}
.ppc-landing-banner .banner-desc h1 span {
    font-size: 94px;
    color: #fff;
    line-height: 1;
    letter-spacing: 4px;
}
/*.ppc-landing-page .contact-header .phone-icon{
    background-position: left 8px;
    padding: 5px 0 0 0;
    font-family: 'BebasNeue','sans-serif';
    font-weight: 100;
}

.ppc-landing-page .contact-header .phone-icon:hover{
    background-position: left 8px;
}*/
.landing-banner-form form .btn-next,
.banner-block .landing-banner-form form .btn-submit input{
    height: auto;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: #fe8421;
    font-family: "BebasNeue",'sans-serif';
    font-size: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.49);
    text-align: center;
    cursor: pointer;
    display: block;
    letter-spacing: 1px;
}
.landing-banner-form form .btn-next:hover,
.banner-block .landing-banner-form form .btn-submit input:hover{
    background: #e55024;
}
.ppc-landing-banner .landing-banner-form .title-style8 {
    padding: 20px;
    font-family: 'BebasNeue','sans-serif';
    font-size: 68px;
    border-radius: 6px 6px 0 0;
    line-height: 0.8;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    background: #f1be23;
}
.ppc-landing-banner .landing-banner-form .title-style8 span {
    font-size: 48px;
    display: block;
}
.ppc-landing-banner .landing-banner-form .field-group select,
.ppc-landing-banner .landing-banner-form .field-group input,
.ppc-landing-banner .landing-banner-form .field-group textarea{
    margin-bottom: 10px;
    border: 2px solid #10100e;
    border-radius: 3px;
    padding: 10px 12px 10px 50px;
    font-family: 'ProximaNova-Light','sans-serif';
    font-size: 1.125em;
    color: #505050;
    font-weight: 400;
    width: 100%;
    height: 45px;
}
.ppc-landing-banner .landing-banner-form .field-group .ms-parent {
    width: 100% !important;
}
.landing-banner-form .ms-choice {
    height: 42px;
    border: 2px solid #10100e !important;
    border-radius: 3px;
    margin-bottom: 10px;
}
.ppc-landing-banner .landing-banner-form .field-group .ms-choice > span {
    width: 100%;
    top: 0;
    font-family: 'ProximaNova-Light','sans-serif';
    font-size: 1.02em;
    color: #505050;
    font-weight: 400;

}
.ppc-landing-banner .landing-banner-form .field-group .ms-drop {
    margin-top: -10px;
}
/*.ppc-landing-page .contact-header .phone-icon{
    font-family: 'BebasNeue','sans-serif';
    font-size: 37px;
    font-weight: 400;
    padding-bottom: 0;
    background-position: left 9px;
}*/


.landing-page .grid {
    margin-bottom: initial;
    letter-spacing: 0;
}
.landing-page .grid .grid-item {
    width: 23%;
}
.landing-page .grid .grid-item:nth-child(3n) {
    margin-right: 20px;
}
.landing-page .grid .grid-item:nth-child(4n) {
    margin-right: 0;
}
.landing-page .footer-top {
    background-color: #e0e0e0;
    padding: 50px 0;
    text-align: center;
}
.landing-page .footer-top .get-free-consultation {
    width: 98%;
}
.landing-page .footer-top .btn.btn-style10 {
    position: relative;
    display: block;
    padding: 1px;
    margin-bottom: 20px;
    font-size: 45px;
    font-family: 'BebasNeue','sans-serif';
    color: #FFF;
    border-radius: 5px;
    letter-spacing: 1px;
    background: #fe8421/*
    background: rgb(234,115,80);
    background: -moz-linear-gradient(top,  rgb(234,115,80) 1%, rgb(229,80,36) 100%);
    background: -webkit-linear-gradient(top,  rgb(234,115,80) 1%,rgb(229,80,36) 100%);
    background: linear-gradient(to bottom,  rgb(234,115,80) 1%,rgb(229,80,36) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7350', endColorstr='#e55024',GradientType=0 );*/

}
.landing-page .footer-top .btn.btn-style10:hover {
    background: #e55024;
}
.landing-page .footer-top .btn.btn-style10 span {
    border: 1px solid #f3ac88;
    display: block;
    padding: 15px 0 12px 0;
    border-radius: 5px;
}
.landing-page .footer-top .btn.btn-style10:before,
.landing-page .footer-top .btn.btn-style10:after{
    content: '';
    position: absolute;
    width: 117px;
    height: 120px;
    top: -48px;

}
.landing-page .footer-top .btn.btn-style10:before{
    left: -28px;
    background: url('../../images/consultation-btn-arrow.png') no-repeat top center;
    background-size: contain;
}
.landing-page .footer-top .btn.btn-style10:after{
    right: -28px;
    background: url('../../images/consultation-btn-arrow-left.png') no-repeat top center;
    background-size: contain;
}

.landing-page .footer-top .sub-title {
    font-family: 'BebasNeueLight','sans-serif';
    font-size: 40px;
    color: #000;
    letter-spacing: 2px;
}
.landing-page .footer-top .sub-title a{
    font-family: 'BebasNeue','sans-serif';
    font-weight: 500;
    color: #000;
}
.landing-page .footer-top .sub-title a:hover{
    color: #e55024;
}
.page-ppc-landing .lg-outer .lg-image{

}
.page-ppc-landing-magento .lg-thumb-outer.lg-grab,
.page-ppc-landing-marketing .lg-thumb-outer.lg-grab,
.page-ppc-landing .lg-thumb-outer.lg-grabbing,
.page-ppc-landing .lg-thumb-outer.lg-grab {
    height: 75px !important;
}
.parallax-banner .banner{
    background-size: cover !important;
}
/*End of ppc landing page*/
@media only screen and (max-width:1400px){
    .landing-page .my-popup .brand-logo,
    .landing-page .grid .brand-logo {
        height: 50px;
        width: 50px;
        border-radius: 50px;
    }
    .landing-page .my-popup .testi-details,
    .landing-page .grid .testi-details {
        padding: 15px;
    }
    .landing-page  .grid .single_tst_content p {
        font-size: 14px;
    }
    .landing-page .my-popup .client_photo,
    .landing-page .grid .single_tst_wrap .client_photo {;
        top: 100px;
    }
    .landing-page .my-popup .single_tst_left .project-name,
    .landing-page .grid .single_tst_left .project-name {
        font-size: 18px;
    }
}
@media only screen and (max-width:1200px){
    .landing-page .grid .single_tst_content {
        padding: 10px 15px 25px 15px;
    }
    .landing-page .grid .single_tst_left {
        height: 65px;
    }
    .landing-page .my-popup .single_tst_left .project-name,
    .landing-page .grid .single_tst_left .project-name {
        font-size: 15px;
    }
    /*.ppc-landing-page .contact-header .phone-icon {
        font-size: 26px;
        padding: 10px 0;
    }*/
    .ppc-landing-banner .col-right {
        width: 36%;
    }
    .ppc-landing-banner .col-left{
        width: 64%;
    }
    .google-digital .ppc-landing-banner  .banner-desc h1,
    .page-nj-seo .ppc-landing-banner .banner-desc span {
        font-size: 70px;
        line-height: 1;
    }
    .banner-block .our-partners {
        letter-spacing: -4px;
        font-size: 0;
       /* text-align: center;*/
        margin: 0 -15px;
    }
    .ppc-landing-banner .our-partners li {
        padding: 0 15px;
        width: 25%;
        letter-spacing: 0;
        font-size: inherit;
    }
    .page-nj-seo.google-digital .ppc-landing-banner .banner-desc span,
    .landing-page.landing-page-v1 .ppc-landing-banner .banner-desc h1 {
        font-size: 65px;
    }

}
@media only screen and (max-width:1075px){
    .ppc-landing-banner {
        height: 530px;
    }
    .ppc-landing-banner .col-left {
        width: 60%;
    }
    .ppc-landing-banner .col-right {
        width: 36%;
    }
    .google-digital .ppc-landing-banner  .banner-desc h1,
    .ppc-landing-banner .banner-desc h1{
        font-size: 50px;
    }
    .page-nj-seo.google-digital .ppc-landing-banner .banner-desc span,
    .ppc-landing-banner .banner-desc span {
        font-size: 36px;
        line-height: 1;
    }
    .landing-page .grid .grid-item,
    .landing-page .grid .grid-item:nth-child(3n),
    .landing-page .grid .grid-item:nth-child(4n) {
        margin: 0;
        width: 25%;
        float: left;
        padding: 7px;
        background: transparent;
    }
    .landing-page .grid .single_tst_wrap{
        background: #eaeaea;
    }
    .landing-page .grid .single_tst_wrap .testi-banner {
        height: 200px;
    }
    .landing-page .my-popup .client_photo,
    .landing-page .grid .single_tst_wrap .client_photo {
        top: 80px;
    }
    .landing-page .grid .single_tst_left span {
        display: block;
    }
    .ppc-landing-banner .banner-desc h1 span {
        font-size: 60px;
        display: block;
    }
    body.page-ppc-landing{
        padding-top: 40px;
    }
    .page-ppc-landing .lg-thumb-outer{
        height: 65px !important;
    }
}
@media only screen and (max-width:940px){
    .landing-page .my-popup .brand-logo,
    .landing-page .grid .brand-logo {
        height: 40px;
        width: 40px;
        border-radius: 40px;
    }
    .landing-page .my-popup .testi-details,
    .landing-page .grid .testi-details {
        padding: 5px;
    }
    .ppc-landing-banner .our-partners li {
    /*    float: none;
        width: 32%;
        padding-right: 10px;
        display: inline-block;
        vertical-align: middle;*/
    }
    .ppc-landing-banner .landing-banner-form .title-style8 {
        font-size: 54px;
    }
    .ppc-landing-banner .landing-banner-form .title-style8 span {
        font-size: 40px;
    }
    .landing-banner-form form {
        padding: 15px 20px 0;
    }
    .grid .single_tst_wrap .testi-banner {
        height: 175px;
    }
    .landing-page .my-popup .client_photo,
    .landing-page .grid .single_tst_wrap .client_photo {
        top: 50px;
    }
    .ppc-landing-banner .landing-banner-form .title-style8{
        padding: 15px;
    }
    .ppc-landing-banner .banner-desc {
        padding: 15px 0;
    }
    .landing-page .grid .single_tst_left {
        height: 72px;
    }
    .ppc-landing-banner .banner-desc h1 span {
        font-size: 50px;
    }
}
@media only screen and (max-width:768px){
    .ppc-landing-banner {
        height: auto !important;
        padding: 60px 0;
    }
    .ppc-landing-banner .col-left,
    .ppc-landing-banner .col-right{
        width: 100%;
    }
    .ppc-landing-banner .banner-desc {
        padding-top: 0;
        padding-bottom: 10px;
        text-align: center;
    }
    .google-digital .ppc-landing-banner  .banner-desc h1,
    .ppc-landing-banner .banner-desc h1,
    .ppc-landing-banner .banner-desc span{
        font-size: 40px;
        line-height: 1;
        margin-bottom: 10px;
    }
    .ppc-landing-banner .our-partners {
        text-align: center;
    }
    .ppc-landing-banner .our-partners li {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    .ppc-landing-banner .landing-banner-form .title-style8,
    .ppc-landing-banner .landing-banner-form .title-style8 span{
        font-size: 36px;
    }
    .ppc-landing-banner .landing-banner-form .title-style8 span {
        display: inline-block;
    }
    .landing-page .grid .grid-item,
    .landing-page .grid .grid-item:nth-child(3n),
    .landing-page .grid .grid-item:nth-child(4n) {
        margin: 0;
        width: 25%;
        float: left;
        padding: 5px;
        background: transparent;
    }
    .landing-page .grid .single_tst_wrap{
        background: #eaeaea;
        min-height: 735px;
        margin-bottom: 15px;
    }
    .landing-page .footer-top .btn.btn-style10 {
        font-size: 18px;
    }
    .landing-page .grid .single_tst_wrap .testi-banner {
        height: 200px;
    }
    .landing-page .grid .single_tst_left {
        height: auto;
    }
    .landing-page .my-popup .testi-details,
    .landing-page .grid .testi-details {
        padding: 35px 20px 20px;
    }
    .landing-page .my-popup .client_photo,
    .landing-page .grid .single_tst_wrap .client_photo {
        top: 110px;
    }
    .landing-page .footer-top .get-free-consultation {
        width: 90%;
        margin: 0 auto;
    }
    .landing-page .footer-top .btn.btn-style10:before,
    .landing-page .footer-top .btn.btn-style10:after {
        width: 90px;
        height: 85px;
        top: -37px;
    }
    .landing-page .footer-top .btn.btn-style10:after {
        right: -20px;
    }
    .landing-page .footer-top .btn.btn-style10:before {
        left: -20px;
    }
    .landing-test-wrapper {
        padding: 30px 0;
    }
    body.page-ppc-landing {
        padding-top: 20px;
    }
    /*.page-ppc-landing .lg-outer .lg-thumb-item{
        height: 55px !important;
    }*/
    .page-ppc-landing .lg-thumb-outer{
        height: 55px !important;
    }
}
@media only screen and (max-width:767px){
    .landing-test-wrapper {
        padding: 20px 0;
    }
    .landing-page .grid .grid-item,
    .landing-page .grid .grid-item:nth-child(3n),
    .landing-page .grid .grid-item:nth-child(4n) {
        margin: 0 auto 5px;
        float: none;
    }
    .landing-page .grid .single_tst_wrap{
        min-height: 100px;
    }
    /*.page-ppc-landing .lg-outer .lg-thumb-item{
        height: 35px !important;
    }*/
    .page-ppc-landing .lg-thumb-outer {
        height: 55px !important;
    }
    .page-ppc-landing .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 0 !important;
    }
}
@media only screen and (max-width:540px){
    .ppc-landing-page .contact-header .phone-icon{
        font-size: 0;
    }
    .landing-page .footer-top .btn.btn-style10:before, .landing-page .footer-top .btn.btn-style10:after{
        display: none;
    }
}
@media only screen and (max-width:480px){
    #experts-block-v2  .landing-page .footer-top .sub-title a, #experts-block-v2 .landing-page .footer-top .sub-title{
        font-size: 18px !important;
    }
    .landing-page .footer-top .sub-title {
        font-size: 28px;
    }
}