html{width:100%;height:100%;}
body{background-color: #fff;width:100%;height:100%;overflow: hidden;margin: 0;font-family: Courier; background-color: #bec0c3;}

form{margin:0px; max-height: 100%; overflow-y: auto;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden;    overflow-y: auto;}

h1{margin: 0;    font-size: 8vw;    padding: 2vw 0 2vw 6vw;    background-color: #F26B2E;    color: #fff;}
h2{margin: 0;    font-size: 5.5vw;    font-weight: 600;    padding: 4vw 0 4vw 6vw;    background-color: #222a35;    color: #fff;}

div.content{padding: 0px 84px 0px 120px; font-size: 2vw;color:#222222;}

div#simpleLogin{margin: 0vh auto 0 auto;    text-align: center;    min-height: 100vh;    background-color: #fff;    overflow: auto;}
    div#simpleLogin form{position: relative;}
	div#simpleLogin img{display: block; height: 34vh; margin: 2vh auto;}
	div#simpleLogin label{display: inline-block; margin:30px 0 30px 0;color:#77787b;font:17px Courier, Arial;font-weight:400;}
	div#simpleLogin input{display: block;}
	div#simpleLogin input[type="submit"]{}
	div#simpleLogin div.warning{}
	div#simpleLogin a{font: 14px Courier, Arial;font-weight: 400;color:#77787b;text-decoration: none;}
	div#simpleLogin select{border: 1px solid #77787b;    width: 84vw;    border-radius: 10px;    margin: 0px auto 2.5vh auto;    padding: 0px 11vw 0 2vw;    background-position: 72vw 0px;}
	div#simpleLogin fieldset{border-radius: 10px;    margin: 10px;    padding-top: 2.5vh;}

div.caseButton{cursor: pointer; position: relative; display: inline-block;    vertical-align: top;    background-size: cover;    background-repeat: no-repeat;    background-position: center -2vw;    padding: 0vw 0vw 0vw 0;    width: 50vw;    height: 58.5vw;    border-bottom: 1vw solid #F26B2E;}
	div.caseButton div{position: absolute;    bottom: 0vw;    right: 4vw;    background-image: url(images/tab_orange.svg);    background-size: 33vw 7vw, cover;    background-repeat: no-repeat;    background-position: center 1vw;    font: 2.8vw/3vw Courier, Arial;    text-transform: uppercase;    font-weight: 400;    color: #fff;    text-align: center;    padding: 3vw 0vw 0vw 0;    width: 33vw;    height: 4.5vw;}
	div#caseBtn_1{background-image:url(images/image_vanessa.jpg);}
	div#caseBtn_2{background-image:url(images/image_raymond.jpg);}
	div#caseBtn_3{background-image:url(images/image_marie.jpg);}
	div#caseBtn_4{background-image:url(images/image_paul.jpg);}
	div#caseBtn_5{background-image:url(images/image_lars.jpg);}
	div#caseBtn_6{background-image:url(images/image_lynn.jpg);}
	div#caseBtn_7{background-image:url(images/image_david.jpg);}
	a#endConfirmBtn{cursor: pointer;    position: relative;    display: inline-block;    vertical-align: top;    background-size: 25vw 25vw;    background-repeat: no-repeat;    background-position: center 9vw;    padding: 37vw 2vw 0vw 2vw;    width: 46vw;    height: 21.5vw;    border-bottom: 1vw solid #F26B2E;    background-image: url(images/icon_stop_white.svg);    font-size: 3.5vw;    text-decoration: none;    color: #fff;    background-color: #222a35;    text-align: center;}
	a.cancelBtn{display: block;text-decoration: none;text-align: center;    padding: 10px 0;}

div.potrait{position: relative;    z-index: 1;    background-size: cover;    background-repeat: no-repeat;    background-position: top center;    padding: 0vw 0vw 0vw 0;    width: 100vw;    height: 70vh;}

a.selectCaseBtn{position: absolute;    bottom: 19vh;    left: 50%;    margin-left: -35vw;    z-index: 200;    border-radius: 10px;    border: 2px solid #222a35;    width: 70vw;    text-align: center;    font-size: 6vw;    line-height: 12vw;    font-weight: 600;    color: #222a35;    text-decoration: none;    background-color: #fff;}
div.blackBox{position: absolute;    bottom: 0;    z-index: 100;    margin: 0;    font-size: 4vw;    font-weight: 400;    padding: 6vh 5vh 7vh 5vh;    background-color: #222a35;    color: #fff;    height: 10vh;}
a.homeBtn{position: absolute;    bottom: 1.5vh;    left: 50%;    margin-left: -11vw;    z-index: 200;    display: inline-block;    padding: 0 2vw 0 6vw;    font-size: 5vw;    line-height: 5vw;    font-weight: 600;    text-decoration: none;    width: auto;    color: #F26B2E;    background-image: url(images/arrow_left_orange.svg);    background-size: 4vw 4vw;    background-repeat: no-repeat;    background-position: 0vw 0.3vw;}

div.topBar{background-color: #222a35;    width: 100vw;    height: 7vh;    border-bottom: 1vh solid #F26B2E;    position: relative;    z-index: 100;}
	div.topBar a.homeBtn{bottom: unset;    top: 3vw;    left: 27vw;    color: #fff;    background-image: url(images/arrow_left_white.svg);    background-size: 3vw 3vw;    font-size: 4.5vw;    line-height: 4.5vw;    padding: 0 2vw 0 4vw;}
	div.topBar input.homeBtn{bottom: unset;    top: 3vw;    left: 17vw;    color: #fff;    background-image: url(images/arrow_left_white.svg);    background-size: 3vw 3vw;    font-size: 4.5vw;    line-height: 4.5vw;    padding: 0.5vw 2vw 0.5vw 4vw;    background-repeat: no-repeat;    display: inline-block;    width: auto;    position: absolute;    z-index: 200;    background-color: transparent;    font-weight: 400;    margin: 0;    background-position: 0 0.7vw;}
		body.l1 div.topBar input.homeBtn{font-size: 3.5vw;    left: 16vw;}
	div.topBar div.name{position: absolute;    bottom: 0vw;    left: 30vw;    background-image: url(images/tab_orange.svg);    background-size: 48vw 10vw;    background-repeat: no-repeat;    background-position: bottom center;    font: 5vw/6vw Courier, Arial;    text-transform: uppercase;
    font-weight: 400;    color: #fff;    text-align: center;    padding: 3vw 0vw 0vw 0;    width: 57vw;    height: 7vw;}
	div.topBar div.clipPortrait{position: absolute;    top: 1vw;    left: 1vw;    z-index: 150;    background-size: 48vw auto;    background-repeat: no-repeat;    background-position: top center;    padding: 0vw 0vw 0vw 0;    width: 48vw;    height: 60vw;}
	div.topBar div#caseClip_1{background-image: url(images/images_vanessa_clip.png);}
	div.topBar div#caseClip_2{background-image: url(images/images_raymond_clip.png);}
	div.topBar div#caseClip_3{background-image: url(images/images_marie_clip.png);}
	div.topBar div#caseClip_4{background-image: url(images/images_paul_clip.png);}
	div.topBar div#caseClip_5{background-image: url(images/images_lars_clip.png);}
	div.topBar div#caseClip_6{background-image: url(images/images_lynn_clip.png);}
	div.topBar div#caseClip_7{background-image: url(images/images_david_clip.png);}

div#scrollCon{position: relative;    min-height: 94vh;    padding-bottom: 6vh;}

div.patientInfo{position: absolute;    top: 18vw;    left: 50vw;    width: 45vw;     height: 42vw;    color: #222a35;    font-size: 3vw;}
	div.patientInfo p{margin: 0 0 2vw 0;}
	div.patientInfo strong{font-size: 6vw;    font-weight: 600;}

a.printBtn{font-size: 0;    position: absolute;    bottom: 0vw;    right: 4vw;    width: 7vw;    height: 7vw;    background-image: url(images/icon_print_blue.svg);    background-size: 5vw 5vw;    background-repeat: no-repeat;    background-position: center; display: none;}

div.history{margin: 49vw 5vw 2vw 5vw;}
	div.history h3{background-color: #002060;    margin: 0;    color: #fff;    font-size: 6vw;    padding: 1vw 2vw;}
	div.history p{background-color: #fff;    font-size: 4vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}
	p.meds{border-top: 2vw solid #bec0c3;}
div.exam{margin: 3vw 5vw 2vw 5vw;}
	div.exam h3{background-color: #00a493;    margin: 0;    color: #fff;    font-size: 6vw;    padding: 1vw 2vw;}
	div.exam p{background-color: #fff;    font-size: 4vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}

div.labs{margin: 3vw 5vw 2vw 5vw;}
	div.labs h3{background-color: #eeb501;    margin: 0;    color: #fff;    font-size: 6vw;    padding: 1vw 2vw;}
	div.labs p{background-color: #fff;    font-size: 4vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}

div.Notes{margin: 3vw 5vw 2vw 5vw;}
	div.Notes h3{background-color: #f26b2e;    margin: 0;    color: #fff;    font-size: 6vw;    padding: 1vw 2vw;}
	div.Notes p{background-color: #fff;    font-size: 4vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}

div.myNotes{margin: 3vw 5vw 2vw 5vw;}
	div.myNotes h3{background-color: #f26b2e;    margin: 0;    color: #fff;    font-size: 6vw;    padding: 1vw 2vw;}
	div.myNotes p{background-color: #fff;    font-size: 4vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}
	div.myNotes textarea{width: 78vw;    font: 4vw/4.5vw Courier, Arial;    border-radius: 0px;    margin: 0px 0px 0px 0px;    padding: 1vh 4vw;    background-color: #ffffff;    height: 16vh;}

div.footer{position: absolute;    bottom: 0;    background-color: #222a35;    width: 100vw;    height: 6vh;}
	div.footer a.homeBtn{margin-left: 0;    left: 5vw;    color: #fff;    background-image: url(images/arrow_left_white.svg);}
	div.footer input.homeBtn{margin: 0;    position: absolute;    bottom: 1.5vh;    left: 5vw;    color: #fff;    background-image: url(images/arrow_left_white.svg);    background-size: 4vw 4vw;    background-repeat: no-repeat;    background-position: 0vw 0.3vw;    background-color: transparent;    width: auto;    padding: 0 2vw 0 6vw;    font-size: 5vw;    line-height: 5vw;    font-weight: 600;}
	div.footer a.endBtn{position: absolute;    bottom: 1.5vh;    right: 4vw;    color: #fff;    text-decoration: none;    z-index: 200;    display: inline-block;    padding: 0 2vw 0 6vw;    font-size: 5vw;    line-height: 5vw;    font-weight: 600;}
	div.footer input.endBtn{position: absolute;    bottom: 1.5vh;    right: 4vw;    color: #fff;    text-decoration: none;    z-index: 200;    display: inline-block;    padding: 0 2vw 0 6vw;    font-size: 5vw;    line-height: 5vw;    font-weight: 600;    background-size: 4vw 4vw;
    background-repeat: no-repeat;    background-position: 0vw 0.3vw;    background-color: transparent;    width: auto;    margin: 0;}

div#endScreen{position: relative;    overflow: hidden;    height: 100%;    background-color: #fff;    padding: 0px 8vw;    font-size: 5vw;    line-height: 6vw;}
	div#endScreen img{display: block;    width: 75%;    margin: 1vh auto 1vw auto;}

div#scrollCon.keyMessages{background-color: #fff;}
	div#scrollCon.keyMessages div.topBar{height: 13vw;}
	div#scrollCon.keyMessages div.topBar div.spacer{display: none;}
	div#scrollCon.keyMessages div.topBar a{display: none;}
	div#scrollCon.keyMessages div.topBar div.blankTab{display: none;}
	div#scrollCon.keyMessages div.selectCon{background-image: url(images/tab_orange.svg);    background-size: 59vw 13vw;    background-repeat: no-repeat;    background-position: 0 1vw;    width: 59vw;    height: 13vw;    margin-left: 41vw;}
	div#scrollCon.keyMessages select{background-color: #F26B2E;    color: #fff;    width: 47vw;    height: 9vw;    border-radius: 0;    background-image: url(images/down_arrow_white.svg);    background-size: 4vw 4vw;    background-position: 42vw 1vh;
    margin: 2vh 0 0 6vw;    padding: 0 6vw 0 1vw;}
div#kmCon{position: relative; left: 0vw; white-space: nowrap; transition:250ms ease-in-out;-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-ms-transition:250ms ease-in-out; margin-top: 49vw;}
	div#kmCon.left{left: -95vw;}
	div#kmCon a.caseInfoShow{display: none;}
	div#kmCon a.caseInfoHide{display: block;}
	div#kmCon.left a.caseInfoShow{display: block;}
	div#kmCon.left a.caseInfoHide{display: none;}
div#caseInfo{position: relative;    display: inline-block;    vertical-align: top; white-space: normal; width:100vw;}
	div#caseInfo div.history{margin-top: 0;}
	div#caseInfo p.meds{border-top: 2vw solid #fff;}
	a.caseInfoShow{position: absolute;    top: 0;    right: 0;   background-color: #F26B2E;    width: 5vw;    height: 25vw;    background-image: url(images/arrow_open_white.svg);    background-size: 3vw 15vw;    background-position: center;    background-repeat: no-repeat;}
		a.caseInfoShow:hover{opacity: 1;}
		body.l1 a.caseInfoShow{background-image: url(images/arrow_open_white_fr.svg);}
	a.caseInfoHide{position: absolute;    top: 0;    right: 0;   background-color: #F26B2E;    width: 5vw;    height: 25vw;    background-image: url(images/arrow_close_white.svg);    background-size: 3vw 15vw;    background-position: center;    background-repeat: no-repeat;}
		a.caseInfoHide:hover{opacity: 1;}
		body.l1 a.caseInfoHide{background-image: url(images/arrow_close_white_fr.svg);}
div#keyMessages{position: relative;    display: inline-block;    vertical-align: top; white-space: normal; font-size: 4vw;    line-height: 4.5vw; width: 88vw;    padding: 0 0 0 2vw;}
	div#keyMessages h1{background-color: transparent;    color: #222a35; padding: 2vw 0 5vw 0vw;}
	body.l1 div#keyMessages h1{font-size: 6.5vw;}
	div#keyMessages h2{font-size: 8vw; background-color: transparent;    color: #222a35; padding: 2vw 0 5vw 0vw;}

div.miceType{font-size: 1.8vw;    line-height: 2vw;    padding: 1vw 0 5vw 0;}

@media screen and (min-width: 850px), print{
	div#scrollCon.keyMessages div.selectCon{display: none;}
	div#scrollCon.keyMessages div.clipPortrait{width: 17vw;    height: 21vw;    background-size: 17vw auto;}
	div#scrollCon.keyMessages div.topBar{white-space: nowrap; height: 6vw;}
	div#scrollCon.keyMessages div.topBar div.spacer{display: inline-block;vertical-align: top; width: 15.5vw;}
	div#scrollCon.keyMessages div.topBar div.blankTab{position: relative;    z-index: 100;    display: inline-block;    vertical-align: top;    background-image: url(images/tab_grey.svg);background-size: 13.05vw 2.9vw;    background-repeat: no-repeat;    background-position: bottom center;    font: 2.8vw/3vw Courier, Arial;    text-transform: uppercase;    font-weight: 400;    color: #fff;    text-align: center;    padding: 0vw 0vw 0vw 0;    width: 13.07vw;    height: 3vw;    text-decoration: none;    margin: 3.6vw 0 0 -1vw;}
	div#scrollCon.keyMessages div.topBar a{position: relative;    z-index: 140;    display: inline-block;    vertical-align: top;    background-image: url(images/tab_dark-orange.svg);background-size: 13.05vw 2.9vw;    background-repeat: no-repeat;    background-position: bottom center;    font: 1.2vw/1.5vw Courier, Arial;    text-transform: uppercase;    font-weight: 400;    color: #fff;    text-align: center;    padding: 1vw 0vw 0vw 0;    width: 13.07vw;    height: 2vw;    text-decoration: none;    margin: 3.6vw 0 0 -1vw;}
	div#scrollCon.keyMessages div.topBar a.HL, div#scrollCon.keyMessages div.topBar a:hover{opacity: 1; background-image: url(images/tab_orange.svg);z-index: 145;}
	div.patientInfo{position: absolute;    top: 10vw;    left: 21vw;    height: 16vw;    width: 24vw;   color: #222a35;    font-size: 1.5vw;}
	div.patientInfo p{margin: 0 0 10px 0;}
	div.patientInfo strong{font-size: 2.5vw;    font-weight: 600;}
	div#kmCon{margin-top: 20vw;}
	div#kmCon.left{left: 0;}
	div#kmCon.left a.caseInfoShow{display: none !important;}
	div#kmCon.left a.caseInfoHide{display: none !important;}
	div#caseInfo{width: 50vw;}
	div#keyMessages{width: 38vw; margin-top: -17.1vw;    font-size: 1.5vw;    line-height: 1.8vw;}
	div.history h3{background-color: #002060;    margin: 0;    color: #fff;    font-size: 2vw;    padding: 1vw 2vw;}
	div.history p{background-color: #fff;    font-size: 1.5vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}
	div#caseInfo p.meds{border-top: 10px solid #fff;}
	div.exam h3{background-color: #00a493;    margin: 0;    color: #fff;    font-size: 2vw;    padding: 1vw 2vw;}
	div.exam p{background-color: #fff;    font-size: 1.5vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}
	div.labs h3{background-color: #eeb501;    margin: 0;    color: #fff;    font-size: 2vw;    padding: 1vw 2vw;}
	div.labs p{background-color: #fff;    font-size: 1.5vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}
	div.Notes h3{background-color: #f26b2e;    margin: 0;    color: #fff;    font-size: 2vw;    padding: 1vw 2vw;}
	div.Notes p{background-color: #fff;    font-size: 1.5vw;    margin: 0;    border-bottom: 1px solid #bec0c3;    padding: 1vw 2vw;}

	div#keyMessages h1{background-color: transparent;    color: #222a35;    padding: 0vw 0 2vw 0vw;    font-size: 2.5vw;}
		body.l1 div#keyMessages h1{font-size: 2.5vw;}
	div#keyMessages h2{font-size: 2vw;    background-color: transparent;    color: #222a35;    padding: 2vw 0 2vw 0vw;}

	div.miceType{font-size: 1vw;    line-height: 1.5vw;    padding: 1vw 0 1vw 0;}
	a.printBtn{background-size: 3vw 3vw;}
}
@media screen and (min-width: 850px){
	a.printBtn{display: block;}
}
@media print{
	a.printBtn{display: none;}
}

label{display: block; margin: 0 0 1vh 0;}
	label.checkBox{display: inline-block; vertical-align: top; padding: 0 0 0 2vw;}

label.toggleBtn{display:inline-block;vertical-align:middle;border:1px solid #dfdfdf;color:#000;box-shadow:0px 5px 10px #666;cursor:pointer;margin:0px 10px 10px 10px;height: 100px;width: 130px;padding: 10px;font:12px/14px Courier;font-weight:600; background-color: #fff;}
	label.toggleBtn.img{padding:0px;border:0px;}
	label.toggleBtn.img img{display:block;}
	label.toggleBtn.HL{border:1px solid #fff;color:#fff;background-color:#fdbf59;}
		label.toggleBtn.img.HL{border:0px;}
input.toggleBtn{display:none;}

div.toggled{display:inline-block;vertical-align:top;}
	div.toggled.disabled{opacity:0.4;pointer-events:none;}
	div.toggled.disabled.hidden{display:none;}


input[type="submit"]{display:block; -webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;margin:0px auto 10px auto;border:0px solid #000;border-radius:0px;background-color:#F26B2E;font:8vw Courier, Arial;font-weight:600;line-height:12vw;color:#ffffff;text-align:center;vertical-align:top; width:84vw;padding: 0px 15px;text-transform:uppercase;}
	body.l1 div#endScreen input[type="submit"] {font: 5vw Courier, Arial;    font-weight: 600;    line-height: 12vw;}
	input[type="submit"]:hover{opacity:0.8;}
input[type="text"], input[type="number"], input[type="password"]{color:#333;border:1px solid #77787b;font:5.5vw Courier, Arial;line-height:52px;border-radius:0px;margin:0px auto 2.5vh auto;padding:0px 2vw;height:52px;background-color:#ffffff;width: 80vw;}
input[type="number"]{width: 71px;}
textarea{color: #000000;    border: 0;    width: 82vw;    font: 4vw/4.5vw Courier, Arial;    border-radius: 0px;    margin: 0px 0px 0px 0px;    padding: 1vh 4vw;    background-color: #ffffff;    height: 20vh;}
	textarea.med{height: 14vh; margin-bottom: 2vh;}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';cursor:pointer;border:0px solid #b7b7b7;border-radius:10px; background-color: #fff;background-image:url(images/blue_arrow.svg);background-size:36px 55px;background-repeat:no-repeat;background-position:78vw 0px;color:#333; width: 90vw; height: 55px;font:5vw Courier, Arial;font-weight:400;padding:5px 13vw 5px 10px;margin:0px 0px 0px 0px;}


::-webkit-input-placeholder { /* WebKit */
    color:#333;
}
::-moz-placeholder { /*Firefox */
    color:#333;
}
:-ms-input-placeholder { /* IE */
    color:#333;
}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px Courier, Arial;font-weight:400;text-shadow: 1px 1px #fff;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

.floatLeft{float:left;}
.floatRight{float:right;}
.centered{text-align: center;}
.m5{margin: 5px;}
strong.white{color:#fff;}

div#footer{position: fixed;bottom: 0;left: 0;z-index: 10; height: 45px;width: 100%;background-color: #fff;box-shadow: 2px 2px 10px #676767;}
	div#footer img{position: absolute;top: -5px;left: 50%;width:100px;height:36px;margin-left:-50px;}


.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }