/* bootstrap overrides */
.btn-primary { background: #1DB0EF; border: #1DB0EF; }
.btn-primary:hover { background: #2e89ba !important; }
.panel-primary { border-color: #1DB0EF; }
.panel-primary>.panel-heading { background-color: #1DB0EF; border-color: #1DB0EF;}
a { color: #1DB0EF; }

/* text */
body, td, div, select, textarea, input, p, a { font: 16px 'Raleway', sans-serif;}

/* helpers */
.white { color: #fff; }
.bold { font-weight: bold; }
.mb40 { margin-bottom: 40px; }
.alert li { list-style: none; }
.img100 { width: 100%; }
.flex-center { display: flex; justify-content: center; flex-flow: row wrap; }


/* navbar */
header .navbar { padding: 5px 0; margin: 0; border-bottom: 20px solid #29B3FF; background-color: #fff; }
header#home .navbar { border-bottom: 0; }
header .navbar .navbar-brand { padding: 0; height: 60px; display: inline-block; font-size: 32px; color: #29a1b7; }
header .navbar .navbar-brand img { height: 60px; display: inline-block; }
header .navbar-nav>li>a { padding: 20px; height: 60px; line-height: 20px; color: #1DB0EF;}
header .navbar-nav>li>a:hover { background: none; }
header .navbar-nav>li>a.btn { color: #fff; font-size: 16px; }
header .navbar-nav>li>a.btn:hover { background: #1DB0EF; }
header .navbar ul ul { position:absolute; opacity:0; width:170px; z-index: 100; padding: 5px 0 0; list-style: none; }
header .navbar ul ul li { float: none; }
header .navbar ul ul li a, header nav ul li:hover ul li a{ background:#29B3FF; color: #fff; text-decoration: none; padding: 10px 20px; display: block; }
header .navbar ul li:hover ul { opacity:1; top: auto; }
@media screen and (max-width: 991px) {
    header .navbar ul li.has-submenu > a { display: none; }
    header .navbar ul ul { opacity:1; top: auto; position: relative; width: auto; padding: 0; }
    header .navbar ul ul li a, header nav ul li:hover ul li a { background: none; color: #777; padding: 20px; }
}
@media screen and (max-width: 767px) {
    header .navbar-nav>li>a.btn { color: #777; font-size: 16px; background-color: #fff; text-align: left; }
    header .navbar-nav>li>a.btn:hover { background-color: #fff; }
}

/* home */
#home-1 { padding: 100px 0; background: #000000 url("/images/marketingmobile/bg.jpg") no-repeat; }
#home-1 .lcol { padding-top: 30px; }
#home-1 .lcol h1 { color: #fff; font-size: 60px; line-height: 1.2em; font-weight: normal; margin: 0 0 80px; }
#home-1 .lcol img { max-width: 275px; }
#home-1 .lcol p { font-size: 20px; }
#home-1 p a i { font-size: 40px; margin: 0 20px; color: #fff; }
#home-video { padding: 50px 0; border-bottom: 1px solid #cccccc; }
#home-video h2 { margin-bottom: 30px; }
#home-video iframe { max-width: 100%; }
#home-2 { padding: 50px 0; }
#home-2 h2 { margin-bottom: 30px; }
#home-2 .col { text-align: center; }
#home-2 .col img { height: 255px; }
#home-3 { padding: 50px 0 0; }
#home-3 .container { padding-bottom: 80px; border-bottom: #ccc solid 1px; }
#home-3 img { width: 100%; max-width: 900px; }
#home-4 { padding: 80px 0; }
#home-4 .lcol img { width: 100%; max-width: 500px; }
#home-4 .rcol { padding-top: 50px; }
#home-4 .rcol h2 { margin-bottom: 30px; font-size: 50px; }
#home-4 .rcol ul { padding: 0; margin-bottom: 20px; margin-left: 30px; }
#home-4 .rcol ul li { padding: 0; list-style: none; font-size: 20px; margin-bottom: 20px; }
#home-4 .rcol ul li i { margin-right: 5px; color: #45ad60; }
#home-4 .rcol p i { font-size: 30px; }

/* businesses */
#businesses-1, #businesses-2, #businesses-3, #businesses-4, #businesses-5, #businesses-6, #businesses-7, #businesses-8, #businesses-9 { padding: 80px 0; }
#businesses-1 .lcol { padding-top: 40px;}
h2.businesses-col-title { font-size: 42px; margin: 0 0 25px; font-weight: bold; }
p.businesses-col-content { font-size: 20px; font-weight: bold; }
#businesses-1 .rcol iframe { width: 100%; max-width: 560px; }
#businesses-2 .lcol { padding-top: 60px; }
#businesses-2 .rcol { text-align: center; }
#businesses-2 .rcol img { max-width: 500px; }
#businesses-3 .lcol iframe { width: 100%; max-width: 560px; }
#businesses-3 .rcol { padding-top: 40px; }
#businesses-4 .lcol { padding-top: 80px; }
#businesses-4 .rcol { text-align: center; }
#businesses-4 .rcol img { max-width: 500px; }
#businesses-5 .lcol { text-align: center; }
#businesses-5 .lcol img { max-width: 400px; }
#businesses-5 .rcol { padding-top: 40px; }
#businesses-6 .lcol { padding-top: 40px; }
#businesses-6 .rcol { text-align: center; }
#businesses-6 .rcol img { max-width: 500px; }
#businesses-7 .lcol { text-align: center; }
#businesses-7 .lcol img { max-width: 350px; }
#businesses-7 .rcol { padding-top: 40px; }
#businesses-8 .lcol { padding-top: 40px; }
#businesses-8 .rcol { text-align: center; }
#businesses-8 .rcol img { max-width: 400px; }
#businesses-9 .lcol { text-align: center; }
#businesses-9 .lcol img { max-width: 400px; }
#businesses-9 .rcol { padding-top: 40px; }
#businesses-10 { padding: 40px; background-color: #1385ab;}
#businesses-10 h2 { color: #fff; text-align: center; margin: 0 0 30px; }
#businesses-10 .form-control { padding: 15px; height: auto; }
#businesses-10 .btn { font-size: 20px; padding: 10px; }

/* contact */
#contact-1 { padding: 20px 0; min-height: 800px; }

/* standard */
.standard-section { padding: 50px 0; min-height: 700px; }

/* install */
#install-1 { padding: 20px 0; min-height: 800px; }
#install-1 h1 { margin-bottom: 50px; }
#install-1 img { max-width: 300px; }

/* pricing */
#pricing { margin: 60px 0 30px; }
#pricing #plans .plan { border: 1px solid #1DB0EF; margin: 20px 0px; padding: 0; }
#pricing #plans .plan h2 { font-size: 28px; color: #fff; background: #1DB0EF; margin: 0; padding: 15px 10px; text-align: center; font-weight: 300; }
#pricing .plan-details { text-align: center; padding: 20px 0 30px;}
#pricing .plan-details .plan-price { font-size: 50px; line-height: 70px; padding: 0 10px; }
#pricing .plan-details .plan-price span { font-size: 20px; }
#pricing .plan-details .plan-price span.price-text { font-size: 30px; }
#pricing .plan-details .plan-setup { font-size: 20px; margin-bottom: 40px; padding: 0 10px; }
#pricing .plan-details .btn { font-size: 22px; }
#pricing .plan-features { padding: 0 0 20px; }
#pricing .plan-features ul { list-style: none; margin: 0; padding: 0; }
#pricing .plan-features ul li { font-size: 18px; text-align: center; padding: 7px 10px; cursor: default; }
#pricing .plan-features ul li:hover { background: #eee; }

/* signup */
#signup { padding: 0 0 50px; }
#signup .coupon-code { display: flex; }
#signup .coupon-code input { width: 40%; margin-right: 15px; }
/* stripe card */
.StripeElement { background-color: #FFFFFF; border: 1px solid #ccc; border-radius: 6px; color: #565656; padding: 14px 16px; line-height: 24px; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; }
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

/* footer */
footer { padding: 30px 0; background-color: #666666; color: #fff; }
footer .navbar-nav { float: right; }
footer .navbar-nav>li { margin-left: 30px; }
footer .navbar-nav>li>a { padding: 0; color: #fff; }
footer .navbar-nav>li>a:hover { background: none; }