/*! * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ /* ============================== Page loader ============================== */ @import "loader.css"; /* ============================== Alplora Css ============================== */ body, html { width: 100%; height: 100%; } body, h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; /* font-weight: 700;*/ } .topnav { background-color: #fff; font-size: 14px; padding-left: 0px; padding-right: 0px; } .lead { font-size: 18px; font-weight: 400; font-family: 'Questrial', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; } .intro-header { padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ padding-bottom: 50px; text-align: center; color: #f8f8f8; width: 100%; height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; } .intro-header .background{ background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; display: none; } .intro-header:before{ content: " "; width: 100%; height: 100%; position: absolute; background-color: rgba(49, 49, 49, 0.15); top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .intro-header .arrow-down{ position: absolute; color: #fff; bottom: 20px; z-index: 1000; } .intro-header .arrow-down a{ color: #fff; font-size: 32px; z-index: 100; } .intro-header .background:nth-child(1){ display: block; } #about{ padding-top: 70px; } .intro-header-1 { padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ padding-bottom: 50px; text-align: center; color: #f8f8f8; background: url(../img/configure.jpg) no-repeat center center; background-size: cover; } .intro-header-2 { padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ padding-bottom: 50px; text-align: center; color: #f8f8f8; background: url(../img/configure.jpg) no-repeat center center; background-size: cover; } .intro-message { z-index: 10; } .intro-auth { text-align: center; color: #f8f8f8; position: relative; padding-bottom: 25%; padding-top: 10%; } .intro-login { background: url(../img/banner-4.png) no-repeat center center; background-size: cover; height: 100%; } .section-login{ height: 100vh; display: flex; justify-content: center; align-items: center; } .section-login .box-login{ background: #fff; padding: 60px; text-align: center; border-radius: 4px; } .section-login .box-login img{ width: 200px; } .section-login .title h1{ font-size: 41px; } .section-login .description{ font-size: 20px; border-bottom: 3px solid #737373; margin-bottom: 44px; padding-bottom: 9px; width: 96px; margin: 0 auto; margin-bottom: 44px; } .section-login .text{ margin: 5px 10px; color: #797979; } .section-login .text a{ color: #0056c1; } .btn-red{ background: #980000; } .section-login .btn-login{ color: #fff; font-weight: 700; padding: 10px 20px; text-transform: uppercase; } .intro-signup { background: url(../img/signup-bg.png) no-repeat center center; background-size: cover; height: 100%; } .intro-reset-password { background: url(../img/signup-bg.png) no-repeat center center; background-size: cover; height: 100%; } .intro-message > h1 { margin: 0; font-weight: 200; font-size: 4em; } .intro-divider { width: 400px; border-top: 1px solid #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .intro-message > h3 { font-weight: 300; } @media (max-width: 767px) { .intro-message { width: 80%; margin: 0 auto; text-align: center; } .intro-message img{ width: 90%; } .container>.navbar-header { margin-right: 0; margin-left: 0; } .intro-message > h1 { font-size: 3em; } ul.intro-social-buttons > li { display: block; margin-bottom: 20px; padding: 0; } ul.intro-social-buttons > li:last-child { margin-bottom: 0; } .intro-divider { width: 100%; } .topnav { padding-left: 5px; padding-right: 5px; } } .network-name { text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: 2px; } .content-section-a { padding: 0 0; background-color: #ffffff; } .content-section-b { background-color: #ffffff; padding: 50px 0; } .section-heading { margin-bottom: 30px; } .section-heading-spacer { float: left; width: 200px; border-top: 3px solid #e7e7e7; } .banner { padding: 100px 0; color: #f8f8f8; background: url(../hosting/img/bg-glarus.png) no-repeat center center; background-size: cover; } .banner h2 { margin: 0; font-weight: 400; font-size: 3em; } .banner ul { margin-bottom: 0; } .banner-social-buttons { float: right; margin-top: 0; } .pt-70{ padding-top: 70px; } @media (max-width: 1199px) { ul.banner-social-buttons { float: left; margin-top: 15px; } } footer { padding: 2%; background-color: #f8f8f8; #position: absolute; right: 0; bottom: 0; left: 0; } footer .footer-links{ text-align: right; padding-top: 50px; } @media (max-width: 767px) { .banner h2 { margin: 0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); font-size: 3em; } ul.banner-social-buttons > li { display: block; margin-bottom: 20px; padding: 0; } ul.banner-social-buttons > li:last-child { margin-bottom: 0; } footer .footer-links{ text-align: left; } } p.copyright { margin: 15px 0 0; } a#forgotpassword { color: #ffffff; } .content-404 h1 { margin: 0 0 15px; font-size: 200px; line-height: 1; font-weight: 700; color: #6db97c; } a.unlink { color: inherit; } a.unlink:hover { color: inherit; } h3 { font-family: 'Lora', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; } #whatis { padding-top: 50; } .team-member { margin-bottom: 50px; text-align: center; } .team-member img { margin: 0 auto; border: 7px solid #fff; height: 170px; } .team-member h4 { margin-top: 25px; margin-bottom: 0; text-transform: none; } .team-member{ margin-top: 0; font-family: 'Questrial', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #494949; } section h3.section-subheading { margin-bottom: 75px; text-transform: none; font-family: 'Questrial', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #494949; line-height: normal; } .middle { width: 200px; border-top: 3px solid #e7e7e7; } .carousel-indicators li.active, .text-carousel .carousel-indicators li.active { width: 15px; height: 15px; border: 0; background-color: #fed136; } @media (min-width: 740px) .carousel-inner, .text-carousel .carousel-inner { min-height: 225px; } .carousel-text { text-transform : none; font-famil:'Raleway' , Montserrat, "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; font-size : 20px; font-weight : 100; lign-heignt: 2px; color : #666; text-align : center; } .ungleich-gallery-text-carousel { min-height: 300px; margin-bottom: 30px; padding-bottom: 20px; margin-top: 30px; } .ungleich-gallery-text-carousel .carousel-indicators, .text-carousel .carousel-indicators { display: block; height: 15px; position: absolute; bottom: 0px; font-size: 0px; } .ungleich-gallery-text-carousel .carousel-indicators li, .text-carousel .carousel-indicators li { width: 15px; height: 15px; margin: 0px 7px; border: 2px solid #c01823; border-radius: 50%; } .ungleich-gallery-text-carousel .carousel-indicators li.active, .text-carousel .carousel-indicators li.active { background: #c01823; } .ungleich-gallery-text-carousel .carousel-inner, .text-carousel .carousel-inner { min-height: 220px; } .ungleich-gallery-text-carousel .carousel-inner, .text-carousel .carousel-inner { padding: 0px 0px 15px; position: relative; } .ungleich-gallery-text-carousel .carousel-inner .item, .text-carousel .carousel-inner .item { padding: 0px 30px; } .nav-language .select-language{ padding: 15px 10px; cursor: pointer; margin-left: 10px; } .nav-language .select-language span{ margin-left: 5px; margin-right: 5px; } .nav-language .drop-language{ position: absolute; top: 40px; left: 10px; background: #fff; width: 111px; height: 45px; padding: 10px 25px; -webkit-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1); -moz-box-shadow: -8px 13px 31px -8px rgba(77,77,77,1); box-shadow: -8px 13px 31px -8px rgba(77,77,77,1); display: none; z-index: 100; margin-left: 10px; } .nav-language .drop-language a{ cursor: pointer; } @media only screen and (max-device-width: 480px) { .carousel-text { font-size: 14px; } .img-client { margin: 30px auto 30px auto; height: 64px !important; } .center-block { float: none !important; } .carousel { height: 80%; } .item, .active, .carousel-inner { height: 100%; } .carousel-caption-text { font-family: Raleway, Montserrat, Helvetica Neue, Helvetica, sans-serif; font-weight: 200; text-transform: None; color: #fff; letter-spacing: 2px; text-align: left; line-height: 1.25; left: 7%; padding-bottom: 50px; } .carousel-positioned { position: 50%; font-size: 30px } .carousel-control { height: 100%; } p lora-text { font-family: 'Questrial', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: #494949; } #portfolio { z-index: 2; } .inline-block { display: inline-block; } #portfolio .portfolio-item { right: 0; margin: 0 0 15px; text-align: center; } img::selection { background: 0 0; } #portfolio .portfolio-item { overflow: hidden; } //utils