@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face{
    font-family:'SF Pro Display';
    font-style:normal;
    font-display:auto;
    font-weight:200;
    src:local('☺︎'),
    url(../fonts/sf-pro-display_thin.woff2) format("woff2"),
    url(../fonts/sf-pro-display_thin.woff) format("woff"),
    url(../fonts/sf-pro-display_thin.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Display 200';
    src:url(../fonts/sf-pro-display_thin.eot)
}
@font-face{
    font-family:'SF Pro Display';
    font-style:normal;
    font-display:auto;
    font-weight:300;
    src:local('☺︎'),
    url(../fonts/sf-pro-display_light.woff2) format("woff2"),
    url(../fonts/sf-pro-display_light.woff) format("woff"),
    url(../fonts/sf-pro-display_light.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Display 300';
    src:url(../fonts/sf-pro-display_light.eot)
}
@font-face{
    font-family:'SF Pro Display';
    font-style:normal;
    font-display:auto;
    font-weight:500;
    src:local('☺︎'),
    url(../fonts/sf-pro-display_light.woff2) format("woff2"),
    url(../fonts/sf-pro-display_light.woff) format("woff"),
    url(../fonts/sf-pro-display_light.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Display 500';
    src:url(../fonts/sf-pro-display_light.eot)
}
@font-face{
    font-family:'SF Pro Display';
    font-style:normal;
    font-display:auto;
    font-weight:600;
    src:local('☺︎'),
    url(../fonts/sf-pro-display_semibold.woff2) format("woff2"),
    url(../fonts/sf-pro-display_semibold.woff) format("woff"),
    url(../fonts/sf-pro-display_semibold.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Display 600';
    src:url(../fonts/sf-pro-display_semibold.eot)
}
@font-face{
    font-family:'SF Pro Display';
    font-style:normal;
    font-display:auto;
    font-weight:400;
    src:url(../fonts/sf-pro-display_regular.eot);
    src:local('☺︎'),
    url(../fonts/sf-pro-display_regular.woff2) format("woff2"),
    url(../fonts/sf-pro-display_regular.woff) format("woff"),
    url(../fonts/sf-pro-display_regular.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text';
    font-style:normal;
    font-display:auto;
    font-weight:300;
    src:local('☺︎'),
    url(../fonts/sf-pro-text_light.woff2) format("woff2"),
    url(../fonts/sf-pro-text_light.woff) format("woff"),
    url(../fonts/sf-pro-text_light.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text';
    font-style:italic;
    font-weight:300;
    src:local('☺︎'),
    url(../fonts/sf-pro-text_light-italic.woff2) format("woff2"),
    url(../fonts/sf-pro-text_light-italic.woff) format("woff"),
    url(../fonts/sf-pro-text_light-italic.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text 300';
    src:url(../fonts/sf-pro-text_light.eot)
}
@font-face{
    font-family:'SF Pro Text';
    font-style:italic;
    font-weight:400;
    src:local('☺︎'),url(../fonts/sf-pro-text_regular-italic.woff2) format("woff2"),url(../fonts/sf-pro-text_regular-italic.woff) format("woff"),url(../fonts/sf-pro-text_regular-italic.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text';
    font-style:normal;
    font-display:auto;
    font-weight:500;
    src:local('☺︎'),url(../fonts/sf-pro-text_light.woff2) format("woff2"),url(../fonts/sf-pro-text_light.woff) format("woff"),url(../fonts/sf-pro-text_light.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text';
    font-style:italic;
    font-weight:500;
    src:local('☺︎'),url(../fonts/sf-pro-text_light-italic.woff2) format("woff2"),url(../fonts/sf-pro-text_light-italic.woff) format("woff"),url(../fonts/sf-pro-text_light-italic.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text 500';
    src:url(../fonts/sf-pro-text_light.eot)
}
@font-face{
    font-family:'SF Pro Text';
    font-style:normal;
    font-display:auto;
    font-weight:600;
    src:local('☺︎'),url(../fonts/sf-pro-text_semibold.woff2) format("woff2"),url(../fonts/sf-pro-text_semibold.woff) format("woff"),url(../fonts/sf-pro-text_semibold.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text';
    font-style:italic;
    font-weight:600;
    src:local('☺︎'),url(../fonts/sf-pro-text_semibold-italic.woff2) format("woff2"),url(../fonts/sf-pro-text_semibold-italic.woff) format("woff"),url(../fonts/sf-pro-text_semibold-italic.ttf) format("truetype")
}
@font-face{
    font-family:'SF Pro Text 600';
    src:url(../fonts/sf-pro-text_semibold.eot)
}
@font-face{
    font-family:'SF Pro Text';
    font-style:normal;
    font-display:auto;
    font-weight:400;
    src:url(../fonts/sf-pro-text_regular.eot);
    src:local('☺︎'),url(../fonts/sf-pro-text_regular.woff2) format("woff2"),url(../fonts/sf-pro-text_regular.woff) format("woff"),url(../fonts/sf-pro-text_regular.ttf) format("truetype")
}
p+h1, ul+h1, ol+h1, p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3, p+h4, ul+h4, ol+h4, p+h5, ul+h5, ol+h5, p+h6, ul+h6, ol+h6{margin-top: 30px;}
/****************************
        DEFAULT
/****************************/
.break{display:block;}
.largerTitle{
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -0.009em;
    margin-bottom:25px;
    font-family: "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.mediumTitle{
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    margin-bottom:20px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.mediumTitle .eyebrow{font-size:20px;display:block;margin-bottom:5px}
.smallTitle{
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    margin-bottom:15px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.miniTitle{
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    margin-bottom:10px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.microTitle{
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    margin-bottom:5px;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.textIntro{
    font-size: 22px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: 0.011em;
    font-family: "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.learnMore{color:var(--notionColor);display:inline-block;}
.learnMore:after{content:"\f105";font-family:"FontAwesome";margin-left:8px;display:inline-block;vertical-align:baseline;}
.learnMore:hover{text-decoration:underline;}
.newButton{
    font-weight:600;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 46px;
    padding: 0 23px;
    border-radius: 46px;
    border: 2px solid #000;
    color:#000;
    -webkit-transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1);
    transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1);
}
.globalNavigation{border-bottom:1px solid #ddd}
.globalNavigation .navbar{max-width:980px;margin:auto;padding:0;}
.globalNavigation .navbar .navbar-brand{height:45px;width:168px;background-image:url("../images/logo.png");font:0/0 a;color:transparent;background-repeat:no-repeat;background-size:168px;}
.globalNavigation .navbar .navbar-nav .nav-link{color:var(--linkColor);font-weight:300;padding:20px 15px}
.globalNavigation .navbar .navbar-nav .nav-item.active .nav-link{color:#0275d8;opacity:.7}
/*.globalNavigation .navbar .navbar-nav .nav-item:last-child .nav-link{color:purple}*/
.globalNavigation .navbar .navbar-nav .nav-link:hover{color:var(--notionColor)}
.globalNavigation .navbar .navbar-nav .nav-item.active .nav-link:hover{color:currentColor;}
.globalNavigation .navbar .navbar-nav .dropdown:hover .dropdown-menu{
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}
.globalNavigation .navbar .navbar-nav .dropdown-menu{
    transform: translateY(0);
}
.page-ecommerce .globalNavigation{background-color:var(--ecommerce);border-bottom:none}
.page-ecommerce .globalNavigation .navbar .navbar-nav .nav-link{}
@media (max-width:1170px){
    .globalNavigation .navbar .navbar-brand{margin-left:15px}
}
.servicesMenu{opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;display:block;position:fixed;top:0;left:0;right:0;border:none;border-bottom:1px solid #ddd;font-size:13px;background-color: rgba(255,255,255,0.96);z-index:10;}
.servicesMenu .servicesMenuCopy{max-width:980px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 15px;}
.servicesMenu .servicesMenuCopy .title{
    font-size: 21px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.servicesMenu .servicesMenuCopy .links{display:flex;}
.servicesMenu .servicesMenuCopy input{display:none;}
.servicesMenu .servicesMenuCopy .arrow{display:none;margin-bottom:0;width:20px;height:20px;position:absolute;right:15px}
.servicesMenu .servicesMenuCopy .arrow span{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transform:translateY(0);
    transform:translateY(0);
}
.servicesMenu .servicesMenuCopy .arrow span:before,
.servicesMenu .servicesMenuCopy .arrow span:after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    width: 12px;
    height: 1px;
    z-index: 1;
    background-color:#000;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.servicesMenu .servicesMenuCopy .arrow span:before{
    right:50%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
}
.servicesMenu .servicesMenuCopy .arrow span:after{
    left:50%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
}
.servicesMenu .servicesMenuCopy input.servicesButton:checked ~ .arrow span:before{
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
}
.servicesMenu .servicesMenuCopy input.servicesButton:checked ~ .arrow span:after{
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
}
.servicesMenu .servicesMenuCopy input.servicesButton:checked ~ .links{
    max-height: 400px;
    max-height: calc(100vh - 48px - 48px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    visibility: visible;
    -webkit-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.servicesMenu .servicesMenuCopy .links ul{margin:0;list-style-type:none;display:flex;padding:0;}

.backdropfilter .servicesMenu{
    /*-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.7);*/
}

.servicesMenu.displayServices{opacity:1;visibility:visible;}
.servicesMenu .servicesMenuCopy a{text-align:center;padding:16px 10px;display:block;color:#333;}
.servicesMenu .servicesMenuCopy a:hover,
.servicesMenu .servicesMenuCopy a.active{color:var(--notionColor);background-color:transparent;}
./*servicesMenu a:nth-child(4),
.servicesMenu a:nth-child(5){display:none;}*/
.page-ecommerce .servicesMenu a:hover,
.page-ecommerce .servicesMenu .active{color:var(--ecommerce)}

.homeBanner{
    height: -moz-calc(90vh - 56px);
    height: -webkit-calc(90vh - 56px);
    height: -o-calc(90vh - 56px);
    height: calc(90vh - 56px);
    position:relative;
    background-image:url("../images/hero-lg.jpg");background-repeat:no-repeat;background-position:top center;background-size:cover;
}
.homeBanner .caption{position:absolute;top:80px;transform:translateX(-50%);left:50%;text-align:center;}

.footerWrapper{margin-top:15px;background-color:var(--gray-01);font-size:11px;padding-bottom:10px;padding:0 15px}
.footerWrapper .breadcrumb{padding:15px 0;max-width:980px;}
.footerWrapper .footerCopy{max-width:980px;margin:auto;display:flex;padding-bottom:24px;flex-wrap:wrap;}
.footerWrapper .footerCopy .footerTitle{
    font-size: 11px;
    line-height: 1.36364;
    font-weight: 600;
    letter-spacing: -.008em;
    margin: 0;
    margin-bottom: .8em;
}
.footerWrapper .footerCopy .column{flex:0 0 22%;}
.footerWrapper .footerCopy .column:last-child{flex:0 0 30%;}
.footerWrapper .footerCopy .column:nth-child(3){flex:0 0 38%;}
.footerWrapper .footerCopy .column:nth-child(4){flex:0 0 18%;}
.footerWrapper .footerCopy .column ul{margin:0 20px 0 0;list-style-type:none;padding:0;}
.footerWrapper .footerCopy .column ul li{margin-bottom:.6em}
.footerWrapper .footerCopy .column ul li a{color:#555}
.footerWrapper .footerCopy .column .socialMedia{width:70%}
.footerWrapper .footerCopy .column .socialMedia a{margin-right:10px;margin-bottom:10px;width:25px;height:25px;border-radius:40px;display:inline-block;vertical-align:middle;line-height:25px;text-align:center;font-size:20px;color:inherit;}
.footerWrapper .footerCopy .column .socialMedia a span{display:none;}
.footerWrapper .footerCopy .column .socialMedia a:before{font-family:"FontAwesome";display:inline-block;}
.footerWrapper .footerCopy .column .socialMedia a.facebook:before{content:"\f09a"}
.footerWrapper .footerCopy .column .socialMedia a.flickr:before{content:"\f16e"}
.footerWrapper .footerCopy .column .socialMedia a.twitter:before{content:"\f099"}
.footerWrapper .footerCopy .column .socialMedia a.pinterest:before{content:"\f231"}
.footerWrapper .footerCopy .column .socialMedia a.google:before{content:"\f1a0"}
.footerWrapper .footerCopy .column .socialMedia a.linkedin:before{content:"\f0e1"}
.footerWrapper .footerCopy .column .socialMedia a.instagram:before{content:"\f16d"}
.footerWrapper .copyright{padding:14px 0;max-width:980px;margin:auto;border-top:1px solid #d6d6d6;color:#888}
.footerWrapper .copyright .links{margin-left:15px;font-size:13px;}
.footerWrapper .copyright .links a{margin-right:14px;padding-right:14px;border-right:1px solid #d6d6d6;color:#555}
.footerWrapper .copyright .links a:last-child{border-right:none;}

.contentWrapper{}
/*.contentWrapper.blue{background-color:#f2f9fd}*/
.content{max-width:980px;margin:auto;padding:60px 15px;}
.content.square{max-width:980px;}


.largerBannerAbsolute{min-height:600px;height:70vh;background-position:top center;background-repeat:no-repeat;background-size:cover;max-width:1920px;margin:auto;position:relative;background-color:#fafafa}
.largerBannerAbsolute .bannerCaption{position:absolute;transform:translateX(-50%);left:50%;top:20%;padding:0 15px}
.largerBannerAbsolute .bannerCaption .largerTitle{max-width:600px;margin-left:auto;margin-right:auto;text-align:center;}
.largerBannerAbsolute .bannerCaption .textIntro{max-width:650px;text-align:center;margin-left:auto;margin-right:auto}

.largerBannerAbsolute.testimonials{min-height:500px;height:auto}
.largerBannerAbsolute.cms .bannerCaption .largerTitle{max-width:1050px;}
.largerBannerAbsolute.about{background-image:url("../images/about-office-view.jpg");height:400px;min-height:400px;background-size:auto 100%}

.largerBannerAbsolute.ppc{background-image:url("../images/ppc.jpg");background-size:cover;min-height:850px}

.largerBannerRelative .bannerCaption{padding-top:60px;max-width:650px;margin:auto;text-align:center;padding-left:15px;padding-right:15px;}
.page-services .largerBannerRelative .bannerCaption{max-width:520px}

.largerBannerRelative.ecommerce .image{background-image:url("https://i0.wp.com/www.hiltonhotels.it/assets/img/hotels/DXBCDCI_Conrad_Dubai/DXBCDCI_attractions_full05.jpg");height:800px;width:1600px;display:block;background-position:top center;margin:auto}
.largerBannerRelative.ecommerce .bannerCaption{max-width:100%;}
.largerBannerRelative.ecommerce .textIntro{max-width:900px;margin-left:auto;margin-right:auto}
.largerBannerRelative .textIntro.below{max-width:870px;margin:auto;text-align:center;padding:50px 0}

.largerBannerRelative.jobs .bannerCaption{max-width:950px;margin-bottom:60px}

.largerBannerRelative.seo{margin-bottom:30px;}
.largerBannerRelative.seo .bannerCaption{color:#000;max-width:900px;}
.largerBannerRelative.seo .bannerCaption .textIntro{max-width:700px;margin:auto}

.webdesignHero{overflow-x:hidden;}
.webdesignHero .bannerCaption{padding-top:60px;max-width:550px;margin:auto;text-align:center;margin-bottom:60px;padding-right:15px;padding-left:15px}
.webdesignHero .imageWrapper{max-width:980px;margin:auto;/*height:750px;background-image:url("../images/webdesign/hero.png");background-position:50% 0;background-repeat:no-repeat;*/}
.webdesignHero .imageWrapper .imageCopy{max-width:1608px;margin:0 -314px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;overflow:hidden;}
.webdesignHero .imageWrapper .mockup{
    width:506px;
    height:495px;
    background-size:506px auto;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
    border-radius:2px 2px 0 0 ;
    background-repeat:no-repeat;
}
.webdesignHero .imageWrapper .mockup:nth-child(1){background-image:url("../images/bahrain.jpg");transform:translateY(20px);height:475px;background-size:cover;background-position:center;}
.webdesignHero .imageWrapper .mockup:nth-child(2){background-image:url("../images/anubhav.jpg");}
.webdesignHero .imageWrapper .mockup:nth-child(3){background-image:url("../images/jb.jpg");transform:translateY(20px);height:475px;}
.webdesignHero .imageWrapper .mockup:nth-child(4){display:none;}

.prototypeHero{max-width:980px;margin:auto;}
.prototypeHero .copy{padding-top:60px;text-align:center;max-width:980px;margin:auto;padding-left:15px;padding-right:15px;}
.prototypeHero .copy .textIntro{max-width:515px;margin:auto;}
.prototypeHero .image{background-image:url("../images/wireframe.png");background-position:center;margin:60px -147px 0 -147px;height:804px;max-width:1275px;background-size:1275px 804px;background-repeat:no-repeat;}

/*.servicesWrapper{margin-top:8px;max-width:1400px;margin-left:auto;margin-right:auto;}
.servicesWrapper .service{display:flex;justify-content:space-between;background-color:#fafafa;margin-bottom:15px}
.servicesWrapper .service:last-child{margin-bottom:0}
.servicesWrapper .service .image{background-image:url("https://media.istockphoto.com/photos/indian-woman-fashion-dress-in-display-on-hangersin-a-retail-store-picture-id902847512");background-position:center;background-repeat:no-repeat;flex:1 1 0;margin-bottom:0}
.servicesWrapper .service .copy{flex:1 1 0;}
.servicesWrapper .service .copy .copyInner{max-width:60%;padding:100px 0;margin:auto}
.servicesWrapper .service .copy .copyInner .mediumTitle{margin-bottom:20px}*/


.servicesWrapper{margin-top:15px;max-width:1170px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.servicesWrapper .service{background-color:#fafafa;flex:0 0 49.5%;margin-bottom:1%}
.servicesWrapper .service .copy{padding:65px 15px 0 15px;text-align:center;}
.servicesWrapper .service .copy p{max-width:70%;margin-left:auto;margin-right:auto;}
.servicesWrapper .service .image{background-position:bottom;background-repeat:no-repeat;margin:30px 0 0 0;height:300px;background-size:auto 100%;}
.servicesWrapper .service:nth-child(1) .image{background-image:url("../images/webdesign.png");}
.servicesWrapper .service:nth-child(2) .image{background-image:url("../images/ecommerce.jpeg");}
.servicesWrapper .service:nth-child(3) .image{background-image:url("../images/seo.png");}
.servicesWrapper .service:nth-child(4) .image{background-image:url("../images/mobile-app.png");background-size:60%;background-position:top;}

.servicesWrapper.inner .service{padding-bottom:65px;}
.servicesWrapper.inner .service .miniTitle{margin-left:auto;margin-right:auto;}
.servicesWrapper.inner .service .copy p{max-width:85%}

.otherServices{padding:120px 15px;background-color:#f3f5f7}
.otherServices .copy{max-width:980px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.otherServices .copy .service{padding:125px 6.2069%;background-color:#FFF;flex:0 0 48%;margin-bottom:4%}

.contactSales{
    position: fixed;
    right: 15px;
    bottom: 15px;
    padding: 12px 18px;
    background-color: #0176FF;
    color: #FFF;
    line-height: normal;
    color: #FFF;
    border-radius: 999rem;
    letter-spacing: 1px;
    z-index: 1;
}
.contactSales:before {
    content: "\f095";
    font-family: "FontAwesome";
    margin-right: 8px;
}
.contactSales:hover{color:#0176FF;background-color:#FFF;box-shadow:0 5px 10px #ccc;border-color:#0176FF}


.pageNavigation{
    margin:auto;
    max-width:1170px;
    padding:80px 15px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pageNavigation a{
    position: relative;
    z-index: 1;
    flex:0 0 32%;
    border-radius:10px;
    height: 269px;
    -webkit-box-shadow: 0 8px 20px 0px rgba(0,0,0,0.12);
    box-shadow: 0 8px 20px 0px rgba(0,0,0,0.12);
    background-color: #f2f2f2;
    background-position:top center;
    background-size:cover;
    color:inherit;
    overflow:hidden;
    background-repeat:no-repeat;
}
.pageNavigation a.active{opacity:0.4;pointer-events: none;}
.pageNavigation a.active:hover .learnMore{text-decoration:none;}
.pageNavigation a .caption{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:80px 30px 30px;
    background: -moz-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0.90) 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.90) 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.90) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */
}
.pageNavigation a .learnMore{color:inherit;}
.pageNavigation a:hover .learnMore{text-decoration:underline;}
.pageNavigation .webdesign{background-image:url("../images/webdesign.png");background-size:auto 90%;background-position:bottom;}
.pageNavigation .ecommerce{background-image:url("../images/ecommerce.jpg");}
.pageNavigation .seo{background-image:url("../images/seo.png");}




.headingLarger{padding-bottom:60px;padding-top:60px;max-width:980px;margin:auto auto 40px auto;text-align:center;border-bottom:1px solid #ddd;}
.headingLarger .largerTitle{margin-bottom:0}
.headingLarger .textIntro{margin-top:30px;max-width:850px;margin-left:auto;margin-right:auto;margin-bottom:0}

.webdesignWrapper{padding:100px 0 0 0;}
.webdesignWrapper .mediumTitle{max-width:55%}
.webdesignWrapper > p{max-width:80%}
.webdesignWrapper ul{margin:60px 0 0 0;padding:0;list-style-type:none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.webdesignWrapper ul li{flex:0 0 48%;margin-top:30px}

.collapseWrapper{max-width:980px;margin:auto auto 120px;padding:0 15px}
.collapseWrapper button{width:100%;background-color:transparent;border:none;padding:15px 0;text-align:left;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;margin-top:-1px;font-size:20px;position:relative;}
.collapseWrapper button:after{
    position:absolute;right:0;content:"+";font-size:28px;
    transform:translateY(-50%) translateX(-10px) scale(.9) rotate(45deg);
    top:50%;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    /*-webkit-transform: rotate(0) ;
    transform: rotate(0) scale(.9);*/
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.collapseWrapper button.collapsed{}
.collapseWrapper button.collapsed:after{
    -webkit-transform:translateY(-50%) translateX(-10px) rotate(0deg) scale(1);
    transform:translateY(-50%) translateX(-10px) rotate(0deg) scale(1);
}
.collapseWrapper button:hover{color:var(--notionColor)}
.collapseWrapper .collapseCopy{padding:15px 15px 30px 15px;max-width:75%;}
.collapseWrapper .miniTitle{margin-bottom:30px}


.ecommerceHeroWrapper{padding:100px 15px 0;position:relative;background-color:var(--ecommerce);margin-bottom:5%;}
/*.ecommerceHeroWrapper:before{position:absolute;top:0;left:0;right:0;bottom:10%;content:"";}*/
.ecommerceHeroWrapper .inner{max-width:1170px;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.ecommerceHeroWrapper .copy{flex:1;padding-right:5%;position:relative;padding-bottom:50px}
.ecommerceHeroWrapper .copy .largerTitle{color:#cc7240}
.ecommerceHeroWrapper .imageWrap{
    flex:0 0 570px;
    display:flex;
    height:680px;
    justify-content:space-between;
    flex-wrap:wrap;
    position:relative;
    margin-bottom:-6%;
}
.ecommerceHeroWrapper .imageWrap .column{flex:0 0 49%;background-repeat:no-repeat;}
.ecommerceHeroWrapper .imageWrap .right{top:-4%;position:relative;flex:0 0 50%;right:-2%}
.ecommerceHeroWrapper .imageWrap .column{flex:0 0 49%;background-size:cover;background-position:center;position:relative;}
.ecommerceHeroWrapper .imageWrap .column.first{height:100%;background-image:url("../images/first.jpg");background-position:95%;}
.ecommerceHeroWrapper .imageWrap .column.second{height:49%;background-image:url("../images/second.jpg");background-size:390px;background-position:center bottom;margin-bottom:5%;right:4%;margin-left:4%}
.ecommerceHeroWrapper .imageWrap .column.third{height:49%;width:103%;background-image:url("../images/third.jpg");background-position:right;position:relative;}
.ecommerceFeatures{display:flex;flex-wrap:wrap;padding-bottom:3.58824em;margin-bottom:3.58824em;border-bottom:1px solid #ddd}
.ecommerceFeatures:last-child{margin-bottom:0;}
.ecommerceFeatures .miniTitle{flex:0 0 30%;padding-right:5%}
.ecommerceFeatures ul{padding-left:0;margin:0 0 -54px 0;flex:0 0 70%;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-between;}
.ecommerceFeatures li{flex:0 0 48%;margin-bottom:54px;padding-right:4%}


#jobs{max-width:1600px;margin:auto;}

/*.portfolio{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display:flex;
    flex-wrap:wrap;
}
.portfolio li{
    margin: 0 12px 20px 12px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    overflow: hidden;
    flex:0 0 20%;
}
.portfolio li img{
    box-shadow: 0 2px 8px #ccc;
    max-width: 100%;
    border: 1px solid #dce0e0;
}*/

.portfolio {
    list-style: none;
    margin:auto -140px;
    width:1260px;
    padding: 0;
    display:flex;
    justify-content:center;flex-wrap:wrap;
}

.portfolio li {
    margin:0 20px 30px 20px;
    width:275px;
    opacity: 0;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.portfolio li:hover{
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}
.portfolio li img{
    /*box-shadow: 0 2px 8px #ccc;
    max-width: 100%;
    border: 1px solid #dce0e0;
    border-radius:5px;*/
}
.portfolio li span{
    display: block;
    font-size: 13px;
    margin-top: 8px;
    margin-left:5px
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
    opacity: 1;
}

/*.grid li a,
.grid li img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
}*/

/* Effect 1: opacity */
.grid.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

.contactUS{display:flex;justify-content:space-between;align-items:flex-start}
.contactUS .form{flex:0 0 55%}
.contactUS .form .form-control{width:70%}
.contactUS .form textarea.form-control{width:100%}
.contactUS .touch{flex:0 0 35%;padding:40px;background-color:#f2f2f2}



.clientTestimonials{margin:auto;padding:0;list-style-type:none;max-width:980px;}
.clientTestimonials li{padding:40px 15px;text-align:center;width:100%;}
.clientTestimonials li .logo{min-width:200px;display:inline-block;margin:20px auto;text-align:center;}
.clientTestimonials li p{max-width:800px;margin-left:auto;margin-right:auto;}
.clientTestimonials li small{color:#999}

.box{
        background-color: #fafafa;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
        font-size: 18px;
    padding: 32px 30px; 
}
.aboutUs{padding-top:80px;}
.aboutUs .col-md-8 .box {
    margin-right: -52%;
}

.team{
    padding: 30px 0 0 0;
    border-top: 1px solid #d6d6d6;
    margin-top: 30px;
}
.sitemap ul > li {
    padding: 4px 0;
}
.sitemap ul > li a{color:#333;}


.servicesBanner{
    background-color: #eee;
}
.servicesBanner .caption{
    max-width: 980px;
    margin: auto;
    padding: 75px 25% 75px 15px;
    overflow: hidden;
    position: relative;
}
.servicesBanner img{
    float: right;
    width: 32%;
    position: absolute;
    bottom: -180px;
    right: 15px;
    top: 20px;
}

.availability span{display:inline-block;padding:2px 6px;margin-bottom:5px;border:1px solid #d6d6d6;color:#555;font-size:14px;border-radius:3px;}


.servicesInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width:1170px;
    margin:auto;    
}
.servicesInner .left,
.servicesInner .right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    height: 500px;
}
.servicesInner .column .service{
    height:100%;
    margin:1px;
    text-align:center;
    overflow:hidden;
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
}
.servicesInner .column .apps{background-color:#dae7f480}
.servicesInner .column .apps:hover{background-color:#dae7f4}
.servicesInner .column .webdesign{background-color:#ffd8d680}
.servicesInner .column .webdesign:hover{background-color:#ffd9d8}
.servicesInner .column .cms{background-color:#fdf3d380}
.servicesInner .column .cms:hover{background-color:#fdf2d1}
.servicesInner .column .seo{background-color:#daefe980}
.servicesInner .column .seo:hover{background-color:#daefe9}
.servicesInner .column .ecommerce{background-color:#e3dbec80}
.servicesInner .column .ecommerce:hover{background-color:#e3dbec}
.servicesInner .center{
    width:50%;
}
.servicesInner .center .service{height:249px;display:block;}
.servicesInner .column.center .wrap{
        display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height:249px;
}
.servicesInner .column.center .wrap .other{
        display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin:1px;
    overflow:hidden;
}
.servicesInner .column.center .wrap .other .mockup{height:115px;text-align:center;}
/*.servicesInner .column .service:hover,
.servicesInner .column.center .wrap .other:hover{background-color:#f2f2f2}*/
.servicesInner .column .microTitle{margin-top:42px;text-align:center;color:initial;}
.servicesInner .column .xsmall-headline{color:#333;margin-bottom:15px}
.servicesInner .column .mockup{
    height: 100%;
    position: relative;
    margin-top: 24px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
}
.servicesInner .column a:hover .mockup{-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.servicesInner .column .mockup img{max-width:80%;margin:0 10%}
.servicesInner .column .webdesign{position:relative;}
.servicesInner .column .webdesign img{max-width:90%;margin:0 5%}
.servicesInner .column .webdesign .mockup{margin-top:0}
@media (max-width:992px){
    .servicesInner{-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .servicesInner .left,
    .servicesInner .right{width:50%}
    .servicesInner .center{width:100%;}
    .servicesInner .left{order:3;}

    .homeBanner .caption{width:100%;padding:0 20px;transform:none;left:auto}
}
@media (max-width:767px){
    .servicesInner .left,
    .servicesInner .right{height:300px;}
    .servicesInner .column .subHead{margin-top:24px;max-width:130px;margin-right:auto;margin-left:auto;font-size:18px;}
    .servicesInner .column .mockup{margin-top:16px;}
    .servicesInner .column.center .wrap{height:220px;}
    .servicesInner .column .webdesign{height:220px;}
    .servicesInner .column .cms .mockup img{max-width:100%;margin:0}
}
@media (max-width:375px){
    .servicesInner .column.center .wrap{height:auto;display:block;}
    .servicesInner .column.center .wrap .other{height:260px;}
    .servicesInner .left, .allServices .servicesInner .right{width:50%;}
    .servicesInner .column .microTitle{margin-left:20px;margin-right:20px;margin-top:25px}
}


.ourWorks{
    max-width:1600px;
    margin:auto;
    /*background: -webkit-gradient(linear,right top,left bottom,color-stop(-33%,#6f27b5),to(#5c6bd0));
    background: linear-gradient(to bottom left,#6f27b5 -33%,#5c6bd0);*/
    background-color:#000;
    position: relative;
    text-align: center;
    padding: 88px 0 496px;
    overflow:hidden;
    color:#FFF;
}
.ourWorks .learnMore{color:#FFF}
.ourWorks .ourWorksHead .mediumTitle{color:inherit;}
.ourWorks .ourWorksCopy{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    width:2000px;
    left:50%;
    margin-left:-1000px;
}

.ourWorks .ourWorksCopy .column .site{
    display:block;
    color:#fff;
    position:relative;
    margin:32px 16px;
    -webkit-box-shadow:0 2px 16px rgba(0,0,0,.3);
    box-shadow:0 2px 16px rgba(0,0,0,.3);
    /*height:250px;*/
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    border-radius:4px;
}
.ourWorks .ourWorksCopy .column .site img{
    width: 400px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ourWorks .ourWorksCopy .column .site:before{
    content:"";
    background:#fafafa;
    position:absolute;
    top:-12px;
    height:12px;
    width:100%;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    opacity:.8;
}
.ourWorks .ourWorksCopy .column:first-of-type .site:nth-of-type(2) {
    -webkit-transform: scale(.85) translateY(-24px) translateX(8px);
    transform: scale(.85) translateY(-24px) translateX(8px);
    opacity: .8;
}
.ourWorks .ourWorksCopy .column:nth-of-type(2) .site:first-of-type{
    -webkit-transform:scale(1.2) translateY(80px) translateX(24px);
    transform:scale(1.2) translateY(80px) translateX(24px);
}
.ourWorks .ourWorksCopy .column:nth-of-type(2) .site:nth-of-type(2){
    -webkit-transform:scale(1.2) translateY(144px) translateX(48px);
    transform:scale(1.2) translateY(144px) translateX(48px);
    opacity:.7;
}
.ourWorks .ourWorksCopy .column:nth-of-type(3) .site:first-of-type{
    -webkit-transform: scale(.9) translateY(48px) translateX(64px);
    transform: scale(.9) translateY(48px) translateX(64px);
    opacity: .7;
}
.ourWorks .ourWorksCopy .column:nth-of-type(3) .site:nth-of-type(2){
    -webkit-transform: scale(.8) translateY(32px) translateX(88px);
    transform: scale(.8) translateY(32px) translateX(88px);
    opacity: .6;
}
.ourWorks .ourWorksCopy .column:nth-of-type(4) .site:first-of-type{
    -webkit-transform: scale(.65) translateY(-48px) translateX(-32px);
    transform: scale(.65) translateY(-48px) translateX(-32px);
    opacity: .7;
}
.ourWorks .ourWorksCopy .column:nth-of-type(4) .site:nth-of-type(2) {
    -webkit-transform: scale(.6) translateY(-184px) translateX(-56px);
    transform: scale(.6) translateY(-184px) translateX(-56px);
    opacity: .4;
}
.ourWorks .ourWorksCopy .column:nth-of-type(4) .site:nth-of-type(3) {
    -webkit-transform: scale(.9) translateY(-168px) translateX(24px);
    transform: scale(.9) translateY(-168px) translateX(24px);
    opacity: .3;
}
.ourWorks .ourWorksCopy .column .site:hover{opacity:1}



.homeContentCopy{padding:120px 15px 60px;max-width:1170px;margin:auto;}
.homeContentCopy .mediumTitle .subHead{display:block;}
.homeContentCopy .homeContentLeft{float:left;width:70%;padding-right:60px}
.homeContentCopy .homeContentRight{
    float:right;width:30%;
}

.services-pages .carousel-indicators,
.local-pages .carousel-indicators,
.homeContentCopy .homeContentRight .carousel-indicators{
    margin:20px 0 0 0;text-align:left;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.homeContentCopy .homeContentRight .carousel-indicators > li,
.local-pages .carousel-indicators > li,
.services-pages .carousel-indicators > li{background-color:rgba(136,136,136,0.4);border:none;height:8px;width:8px;}

/*Client Reviews*/
.client-reviews-wrap .client-reviews{max-width:950px;margin:auto}
.client-reviews-wrap .client-reviews p{
    font-size:24px;
    font-weight:300;
    font-family: "SF Pro Display","Helvetica Neue","Helvetica","Arial",sans-serif;
    letter-spacing:.015em;
}
.client-reviews-wrap .client-reviews .author{font-size:18px;margin-top:1.6rem}
.client-reviews-wrap .client-reviews .author .name{
    display:block;
    font-size: 14px;
    font-weight: 600;
    font-family: "SF Pro Text","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.client-reviews-wrap .client-reviews .author .other{
    vertical-align:top;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Helvetica Neue","Helvetica","Arial",sans-serif;
    display:block;
}
.client-reviews-wrap .image{
    height: 450px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
.client-reviews-wrap .carousel-control-prev span,
.client-reviews-wrap .carousel-control-next span{height:60px;width:24px;display:flex;align-items:center;}
.client-reviews-wrap .carousel-control-prev span:before,
.client-reviews-wrap .carousel-control-prev span:after,
.client-reviews-wrap .carousel-control-next span:before,
.client-reviews-wrap .carousel-control-next span:after{
    content:"";
    height:1px;
    flex:0 0 30px;
    display:block;
    background-color:white;
}
.client-reviews-wrap .carousel-control-prev span:before,
.client-reviews-wrap .carousel-control-prev span:after{transform-origin:left;}
.client-reviews-wrap .carousel-control-prev span:before{transform:rotate(-45deg);}
.client-reviews-wrap .carousel-control-prev span:after{transform:translateX(-100%) rotate(45deg);}
.client-reviews-wrap .carousel-control-next span:before,
.client-reviews-wrap .carousel-control-next span:after{transform-origin:right;}
.client-reviews-wrap .carousel-control-next span:before{transform:rotate(45deg);}
.client-reviews-wrap .carousel-control-next span:after{transform:translateX(-100%) rotate(-45deg)}

.servicesReview{
    background:#505969;
    padding:80px 15px;
    display:flex;
    margin-bottom:60px; 
    justify-content:center;
    flex-direction:column;
    color:#FFF
}
.servicesReview .mediumTitle{text-align:center;}
.servicesReview .client-reviews{
    text-align: center;
    display: flex;
    align-items: center;
}
.servicesReview .client-reviews .carousel-item{}
.servicesReview .client-reviews p{font-size:32px;}
.servicesReview .client-reviews .author .copy{margin-left:20px;}
.servicesReview .client-reviews .author img{flex:0 0 80px;border-radius:50px;height:80px;}
.servicesReview .client-reviews .author .name{font-weight:500}
.servicesReview .client-reviews .author .name,
.servicesReview .client-reviews .author .other{font-size:17px;}
.page-seo .globalNavigation{/*background-color:rgba(255,255,255,0.90);position:relative;*/}
.graph{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content:space-between;
    /*-ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;*/
    list-style: none;
    height:550px;
    margin:auto;
    max-width:1920px;
    padding-left:0
}

.graph li{width:82px;border-radius:10px;transition: all 0.9s;}
.graph li:hover{transform:translateY(-15px);animation-iteration-count: infinite;}
.graph li:nth-child(1){
    height:272px;
    margin-top: 266px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2CD9C5),to(#A4F7CC));
    background: -webkit-linear-gradient(top, #2CD9C5 0%,#A4F7CC 30%);
    background: linear-gradient(to bottom, #2CD9C5 0%,#A4F7CC 30%);
}
.graph li:nth-child(2){
    height:480px;
    margin-top: 161px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c471f5),to(#fa71cd));
    background: -webkit-linear-gradient(top, #c471f5 0%,#fa71cd 100%);
    background: linear-gradient(to bottom, #c471f5 0%,#fa71cd 100%);
}
.graph li:nth-child(3){
    height:485px;
    margin-top: 83px;
    background: -webkit-gradient(linear, left top, left bottom, from(#5AFF15),to(#00B712));
    background: -webkit-linear-gradient(top, #5AFF15 0%,#00B712 100%);
    background: linear-gradient(to bottom, #5AFF15 0%,#00B712 100%);
}
.graph li:nth-child(4){
    height:511px;
    margin-top:20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ec9f05),to(#ff4e00));
    background: -webkit-linear-gradient(top, #ec9f05 0%,#ff4e00 100%);
    background: linear-gradient(to bottom, #ec9f05 0%,#ff4e00 100%);
}
.graph li:nth-child(5){
    height:480px;
    margin-top:140px;
    background: -webkit-gradient(linear, left top, left bottom, from(#826AF9),to(61%, #9E86FF));
    background: -webkit-linear-gradient(top, #826AF9 0%,#9E86FF 61%);
    background: linear-gradient(to bottom, #826AF9 0%,#9E86FF 61%);
}
.graph li:nth-child(6){
    height:512px;
    margin-top:198px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ec72da),color-stop(57%, #FBB034),to(#f6b926));
    background: -webkit-linear-gradient(top, #ec72da 0%,#f59249 57%,#f6b926 100%);
    background: linear-gradient(to bottom, #ec72da 0%,#f59249 57%,#f6b926 100%);
}
.graph li:nth-child(7){
    height:300px;
    margin-top:280px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6C40),to(#FFBD98));
    background: -webkit-linear-gradient(top, #FF6C40 0%,#FFBD98);
    background: linear-gradient(to bottom, #FF6C40 0%,#FFBD98);
}

.seoWrapper{}
.seoHero{margin-bottom:40px;margin-top:60px}
.seoHero .textIntro{padding-right:200px;}

.startedTody{padding:90px 0;background-color:#000;color:#FFF;text-align:center;
    background: -webkit-linear-gradient(130deg, #6c6ff0 0%, #a354e4 58%, #c65cae 100%);
    background: linear-gradient(-40deg, #6c6ff0 0%, #a354e4 58%, #c65cae 100%);
}
.startedTody .copy{max-width:980px;margin:auto;padding:0 15px;}
.startedTody .copy .textIntro{margin:auto;}
.startedTody .copy .newButton{color:#FFF;border-color:#FFF;margin-top:20px}
.startedTody .copy .newButton:hover{background-color:#FFF;color:#000}
/*.client-reviews .carousel-indicators{bottom:0;margin-top:20px;margin-bottom:0;position:relative;}
.client-reviews .carousel-indicators .active{}*/

.prototypeIntro{max-width:980px;margin:auto;padding:0 15px}
.prototypeCopy{padding-right:13%}

.mobileAppHero{display:flex;justify-content:space-between;max-width:980px;margin:auto;padding-top:80px;align-items:center;}
.mobileAppHero .copy{flex:0 0 40%;}
.mobileAppHero .image{background-image:url("../images/app-bg.png");flex:0 0 520px;height:816px;background-repeat:no-repeat;position:relative;}
.mobileAppHero .image img{position:absolute;z-index:-1;width:280px;top:42px;left:51px}

.page-mobile-app .columnWrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.page-mobile-app .columnWrap .column{flex:0 0 49%;padding:60px 60px;background-color:#fafafa;margin-bottom:20px}

.page-blog{display:flex;max-width:1300px;margin:0 auto 60px auto;flex-wrap:wrap;justify-content:space-between;}
.page-blog .column{flex:0 0 49.5%;margin-bottom:1%;background-color:var(--gray-01);}
.page-blog .column .image{height:400px;display:block;background-size:cover;background-position:center;}
.page-blog .column .copy{padding:90px 15% 60px 15%;}

@media (max-width:1024px){
    .largerTitle{font-size:48px;margin-bottom:12.5px;}
    .textIntro{max-width:600px;font-size:17px}
    .largerBannerAbsolute .bannerCaption{width:100%;top:10%;}
    .largerBannerAbsolute .bannerCaption .largerTitle{max-width:500px;}

    .pageNavigation a{height:188px}
    .pageNavigation a .caption{padding:20px}
    .pageNavigation a .caption .smallTitle{font-size:22px;margin-bottom:10px}

    .ecommerceHeroWrapper{padding-top:60px}
    .ecommerceHeroWrapper .imageWrap{flex:0 0 470px;height:620px}

    .mobileAppHero{padding-top:30px}
    .mobileAppHero .copy{margin-left:30px;}
    .mobileAppHero .image{flex:0 0 390px;height:612px;background-size:390px}
    .mobileAppHero .image img{width:210px;top:31px;left:38px}

    .page-mobile-app .content .textIntro{margin:auto;padding:0 !important}
}

@media (max-width:992px){
    .globalNavigation .navbar .navbar-brand{width:90px;background-size:100%;background-position:center;}
    .homeContentCopy .homeContentLeft{float:none;width:100%;padding-right:0;}
    .homeContentCopy .homeContentRight{float:none;width:100%;margin-top:60px;}
    .ourWorks{padding-bottom:334px;}
    .ourWorks .ourWorksCopy{
        -webkit-transform:scale(.7);
        transform:scale(.7);
        top:140px;
    }
    .globalNavigation .navbar .navbar-toggler{text-align:center;cursor:pointer;}
    .globalNavigation .navbar .navbar-toggler .burger{position:relative;display:block;}
    .globalNavigation .navbar .navbar-toggler .burger::before,
    .globalNavigation .navbar .navbar-toggler .burger::after{
        content:"";
        height:2px;
        width:28px;
        background-color:#555;
        display:block;
        margin:auto;
        border-radius:2px;
        transform-origin:initial;
        position:absolute;
        transform:translate(50%, 50%);
        transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    }
    .globalNavigation .navbar .navbar-toggler .burger::before{transform:translateX(15px) translateY(-6px);}
    .globalNavigation .navbar .navbar-toggler .burger::after{transform:translateX(15px) translateY(6px);}
    .menuOpened .globalNavigation .navbar .navbar-toggler .burger:before{transform: translateX(15px) rotate(45deg);}
    .menuOpened .globalNavigation .navbar .navbar-toggler .burger:after{transform: translateX(15px) rotate(-45deg);}
    .globalNavigation .navbar-collapse{
        position:fixed;
        top:59px;
        bottom:0;
        width:70%;
        background-color:#EEE;
        height:100vh !important;
        z-index:1;
        display:inline-block;
        -o-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        -moz-transform: translateX(-250px);
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        visibility: hidden;
        -webkit-transition: all 377ms ease-in-out;
        -moz-transition: all 377ms ease-in-out;
        -o-transition: all 377ms ease-in-out;
        transition: all 377ms ease-in-out;
        -ms-transition: all 377ms ease-in-out;
        height: 100%;
        border-right:1px solid #ddd
    }
    .menuOpened .globalNavigation .navbar-collapse{
        filter: alpha(opacity=1);
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        visibility:visible;
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .menuOpened{overflow:hidden;}
    .globalNavigation .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #ddd}
    .globalNavigation .navbar-collapse .navbar-nav .nav-item .nav-link{padding:10px 15px;}
    .servicesMenu .servicesMenuCopy{padding:12px 15px;}
    .servicesMenu .servicesMenuCopy .arrow{display:block;}
    .servicesMenu .servicesMenuCopy .links{
        float: none;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        width: 100%;
        padding-top: 0;
        max-height: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s;
        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s;
        position:absolute;
        left:0;
        right:0;
        background-color:#FFF;
        top:45px;
        z-index:9
    }
    .servicesMenu .servicesMenuCopy .links ul{
        opacity: 0;
        padding: 4px 24px 24px;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        display:block;
        width:100%;
    }
    .servicesMenu .servicesMenuCopy .links ul li{border-top:1px solid rgba(214,214,214,0.5)}
    .servicesMenu .servicesMenuCopy .links ul li:first-child{border-top:none}
    .servicesMenu .servicesMenuCopy .links ul li a{text-align:left;}
    .servicesMenu .shade{
        background: rgba(0,0,0,0.4);
        position: fixed;
        right:0;
        bottom:0;
        top:46px;
        left: 0;
        opacity:0;
        height:0;
        margin-bottom:0;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        -webkit-transition: opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s;
        transition: opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s;
    }
    .servicesMenu .servicesButton:checked ~ .shade{
        opacity: 1;
        right: 0;
        bottom: 0;
        height:100vh;
        -webkit-transition: opacity 1s ease 0.1s;
        transition: opacity 1s ease 0.1s;
    }
    .servicesMenu .servicesMenuCopy input.servicesButton:checked ~ .links ul{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0.2s, 0.4s;
        transition-delay: 0.2s, 0.4s;
    }
    .servicesWrapper .service{margin-bottom:3%}
    .servicesWrapper .service .image{height:200px;background-size:auto 95%;}
    .servicesWrapper .service .copy p{margin-left:15px;margin-right:15px;max-width:100%;}

    .footerWrapper{}
    .largerBannerAbsolute{height:auto}
    
    /*
    
    /*.webdesignHero .imageWrapper .imageCopy{margin:0 ;max-width:1258px;justify-content:center;overflow-x:hidden;overflow-y:visible;}*/

    .servicesReview .client-reviews p{font-size:25px}

    .graph li{width:42px;}
    .graph li:nth-child(7){display:none;}
    .aboutUs .col-md-8 .box{margin-right:0}
    .page-seo .textIntro{max-width:100%;padding-right:0}

    .largerBannerAbsolute.ppc{min-height:auto !important;height:75vh}

    .page-blog .column .copy{padding:50px 12% 30px 12%}
    .page-blog .column .copy .smallTitle{font-size:28px;font-weight:500}
}
@media (max-width:812px){
    .largerTitle{font-size:28px}
    .break{display:none;}
    .ourWorks .ourWorksCopy{
        -webkit-transform:scale(.6);
        transform:scale(.6);
        top:180px;
    }
    .servicesMenu .servicesMenuCopy .title{font-size:19px}

    .pageNavigation{flex-direction:column;max-width:320px;}
    .pageNavigation a{margin-bottom:20px;flex:auto;}

    .webdesignWrapper .mediumTitle,
    .webdesignWrapper > p{max-width:100%}
    .webdesignWrapper ul{flex-direction:column;}

    .ecommerceHeroWrapper .inner{align-items:center;}
    .ecommerceHeroWrapper .imageWrap{height:350px;flex:0 0 300px;margin-bottom:0}

    .servicesReview .client-reviews p{font-size:18px}
    .servicesReview .client-reviews .author .name,
    .servicesReview .client-reviews .author .other{font-size:16px}

    .graph li{width:32px}
    .graph li:nth-child(1){height:172px;}
    .graph li:nth-child(2){height:380px;}
    .graph li:nth-child(3){height:385px;}
    .graph li:nth-child(4){height:411px;}
    .graph li:nth-child(5){height:380px;}
    .graph li:nth-child(6){height:412px;}

    .webdesignWrapper{padding-top:40px}

    .largerBannerAbsolute.about{min-height:250px;height:250px;}
    .glance{display:none;}
    .collapseWrapper button{font-size:14px;}
    .collapseWrapper button:after{font-size:18px;top:15px;transform:translateY(-5%) translateX(-10px) scale(.9) rotate(45deg)}
    .collapseWrapper button.collapsed:after{top:15px;transform:translateY(-5px) translateX(-10px) scale(.9) rotate(0deg)}
    .collapseWrapper .collapseCopy{max-width:100%;padding:15px 0;font-size:14px;}
}
@media (max-width:414px){
    .servicesWrapper{flex-direction:column;}
    .footerWrapper .footerCopy{flex-direction:column;padding-bottom:0}
    .footerWrapper .footerCopy .column{margin-bottom:30px}
    .footerWrapper .footerCopy .column:last-child{margin-bottom:0px}
    
    .largerBannerAbsolute .bannerCaption .largerTitle{max-width:300px}

    .otherServices .copy{flex-direction:column;}
    .otherServices .copy .service{flex:0 0 50%;padding:100px 30px}

    .ecommerceFeatures{flex-direction:column;}
    .ecommerceFeatures ul{flex-direction:column;}
    .ecommerceFeatures ul li{padding-right:0;margin-bottom:34px}


    .ecommerceHeroWrapper .inner{display:block;}
    .ecommerceHeroWrapper .imageWrap .right{flex:0 0 50%}
    .ecommerceHeroWrapper .imageWrap .column.first{width:30%}
    .ecommerceHeroWrapper .imageWrap .column.third{width:100%}

    .graph{height:400px}
    .graph li{width:25px}
    .graph li:nth-child(1){height:72px;}
    .graph li:nth-child(2){height:280px;}
    .graph li:nth-child(3){height:285px;}
    .graph li:nth-child(4){height:311px;}
    .graph li:nth-child(5){height:280px;}
    .graph li:nth-child(6){height:312px;display:none;}

    .webdesignHero{overflow:visible;}
    .webdesignHero .bannerCaption{margin-bottom:40px}
    .webdesignHero .imageWrapper .mockup{width:306px;height:295px;background-size:100%}
    .webdesignHero .imageWrapper .imageCopy{margin:0;max-width:1258px;justify-content:center;height:640px}
    .webdesignHero .imageWrapper .mockup:nth-child(1){position:absolute;transform:translateX(-80%) translateY(50%);background-size:cover;background-position:right;height:375px;width:100%}
    .webdesignHero .imageWrapper .mockup:nth-child(2){height:290px;transform:translateX(80px);}
    .webdesignHero .imageWrapper .mockup:nth-child(3){height:290px;transform:translateX(80px) translateY(0);}
    .webdesignHero .imageWrapper .mockup:nth-child(4){display:block;position:absolute;transform:translateX(226px) translateY(0);height:375px;background-size:auto 100%}

    .mobileAppHero{flex-direction:column;padding:60px 20px 20px;text-align:center;}
    .mobileAppHero .copy{margin-left:0}
    .mobileAppHero .image{display:none;}
    .page-mobile-app .columnWrap .column{flex:0 0 100%;padding:60px 30px}

    .contactSales{width:50px;height:50px;padding:0;text-align:center;line-height:50px;font-size:20px;bottom:30px;right:30px;}
    .contactSales span{display:none;}
    .contactSales:before{margin-right:0}
    .team .mediumTitle{font-size:30px;}

    .footerWrapper .footerCopy .column ul li{margin-bottom:.8em}
    .footerWrapper .footerCopy .column .socialMedia{width:100%}
    .footerWrapper .copyright .links{display:block;margin-left:0;margin-top:5px}
    .footerWrapper .copyright .links a:last-child{margin-right:0}

    .prototypeHero{overflow:hidden;}
    .prototypeHero .image{height:402px;width:637px;background-size:627px 402px;margin:40px -73px 0 -73px;}

    .page-blog .column{flex:0 0 100%;}
    .page-blog .column .image{height:280px;}
}

@media screen and (prefers-color-scheme: dark) {
    .globalNavigation{background-color:#1e1e1f;border-bottom:none;}
    .globalNavigation .navbar .navbar-nav .nav-link{color:#FFF}
    .backdropfilter .servicesMenu{background-color:rgba(34,34,34,0.9);border-bottom:none;}
    .backdropfilter .servicesMenu a{color:#FFF}
    .backdropfilter .servicesMenu a:hover{color:var(--notionColor)}
    .backdropfilter .servicesMenu a.active{color:rgba(255,255,255,0.6)}
    .servicesMenu .servicesMenuCopy .title{color:#FFF}
    /*.contactSales{background-color:#000}*/
    body{background-color:#101010;color:#eee}
    .servicesWrapper .service{background-color:#1a1a1a;color:#FFF}
    .footerWrapper{background-color:#222;color:#ccc}
    .footerWrapper .breadcrumb,
    .footerWrapper .copyright,
    .footerWrapper .copyright .links a{border-color:#444}
    .footerWrapper .footerCopy .column ul li a{color:#999}
    .prototypeHero .image{background-image:url("../images/wireframe-dark.png");margin-bottom:40px}
}
.has-danger .form-control{border-color:red;}

.thanksWrap{height:80vh}
.thanksWrap .largerTitle{margin-top:60px}
.thanksWrap .textIntro{max-width:600px;margin:0 auto}


.miscellaneousWrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.miscellaneousWrap .column{flex:0 0 49%;margin-bottom:2%;background-color:#fafafa;padding:125px 6.2069%}
.miscellaneousWrap .column .icon{display:inline-block;margin-bottom:20px;width:60px}

.servicesBanner{background-color:#eee}
.servicesBanner .caption{
    max-width:980px;
    margin:auto;
    padding:75px 25% 75px 15px;
    overflow:hidden;
    position:relative;
}
.servicesBanner img{float:right;width:32%;position:absolute;bottom:-180px;right:15px;top:20px}

.newFolio{margin:0 -145px;padding:0;list-style-type:none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.newFolio li a{display:block;}
.newFolio li{
    flex:0 0 48%;
    margin-bottom:40px;
}
.newFolio li img{}
.newFolio li .copy{
    border-radius:5px 5px;
    overflow:hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(32,48,60,.14), 0 3px 3px 0 rgba(32,48,60,.06);
    box-shadow: 0 1px 2px 0 rgba(32,48,60,.14), 0 3px 3px 0 rgba(32,48,60,.06);
}
.newFolio li .copy:before{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MzAgMjUuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzAwIDI1LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIzLjYiIGN5PSIxMi44IiByPSIzLjUiLz4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjE2LjYiIGN5PSIxMi44IiByPSIzLjUiLz4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjI5LjYiIGN5PSIxMi44IiByPSIzLjUiLz4KPC9nPgo8L3N2Zz4K');content:"";padding-top:3.8835%;width:100%;display:block;background-color:#ebedef;background-repeat:no-repeat;background-position:50%;border-radius:5px 5px 0 0}
.newFolio li span{display:block;margin-top:14px;margin-left:10px;font-size:13px;}
.newFolio li img{max-width:100%}
.newFolio.old{justify-content:center;}
.newFolio.old li{flex:0 0 32.3333333333%;padding:0 15px}
.newFolio.old li img{box-shadow:0 0 5px #ddd;border-radius:3px;vertical-align:middle;width:100%;}
@media (max-width:1300px){
    .newFolio{margin:0 -50px}
}
@media (max-width:1100px){
    .newFolio{margin:0px}
}

@media (max-width:767px){
    .newFolio li{flex:0 0 100%}
    .newFolio.old{margin:0}
    .newFolio.old li{flex:0 0 50%}
    .contactUS{flex-direction:column}
    .servicesBanner img{display:none;}
    .servicesBanner .caption{padding:30px 15px}
}
@media (max-width:414px){
    .newFolio.old{margin:0 -8px}
    .newFolio.old li{padding:0 8px;margin-bottom:20px}
}
.page-privacy-policy .content ul li{margin-bottom:5px;}