.line {
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px -6px;
    -o-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px -6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px -6px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px -6px;
}

.animated {
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -o-animation-duration: 2s;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

body {
    background: #fff;
    color: #555;
    font: normal 15px "Roboto",arial,sans-serif;
    font-weight: 300;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1, h2,h3,h4,h5,h6 {
    color: #555;
    font-style: normal;
    font-weight: 100;
    line-height: 1.17em;
    text-align: center;
}

input, select, textarea {
-moz-appearance:    none;
appearance:         none;
-webkit-appearance: none;
}

p {
    margin: 0 0 10px;
    font-style: normal;
    line-height: 1.8em;
    line-height: 1.7em;
    font-size: 1.1em;
}
h3 {
    font-size: 1.6em;
}

body {
    margin: 0;
    background: #FFF;
}

html,body {
    margin: 0;
}

a {
    color: #3498D9;
    cursor: pointer;
    text-decoration: none;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px auto 0px;
    border-bottom: 0px solid #EEE;
    text-align: center;
}
.page-header {
    width: 80%;
}
.container-fluid {
max-width: 1900px;
}
.navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-brand img,.navbar-brand>span {
    float: left;
}

.navbar-brand img {
    width: 44px;
}

.navbar-brand span {
    margin-left: 10%;
    width: 47%;
    margin-top: 6%;
    font-size: 23px;
}

.navbar-default .navbar-brand {
    color: #2CC6FF;
}

.navbar-brand:hover {
    color: #26B6EC !important;
}

.navbar-default .navbar-nav>li {
    font-size: 18px;
    padding: 30px 0px 30px 30px;
}

.navbar-default .navbar-nav>li>a {
    border-bottom: 1px solid transparent;
    padding: 0px 4px 4px 4px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #2CC6FF;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    background: transparent !important;
}

.navbar-default .navbar-nav>li>a.home,.navbar-default .navbar-nav>li>a.home:active,.navbar-default .navbar-nav>li>a.home:hover,.navbar-default .navbar-nav>li>a.home:focus,.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #2CC6FF;
}

.navbar-default .navbar-nav>li>a.features,.navbar-default .navbar-nav>li>a.features:active,.navbar-default .navbar-nav>li>a.features:hover,.navbar-default .navbar-nav>li>a.features:focus {
    color: #27E0B2;
}

.navbar-default .navbar-nav>li>a.faq,.navbar-default .navbar-nav>li>a.features:active,.navbar-default .navbar-nav>li>a.features:hover,.navbar-default .navbar-nav>li>a.features:focus {
    color: #FF2C8A;
}

.navbar-default .navbar-nav>li>a.contact,.navbar-default .navbar-nav>li>a.contact:active,.navbar-default .navbar-nav>li>a.contact:hover,.navbar-default .navbar-nav>li>a.contact:focus {
    color: #F58534;
}

.navbar-default .navbar-nav>li>a.home:hover,.navbar-default .navbar-nav>.active>a.home, .navbar-default .navbar-nav>li>a:hover {
    border-color: #2CC6FF;
}

.navbar-default .navbar-nav>li>a.features:hover,.navbar-default .navbar-nav>.active>a.features {
    border-color: #27E0B2;
}

.navbar-default .navbar-nav>li>a.faq:hover,.navbar-default .navbar-nav>.active>a.faq {
    border-color: #FF2C8A;
}

.navbar-default .navbar-nav>li>a.contact:hover,.navbar-default .navbar-nav>.active>a.contact {
    border-color: #F58534;
}

.navbar-default {
    background: rgba(255, 255, 255, 0.9);
    border-color: #E7E7E7;
    border: 0px none;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    border-color:transparent !important;
    background-color: transparent !important;
}

nav {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 4px 0px;
    -o-box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 4px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 4px 0px;
    font-family: Roboto, arial, sans-serif;
    font-size: 15px;
}
.navbar-brand span {
    font-size: 25px;
    margin-top: 11px;
    margin-left: 5%;
}

.navbar-default .navbar-collapse {
    background: rgba(255, 255, 255, 0.9);
}
.navbar-default .navbar-nav>li {
    padding: 12px;
}

section {
    overflow: hidden;
    position: relative;
}

.do-container {
    padding-top: 50px;
}


#home {
    background: #F9F9f9;
    -webkit-box-shadow: inset 0 -4px 9px -7px rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 -4px 9px -7px rgba(0, 0, 0, 0.09);
    -o-box-shadow: inset 0 -4px 9px -7px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0 -4px 9px -7px rgba(0, 0, 0, 0.09);
}

.home-wrapper {
    overflow: hidden;
    width: 100%;
    padding: 0px 4%;
    margin: 0px auto;
    height:344px;
}

.app-screen-wrapper { 
    position: absolute;
    top: 140px;
    height: 204px;
    width: 220px;
    left: 50%;
    margin: 0px auto;
    left: 31%;
    right: 24%;
}

.app-screen-wrapper .app-screen {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
}

.app-screen-2 {
    top: 0px;
    z-index: 100;
    right: 45.3%;
}

.storebutton {
    float: left;
    clear: left;
    margin-top: 19%;
    opacity: 0.7 !important;
    width: 43%;
    text-align: center;
}

.storebutton:hover {
    opacity: 1.0 !important;
}

.storebutton img {
    width: 138px;
    margin: 0px auto;
}
.content-wrapper {
    margin: 0px 4%;
    overflow: hidden;
    clear: both;
}

.btn-default {
    background: #2CC6FF;
    border: 0px none;
    color: #fff;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
}

.btn-default:hover {
    background: #26B6EC;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    color: #fff;
}

#form .alert {
    margin-bottom: 0px;
}

form {
    padding: 0% 2% 6% 0px;
}
form {
    width: 100%;
    padding-right: 0px;
}


.form-horizontal .control-label {
    padding-top: 2px;
    font-weight: 100;
}

.form-horizontal .control-label {
    font-size: 18px;
}
.form-control {
    border: 1px solid #ECECEC;
    -webkit-box-shadow: inset 0 0px 0px #FFF;
    box-shadow: inset 0 0px 0px #FFF;
}
#contact .content-wrapper {
padding-top: 5%;
}
#contact .lead {
    right: 0;
    top: 29%;
    padding: 2% 2% 2% 2%;
    text-align: center;
    line-height: 34px;
    font-weight: 300;
}

#contact .lead {
    width: 100%;
    position: relative;
    margin: 0px;
    margin-bottom: 4%;
}


.feature {
padding: 0%;
height: 245px;
float: left;
display: inline-block;
margin: 0px 0%;
text-align: center;
margin-top: 5%;
}

.feature p {
    padding: 0px 7%;
    font-size: 0.9em;
    margin: 0px auto;
}

.feature img {
    margin: 0px auto 0px auto;
    width: 45%;
    max-width: 135px;
    max-height: 95px;
}

.feature h3 {
    font-size: 1.2em;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0px;
}

#features .content-wrapper {
    /*margin-bottom: -40px;*/
}

footer {
width: 100%;
background: #f9f9f9;
border-top: 1px solid #ececec;
padding: 40px 0px 20px;
text-align: center;
font-size: 12px;
margin-top: 40px;
}

footer ul {
padding-bottom: 15px;
padding-left: 0px;
list-style: none;
margin-left: 0px;
}

footer li {
    display: inline-block;
}

footer a {
    font-weight: 400;
}

footer a:hover {
    text-decoration: none;
}
#copyright {
border-right: 1px solid #3498D9;
padding-right: 15px;
margin-right: 15px;
}
.appstore-menu {
background-size: 26px;
background-image: url(../img/Apple.png);
background-repeat: no-repeat;
background-position: 13px 5px;
}

.appstore-menu a {
    margin-left: 38px;
}

.wait {
    margin: -3px 0px 0px 10px;
}
#share {
overflow: hidden;
width: 50%;
float: right;
margin-top: 13px;
height: 26px;
margin-bottom: -39px;
display:none;
}
#fb-wrapper, #tw-wrapper, #gp-wrapper {
float: right;
width: 98px;
}
@media (min-width:20px) {
    h1, #home h2 {
        width: 100%;
    }
    h1 {
        font-size: 1.5em;
    }
    #home h2 {
        font-size: 1.1em;
    }
     	.page-header h2 {
	font-size: 1.5em;
	}
    h1 .l1 {
        display: inline;
    }
}
@media (min-width:360px) {
footer {
font-size: 14px;
}
}
@media (min-width:400px) {
    /* 
    
        h1 {
            font-size: 1.9em;
        }
        
        #home h2 {
            font-size: 1.3em;
        }
        .app-screen-wrapper {
    
    height: 329px;
    width: 270px;
    
        }
    
        .home-wrapper {
            height: 390px;
        }
    */
}
@media (min-width:500px) {
    .feature h3 {
        font-size: 1.5em;
    }
     	.page-header h2 {
	font-size: 1.7em;
	}
    .feature p {
        font-size: 1em;
    }
    .app-screen-wrapper {
        left: 50%;
        right: 0;
    }
    .storebutton img {
        width: 120px;
    }
}
@media (min-width:590px) and (max-width:800px){
    .col-s-4 {
        width: 33.3333%;
    }
}
@media (min-width:590px) {

    h1 {
        font-size: 1.9em;
    }
    #home h2 {
        font-size: 1.3em;
    }
    	.page-header h2 {
	font-size: 1.7em;
	}

    h1 .l1 {
        display: block;
    }
    h1, #home h2,.storebutton {
        width: 45%;
    }
    .app-screen-wrapper {
        position: absolute;
        top: 69px;
height: 275px;
width: 296px;
        margin: 0px auto;
    }
    .storebutton {
        margin-top: 5%;
    }
    .storebutton img {
        width: 135px;
    }
}
@media (min-width:768px) {
#share {
display:inline-block;
}
    .feature h3 {
        font-size: 1.6em;
    }
    nav {
        min-height:80px;
        height:80px;
    }

    .navbar-brand {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-collapse {
        background: transparent; 
    }
    .navbar-default .navbar-nav>li {
        font-size: 18px;
        padding: 30px 0px 30px 30px;
    }
    .navbar-brand img {
        width: 65px;
    }

    .navbar-brand span {

        margin-left: 10%;
        width: 47%;
        margin-top: 25px;
    }

    .navbar-brand span {
        font-size: 27px;
    }

    .do-container {
        padding-top: 80px;
    }

    h1 {
        font-size: 2.2em;
    }
	.page-header h2 {
	font-size: 2em;
	}

    #home h2 {
        font-size: 1.4em;
        padding-top: 2%;
    }

    h1, #home h2, .storebutton {
        width: 40%;
    }

    .app-screen-wrapper {
        position: absolute;
        top: 50px;
        height: 336px;
        width: 362px;
        margin: 0px auto;
    }
    .storebutton {
        margin-top: 4%;
    }
    h1 .l1 {
        display: block;
    }
    .storebutton img {
        width: 160px;
    }

    .home-wrapper {
        height: 386px;
        padding-top: 25px;
    }
}
@media (min-width:850px) {
    .feature p {
        font-size: 1.1em;
    }
    h1, #home h2, .storebutton {
        width: 45%;
    }

}
@media (min-width:900px) {
    h1 {
        font-size: 2.4em;
    }
    #home h2 {
        font-size: 1.6em;
    }
	.page-header h2 {
	font-size: 2.1em;
	}

    .page-header {
        margin-top: 85px;
        width: 600px;
    }
    form {
        width: 60%;
        padding-right: 2%;
        float: left;
        display: inline;
    }
    #contact .lead {
        width: 38%;
        margin: 0px 1%;
        display: inline;
        float: right;
        margin-top: 4%;
        font-size: 20px;
    }
}
@media (min-width:1000px) {
    h1 {
        font-size: 2.9em;
    }

    #home h2 {
        font-size: 1.6em;
    }
	.page-header h2 {
	font-size: 2.2em;
	}
	
    .home-wrapper {
        height: 468px;
    }

    .app-screen-wrapper {
        height: 418px;
        width: 450px;
    }

    .storebutton {
        margin-top: 6%;
    }
    .storebutton img {
        width: 230px;
    }

    h1, #home h2, .storebutton {
        width: 44%;
    }

    .form-horizontal .control-label { 
        font-size: 22px;
    }
}
@media (min-width:1090px) {
    .app-screen-wrapper {
        top: 122px;
    }

    h1, #home h2, .storebutton {
        width: 56%;
    }

    .storebutton {
        margin-top: 9%;
    }
    #home h2 {
        padding: 2% 4%;
    }   

    h1 .l1 {
        display: inline;
    }
    .home-wrapper {
        height: 540px;
    }


}
@media (min-width:1300px) {
    #home h2 {
        padding: 4% 8% 0%;
    }
    .home-wrapper {
        height: 577px;
    }
    .app-screen-wrapper {
        height: 464px;
        width: 500px;
        top: 112px;
    }
    .storebutton {
        margin-top: 12%;
    }
    .feature p {
        max-width: 90%;
    }
}
@media (min-width:1400px) {
    h1, #home h2, .storebutton {
        width: 52%;
    }
    .home-wrapper {
        height: 669px;
    }
    h1 {
        font-size: 3.5em;
        width: 53%;
    }
    #home h2 {
        font-size: 2.3em;
    }
    .feature h3 {
        font-size: 1.7em;
    }
    .storebutton {
        margin-top: 10%;
    }
    .storebutton img {
        width: 260px;
    }
    .app-screen-wrapper {
        height: 557px;
        width: 600px;
    }
    .content-wrapper {
        margin: 0px auto;
        max-width: 1700px;
    }
}
@media (min-width:1850px) {

    .home-wrapper {
        max-width: 1850px;
    }
}
@media (max-width: 499px) {
    .storebutton {
        display: none !important;
    }
}

@media (min-height:359px) {
.error-page footer {
position: absolute;
bottom: 0;
}
}

#section-error h1 {
width:100%;
}
#section-error p {
text-align: center;
}
.error-page #copyright {
padding-right:0px;
margin-right:0px;
border:0px none;
}