/*! ========================================================= * * BioThermSolutions.com * * by: https://davidawindham.com * * Thanks: * https://material.io/ * https://getbootstrap.com/ * https://fezvrasta.github.io/bootstrap-material-design/ * https://demos.creative-tim.com/material-kit/index.html * * * ========================================================= */ /*! @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700'); */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), url('../fonts/roboto-v18-latin-300.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v18-latin-regular.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), url('../fonts/roboto-v18-latin-500.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), url('../fonts/roboto-v18-latin-700.woff') format('woff'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url('../fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), url('../fonts/roboto-slab-v7-latin-700.woff') format('woff'); } p { font-size: 16px; } a { color:#1c8bed; } a:hover { color:#16c462; } .vertical-text { transform: rotate(90deg); transform-origin: left top 0; } .vertical-text { float: left; } .no-top-margin { margin-top:0 !important; } .section-top { padding-top:100px !important; } .row-deep { margin-bottom:25px; } .form-control, .is-focused .form-control { background-image: linear-gradient(to top, #16c462 2px, #9c27b000 2px), linear-gradient(to top, #d2d2d2 1px, #d2d2d200 1px); } .dark-primary-color { background: #388E3C; } .default-primary-color { background: #4CAF50; } .light-primary-color { background: #C8E6C9; } .text-primary-color { color: #FFFFFF; } .accent-color { background: #448AFF; } .primary-text-color { color: #212121; } .secondary-text-color { color: #757575; } .divider-color { border-color: #BDBDBD; } .navbar .navbar-brand { height:70px; } .biotherm-heat-icon{ fill:#ec2024; color:#ec2024 !important; } .biotherm-hydro-icon{ fill:#1c8bed; color:#1c8bed !important; } .biotherm-tech-icon{ fill:#16c462; color:#16c462 !important; } .btn.btn-hydro.signup { margin:20px 0 0 0; } .btn.btn-hydro { color: #fff; background-color: #1c8bed; border-color: #2b5580; box-shadow: 0 2px 2px 0 rgba(18, 88, 150, 0.14), 0 3px 1px -2px rgba(18, 88, 150, 0.2), 0 1px 5px 0 rgba(18, 88, 150, 0.12); } .bg-hydro { background-color: #1c8bed !important; } .btn.btn-hydro:hover { box-shadow: 0 14px 26px -12px rgba(28, 139, 237, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(28, 139, 237, 0.2); } .btn.btn-heat { color: #fff; background-color: #ed1c24; border-color: #a91c14; box-shadow: 0 2px 2px 0 rgba(169, 28, 20, 0.14), 0 3px 1px -2px rgba(169, 28, 20, 0.2), 0 1px 5px 0 rgba(169, 28, 20, 0.12); } .btn.btn-heat:hover { box-shadow: 0 14px 26px -12px rgba(169, 28, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(28, 139, 237, 0.2); } .bg-heat { background-color: #ed1c24 !important; } .text-info { color: #1c8bed !important; } .icon.icon-info { color: #4284c5; } .navbar-brand img { padding:0 15px 20px 0; margin: 0 0 0 -20px; } .navbar .navbar-nav .nav-item .nav-link { font-size:15px; font-weight: 800; } .nav-link-icon { font-size:23px !important; font-weight:normal !important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 8.5rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #00000026; border-radius: 0.55rem; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active { box-shadow: none; background-color: #787878; color: #FFFFFF; border-radius:5px; } .dropdown-menu.columns-2 { min-width: 300px; } .dropdown-menu li a { padding: 5px 15px; font-weight: 300; } .page-header.header-smaller { height: 500px; min-height: 500px; } .page-header.header-smallest { height: 200px; min-height: 200px; } .header-image-credit { margin: 50px 0 -100px 0; position: relative; color: #fff; } .header-image-credit a { color:#fff; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { } h2.front-title { } h3.front-title { margin-top: 0 !important; } #front-carousel { margin: 0px 0; padding: 0px 0; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { bottom: 120px; z-index: 10; } /* Declare heights because of positioning of img element */ .main-carousel-item { height: 500px; } .main-carousel-item:after { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; } .main-carousel-filter::after { background: rgba(0, 0, 0, 0.4); } .carousel-background { background: rgba(0, 0, 0, 0.5); background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } .superbig { font-size:63px; } .fadeInDownBig { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; } .footer-big h5, .footer-big h4, .media .media-heading { font-weight: 500; font-family: "Roboto Slab", "Times New Roman", serif; } footer .copyright { padding: 45px 0; } .solutions { background:#000; color:#fff !important; border-radius:20px; padding:20px; margin:10px !important; } .solutions .card-title { color:#fff !important; font-size: 23px; } .product-card-text { min-height:160px; } .product-card-list { min-height:90px; list-style:none; margin:0; padding:0; } .gallery-feed img { width: 20%; margin-right: 5%; margin-bottom: 5%; float: left; } .back-background, .card-background, .front-background { background-position: 50%; background-size: cover; text-align: center; } .card .card-header-info, .card.bg-info, .card.card-rotate.bg-info .front, .card.card-rotate.bg-info .back { background: linear-gradient(60deg, #1c8bed, #65a4dc); } #toob-testimonial-carousel .card { padding:20px 50px 10px; min-height:400px; } .contactus-2 .map { width: 100%; height: 800px; position: absolute; } .quote-container { background:#cecece; padding: 50px 0; } .quote { background:#fff; padding: 50px 0; border-radius: 15px; } .section-gray { background: #e5e5e5; } .instagram { float:left; max-width:150px; padding: 0 1px; border-radius: 10px; } .instagram:hover { -webkit-filter: blur(2px); filter: blur(2px); } ul.social-buttons li { display: inline-block; } footer ul.links-vertical li a { padding: 0px; } .footer a { color:#999; } .footer-white { margin: 100px 0; } footer ul li a { color: inherit; padding: 0.9375rem; font-weight: 100; font-size: 12px; text-transform: uppercase; border-radius: 3px; text-decoration: none; position: relative; display: block; } .card .card-header.card-header-image { position: relative; padding: 0; z-index: 1; margin-left: 15px; margin-right: 15px; margin-top: -30px; border-radius: 6px; } .card-raised { -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2); box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2); } .card-background .card-description, .card-background small, .back-background .card-category, .back-background .card-description, .back-background small, .front-background .card-category, .front-background .card-description, .front-background small { color: #ffffff !important; } .card-profile .card-avatar, .card-testimonial .card-avatar { margin: -50px auto 0; overflow: hidden; padding: 0; box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) } .card-profile .card-avatar+.card-body, .card-testimonial .card-avatar+.card-body { margin-top: 15px } .card-profile .card-avatar img, .card-testimonial .card-avatar img { width: 100%; height: auto } .card-profile .card-body+.card-footer, .card-testimonial .card-body+.card-footer { margin-top: -15px } .card-profile .card-footer .btn.btn-just-icon, .card-testimonial .card-footer .btn.btn-just-icon { font-size: 20px; padding: 0 12px; line-height: 1em } .card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar { margin-top: 0 } @media (max-width: 767px) { .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; } .navbar-brand img { padding:0 15px 20px 0; margin: 0 0 0 0px; max-width:220px; } .page-header.header-smallest { height: 130px; min-height: 130px; } .carousel-caption { bottom: 36px; z-index: 10; } .main-raised { margin: 0px; padding: 0 15px; } h2.front-title { font-size: 1.8rem; } #toob-testimonial-carousel .card { padding:10px 20px; min-height:350px; } } @media (max-width: 1079px) { #contactmap { } } .ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}