/* This stylesheet generated by Transfonter (http://transfonter.org) */

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900.eot');
    src: url('../fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-900.woff') format('woff'),
    url('../fonts/MuseoSans-900.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100Italic.eot');
    src: url('../fonts/MuseoSans-100Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-100Italic.woff') format('woff'),
    url('../fonts/MuseoSans-100Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300Italic.eot');
    src: url('../fonts/MuseoSans-300Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-300Italic.woff') format('woff'),
    url('../fonts/MuseoSans-300Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500Italic.eot');
    src: url('../fonts/MuseoSans-500Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-500Italic.woff') format('woff'),
    url('../fonts/MuseoSans-500Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700Italic.eot');
    src: url('../fonts/MuseoSans-700Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-700Italic.woff') format('woff'),
    url('../fonts/MuseoSans-700Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900Italic.eot');
    src: url('../fonts/MuseoSans-900Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-900Italic.woff') format('woff'),
    url('../fonts/MuseoSans-900Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100.eot');
    src: url('../fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-100.woff') format('woff'),
    url('../fonts/MuseoSans-100.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-300.woff') format('woff'),
    url('../fonts/MuseoSans-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-500.woff') format('woff'),
    url('../fonts/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-700.woff') format('woff'),
    url('../fonts/MuseoSans-700.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


.container-fluid {
    max-width:1200px;
}


.header{
    padding-top: 24px;
    padding-bottom: 20px;
    margin: auto;
}

header .logo img {
    max-height: 43px;
    width: 300px;
    margin-top: 5px;
}

@media (max-width: 440px ) {

    header .blog-version{
        display: none;
    }

    header .logo img{
        margin-top: 10px;
    }

    .header{
        padding-top: 10px;
        padding-bottom: 10px;
    }

}


header a, header a:hover{
    text-decoration:none;
}

.login-button{
    display: inline-block;
    float: right;
    background-color: #70a58c;
    color: white;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 55px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('../images/lock.png');
    background-repeat: no-repeat;
    font-family: 'Museo Sans 500';
    font-size: 18px;
    background-position: right 20px center;
    margin-left: 15px;
    margin-top: 5px;
}

.login-button:hover, .login-button:active, .login-button:focus{
    color: white;
    text-decoration: none;
    background-color: #528d70;
}

.login-button.blog-version{
    margin-left: 0px;
    background-image: url('../images/rss.png');
}

@media (max-width: 768px ) {
    .login-button{
        text-indent: -99999px;
        padding:0;
        height: 30px;
        width: 30px; background-position: center center;

    }
}

.cta{
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}


@media (max-width: 980px ) {

    .cta{
        background-position: center top;
    }

}

.signup{
    background-color: #fefdfd;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    overflow:hidden;
    position: relative;
}

.signup .top{
    background-color: #d45659;
    height: 70px;
}

.signup .triangle{
    width: 100%;
}

.signup h2{
    font-size: 35px;
    color: white;
    text-align: center;
    padding:0;
    background-color: #d45659;
    margin: 0;
    padding-top: 20px;
    font-family: 'Museo Sans 700';
}

.signup-form{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 35px;
}

.signup-form .error{
    padding: 10px;
    border: 1px solid #d45659;
    background-color: #FFEBEB;
    border-radius: 4px;
    color: black;
    font-family: 'Museo Sans 300';
}

.signup-form input[type="text"], .signup-form input[type="email"]{
    display: block;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #dbdbdb;
    font-family: 'Museo Sans 500';
    font-size: 26px;
    margin-bottom: 10px;
}

.signup-form input[type="text"].has-error, .signup-form input[type="email"].has-error{
    border-color: #d45659;
}

.signup-form input[type="text"]:focus, .signup-form input[type="email"]:focus{
    border: 1px solid #72aa90;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #9b9b9b;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9b9b9b;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #9b9b9b;
}

.signup-form .submit{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #70ab8f;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: medium;
    border-top-color: -moz-use-text-color;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-style: none;
    border-top-width: medium;
    box-shadow: 0 6px 0 rgba(89, 136, 114, 1), 0 0 0 rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 30px;
    letter-spacing: 1px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    position: relative;
    text-align: center;

    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease;
    width: 100%;
    font-family: 'Museo Sans 700';
        height: 60px;
    margin-top: 25px;

}


@media (max-width: 560px ) {
    .signup-form .submit{
        font-size: 20px;
    }
}

.signup-form .submit:hover, .signup-form .submit.active{
    box-shadow: 0 2px 0 rgba(89, 136, 114, 1), 0 0 0 rgba(0, 0, 0, 0.9);
    position: relative;
    top: 3px;
}

.success{
    padding-bottom: 35px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    display:none;
}

.success p{
    margin: 0px;
    font-size: 18px;
    font-family: 'Museo Sans 500';
    margin-top: 15px;
    text-align: center;
}

.arrow{
    margin-top: 180px;
    background-image: url('../images/arrow.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 90px;
    font-size: 18px;
    color: white;
    font-family: 'Gochi Hand', cursive;
}

.secure{
    color: white;
    font-size: 14px;
    font-family: 'Museo Sans 500';
    text-align: center;
    margin-bottom: 0px;
}

.secure img{
    vertical-align: text-bottom;
    margin-right: 7px;
}

.cta h1{
    font-family: 'Museo Sans 900';
    font-size: 39px;
    color: white;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    padding: 0;
}

.cta h1 .light{
    font-family: 'Museo Sans 300';
}

.cta h3{
    font-family: 'Museo Sans 500';
    color: white;
    text-align: center;
    margin: 0;
    font-size: 20px;
    padding: 0;
}

.cta .payoff-wrapper{margin-bottom: 50px;}

.features{
    margin-top: 90px;
    margin-bottom: 50px;
}

.features .feature{
    text-align: center;
}

.feature p{
    font-size: 18px;
    font-family: 'Museo Sans 300';
    color: #8d8d8d;
    padding-left: 25px;
    padding-right: 25px;
}

.feature{
    margin-bottom: 70px;
}

.feature img{
    height: 69px;
}

.feature .header{
    color: black;
    font-size: 26px;
    font-family: 'Museo Sans 500';
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}


.packages{
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #dedbd5;
    background-image: url('../images/checkmark.png');
    background-repeat: no-repeat;
    background-position: top center;
}

.packages h1{
    font-family: 'Museo Sans 500';
    font-size: 36px;
    color: black;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
}

.packages .package .inner{
    background-color: white;
    padding: 30px;
}

.packages .package h2{
    font-size: 36px;
    font-family: 'Museo Sans 500';
    color: black;
    text-align: center;
    margin: 0;
    padding: 0;
}

.packages .package h4{
    font-size: 26px;
    font-family: 'Museo Sans 900';
    color: black;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
}

.packages .btn{
    display: block;
    font-size: 18px;
    font-family: 'Museo Sans 900';
    color: white;
    background-color: #e1cea7;
    text-align: center;
    padding-top: 10px;
    text-decoration: none;
    padding-bottom: 10px;
    border-radius: 3px;
    border-bottom: 4px solid #d4ba8a;
    margin-top: 94px;
}

.packages .btn:hover{
    border-bottom: 0;
    margin-top: 98px;
}

.packages .btn-red{
    background-color: #70ab8f;
    border-bottom: 4px solid #528d70;
    margin-top: 20px;
}

.packages .btn-red:hover{
    margin-top: 34px;
}


.packages .btn-green{
    background-color: #70ab8f;
    border-bottom: 4px solid #528d70;
    margin-top: 100px;
}

.packages .btn-green:hover{
    margin-top: 104px;
}


.packages ul{
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

.package p{
    margin: 0;
    font-size: 18px;
    font-family: 'Museo Sans 500';
}

.packages ul li{
    padding-left: 40px;
    list-style-type: none;
    background-image: url('../images/checkmark_2.png');
    background-position: 0px 5px;
    background-repeat: no-repeat;
    margin-bottom: 6px;
    font-size: 18px;
    font-family: 'Museo Sans 500';
}

.packages .inner-header p{
    font-size: 16px;
    color: white;
    font-family: 'Museo Sans 500';
    text-align: center;
    background-color: #70ab8f;
    margin: 0;
    padding-top: 15px;

    padding-bottom: 15px;
}

.package .inner{
    margin-top: 52px;

}
.package.focus .inner{
    margin-top: 0px;
    height: auto;
}

.package{
    margin-bottom: 52px;
}


.package.focus{
    margin-bottom: 0px;
}


.package.focus .inner{
    -webkit-box-shadow: 0px 0px 72px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 72px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 72px 0px rgba(0,0,0,0.50);
}

.testemonials h1{
    color: black;
    padding: 0px;
    margin: 0px;
    font-family: 'Museo Sans 500';
    font-size: 36px;
    text-align: center;
}

.testemonials{
    margin-top: 90px;
    margin-bottom: 90px;
}

.quote{
    margin-bottom: 15px;
}

.bx-wrapper{
    background: 0;
    border: 0;
}

.bxslider-wrap { visibility: hidden; }

#slider img{
    max-width: 100%;
    border-radius: 1000px;
    width: 100px;
    display: inline;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    margin-top: 10px;
    margin-bottom: 10px;
}

#slider li.active-slide img{
    opacity: 1;
    width: 120px;
    margin: 0;
}

#slider{
    margin:0;
    padding: 0;
    padding-left: 100px;
}

#slider li{
    text-align: center;
    margin: auto;

}

.testemonials .bx-prev{
    background-image: url('../images/left.png');
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -20px;

}
.testemonials .bx-next{
    background-image: url('../images/right.png');
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    width: 39px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
}

.testemonials .bx-wrapper{
    padding-left: 60px;
    padding-right: 60px;
}

.slider-wrap{
    margin-top: 70px;
}

.testemonial-content{
    text-align: center;
    display: none;
}

.testemonial-content p{
    margin: 0;
    padding: 0;
}

.testemonial-content p.text{
    font-size: 24px;
    font-family: 'Museo Sans 500';
    font-style: italic;
}

.testemonial-content p.person{
    color: #d45659;
    font-family: 'Museo Sans 900';
    font-size: 24px;
    margin-top: 25px;

}

.testemonial-content p.web, .testemonial-content p.title{
    color: black;
    font-family: 'Museo Sans 500';
    font-size: 14px;
}

.testemonial-content p.web a{
    color: black;
    text-decoration: none;
}

.testemonial-content p.web a:hover{
    text-decoration: underline;
}

.about{
    background-color: #d45659;
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: url('../images/checkmark.png');
    background-repeat: no-repeat;
    background-position: top center;
}

.about h1{
    font-size: 36px;
    color: white;
    margin: 0;
    padding: 0;
    font-family: 'Museo Sans 300';
    text-align: center;
    margin-bottom: 70px;
}

.about .mac{
    background-image: url("../images/mac.png");
    background-repeat: no-repeat;
height: auto;
    background-size: 100%;
}

.about .mac .screenshot{
    padding-left: 16%;
    padding-top: 4%;
    padding-right: 16.5%;
    padding-bottom: 12%;
    overflow: hidden;
}

#slider-2{
    margin: 0;
}


.screenshot .bx-wrapper{
    margin-bottom: 0;
}

#slider-2-pager{
    padding: 0;
    margin: 0;
    text-align: center;
}

#slider-2-pager li{
    list-style-type: none;
    display: inline-block;
    margin-top: 20px;
}

#slider-2-pager li a{
    font-size: 16px;
    color: white;
    font-family: "Museo Sans 300";
}

#slider-2-pager li a:hover, #slider-2-pager li a:active, #slider-2-pager li a:focus{
    text-decoration: none;
    outline: 0;
}

#slider-2-pager .active{
    font-family: "Museo Sans 900";
    border-bottom: 2px solid white;
    padding-bottom: 7px;
}

.facebook{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url('../images/thumbs.png');
    background-repeat: no-repeat;
    background-position: center top 100px;
    text-align: center;
}

.facebook h1{
    font-size: 36px;
    color: black;
    font-family: "Museo Sans 500";
    text-align: center;
    margin-top: 110px;
    margin-bottom: 80px;
}

.fb-button{
    display: inline-block;
    padding: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 2px;
    background-image: url('../images/f.png');
    background-repeat: no-repeat;
    background-position: left 22px center;
    padding-left: 65px;
    background-color: #3a63ad;
    color: white;
    font-size: 18px;
    font-family: "Museo Sans 900";
    margin-right: 15px;
}

.facebook p{
    display: inline-block;
    font-family: "Museo Sans 500";
    color: black;
    font-size: 18px;
}

.fb-button:hover, .fb-button:focus, .fb-button:active{
    text-decoration: none;
    color: white;
    outline: 0;
}

.founders{
    background-color: #e1cea7;
    padding-top: 80px;
}

.founders .image{
    text-align: center;
}

.founders img{
    max-width: 100%;
}

.founders h1{
    font-size: 36px;
    color: black;
    font-family: "Museo Sans 500";
    margin-bottom: 50px;
}

.founders p{
    font-size: 18px;
    font-family: "Museo Sans 300";
    color: black;
}

.founders .contact-us{
    font-size: 21px;
    font-family: "Museo Sans 900";
}

.founders .contact-us a{
    color: #000000;
}

@media (max-width: 992px ) {
    .founders{
        padding-top: 20px;
    }

    .founders h1{
        margin-bottom: 20px;
    }
}

footer{
    padding-top: 50px;
    padding-bottom: 200px;
}

footer .container-fluid{
    position: relative;
}

footer ul{
    margin: 0;
    padding: 0;
}

footer ul li, footer p{
    font-size: 16px;
    font-family: "Museo Sans 300";
    color: #7c7d7d;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
}

footer a{
    color: #7c7d7d;
    font-size: 16px;
    text-decoration: none;
}

footer .logo{
    margin-top: 0px;
    margin-bottom: 20px;
}

footer .cards{
    margin-top: 40px;
}

footer .try{
    display: inline-block;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #70ab8f;
    color: white;
    font-size: 18px;
    border-radius: 10px;
    font-family: "Museo Sans 900";
    position: absolute;
    top: -84px;
    right: 10px;
}

footer .try:hover{
    text-decoration: none;
    background-color: #528d70;
}

@media (max-width: 768px ) {

    footer{
        padding-top: 30px;
    }

    footer .try{
        position: static;
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
}

img{
    max-width: 100%;
}