@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
html{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent
}
body{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent
}
body div{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent
}
span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent
}
article,aside,figure,footer,header,hgroup,img,nav,section{
    display:block
}
img,object,embed{
    max-width:100%;
    height:auto
}
img{
    min-width:100%
}
html{
    overflow-y:scroll
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after{
    content:'';
    content:none
}
q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
th{
    font-weight:bold;
    vertical-align:bottom
}
td{
    font-weight:normal;
    vertical-align:top
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type="radio"]{
    vertical-align:text-bottom
}
input[type="checkbox"]{
    vertical-align:bottom;
    *vertical-align:baseline
}
textarea,input,select,button{
    outline:none
}
.ie6 input{
    vertical-align:text-bottom
}
select,input,textarea{
    font:99% sans-serif
}
table{
    font-size:inherit;
    font:100%
}
a:hover,a:active{
    outline:none
}
small{
    font-size:85%
}
em,i{
    font-style:italic
}
strong,th,b{
    font-weight:bold
}
td{
    vertical-align:top
}
td img{
    vertical-align:top
}
sub{
    font-size:60%;
    line-height:0;
    position:relative
}
sup{
    font-size:60%;
    line-height:0;
    position:relative;
    top:-0.75em
}
sub{
    bottom:-0.5em
}
pre,code,kbd,samp{
    font-family:monospace,sans-serif
}
.clickable,label{
    cursor:pointer
}
input[type=button],input[type=submit]{
    cursor:pointer
}
button{
    cursor:pointer;
    margin:0
}
input,select,textarea{
    margin:0
}
button{
    width:auto;
    overflow:visible
}
.lt-ie8 img{
    -ms-interpolation-mode:bicubic
}

.clearfix{
    zoom:1
}
.clearfix:before{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden;
    clear:both
}
*{
    box-sizing:border-box
}
html{
    -webkit-text-size-adjust:none
}
input[type=submit]{
    -webkit-appearance:none;
    -moz-appearance:none
}
body:after{
    content:'mobile';
    position:fixed;
    height:0;
    visibility:hidden;
    z-index:-999999
}
@media only screen and (min-width: 768) and (max-width: 999px){
    body:after{
        content:'tablet';
        position:fixed;
        height:0;
        visibility:hidden;
        z-index:-999999
    }
}
@media only screen and (min-width: 1000){
    body:after{
        content:'desktop';
        position:fixed;
        height:0;
        visibility:hidden;
        z-index:-999999
    }
}
.no-mobile{
    display:none
}
@media (min-width: 48em){
    .no-mobile{
        display:inherit
    }
}
.no-tablet{
    display:none
}
@media (min-width: 62.5em){
    .no-tablet{
        display:inherit
    }
}
* ::-webkit-selection{
    color:#ffffff;
    background:#1fa6e9;
    text-shadow:none
}
* ::-moz-selection{
    color:#ffffff;
    background:#1fa6e9;
    text-shadow:none
}
* ::-o-selection{
    color:#ffffff;
    background:#1fa6e9;
    text-shadow:none
}
* ::selection{
    color:#ffffff;
    background:#1fa6e9;
    text-shadow:none
}
* a:link{
    -webkit-tap-highlight-color:#1fa6e9
}
* ins{
    background-color:#1fa6e9;
    color:#ffffff;
    text-decoration:none
}
html{
    font-size:62.5%;
    line-height:1
}
body{
    color:#292929;
    font-size:16px;
    font-size:1.6rem;
    font-family:"Open sans", Arial, sans-serif
}
h1{
    color:#292929;
    margin-bottom:30px;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    line-height:1.1;
    text-align:left;
    text-transform:none;
    font-size:22px;
    font-size:1.375em
}
@media (max-width: 767px){
    h1{
        margin:0 0 10px 0
    }
}
h2{
    margin-bottom:65px;
    color:#292929;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    line-height:1.1;
    text-align:center;
    text-transform:none;
    font-size:48px;
    font-size:3em
}
h3{
    margin-bottom:60px;
    color:#292929;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    line-height:1.1;
    text-align:center;
    text-transform:none;
    font-size:36px;
    font-size:2.25em
}
h4{
    margin-bottom:15px;
    color:#292929;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    line-height:1.1;
    text-align:left;
    text-transform:none;
    font-size:36px;
    font-size:2.25em
}
h5{
    margin-bottom:15px;
    color:#292929;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    line-height:1.1;
    text-align:left;
    text-transform:none;
    font-size:12px;
    font-size:0.75em
}
h6{
    margin-bottom:15px;
    color:#292929;
    font-family:"Titillium Web", Arial, sans-serif;
    font-weight:400;
    text-align:left;
    text-transform:none;
    font-size:10px;
    font-size:0.625em
}
p{
    margin-bottom:20px;
    color:#777777;
    font-weight:normal;
    line-height:1.5;
    text-align:left;
    text-transform:none;
    font-size:14px;
    font-size:0.875em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
li{
    color:#777777;
    font-weight:normal;
    line-height:1.5;
    font-size:14px;
    font-size:0.875em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
a{
    color:#fc880f;
    font-family:"Open sans", Arial, sans-serif;
    text-decoration:none;
    font-size:14px;
    font-size:0.875em
}
a:link{
    -webkit-tap-highlight-color:transparent
}
a ins{
    background-color:transparent;
    color:#fc880f;
    text-decoration:none
}
a:hover{
    color:#f9c3d0
}
ul{
    list-style:disc;
    margin:0 0 20px 1.1em
}
nav ul{
    list-style:none;
    margin:0
}
nav ul a{
    text-decoration:none
}
ol{
    list-style:decimal;
    margin:0 0 20px 2em
}
ol li{
    margin:0.5em 0
}
ol ol{
    list-style:lower-alpha
}
blockquote{
    margin-bottom:20px;
    font-size:16px;
    font-size:1em
}
select,input,textarea{
    color:#777777
}
pre{
    line-height:1.6;
    font-size:16px;
    font-size:1em
}
.fa{
    position:relative;
    padding-left:12%;
    vertical-align:top;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa:before{
    font-family:'FontAwesome';
    position:absolute;
    left:2%;
    color:#cccccc;
    transition:all .2s
}
span.bold{
    font-weight:700
}
h3{
    margin-bottom:20px;
    text-align:left;
    line-height:1.1
}
@media (min-width: 38.75em){
    h3{
        line-height:1.8
    }
}
@media (min-width: 47.5em){
    h3{
        line-height:1.1
    }
}
h3:after{
    background:none
}
html{
    height:100%
}
body{
    height:100%
}
.region{
    max-width:100%;
    margin-bottom:50px
}
.region>.wrapper{
    max-width:1200px;
    margin:auto;
    padding:0 3%
}
@media (min-width: 26.25em){
    .region>.wrapper{
        padding:0
    }
}
.region.feature>.wrapper{
    max-width:100%
}
.region.footer>.wrapper{
    max-width:100%
}
.contain{
    max-width:1200px;
    margin:auto
}
body[class^="features-"] .feature.top{
    margin-bottom:0
}
body[class^="features-"] .feature.top .wrapper .section{
    margin-bottom:0
}
.get-started .content img{
    min-width:0;
    margin-bottom:20px
}
.flexslider,.flexslider *{
    box-sizing:content-box
}
.flexslider{
    position:relative;
    margin:0;
    background:#fcd6c8;
    border:none;
    border-radius:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    z-index:0
}
.flex-direction-nav{
    position:absolute;
    top:0;
    *height:0;
    height:100%;
    width:100%
}
.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
    top:50%;
    margin-top:-66px;
    opacity:.7;
    text-align:left
}
.flex-direction-nav .flex-next{
    opacity:.9;
    right:0
}
.flex-direction-nav .flex-prev{
    opacity:.9;
    left:0
}
.flexslider.carousel .flex-direction-nav .flex-next{
    top:0;
    right:0;
    width:24px;
    margin:auto
}
.flexslider.carousel .flex-direction-nav .flex-prev{
    top:0;
    width:24px;
    margin:auto
}
.flexslider:hover .flex-next{
    opacity:1;
    right:0
}
.flexslider:hover .flex-prev{
    opacity:1;
    left:0
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{
    opacity:1
}
.flex-direction-nav .flex-disabled{
    opacity:0.3 !important;
    filter:alpha(opacity=30);
    cursor:default
}
.flexslider.carousel li img{
    width:auto
}
ol.flex-control-paging{
    bottom:-2px;
    height:13px;
    text-align:right
}
ol.flex-control-paging li{
    margin:0 0 0 1%
}
ol.flex-control-paging li a{
    border-radius:0;
    text-indent:99999px
}
.carousel ol.flex-control-paging{
    display:none
}
.carousel{
    padding-bottom:10px
}
.carousel ul{
    margin-left:30px
}
.flex-direction-nav li a{
    top:5px;
    width:26px;
    height:104px;
    margin:-5px 0 0 0;
    display:block;
    position:absolute;
    cursor:pointer;
    text-indent:-9999px;
    opacity:1;
    -webkit-transition:all .3s ease;
    z-index:10
}
.region.footer{
    margin-bottom:0
}
.region.footer .wrapper{
    background:#242c41
}
.region.footer .wrapper section .foot{
    /*height:100px;*/
    /*padding-top:20px;*/
    color:#fff;
    /*width:102.5%;
    margin-left:-2.5%*/
    width:100%;
    padding:15px;
}
.region.footer .wrapper section .foot>*{
    /*margin-left:2.5%*/
}
.region.footer .wrapper section .foot .copy{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    /*width:97.5%*/
}
@media (min-width: 38.75em){
    .region.footer .wrapper section .foot .copy{
        width:30.83333%;
        /*margin-left:2.5%*/
    }
}
.region.footer .wrapper section .foot nav{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    /*width:97.5%*/
}
@media (min-width: 38.75em){
    .region.footer .wrapper section .foot nav{
        width:30.83333%;
        /*margin-left:2.5%*/
    }
}
@media (min-width: 38.75em){
    .region.footer .wrapper section .foot nav{
        /*margin-left:35.83333%*/
    }
}
.region.footer .wrapper section .foot nav ul{
    width:102.5%;
    margin-left:-2.5%
}
.region.footer .wrapper section .foot nav ul>*{
    margin-left:2.5%
}
.region.footer .wrapper section .foot nav ul li{
    display:inline-block;
    width:auto;
    padding-right:2%;
    box-sizing:border-box;
    vertical-align:top;
    zoom:1;
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
.lt-ie8 .region.footer .wrapper section .foot nav ul li{
    display:inline
}
.region.footer .wrapper section .foot nav ul li.last{
    padding-right:0
}
@media (min-width: 38.75em){
    .region.footer .wrapper section .foot nav ul li{
        width:30.83333%;
        margin-left:2.5%
    }
}
.region.footer .wrapper section .foot nav ul li a{
    color:#fff
}
.region.footer .wrapper section .foot nav ul li a:hover{
    color:#fff
}
.region.footer .wrapper section .foot p{
    color:#fff
}
.region.header{
    width:100%;
    min-height:60px;
    margin-bottom:0;
    background:#fff;
    z-index:99999
}
.region.header .wrapper section .head{
    width:102.5%;
    margin-left:-2.5%
}
.region.header .wrapper section .head>*{
    margin-left:2.5%
}
.region.header .wrapper section .head .logo{
    padding-top:15px;
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .region.header .wrapper section .head .logo{
        width:30.83333%;
        margin-left:2.5%
    }
}
.region.header .wrapper section .head .logo a{
    color:#000;
    font-weight:700
}
.region.header .wrapper section .head .logo a:hover{
    color:#000
}
.region.header .wrapper section .head .logo a h1{
    font-weight:700
}
.region.header .wrapper section .head nav{
    padding:20px 0;
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .region.header .wrapper section .head nav{
        width:22.5%;
        margin-left:2.5%
    }
}
@media (min-width: 38.75em){
    .region.header .wrapper section .head nav{
        margin-left:44.16667%
    }
}
.region.header .wrapper section .head nav ul{
    width:102.5%;
    margin-left:-2.5%
}
.region.header .wrapper section .head nav ul>*{
    margin-left:2.5%
}
.region.header .wrapper section .head nav ul li{
    display:inline-block;
    width:auto;
    padding-right:2%;
    box-sizing:border-box;
    vertical-align:top;
    zoom:1;
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
.lt-ie8 .region.header .wrapper section .head nav ul li{
    display:inline
}
.region.header .wrapper section .head nav ul li.last{
    padding-right:0
}
@media (min-width: 38.75em){
    .region.header .wrapper section .head nav ul li{
        width:30.83333%;
        margin-left:2.5%
    }
}
.region.header .wrapper section .head nav ul li a{
    color:#292929
}
.region.header .wrapper section .head nav ul li a:hover{
    color:#292929
}
.region.top.feature{
    margin-bottom:20px
}
.region.top.feature>.wrapper .section{
    position:relative;
    max-width:1200px;
    margin:auto;
    padding:0 3%;
    font-size:8px;
    font-size:0.8rem
}
@media (min-width: 27.5em){
    .region.top.feature>.wrapper .section{
        font-size:10px;
        font-size:1rem
    }
}
@media (min-width: 33.125em){
    .region.top.feature>.wrapper .section{
        font-size:12px;
        font-size:1.2rem
    }
}
@media (min-width: 38.75em){
    .region.top.feature>.wrapper .section{
        font-size:14px;
        font-size:1.4rem
    }
}
@media (min-width: 47.5em){
    .region.top.feature>.wrapper .section{
        font-size:16px;
        font-size:1.6rem
    }
}
@media (min-width: 26.25em){
    .region.top.feature>.wrapper .section{
        padding:0
    }
}
.region.top.feature>.wrapper .section h2{
    position:absolute;
    left:0;
    bottom:0;
    height:50px;
    margin-bottom:0;
    color:#fff;
    line-height:2.8;
    text-align:left;
    z-index:3;
    font-size:58px;
    font-size:3.625em
}
@media (min-width: 27.5em){
    .region.top.feature>.wrapper .section h2{
        line-height:2.1
    }
}
@media (min-width: 33.125em){
    .region.top.feature>.wrapper .section h2{
        line-height:1.6
    }
}
@media (min-width: 38.75em){
    .region.top.feature>.wrapper .section h2{
        line-height:1.3
    }
}
@media (min-width: 47.5em){
    .region.top.feature>.wrapper .section h2{
        line-height:1
    }
}
.region.top.feature>.wrapper .section h2:after{
    background-image:none
}
.button{
    display:inline-block;
    background:#242c41;
    color:#fff;
    margin-bottom:20px;
    padding:20px;
    text-transform:uppercase
}
.button:hover{
    color:#fff
}
.region.feature .wrapper{
    max-width:100%;
    padding:0
}
.region.feature .section{
    margin-bottom:55px
}
.region.feature-menu{
    padding:60px 0 60px;
    background:#f6f8fa
}
.region.feature-menu .wrapper .section nav.features ul{
    width:102.5%;
    margin-left:-2.5%
}
.region.feature-menu .wrapper .section nav.features ul>*{
    margin-left:2.5%
}
.region.feature-menu .wrapper .section nav.features ul li{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%;
    text-indent:-99999px
}
@media (min-width: 38.75em){
    .region.feature-menu .wrapper .section nav.features ul li{
        width:8.61111%;
        margin-left:2.5%
    }
}
.region.feature-menu .wrapper .section nav.features ul li a{
    display:block;
    width:106px;
    height:76px;
    background:no-repeat 0 0 / 106px 152px
}
.region.feature-menu .wrapper .section nav.features ul li a:hover,.region.feature-menu .wrapper .section nav.features ul li a.active{
    background-position:0 -76px
}
.region.feature-menu .wrapper .section nav.features ul li a.overview{
    background-image:url(../img/features-overview.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.website{
    background-image:url(../img/features-builder.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.ecommerce{
    background-image:url(../img/features-ecommerce.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.social{
    background-image:url(../img/features-social.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.email{
    background-image:url(../img/features-email.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.local{
    background-image:url(../img/features-local.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.mobile{
    background-image:url(../img/features-mobile.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.calendar{
    background-image:url(../img/features-calendar.png)
}
.region.feature-menu .wrapper .section nav.features ul li a.employees{
    background-image:url(../img/features-employees.png)
}
.showcase-h{
    width:102.5%;
    margin-left:-2.5%
}
.showcase-h>*{
    margin-left:2.5%
}
.showcase-h .media{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .showcase-h .media{
        width:39.16667%;
        margin-left:2.5%
    }
}
.showcase-h .content{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .showcase-h .content{
        width:55.83333%;
        margin-left:2.5%
    }
}
.showcase-h .content h3{
    margin-bottom:20px
}
.showcase-h .content p{
    margin-bottom:35px
}
.showcase-h .bullet-points{
    padding-top:40px;
    width:102.5%;
    margin-left:-2.5%
}
.showcase-h .bullet-points>*{
    margin-left:2.5%
}
.showcase-h .bullet-points .point{
    position:relative;
    padding-left:120px;
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .showcase-h .bullet-points .point{
        width:47.5%;
        margin-left:2.5%
    }
}
.showcase-h .bullet-points .point:before{
    content:"";
    position:absolute;
    left:5.5%;
    top:5px;
    height:69px;
    width:69px;
    background:url(../img/bullet-1.png) 0 0
}
.about h2{
    text-align:left;
    margin-bottom:20px
}
.about .media img{
    display:none
}
@media (min-width: 38.75em){
    .about .media img{
        display:block
    }
}
.region.feature.store-management .wrapper section img{
    max-width:790px;
    min-width:auto;
    margin:auto
}
.index .region.main .showcases{
    width:102.5%;
    margin-left:-2.5%
}
.index .region.main .showcases>*{
    margin-left:2.5%
}
.index .region.main .showcases .showcase{
    display:inline-block;
    vertical-align:top;
    *zoom:1;
    overflow:hidden;
    *overflow:visible;
    margin-right:-.273em;
    width:97.5%
}
@media (min-width: 38.75em){
    .index .region.main .showcases .showcase{
        width:30.83333%;
        margin-left:2.5%
    }
}
.index .region.main .showcases .showcase .media{
    margin-bottom:20px
}
.index .region.main .showcases .showcase .content{
    font-size:16px;
    font-size:1.6rem
}
@media (min-width: 38.75em){
    .index .region.main .showcases .showcase .content{
        font-size:12px;
        font-size:1.2rem
    }
}
@media (min-width: 47.5em){
    .index .region.main .showcases .showcase .content{
        font-size:16px;
        font-size:1.6rem
    }
}
.index .region.main .showcases .showcase .content h3{
    margin-top:-53px;
    margin-bottom:20px;
    text-align:left;
    color:#fff;
    line-height:1.1
}
@media (min-width: 38.75em){
    .index .region.main .showcases .showcase .content h3{
        line-height:1.8
    }
}
@media (min-width: 47.5em){
    .index .region.main .showcases .showcase .content h3{
        line-height:1.1
    }
}
.index .region.main .showcases .showcase .content h3:after{
    background:none
}