@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

body {
  font-family: 'Titillium Web', Geneva, Arial, Helvetica, sans-serif;
  color: rgb(80, 80, 80);
}

#brand {
  color: #FFFFFF;
  background: url("../ico/icon32--md5--005784682024b627aed508bb16ab7737.svg") no-repeat scroll 0% 0% transparent;
  background-position: left center;
  padding-left: 40px;
  width: 150px;
}

#text-logo {
  background-image: url(../../content/text-logo--md5--67e6936e2aacae45d9d80c617902b386.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  height: 35px;
  width: 110px;
  margin-top: -6px;
  margin-left: -5px;
}

.homeNavBar #text-logo {
  background-image: url(../../content/text-logo-white--md5--4f2d42fc8a71a5369bc63f75d37f168b.svg) !important;
}

.homeNavBar .navbar-toggle {
  color: white;
}

.label {
  min-width: 15px !important;
  min-height: 15px !important;
}

.page-header {
  margin: 0;
  border: 0;
}

.default-color {
  background-color: white;
}

#goto-demo {
  background-color: #a466aa;
  margin-top: 3px;
}

#view-slides {
  background-color: #f7901e;
  margin-top: 3px;
}

#download-it {
  margin-top: 3px;
  font-size: 20px;
}

#play-video {
  background-color: #33b5be;
  margin-top: 3px;
}

.embed-video {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.85);
  z-index: 1000;
  text-align: center;
}

.overlay-video {
  width: 100%;
  height: 100%;
  padding-top: 7%;
}

.video {
  width: 90%;
  height: 90%;
}

.close-video {
  color: #fff;
  font-size: 30px;
  font-weight: 200;
  opacity: 1;
  position: absolute;
  top: 35px;
  right: 1px;
}

.homethumb {
  width: 100%;
  height: 100%;
}

.gallery:focus, .gallery:active {
  outline: none;
}

.homeNavBar {
  background-color: #13547a !important;
}

.homeNavBar .topnavLink {
  color: white;
  font-weight: bold;
}

.intro {
  padding-bottom: 0px;
  background-image: linear-gradient(0deg, #80d0c7 0%, #13547a 100%);
  border-bottom: 1px solid lightgray;
}

.why {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: white;
}

.greatfor {
  background-color: white;
}

.why-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-weight: bolder;
}

.tagging {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: white;
}

.notetaking {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: white;
}

.browsing {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: white;
}

.asseen {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}

.assen-header {
  margin-top: 10px;
  text-align: center;
  padding-bottom: 30px;
  font-weight: bolder;
}

.feature-title {
  font-weight: normal;
}

.feature-overview{
  font-weight: bolder;
}

#gh-star {
  border: 0px;
  overflow: hidden;
  width: 100px;
  height: 20px;
}

#cla-form {
  border: 0px;
  margin: 0px 0px;
  width: 100%;
  height: 2900px;
}

.social {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.peoplesaysing {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.newsletter {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.pro {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.notesalternatives {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.perspectives {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
  background-repeat: repeat; margin: 0;
}

.features {
  padding-top: 50px;
  padding-bottom: 40px;
  background-color: white;
}

.zebraColor {
  background-color: #f3f3f3;
}

.engraved {
  color: #666;
  text-shadow: 0px -1px 0px rgba(0,0,0,.5);
}

.uppercase {
  text-transform: uppercase;
}

.ts-breadcrumb {
  margin-top: 5px;
}

footer h5 {
  color: #AAAAAA;
}

.platform-icon, .platform-icon:hover {
  text-decoration: none;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 25px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Titillium Web', Geneva, Arial, Helvetica, sans-serif;
  color: rgb(80,80,80);
  font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #474747;
  text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #474747;
  text-decoration: none;
}

h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
  color: #474747;
  text-decoration: none;
}

h1 a:hover::after, h2 a:hover::after, h3 a:hover::after, h4 a:hover::after, h5 a:hover::after, h6 a:hover::after {
  content: " §";
  color: lightgray;
}

.download-button {
  width: 140px;
}

.footerTitle {
  color: white;
  margin-top: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.mainBackground {
  background: linear-gradient(-45deg,#485563,#1d2328);
}

.navbar {
  margin-bottom: 0px;
}

.nav>li>a:hover, .nav>li>a:active {
  background-color: transparent;
  color: rgb(29, 209, 159);
}

.list-group>a {
  border: 0;
  color: gray;
}

.list-group .active, .list-group .active:hover {
  color: #333;
  background-color: #ddd;
}

.sidebar-title {
  margin-top: 30px;
  margin-bottom: 10px;
}

.tag {
  padding: 2px 4px 2px 4px !important;
  background: #008000;
  color: white;
  margin: 1px;
  border: 0;
  border-radius: 5px !important;
  text-decoration: none  !important;
}

.tag:hover {
    background: #1FD80C;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../assets/css/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../assets/css/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../assets/css/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:-15px; right:10px; display:block; background:url(../assets/css/images/close.png) no-repeat; width:32px; height:32px; text-indent:-9999px;}

span.flag-icon {
  width: 53px;
  height: 40px;
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
}

a.flag-wrapper:hover {
  text-decoration: none;
}

a {
  text-decoration: none !important;
  color: rgb(29, 209, 159);
}

a:hover, a:active, a:focus {
  text-decoration: underline !important;
  color: rgb(14, 149, 112);
}

.text-primary, .text-primary:hover {
  color: rgb(14, 149, 112);
}

::selection {
  background: rgb(173, 255, 233);
}

.slogan {
  max-width: 500px;
  margin: 60px auto 0 auto;
  font-size: 28px;
  font-weight: bold;
  color: white;
}

.subslogan {
  max-width: 550px;
  margin: 0px auto;
  font-size: 18px;
  color: white;
}

.intro .btn {
  border: 0px;
}

.titleCollage {
  cursor: pointer;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  margin-top: 60px !important;
}

.noShadow {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.img-responsive {
  margin-bottom: 30px !important;
}

.container img, .container video {
  margin-top: 25px;
  -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.75);
}

.container video {
  max-width: 100%;
}

blockquote {
  font-size: 15px;
}

.socialShare {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px 0 0 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  height: auto;
}

figcaption {
  text-align: center;
  padding-top: 15px;
  font-style: italic;
  font-size: small;
}

figure {
  margin-bottom: 30px;
}

.features-sidemenu {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.features-sidemenu li {
  padding-top: 7px;
}

.features-sidemenu .fa-star-o, .features-sidemenu .fa-star {
  color: rgba(29, 209, 159, 0.78);
}

.features .fa{
  color: rgba(29, 209, 159, 0.78);
}

.vat {
  font-size: small;
}

.customNavBar {
  background: white;
}

.blogNavBar {
  background: white no-repeat center center;
  background-image: url('../../content/headers/office2--md5--aca6fd2beacc57c1cf54d03e4e728df2.jpg');
  background-size: cover;
  height: 270px;
}

.blogNavBar .topnavLink {
  color: white;
  font-weight: bold;
}

.blogNavBar .topnavLink:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.blogNavBar #brand {
  background-color: white;
  border-radius: 15px;
  margin-top: 5px;
}

.blogNavBar .navbar-toggle {
  color: white;
}

.topnavLink, .topnavLink:hover {
  color: #4d4d4d;
  text-decoration: none !important;
}

.carousel-caption {
  background-color: rgba(72, 72, 72, 0.85);
  border-radius: 3px;
}

.carousel-caption h3, .carousel-caption a {
  color: white;
}

.carousel-control.right {
  background-image: none
}

.carousel-control.left {
  background-image: none
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: rgba(29, 209, 159, 0.78) !important;
  border: 0 !important;
  text-decoration: none !important;
}

.btn-success:hover {
  opacity: 0.8;
}

.product-comparison {
  min-width: 450px;
}

.product-comparison .col-xs-3 {
  text-align: center;
  min-height: 45px;
}

.text-left {
  text-align: left !important;
}

.product-comparison .fa-check-circle {
  color: rgba(29, 209, 159, 0.78);
}

.product-comparison .fa-flash {
  color: lightgray;
}

.beta-feature {
  color: gray;
}

.price-c {
  font-weight: bold;
}

.perspectives .img-responsive {
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-left: auto;
  margin-right: auto;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.emphasize-demo {
  border: 1px gray solid;
  border-radius: 3px;
  margin-top: 11.5px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.homeNavBar .emphasize-demo {
  border: 1px rgba(255, 255, 255, 0.33) solid;
}

.blog-header {
  background-color: white;
  padding-left: 30px;
}

.fullwidth-header {
  background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
  min-height: 150px;
  padding-left: 0px;
}

.fullwidth-header h1 {
  color: white;
}

.greatfor li {
  margin-bottom: 10px;
}

.faq h4 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
}