.heading-font { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

.body-font { font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; }

.alt-font { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; }

.policy { background-color: #55363b; padding: 25px 0; color: rgba(255, 255, 255, 0.8); }

.policy ul { margin-bottom: 0; }

.policy ul li a { font-size: 12px; color: rgba(255, 255, 255, 0.3); }

.policy ul li a:hover, .policy ul li a:focus, .policy ul li a:active, .policy ul li a.active { text-decoration: none; }

html { height: 100%; width: 100%; }

body { height: 100%; width: 100%; font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; }

a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #55c49d; }

a:hover, a:focus { color: #fcbd20; }

hr { max-width: 100px; margin: 25px auto 0; border-width: 1px; border-color: rgba(34, 34, 34, 0.1); }

hr.light { border-color: white; }

h1, h2, h3, h4, h5, h6 { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; }

.navbar-default { background-color: white; border-color: rgba(34, 34, 34, 0.05); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

.navbar-default .navbar-header .navbar-brand { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; color: #55c49d; }

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #fcbd20; }

.navbar-default .navbar-header .navbar-toggle { font-size: 12px; color: #222222; padding: 8px 10px; }

.navbar-default .nav > li > a { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; color: #222222; }

.navbar-default .nav > li > a:focus { color: #222222; }

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #55c49d; }

.navbar-default .nav > li.active > a { color: #55c49d !important; background-color: transparent; }

.navbar-default .nav > li.active > a:focus { color: #55c49d !important; background-color: transparent; }

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { background-color: transparent; }

@media (min-width: 768px) { .navbar-default { background-color: transparent; border-color: transparent; }
  .navbar-default .navbar-header .navbar-brand { color: rgba(255, 255, 255, 0.7); }
  .navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: white; }
  .navbar-default .nav > li > a { color: rgba(255, 255, 255, 0.7); }
  .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 0.7); }
  .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: white; }
  .navbar-default.affix { background-color: white; border-color: rgba(34, 34, 34, 0.1); }
  .navbar-default.affix .navbar-header .navbar-brand { color: #222222; }
  .navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #55c49d; }
  .navbar-default.affix .nav > li > a { color: #222222; }
  .navbar-default.affix .nav > li > a:focus { color: #222222; }
  .navbar-default.affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:focus:hover { color: #55c49d; } }

header { position: relative; width: 100%; min-height: auto; overflow-y: hidden; background: url("../img/bg-pattern.png"), #53373b; /* fallback for old browsers */ background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #53373b, #ec5633); /* Chrome 10-25, Safari 5.1-6 */ background: url("../img/bg-pattern.png"), linear-gradient(to left, #53373b, #ec5633); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color: white; }

header .header-content { text-align: center; padding: 150px 0 50px; position: relative; }

header .header-content .header-content-inner { position: relative; max-width: 500px; margin: 0 auto; }

header .header-content .header-content-inner h1 { margin-top: 0; margin-bottom: 30px; font-size: 30px; }

header .header-content .header-content-inner .list-badges { margin-bottom: 25px; }

header .header-content .header-content-inner .list-badges img { height: 50px; margin-bottom: 25px; }

header .device-container { max-width: 300px; margin: 0 auto 100px; }

header .device-container .screen img { border-radius: 3px; }

@media (min-width: 768px) { header { min-height: 100%; }
  header .header-content { text-align: left; padding: 0; height: 100vh; }
  header .header-content .header-content-inner { max-width: none; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); }
  header .header-content .header-content-inner h1 { font-size: 35px; }
  header .device-container { max-width: none; max-height: calc(0vh); margin: 100px auto 0; } }

@media (min-width: 992px) { header .header-content .header-content-inner h1 { font-size: 50px; } }

section { padding: 100px 0; }

section h2 { font-size: 50px; }

section.download { padding: 150px 0; position: relative; }

section.download h2 { margin-top: 0; font-size: 50px; }

section.download .badges .badge-link { display: block; margin-bottom: 25px; }

section.download .badges .badge-link:last-child { margin-bottom: 0; }

section.download .badges .badge-link img { height: 60px; }

section.video { padding: 50px 0; position: relative; }

section.video h2 { margin-top: 0; font-size: 50px; }

section.video .badges .badge-link { display: block; margin-bottom: 25px; }

section.video .badges .badge-link:last-child { margin-bottom: 0; }

section.video .badges .badge-link img { height: 60px; }

section.features .section-heading { margin-bottom: 100px; }

section.features .section-heading h2 { margin-top: 0; }

section.features .section-heading p { margin-bottom: 0; }

section.features .section-post-heading { margin-bottom: 100px; }

section.features .section-post-heading h2 { margin-top: 0; }

section.features .section-post-heading p { margin-bottom: 0; }

section.features .device-container, section.features .feature-item { max-width: 300px; margin: 0 auto; }

section.features .device-container { margin-bottom: 100px; }

section.features .feature-item { text-align: center; margin-bottom: 100px; }

section.features .feature-item h3 { font-size: 30px; }

section.features .feature-item i { font-size: 80px; background: -webkit-linear-gradient(to left, #53373b, #ec5633); background: linear-gradient(to left, #53373b, #ec5633); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

section.cta { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("../img/bg-cta.jpg"); padding: 250px 0; }

section.cta .cta-content { position: relative; z-index: 1; }

section.cta .cta-content h2 { margin-top: 0; margin-bottom: 25px; color: white; max-width: 450px; font-size: 50px; }

section.cta .overlay { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

section.cta-donate { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("../img/donate.jpg"); padding: 250px 0; }

section.cta-donate .cta-content-donate { position: relative; z-index: 1; }

section.cta-donate .cta-content-donate h2 { margin-top: 0; margin-bottom: 25px; color: white; max-width: 450px; font-size: 70px; }

section.cta-donate .overlay-donate { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

section.contact { text-align: center; }

section.contact h2 { margin-top: 0; margin-bottom: 25px; }

section.contact h2 i { color: #dd4b39; }

section.contact ul.list-social { margin-bottom: 0; }

section.contact ul.list-social li a { display: block; height: 80px; width: 80px; line-height: 80px; font-size: 40px; border-radius: 100%; color: white; }

section.contact ul.list-social li.social-envelope a { background-color: #009900; }

section.contact ul.list-social li.social-envelope a:hover { background-color: #008000; }

section.contact ul.list-social li.social-twitter a { background-color: #1da1f2; }

section.contact ul.list-social li.social-twitter a:hover { background-color: #0d95e8; }

section.contact ul.list-social li.social-facebook a { background-color: #3b5998; }

section.contact ul.list-social li.social-facebook a:hover { background-color: #344e86; }

section.contact ul.list-social li.social-google-plus a { background-color: #dd4b39; }

section.contact ul.list-social li.social-google-plus a:hover { background-color: #d73925; }

section.contact ul.list-social li.social-youtube a { background-color: #dd4b39; }

section.contact ul.list-social li.social-youtube a:hover { background-color: #d73925; }

@media (min-width: 768px) { section.download .badges .badge-link { display: inline-block; margin-bottom: 0; } }

@media (min-width: 768px) { section.download h2 { font-size: 70px; } }

@media (min-width: 768px) { section.video .badges .badge-link { display: inline-block; margin-bottom: 0; } }

@media (min-width: 768px) { section.video h2 { font-size: 70px; } }

@media (min-width: 992px) { section.features .device-container { margin-bottom: 0; } }

@media (min-width: 992px) { section.features .device-container, section.features .feature-item { max-width: none; } }

@media (min-width: 768px) { section.cta .cta-content h2 { font-size: 80px; } }

footer { background-color: #222222; padding: 25px 0; color: rgba(255, 255, 255, 0.3); text-align: center; }

footer p { font-size: 12px; margin: 0; }

footer ul { margin-bottom: 0; }

footer ul li a { font-size: 12px; color: rgba(255, 255, 255, 0.3); }

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active { text-decoration: none; }

.bg-primary { background: #55c49d; background: -webkit-linear-gradient(#55c49d, #52adc8); background: linear-gradient(#55c49d, #52adc8); }

.text-primary { color: #55c49d; }

.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.btn-outline { color: white; border-color: white; border: 1px solid; }

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { color: white; background-color: #55c49d; border-color: #55c49d; }

.btn { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; border-radius: 300px; }

.btn-xl { padding: 15px 45px; font-size: 11px; }

::-moz-selection, ::selection { color: white; text-shadow: none; background: #222222; }

img::selection, img::-moz-selection { color: white; background: transparent; }

body { webkit-tap-highlight-color: #222222; }

.no-padding { padding: 0; }

.portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto; }

.portfolio-box .portfolio-box-caption { color: white; opacity: 0; display: block; background: rgba(85, 196, 157, 0.9); position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding: 0 15px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-weight: 600; font-size: 14px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 18px; }

.portfolio-box:hover .portfolio-box-caption { opacity: 1; }

@media (min-width: 768px) { .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { font-size: 16px; }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 22px; } }

.intro-header { background: no-repeat center center; background-color: #808080; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; margin-bottom: 50px; }

.intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 100px 0 50px; color: white; }

.intro-header .site-heading, .intro-header .page-heading { text-align: center; }

.intro-header .site-heading h1, .intro-header .page-heading h1 { margin-top: 0; font-size: 50px; }

.intro-header .site-heading .subheading, .intro-header .page-heading .subheading { font-size: 24px; line-height: 1.1; display: block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; margin: 10px 0 0; }

.intro-header .post-heading h1 { font-size: 35px; }

.intro-header .post-heading .subheading, .intro-header .post-heading .meta { line-height: 1.1; display: block; }

.intro-header .post-heading .subheading { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; margin: 10px 0 30px; font-weight: 600; }

.intro-header .post-heading .meta { font-family: 'Lora', 'Times New Roman', serif; font-style: italic; font-weight: 300; font-size: 20px; }

.intro-header .post-heading .meta a { color: white; }

@media only screen and (min-width: 768px) { .intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 150px 0; } }

@media only screen and (min-width: 768px) { .intro-header .site-heading h1, .intro-header .page-heading h1 { font-size: 80px; } }

@media only screen and (min-width: 768px) { .intro-header .post-heading h1 { font-size: 55px; }
  .intro-header .post-heading .subheading { font-size: 30px; } }

/*# sourceMappingURL=main.css.map */