/* Common */
#slider { background:#01456a; font-size:12px; line-height: 1.3; font-family: 'Lato', sans-serif; margin:0; padding:0; color:#aaa;}
#patient-t-holder { overflow: hidden; max-width: 1000px; height: 300px; position: relative; display: block; background: #01456a; margin:0 auto; padding:0; list-style:none;}
#patient-t-holder li { height: 300px; position: absolute; width: 100%; top:0; left:0; display: block; padding:0; margin:0; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
#patient-t-holder li .slides-inner { max-width: 1000px; height: 300px; position: relative; font-family: 'Lato', sans-serif;}
.play.slides { z-index: 2;}
#patient-t-holder li.play { opacity: 1; filter:alpha(opacity=100);}

.slide-text-holder h3.heading { display: block; font-size:26px; font-weight: 300; color: #ffffff;}
.slide-text-holder h3.heading b { font-weight: 700; }
.slide-text-holder h3.heading em { font-style: italic; }

/*1st Slide*/
.first-p-t {background: url('../img/intro-bg.jpg') no-repeat center center #01456a;}
.first-p-t img { max-width:90%; }
.first-p-t img.mobile { display: none; }
.play.first-p-t .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.first-p-t .inside-text { opacity: 0; filter:alpha(opacity=0); color: #ffffff; position: absolute; z-index: 30; left: 0; top:0; right: 0; bottom:0; text-align: center; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.first-p-t .text-center { height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%);}
.first-p-t .text-center > div { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.first-p-t h2 {line-height: 1.3; font-weight: bold; font-size: 25px; margin: 0; padding:0;}

.play.first-p-t .inside-text {opacity: 1; filter:alpha(opacity=100);}
.out.first-p-t .inside-text { opacity: 0; filter:alpha(opacity=0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

/*2nd Slide*/
.second-p-t { background: url('../img/image01.png') no-repeat left -60px #ffffff; -webkit-background-size: auto calc(100% + 140px); -moz-background-size: auto calc(100% + 140px); -o-background-size: auto calc(100% + 140px); background-size: auto calc(100% + 140px); }
.play.second-p-t .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.second-p-t .slides-inner .slide-text-holder { position: absolute; left: 45%; right: 5%; top: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter:alpha(opacity=0); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2s; transition-delay: 2s;}
.second-p-t img { position: absolute; width: auto; height: auto; left: -10%; bottom:0; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.second-p-t .slide-text-holder h3.heading { color:#222222; }

.play.second-p-t img, .out.second-p-t img { opacity: 1; filter:alpha(opacity=100); left: 0;}
.play.second-p-t .slide-text-holder, .out.second-p-t .slide-text-holder { top: 50%; opacity: 1; filter:alpha(opacity=100);}

/*3rd Slide*/
.third-p-t { background: url('../img/image02.jpg') no-repeat right center #01456a; -webkit-background-size: auto calc(100%); -moz-background-size: auto calc(100%); -o-background-size: auto calc(100%); background-size: auto calc(100%); }
.play.third-p-t .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.third-p-t .slides-inner .slide-text-holder { position: absolute; left: 7%; right: 45%; top: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter:alpha(opacity=0); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2s; transition-delay: 2s;}

.play.third-p-t .slide-text-holder, .out.third-p-t .slide-text-holder { top: 50%; opacity: 1; filter:alpha(opacity=100);}

/*4th Slide*/
.fourth-p-t { background: #f36d6d; }
.play.fourth-p-t .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.fourth-p-t .slides-inner .slide-text-holder { position: absolute; left: 50%; right: 5%; top: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter:alpha(opacity=0); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2s; transition-delay: 2s;}
.fourth-p-t img { position: absolute; top: 0; height: 100%; left: -10%; opacity: 0; z-index: 10; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s;}
.fourth-p-t h3 { color: #ffffff; font-size: 40px;}

.play.fourth-p-t img,
.out.fourth-p-t img { left: 0; opacity: 1; filter:alpha(opacity=100);}
.play.fourth-p-t .slide-text-holder,
.out.fourth-p-t .slide-text-holder { top: 50%; opacity: 1; filter:alpha(opacity=100);}

/*5th Slide*/
.fifth-p-t { background: #014569; }
.play.fifth-p-t .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.fifth-p-t .slides-inner .slide-text-holder { position: absolute; left: 5%; right: 50%; top: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter:alpha(opacity=0); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2s; transition-delay: 2s;}
.fifth-p-t img { position: absolute; right: -5%; top: 0; height: 100%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}

.play.fifth-p-t img, .out.fifth-p-t img { opacity: 1; filter:alpha(opacity=100); right: 0;}
.play.fifth-p-t .slide-text-holder, .out.fifth-p-t .slide-text-holder { top: 50%; opacity: 1; filter:alpha(opacity=100);}

/*6th Slide*/
.sixth-p-t { background: url('../img/image05.jpg') no-repeat center bottom #c0c0c0; }
.play.sixth-p-t .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.sixth-p-t .slides-inner .slide-text-holder { position: absolute; left: 50%; right: 5%; top: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter:alpha(opacity=0); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2s; transition-delay: 2s;}
.sixth-p-t .slides-inner .slide-text-holder h3 { color:#222222; }

.play.sixth-p-t .slide-text-holder, .out.sixth-p-t .slide-text-holder { top: 50%; opacity: 1; filter:alpha(opacity=100);}

/*Last Slide*/
.lastanimation {background: url('../img/last-bg.jpg') no-repeat center center #ffffff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.play.lastanimation .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.lastanimation .inside-text { opacity: 0; filter:alpha(opacity=0); color: #ffffff; position: absolute; z-index: 30; left: 0; top:0; right: 0; bottom:0; text-align: center; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.lastanimation .text-center { height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%);}
.lastanimation .text-center > div { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.lastanimation h2 {line-height: 1.3; font-weight: bold; font-size: 25px; margin: 0; padding:0;}

.play.lastanimation .inside-text {opacity: 1; filter:alpha(opacity=100);}
.out.lastanimation .inside-text { opacity: 0; filter:alpha(opacity=0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

#mask #patient-t-holder .out.slides, #mask #patient-t-holder .out.slides * { -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

@media only screen and (max-width: 767px) {
	img { max-width: 100%; }
	/*#patient-t-holder, #patient-t-holder li .slides-inner { max-width: 600px;}*/
	#patient-t-holder li.slides h3 { font-size: 23px; }	

	.first-p-t > .text-center div { text-align: center; }
	.first-p-t img { display: none; }
	.first-p-t img.mobile { display: inherit; margin: 0 auto; }	
	
	#mask #patient-t-holder li.slides.first-p-t img { position: inherit; left: auto; right: auto; top:auto; bottom:auto; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@media only screen and (max-width: 767px) and (min-width: 641px) {
	
	#patient-t-holder li.third-p-t.slides img { bottom:auto; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); }

	.second-p-t { background-position: 0 center; -webkit-background-size: 80% auto; -moz-background-size: 80% auto; -o-background-size: 80% auto; background-size: 80% auto; }

	.third-p-t .slides-inner .slide-text-holder { right: 50%; }

	.fourth-p-t img { left: -20%; }
	.play.fourth-p-t img, .out.fourth-p-t img { left: -10%; }	
	.fourth-p-t .slides-inner .slide-text-holder { left: 50%; top: 20%; bottom:0; padding-top: 4%; padding-bottom: 4%; padding-left: 4%; background: rgba(243,109,109,0.8); z-index:10; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
	.play.fourth-p-t .slide-text-holder,
	.out.fourth-p-t .slide-text-holder { top: 0; }

	.fifth-p-t img { right: -20%; }
	.play.fifth-p-t img, .out.fifth-p-t img { right: -10%; }
	.fifth-p-t .slides-inner .slide-text-holder { background: rgba(1,69,105,0.8); padding-right: 4%; right: 45%; padding-top: 6%; padding-bottom: 6%; }

	.sixth-p-t { background-position: left bottom; -webkit-background-size: 110% auto; -moz-background-size: 110% auto; -o-background-size: 110% auto; background-size: 110% auto; }
	.sixth-p-t .slides-inner .slide-text-holder { left: 50%; }
}

@media only screen and (max-width: 640px) {
	#patient-t-holder, #patient-t-holder li .slides-inner, #patient-t-holder li { height: 400px;}

	#patient-t-holder li .slides-inner .slide-text-holder { left:50%; top: -10%; width: 100%; background:rgba(0,0,0,0.5); padding: 20px; text-align: center; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
	#patient-t-holder li .slides-inner .slide-text-holder h3 { color: #ffffff; font-size: 20px; }

	.second-p-t { -webkit-background-size: 150% auto; -moz-background-size: 150% auto; -o-background-size: 150% auto; background-size: 150% auto; background-position: 0 30%; }
	#patient-t-holder li.second-p-t .slides-inner .slide-text-holder { left:50%; width: 100%; right: auto;}	

	.third-p-t { background-color: #014569; -webkit-background-size: 200% auto; -moz-background-size: 200% auto; -o-background-size: 200% auto; background-size: 200% auto; background-position: right 30%; }	

	.fourth-p-t { background-color: #014569; -webkit-background-size: 200% auto; -moz-background-size: 200% auto; -o-background-size: 200% auto; background-size: 200% auto; background-position: right bottom; }
	#patient-t-holder li.fourth-p-t.slides img { background: #ffffff; height: auto; width: 100%; top: auto; }
	#patient-t-holder li.fourth-p-t .slides-inner .slide-text-holder { background: #014569; z-index: 100; top: auto; bottom: -10%; left: 0; right: 0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }	
	#patient-t-holder li.fourth-p-t.out .slides-inner .slide-text-holder,
	#patient-t-holder li.fourth-p-t.play .slides-inner .slide-text-holder { bottom:0; }

	#patient-t-holder li.fifth-p-t.slides img { height: auto; width: auto; right: 0; top: auto; bottom:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }
	#patient-t-holder li.fifth-p-t .slides-inner .slide-text-holder { background: rgba(0,0,0,0.5); z-index: 100; left: 0; right: 0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }	
	#patient-t-holder li.fifth-p-t.slides.out img,
	#patient-t-holder li.fifth-p-t.slides.play img { bottom:0; }

	#patient-t-holder li.sixth-p-t.slides { -webkit-background-size: 200% auto; -moz-background-size: 200% auto; -o-background-size: 200% auto; background-size: 200% auto; background-position: left bottom; }	

	#patient-t-holder li.play .slide-text-holder,
	#patient-t-holder li.out .slide-text-holder,
	#patient-t-holder li.play.second-p-t .slides-inner .slide-text-holder,
	#patient-t-holder li.out.second-p-t .slides-inner .slide-text-holder { top:0; opacity: 1; filter:alpha(opacity=100);}

	#patient-t-holder li#last-cares .text-center > div { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align: center;}
	#patient-t-holder li#last-cares .inside-text img,
	#patient-t-holder li#last-cares.play .inside-text img,
	#patient-t-holder li#last-cares.out .inside-text img { position: relative; margin: 0 auto; left: auto; right: auto; top:auto; bottom:auto; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }
}

@media only screen and (max-width: 400px) {
	#patient-t-holder li .slides-inner .slide-text-holder h3 { font-size: 18px; }
	.second-p-t { background-position: 0 bottom; }
	.third-p-t { background-position: right bottom; }
	#patient-t-holder li.fifth-p-t.slides img { width:100%; }	
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}