/*! * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */ .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; } html, body { height: 100%; width: 100%; } body { font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; } a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fdcc52; } 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: #fdcc52; } .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; } .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { color: #222222; } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #fdcc52; } .navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { color: #fdcc52 !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, .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: #fdcc52; } .navbar-default.affix .nav > li > a, .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: #fdcc52; } } header { position: relative; width: 100%; min-height: auto; overflow-y: hidden; background: url("/assets/new_age/bg-pattern.png"), #7b4397; /* fallback for old browsers */ background: url("/assets/new_age/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #dc2430); /* Chrome 10-25, Safari 5.1-6 */ background: url("/assets/new_age/bg-pattern.png"), linear-gradient(to left, #7b4397, #dc2430); /* 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; } .device-mockup { position:relative; width:100%; padding-bottom:61.775701% } .device-mockup>.device { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-size:100% 100%; background-repeat:no-repeat; background-image:url(macbook/macbook.png) } .device-mockup>.device>.screen { position:absolute; top:11.0438729%; bottom:14.6747352%; left:13.364486%; right:13.364486%; overflow:hidden } .device-mockup>.device>.button { position:absolute; top:0; left:0; display:none; overflow:hidden; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; cursor:pointer } .device-mockup.iphone6,.device-mockup.iphone6.portrait{padding-bottom:207.19%}.device-mockup.iphone6.landscape{padding-bottom:48.76%}.device-mockup.iphone6.black>.device,.device-mockup.iphone6.portrait.black>.device,.device-mockup.iphone6>.device{background-image:url(iphone_6/iphone_6_port_black.png)}.device-mockup.iphone6.landscape.black>.device,.device-mockup.iphone6.landscape>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6.portrait.white>.device,.device-mockup.iphone6.white>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6.landscape.white>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6.gold>.device,.device-mockup.iphone6.portrait.gold>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6.landscape.gold>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6.portrait>.device>.screen,.device-mockup.iphone6>.device>.screen{top:12.58%;bottom:12.88%;left:6.77%;right:6.77%}.device-mockup.iphone6.landscape>.device>.screen{top:6.77%;bottom:6.77%;left:12.58%;right:12.88%}.device-mockup.iphone6.portrait>.device>.button,.device-mockup.iphone6>.device>.button{display:block;top:88.6%;bottom:3.2%;left:42%;right:42%}.device-mockup.iphone6.landscape>.device>.button{display:block;top:42%;bottom:42%;left:88.6%;right:3.2%}.device-mockup.iphone6_plus,.device-mockup.iphone6_plus.portrait{padding-bottom:201.76%}.device-mockup.iphone6_plus.landscape{padding-bottom:49.56%}.device-mockup.iphone6_plus.black>.device,.device-mockup.iphone6_plus.portrait.black>.device,.device-mockup.iphone6_plus>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.landscape.black>.device,.device-mockup.iphone6_plus.landscape>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.portrait.white>.device,.device-mockup.iphone6_plus.white>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.landscape.white>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.gold>.device,.device-mockup.iphone6_plus.portrait.gold>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.landscape.gold>.device{background-image:url(/assets/new_age/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.portrait>.device>.screen,.device-mockup.iphone6_plus>.device>.screen{top:11.58%;bottom:11.58%;left:5.97%;right:5.97%}.device-mockup.iphone6_plus.landscape>.device>.screen{top:5.97%;bottom:5.97%;left:11.38%;right:11.58%}.device-mockup.iphone6_plus.portrait>.device>.button,.device-mockup.iphone6_plus>.device>.button{display:block;top:89.9%;bottom:3.2%;left:43%;right:43%}.device-mockup.iphone6_plus.landscape>.device>.button{display:block;top:43%;bottom:43%;left:89.9%;right:3.2%} @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; } @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; } } 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 .device-container, section.features .feature-item { max-width: 300px; margin: 0 auto; } section.features .device-container { margin-bottom: 100px; } @media (min-width: 992px) { section.features .device-container { margin-bottom: 0; } } 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, #7b4397, #dc2430); background: linear-gradient(to left, #7b4397, #dc2430); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (min-width: 992px) { section.features .device-container, section.features .feature-item { max-width: none; } } 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('/assets/new_age/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; } @media (min-width: 768px) { section.cta .cta-content h2 { font-size: 80px; } } section.cta .overlay { 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-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; } 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: #fdcc52; background: -webkit-linear-gradient(#fdcc52, #fdc539); background: linear-gradient(#fdcc52, #fdc539); } .text-primary { color: #fdcc52; } .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: #fdcc52; border-color: #fdcc52; } .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 { color: white; text-shadow: none; background: #222222; } ::selection { color: white; text-shadow: none; background: #222222; } img::selection { color: white; background: transparent; } img::-moz-selection { color: white; background: transparent; } body { webkit-tap-highlight-color: #222222; }