biotherm/css/style.css

/*! =========================================================
 *
 *  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);
}

.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 {
	max-width: 130px;
	max-height: 130px;
	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;
	}
	.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 {
		display:none;
	}
}


.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)}}