/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
section#sliding-banner {overflow: hidden;}
section#sliding-banner .caption-text { position: absolute; top: calc(50vh - 15px); right: 0; opacity: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transition: all ease 0.8s; /* IE 9 */ -webkit-transition: all ease 0.8s; /* Safari */ transition: all ease 0.8s;z-index: 4;}
section#sliding-banner .caption-text.fadeMeRight { right: 100px; opacity: 1; }
section#sliding-banner .caption-text h3 {font-size: 50px;letter-spacing: 3px;}
section#sliding-banner .caption-text h2 {font-size: 70px;letter-spacing: 4px;}
section#sliding-banner .flex-control-paging { width: auto; left: 0; width: 100%; bottom: 0; }
section#sliding-banner .flex-control-paging li { display: inline-block; margin: 10px 2px; }
section#sliding-banner img.main-img {
	/*position: absolute;*/
	top: 0;
	left: 0;
	/*height: 100%;*/
	width: 100%;
	object-fit: cover;
	-webkit-animation:imagezoom 60s linear infinite;
	-moz-animation:imagezoom 60s linear infinite;
	animation:imagezoom 60s linear infinite;
	transform-origin: top center;
}
section#sliding-banner img.triangles {
	position: absolute;
	right: 0;
	top: 0;
	-ms-transition: all ease 1s; /* IE 9 */
	-webkit-transition: all ease 1s; /* Safari */
	transition: all ease 1s;
	display: none;
}
section#sliding-banner img.first-triangle, section#sliding-banner img.second-triangle {
	transform: translateX(100%);
	object-position: left center;
}
section#sliding-banner img.third-triangle {
	transform: translateY(-100%);
	object-position: left bottom;
}
section#sliding-banner img.third-triangle.fadeMeBottom {
	transform: translateY(0);
}
section#sliding-banner img.first-triangle.fadeMeRight, section#sliding-banner img.second-triangle.fadeMeRight {
	transform: translateX(0);
}
section#sliding-banner img.first-triangle {z-index: 3;max-width: 90%;}
section#sliding-banner img.second-triangle {z-index: 2;max-width: 60%;}
section#sliding-banner img.third-triangle {z-index: 1;max-width: 50%;}
section#about-us { background: url('../images/about-us.jpg') center / cover;overflow: hidden;}
section#about-us .jiggle-wrap h1 {
	opacity: 0.1;
	font-family: "Piersans";
	font-weight: bold;
	color: #fff;
	font-size: 200px;
	transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
    z-index: 1;
}
section#about-us .jiggle-wrap:first-child h1 {
	line-height: 0.7;
	margin-left: -100px;
}
section#about-us .jiggle-wrap:last-child h1 {
	line-height: 0.9;
}
section#procedures {
	background: url('../images/procedures-bg.jpg') top center / cover;
	background-attachment: fixed;
}
section#procedures .procedure-btn {
	color: #0066A7 !important;
	width: 235px;
}
section#procedures .procedure-btn:hover, section#procedures .procedure-btn:focus {
	color: #fff;
}
/*#procedure-2 > .row > div {width: 490px;max-width: 100%;}*/
section#ambulatory-care {
	background: url('../images/ambucare-bg.jpg') center / cover;
}
section#ambulatory-care img {
	width: 70px;
}
#pageload-popup {
	position: fixed;
	bottom: 0;
	right: 0;
	transform: translateY(100%);
	transition: all ease 0.8s;
	opacity: 0;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
	z-index: 3;
}
#pageload-popup.show-me {
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 1199px) {
	section#sliding-banner .caption-text.fadeMeRight {
		right: 40px;
		left: 40px;
	}
}
@media (max-width: 1099px) {
	.procedure-group {max-width: 490px;margin-left: auto;margin-right: auto;}
	.procedure-group > .row > div {width: 100%;padding: 0 !important;}
	ul.numbered-list li span:last-child br {display: none !important;}
}
@media (max-width: 991px) { 
	section#sliding-banner img.main-img {height: auto !important;}
	section#sliding-banner .caption-text h2 { font-size: 70px; }
	section#sliding-banner .caption-text {top: 50%;}
	section#sliding-banner .caption-text p {max-width: 55% !important;}
}
@media (min-width: 768px){
	section#about-us .absolute-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
}
@media (max-width: 767px) { 
	/*section#sliding-banner .flexslider img { height: calc(100vh - 78px) !important; }*/
	section#sliding-banner .caption-text.fadeMeRight {right: 20px;left: 20px;}
  	section#sliding-banner .caption-text h3 {font-size: 30px;}
  	section#sliding-banner .caption-text h2 {font-size: 40px;}
  	section#sliding-banner .caption-text p {max-width: 60% !important;}
  	section#about-us .absolute-text {
  		padding: 0 15px !important;
  	}
  	section#about-us .jiggle-wrap h1 {font-size: 25vw;}
  	.ambulatory-row > div {
  		min-width: calc(100% / 3);
  		max-width: calc(100% / 3);
  	}
}
@media (max-width: 575px) { 
	section#sliding-banner .caption-text h3 {font-size: 20px;letter-spacing: 2px;}
	section#sliding-banner .caption-text h2 {font-size: 24px;letter-spacing: 2px;}
	section#about-us .jiggle-wrap:first-child h1 {margin-left: -50px;}
	section#sliding-banner img.first-triangle {max-width: 100%;}
	section#sliding-banner img.second-triangle, section#sliding-banner img.third-triangle  {max-width: 80%;}
	#procedure-1 > .row {display: block;max-width: 360px;}
	#procedure-2 > .row {display: block;max-width: 235px !important;}
	#procedure-2 > .row > div {width: 100%;max-width: 100%;}
	.ambulatory-row > div {
  		min-width: 100%;
  		max-width: 100%;
  	}
}
@media (max-width: 376px){
	/*section#sliding-banner .caption-text {top: 50vh;}*/
}