@charset "utf-8";
/*------------------Top Scroll---------------------------------------*/
.top-scroll-menu {
  /*  background: #d8a63d;*/
    float: left;
    width: 100%;
	height:45px;
}
.top-scroll marquee {
    float: left; height:45px;
}
.top-scroll img {
    float: left;
    margin-right: 5px;
}

.top-scroll-menu, .top-scroll-menu ul {
	list-style:outside none none;
	margin:0;
	padding:0;
}
.top-scroll-menu ul {
	float:left;
}
.top-scroll-menu li {
    margin: 0;
    padding: 0 30px 0 30px;
    display: inline;
    border-right: 1px solid #000;
}
.top-scroll-menu li a {
	font-family: "Barlow", Arial, Helvetica, sans-serif;
    font-size: 16px;
	color:#000 !important;
	line-height:45px;
	text-decoration:none;
}
.footer_stripe .emailpara{
    height: auto !important; line-height: 25px !important; margin-top: 15px !important; margin-bottom: 15px !important;
}




/*--------------------Sticky Bar Css-----------------*/
.h5, h5 {
    font-size: 18px !important;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;z-index: 99999999; background-color:#013a7f; height:49px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sticky + .content {
  	padding-top: 60px;
	
}

.sticky.is-sticky {
	width:auto !important;
	position:fixed;
	left: 0;
	right: 0;
	top: 0;
	text-align:center;
	z-index: 9999999;
	transition: top 0.2s ease-in-out;
}
nav {
	text-align:center;
}
/*------------Sticky Bar Css-----------------*/


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: 10px !important;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: 10px !important;
}
.highligts_bg {
	margin:0;
	padding:0;
	background:url(../images/highlights_bg.jpg) 0 6px repeat-x
}
.top_stripe {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#232323
}
.callus, .emailus, .loginnn, .alumni, .employer_survey {
	margin:0 8px 0 0;
	color:#fffcf7;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
	float:right
}
.employer_survey a {
	color:#FFF;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
}
.loginnn a {
	color:#FFF;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
}
.alumni a {
	color:#FFF;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
}
.alumni {
	background:url(../images/alumni.png) 0 7px no-repeat;
	padding:0 0 0 22px
}
.loginnn {
	background:url(../images/Facebook.png) 0 7px no-repeat;
	padding:0 0 0 22px
}
.fbbb {
	background:url(../images/Facebook.png) 0 7px no-repeat;
	padding:0 0 0 22px
}
.callus {
	background:url(../images/callus.png) 0 7px no-repeat;
	padding:0 0 0 22px
}
.emailus {
	background:url(../images/emailus.png) 0 7px no-repeat;
	padding:0 0 0 22px
}
.employer_survey {
	padding:0 0 0 65px;
	background:url(../images/survey.png) 44px 7px no-repeat
}
.logo_stripe {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#fff
}
.kmchcop {
	margin:0;
	padding:7px 0
}
#logo_rightt p, #logo_rightt p a, .logo_stripe .kmchcop .logo {
	margin:0;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	float:left
}
.logo_stripe .kmchcop .logo {
	height:100px;
	padding:2px 0 0;
	font-family:'Unna', serif;
	color:#006064;
	font-size:41px;
	line-height:4px
}
#logo_rightt {
	margin:0;
	padding:45px 0 0;
	float:left
}
#logo_rightt p, #logo_rightt p a {
	font-family:"Lato", Arial, Helvetica, sans-serif;
	color:#343e47;
	font-size:14px;
	line-height:23px;
	padding:0 0 0 10px
}
#logo_rightt p a {
	padding:0;
	text-decoration:none
}
.main_menu_stripe {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#013a7f;
	height:49px
}
.upper_banner_stripe {
	margin:0;
	padding:0;
	height:3px;
	background-color:#013a7f
}
.courses_offered_stripe h5, .highlights_stripe h5, .welcme_cont_area_left h1 {
	font-family:'Roboto', sans-serif;
	color:#006064;
	font-size:30px;
	font-weight:400;
	line-height:40px;
	text-align:center
}
.highlights_stripe p, .welcme_cont_area_left p {
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:15px
}
.highlights_stripe h2, .welcme_cont_area_left p {
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:27px;
	color:#303030
}
.highlights_stripe {
	padding:10px 0 0;
	width:90%;
	margin:0 auto
}
.highlights_stripe h2 {
	margin:0;
	padding:0;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bolder;
	color:#006064;
	text-align:center;
	line-height:66px;
	background:url(../images/underline.jpg) bottom center no-repeat;
	text-shadow:1px 1px #d5d5d5
}
.courses_offered_stripe h5, .highlights_stripe h5 {
	margin:10px 0;
	padding:0;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	color:#33373c;
	line-height:21px
}
.highlights_stripe p {
	margin:10px 0 0;
	padding:0;
	color:#000;
	text-align:center
}
.courses_offered_stripe h5 {
	font-family:Metrophobic;
	font-size:17px;
	font-weight:600;
	color:#864489;
	text-align:left;
	line-height:18px
}
.courses_offered_stripe p, .highlights_stripe p, .our_team h5, .our_team p {
	font-style:normal;
	font-variant:normal;
	font-weight:400
}
.courses_offered_stripe p, .our_team h2 {
	font-family:"Raleway", Arial, Helvetica, sans-serif
}
.courses_offered_stripe p {
	margin:15px 0;
	padding:0;
	text-align:left;
	font-size:13px;
	color:#333
}
.content_list, .courses_offered_stripe .left_menu, footer {
	margin:0;
	padding:0
}
.content_list ul, .courses_offered_stripe .left_menu ul, .foot_content_list ul, .left_sidebar .left_menu ul {
	margin:0;
	padding:0;
	list-style:none
}
.courses_offered_stripe .left_menu li, .left_sidebar .left_menu li {
	margin:0;
	padding:0;
	list-style:none;
	background-color:#f8f7f5
}
.courses_offered_stripe .left_menu li .child, .left_sidebar .left_menu li .child {
	border-top:1px solid #e6e7eb
}
.courses_offered_stripe .left_menu li:hover, .left_sidebar .left_menu li:hover {
	border-left:4px solid #006064
}
.courses_offered_stripe .left_menu li a {
	margin:3px 0;
	padding:7px 13px 7px 20px;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:15px;
	font-style:normal;
	color:#00081e;
	font-weight:400;
	line-height:18px;
	display:block;
	text-decoration:none;
	background:url(../images/bullet1.png) 10px 15px no-repeat;
	border-bottom:1px solid #e6e7eb;
	border-left:4px solid transparent
}
.cont_navi a:hover, .left_menu li a:hover {
	text-decoration:none
}
.our_team h2 {
	font-size:30px;
	font-style:normal;
	font-variant:normal;
	font-weight:bolder;
	color:#006064;
	text-align:center;
	line-height:26px;
	text-shadow:2px 2px #d5d5d5
}
.our_team .name_area {
	margin:0;
	padding:0;
	background-color:#f3f3f3;
	border-bottom:3px solid #e0e0e0;
	width:100%
}
.our_team h5, .our_team p {
	margin:0;
	padding:10px;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	color:#222;
	font-size:14px;
	line-height:21px
}
.our_team p {
	margin:0 0 5px;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:15px;
	color:#303030;
	line-height:24px;
	text-align:justify
}
footer {
	background:#294481;
	padding:20px 0 0
}
footer p {
	margin-bottom:0
}
.content_list li, .content_list li a, .foot_content_list li a {
	list-style:none;
	font-family:'Yantramanav', sans-serif;
	font-size:15px;
	line-height:24px;
	color:#fff
}
.content_list li {
	background:url(../images/bullet_points_black.jpg) 5px 11px no-repeat;
	padding:0 0 0 20px
}
.content_list li a, .foot_content_list li a {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:400;
	text-decoration:none;
	transition: all .2s ease-in-out 0s;
}
.content_list li a:hover, .foot_content_list li a:hover {
	padding-left:10px;
	text-decoration:none;
	transform:translateZ(0);
}
.footer_stripe {
	margin:0 auto;
	padding:0;
	width:100%
}
.footer_stripe .footer_phone p {
	font:15px/48px 'Yantramanav', sans-serif;
	background:url(../images/footer_phone.jpg) 0 11px no-repeat
}
.footer_stripe .footer_email p, .footer_stripe .footer_loca p, .footer_stripe .footer_phone p {
	margin:0;
	padding:0 0 0 32px;
	height:48px;
	color:#e5e5e5;
	text-decoration:none;
	float:left
}
.footer_stripe .footer_loca p {
	background:url(../images/footer_location.jpg) 0 5px no-repeat;
	font:15px/24px 'Yantramanav', sans-serif;
}
.footer_stripe .footer_email p {
	font:15px/48px 'Yantramanav', sans-serif;
	background:url(../images/footer_mail.jpg) 0 2px no-repeat
}
.foot_content_list, .our_team h2 {
	margin:0;
	padding:0
}
.content_list li, .foot_content_list li, .right_sidebar p {
	margin:0;
	font-style:normal;
	font-weight:300
}
.foot_content_list li {
	list-style:none;
	background:url(../images/footer_bullet_points_black.png) 5px 14px no-repeat;
	padding:6px 0 6px 20px;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	/*line-height:35px*/
}
.inner_conetent {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#fff
}
.left_sidebar, .left_sidebar .left_menu, .right_sidebar .middle_content_area_points {
	margin:0;
	padding:0
}
.right_sidebar {
	padding:0 30px 0 25px;
	margin:0;
	float:left
}
.right_sidebar22 {
	padding:0 0px 0 0px;
	margin:0;
	float:left
}
.left_sidebar .left_menu li a {
	margin:3px 0;
	padding:13px 13px 13px 20px;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:15px;
	font-style:normal;
	color:#002480;
	font-weight:400;
	line-height:18px;
	display:block;
	text-decoration:none;
	background:url(../images/bullet1.png) 10px 15px no-repeat;
	border-bottom:1px solid #e6e7eb;
	border-left:4px solid transparent
}
.findMe a:hover, .left_sidebar li a:hover {
	background-color: #006064;
	transition: all .5s ease-in-out 0s;
	color:#006064;
	/*padding:13px 13px 13px 20px;*/
	text-decoration:none;
	color:#FFF;
}
#inner_heading_strip {
	margin:0;
	padding:0;
	height:90px;
	background-color:#f3f3f3;
	width:100%
}
#inner_heading_strip h1, .cont_navi {
	font-style:normal;
	font-weight:400;
	line-height:90px;
	color:#006064
}
#inner_heading_strip h1, .cont_navi, .cont_navi a {
	font-variant:normal;
	font-family:"Raleway", Arial, Helvetica, sans-serif
}
#inner_heading_strip h1 {
	margin:0 auto;
	max-width:1100px;
transition:opacity .24s ease-in-out 0s;
	width:95%;
	font-size:36px
}
.cont_navi, .cont_navi a {
	height:18px
}
.cont_navi {
	text-align:left;
	width:100%;
	font-size:14px
}
.cont_navi a, .left_sidebar .left_menu .current_active {
	font-size:14px;
	font-style:normal;
	font-weight:400;
	line-height:18px;
	text-decoration:none
}
.cont_navi a {
	color:#282828
}
.right_sidebar h1 {
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	font-size:20px;
	margin:0;
	padding:10px 0;
	color:#006064;
	line-height:28px;
	text-transform:inherit;
}
.right_sidebar h1, .right_sidebar h2, .right_sidebar h3 {
	font-style:normal;
	font-variant:normal
}
.right_sidebar h2 {
	margin:10px 0;
	padding:0;
	text-align:left;
	color:#864489;
	font-family:Metrophobic;
	font-size:18px;
	font-weight:600;
	line-height:30px
}
.right_sidebar22 h2 {
	margin:10px 0;
	padding:0;
	text-align:left;
	color:#864489;
	font-family:Metrophobic;
	font-size:18px;
	font-weight:600;
	line-height:30px
}

.right_sidebar h3 {
	color:#ff7364;
	font-family:Convergence;
	font-size:17px;
	font-weight:400;
	line-height:41px;
	text-decoration:none
}
.right_sidebar p {
	padding:0 5px 15px;
	font-family:'Frank Ruhl Libre', sans-serif;
	font-size:15px;
	line-height:25px;
	visibility:visible;
	color:#000;
	text-align:justify
}
.right_sidebar .middle_content_area_points ul {
	list-style:none;
	display:block
}
.right_sidebar .middle_content_area_points li, .right_sidebar .middle_content_area_points li a {
	font-family:"Roboto",Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:300;
	line-height:30px;
	color:#000
}
.right_sidebar .middle_content_area_points li {
	display:block;
	text-align:left;
	padding:5px 0 5px 20px;
	list-style:none;
	visibility:visible;
	background:url(../images/bullet_points_black.jpg) 0 13px no-repeat
}
.right_sidebar .middle_content_area_points li a {
}
.right_sidebar .middle_content_area_points li a:hover {
	text-decoration:underline;
}
.left_sidebar .left_menu .current_active {
	margin:3px 0;
	padding:13px 13px 13px 20px;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	color:#002480;
	display:block;
	background:url(../images/bullet1.png) 10px 15px no-repeat;
	border-left:4px solid transparent
}
#banner_stripe {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden
}
#main_menu_cnt {
	margin:0 auto;
	padding:0;
	max-width:900px;
	height:71px;
	line-height:71px
}
*, .cont_navi, .right_sidebar h3 {
	padding:0;
	margin:0
}
.buttons-inline {
	display:inline-block
}
.findMe {
	margin-top:20px
}
.findMe, .findMe a {
	color:#fff
}
.findMe a:hover {
	color:#ccc
}
.mainHeader .container {
	position:relative;
	top:50%;
	margin-top:-160px;
	text-align:center
}
.mainHeader h2 {
	color:#fff;
	font-weight:300;
	margin-bottom:35px
}
.greyBackground {
	background-color:#f3f3f3;
	margin-top:20px;
	padding-bottom:30px
}
.padded {
	margin-bottom:0;
	padding-bottom:0;
	margin-top:5px
}
.repeat {
	width:80px;
	height:40px;
	margin:auto;
	background:#1a8ec9
}
body {
	overflow-x:hidden
}
h3 {
	margin-top:0;
	margin-left:15px
}
.blog_content a, .findMe a {
	text-decoration:underline
}
hr {
	width:90%;
	margin:20px auto 30px;
	background-color:#fff;
	height:2px
}
.btn {
	display:inline-block;
	margin-bottom:0;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none
}
.btn-primary {
	color:#fff;
	border-color:#357ebd
}
.btn {
	border-radius:0;
	border:0;
	font-size:16px;
	font-weight:400;
	padding:12px 24px;
	line-height:24px;
	font-family:'Open Sans', arial, sans-serif;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
	text-decoration:none
}
.btn-primary {
	background-color:#d9534f
}
.btn-primary:hover {
	background-color:#d2322d
}
.highlighter {
	margin-bottom:-15px;
	background-color:rgba(9, 255, 0, .6)
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
to {
	transform-origin:center center;
	transform:rotate(0);
	opacity:1
}
}
.animated, .slow, .slower, .slowest {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.slow, .slower, .slowest {
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s
}
.slower, .slowest {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.slowest {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
.delay-250 {
-webkit-animation-delay:.25s;
-moz-animation-delay:.25s;
-o-animation-delay:.25s;
animation-delay:.25s
}
.delay-500 {
-webkit-animation-delay:.5s;
-moz-animation-delay:.5s;
-o-animation-delay:.5s;
animation-delay:.5s
}
.delay-750 {
-webkit-animation-delay:.75s;
-moz-animation-delay:.75s;
-o-animation-delay:.75s;
animation-delay:.75s
}
.delay-1000 {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s
}
.delay-1250 {
	-webkit-animation-delay:1.25s;
	-moz-animation-delay:1.25s;
	-o-animation-delay:1.25s;
	animation-delay:1.25s
}
.delay-1500 {
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s
}
.delay-1750 {
	-webkit-animation-delay:1.75s;
	-moz-animation-delay:1.75s;
	-o-animation-delay:1.75s;
	animation-delay:1.75s
}
.delay-2000 {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s
}
.delay-2500 {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s
}
.delay-3000 {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s
}
.delay-3500 {
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s
}
.bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp {
	opacity:0
}
.bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .fadeInDown, .fadeInUp {
	-webkit-transform:translateX(400px);
	transform:translateX(400px)
}
.flipInX, .flipInY, .rollIn, .rotateDownUpRight, .rotateIn, .rotateInDownLeft, .rotateInUpLeft, .rotateInUpRight {
	opacity:0
}
.lightSpeedInLeft, .lightSpeedInRight {
	opacity:0;
	-webkit-transform:translateX(400px);
	transform:translateX(400px)
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
to {
	-webkit-transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(.9)
}
to {
	transform:scale(1)
}
}
.bounceIn.go {
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(400px)
}
60% {
-webkit-transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px)
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(400px)
}
60% {
transform:translateX(-30px)
}
80% {
transform:translateX(10px)
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.bounceInRight.go {
	-webkit-animation-name:bounceInRight;
	animation-name:bounceInRight
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-400px)
}
60% {
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-400px)
}
60% {
transform:translateX(30px)
}
80% {
transform:translateX(-10px)
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.bounceInLeft.go {
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(400px)
}
60% {
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(400px)
}
60% {
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.bounceInUp.go {
	-webkit-animation-name:bounceInUp;
	animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-400px)
}
60% {
-webkit-transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px)
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-400px)
}
60% {
transform:translateY(30px)
}
80% {
transform:translateY(-10px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.bounceInDown.go {
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity:1;
	display:block
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity:1;
	display:block
}
}
.fadeIn, .growIn {
	opacity:0
}
.fadeIn.go {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes growIn {
0% {
-webkit-transform:scale(.2);
opacity:0
}
50% {
-webkit-transform:scale(1.2)
}
to {
	-webkit-transform:scale(1);
	opacity:1
}
}
@keyframes growIn {
0% {
transform:scale(.2);
opacity:0
}
50% {
transform:scale(1.2)
}
to {
	transform:scale(1);
	opacity:1
}
}
.growIn {
	-webkit-transform:scale(.2);
	transform:scale(.2)
}
.growIn.go {
	-webkit-animation-name:growIn;
	animation-name:growIn
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px)
}
}
@keyframes shake {
0%, to {
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
.shake.go {
	-webkit-animation-name:shake;
	animation-name:shake
}
@-webkit-keyframes shakeUp {
0%, to {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateY(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateY(10px)
}
}
@keyframes shakeUp {
0%, to {
transform:translateY(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateY(-10px)
}
20%, 40%, 60%, 80% {
transform:translateY(10px)
}
}
.shakeUp.go {
	-webkit-animation-name:shakeUp;
	animation-name:shakeUp
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.fadeInLeft {
	opacity:0;
	-webkit-transform:translateX(-400px);
	transform:translateX(-400px)
}
.fadeInLeft.go {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.fadeInRight {
	opacity:0;
	-webkit-transform:translateX(400px);
	transform:translateX(400px)
}
.fadeInRight.go {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.fadeInUp {
	opacity:0;
	-webkit-transform:translateY(400px);
	transform:translateY(400px)
}
.fadeInUp.go {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-400px)
}
50% {
opacity:.3
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.fadeInDown {
	opacity:0;
	-webkit-transform:translateY(-400px);
	transform:translateY(-400px)
}
.fadeInDown.go {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
to {
	transform-origin:center center;
	transform:rotate(0);
	opacity:1
}
}
.rotateIn.go {
	-webkit-animation-name:rotateIn;
	animation-name:rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
to {
	transform-origin:left bottom;
	transform:rotate(0);
	opacity:1
}
}
.rotateInUpLeft.go {
	-webkit-animation-name:rotateInUpLeft;
	animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
to {
	transform-origin:left bottom;
	transform:rotate(0);
	opacity:1
}
}
.rotateInDownLeft.go {
	-webkit-animation-name:rotateInDownLeft;
	animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
to {
	transform-origin:right bottom;
	transform:rotate(0);
	opacity:1
}
}
.rotateInUpRight.go {
	-webkit-animation-name:rotateInUpRight;
	animation-name:rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	-webkit-transform:rotate(0);
	opacity:1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
to {
	transform-origin:right bottom;
	transform:rotate(0);
	opacity:1
}
}
.rotateInDownRight.go {
	-webkit-animation-name:rotateInDownRight;
	animation-name:rotateInDownRight
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
to {
	opacity:1;
	-webkit-transform:translateX(0) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg)
}
to {
	opacity:1;
	transform:translateX(0) rotate(0deg)
}
}
.rollIn.go {
	-webkit-animation-name:rollIn;
	animation-name:rollIn
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:skewX(9deg)
}
10% {
-webkit-transform:skewX(-8deg)
}
20% {
-webkit-transform:skewX(7deg)
}
30% {
-webkit-transform:skewX(-6deg)
}
40% {
-webkit-transform:skewX(5deg)
}
50% {
-webkit-transform:skewX(-4deg)
}
60% {
-webkit-transform:skewX(3deg)
}
70% {
-webkit-transform:skewX(-2deg)
}
80% {
-webkit-transform:skewX(1deg)
}
90%, to {
-webkit-transform:skewX(0deg)
}
}
@keyframes wiggle {
0% {
transform:skewX(9deg)
}
10% {
transform:skewX(-8deg)
}
20% {
transform:skewX(7deg)
}
30% {
transform:skewX(-6deg)
}
40% {
transform:skewX(5deg)
}
50% {
transform:skewX(-4deg)
}
60% {
transform:skewX(3deg)
}
70% {
transform:skewX(-2deg)
}
80% {
transform:skewX(1deg)
}
90%, to {
transform:skewX(0deg)
}
}
.wiggle.go {
	-webkit-animation-name:wiggle;
	animation-name:wiggle;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, to {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg)
}
}
@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
to {
	transform:rotate(0deg)
}
}
.swing.go {
	-webkit-transform-origin:top center;
	transform-origin:top center;
	-webkit-animation-name:swing;
	animation-name:swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
to {
	-webkit-transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform:scale(1)
}
10%, 20% {
transform:scale(.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg)
}
to {
	transform:scale(1) rotate(0)
}
}
.tada.go {
	-webkit-animation-name:tada;
	animation-name:tada
}
@-webkit-keyframes wobble {
0%, to {
-webkit-transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg)
}
}
@keyframes wobble {
0%, to {
transform:translateX(0%)
}
15% {
transform:translateX(-25%) rotate(-5deg)
}
30% {
transform:translateX(20%) rotate(3deg)
}
45% {
transform:translateX(-15%) rotate(-3deg)
}
60% {
transform:translateX(10%) rotate(2deg)
}
75% {
transform:translateX(-5%) rotate(-1deg)
}
}
.wobble.go {
	-webkit-animation-name:wobble;
	animation-name:wobble
}
@-webkit-keyframes pulse {
0%, to {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1)
}
}
@keyframes pulse {
0%, to {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
}
.pulse.go {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1
}
to {
	-webkit-transform:translateX(0%) skewX(0deg);
	opacity:1
}
}
@keyframes lightSpeedInRight {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1
}
to {
	transform:translateX(0%) skewX(0deg);
	opacity:1
}
}
.lightSpeedInLeft.go, .lightSpeedInRight.go {
	-webkit-animation-name:lightSpeedInRight;
	animation-name:lightSpeedInRight;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform:translateX(-100%) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:translateX(20%) skewX(-30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(15deg);
opacity:1
}
to {
	-webkit-transform:translateX(0%) skewX(0deg);
	opacity:1
}
}
@keyframes lightSpeedInLeft {
0% {
transform:translateX(-100%) skewX(30deg);
opacity:0
}
60% {
transform:translateX(20%) skewX(-30deg);
opacity:1
}
80% {
transform:translateX(0%) skewX(15deg);
opacity:1
}
to {
	transform:translateX(0%) skewX(0deg);
	opacity:1
}
}
.lightSpeedInLeft.go {
	-webkit-animation-name:lightSpeedInLeft;
	animation-name:lightSpeedInLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in
}
to {
	-webkit-transform:perspective(400px) scale(1);
	-webkit-animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
transform:perspective(400px) rotateY(0);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function:ease-in
}
to {
	transform:perspective(400px) scale(1);
	animation-timing-function:ease-in
}
}
.flip.go, .flipInX.go, .flipInY.go {
	-webkit-backface-visibility:visible!important;
	-webkit-animation-name:flip;
	backface-visibility:visible!important;
	animation-name:flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
to {
	-webkit-transform:perspective(400px) rotateX(0deg);
	opacity:1
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateX(-10deg)
}
70% {
transform:perspective(400px) rotateX(10deg)
}
to {
	transform:perspective(400px) rotateX(0deg);
	opacity:1
}
}
.flipInX.go, .flipInY.go {
	-webkit-animation-name:flipInX;
	animation-name:flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
to {
	-webkit-transform:perspective(400px) rotateY(0deg);
	opacity:1
}
}
@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateY(-10deg)
}
70% {
transform:perspective(400px) rotateY(10deg)
}
to {
	transform:perspective(400px) rotateY(0deg);
	opacity:1
}
}
.flipInY.go {
	-webkit-animation-name:flipInY;
	animation-name:flipInY
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1)
}
to {
	opacity:0;
	-webkit-transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
transform:scale(1)
}
25% {
transform:scale(.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
to {
	opacity:0;
	transform:scale(.3)
}
}
.bounceOut.goAway {
	-webkit-animation-name:bounceOut;
	animation-name:bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px)
}
to {
	opacity:0;
	-webkit-transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(20px)
}
to {
	opacity:0;
	transform:translateY(-2000px)
}
}
.bounceOutUp.goAway {
	-webkit-animation-name:bounceOutUp;
	animation-name:bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px)
}
to {
	opacity:0;
	-webkit-transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(-20px)
}
to {
	opacity:0;
	transform:translateY(2000px)
}
}
.bounceOutDown.goAway {
	-webkit-animation-name:bounceOutDown;
	animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px)
}
to {
	opacity:0;
	-webkit-transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(20px)
}
to {
	opacity:0;
	transform:translateX(-2000px)
}
}
.bounceOutLeft.goAway {
	-webkit-animation-name:bounceOutLeft;
	animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px)
}
to {
	opacity:0;
	-webkit-transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(-20px)
}
to {
	opacity:0;
	transform:translateX(2000px)
}
}
.bounceOutRight.goAway {
	-webkit-animation-name:bounceOutRight;
	animation-name:bounceOutRight
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity:0
}
}
.fadeOut.goAway {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
to {
	opacity:0;
	-webkit-transform:translateY(-2000px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0)
}
to {
	opacity:0;
	transform:translateY(-2000px)
}
}
.fadeOutUp.goAway {
	-webkit-animation-name:fadeOutUp;
	animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
to {
	opacity:0;
	-webkit-transform:translateY(2000px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0)
}
to {
	opacity:0;
	transform:translateY(2000px)
}
}
.fadeOutDown.goAway {
	-webkit-animation-name:fadeOutDown;
	animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
to {
	opacity:0;
	-webkit-transform:translateX(-2000px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0)
}
to {
	opacity:0;
	transform:translateX(-2000px)
}
}
.fadeOutLeft.goAway {
	-webkit-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
to {
	opacity:0;
	-webkit-transform:translateX(2000px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0)
}
to {
	opacity:0;
	transform:translateX(2000px)
}
}
.fadeOutRight.goAway {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateX(90deg);
	opacity:0
}
}
@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
to {
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
}
.flipOutX.goAway, .flipOutY {
	-webkit-animation-name:flipOutX;
	-webkit-backface-visibility:visible!important;
	animation-name:flipOutX;
	backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}
@keyframes flipOutY {
0% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
to {
	transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}
.flipOutY {
	-webkit-animation-name:flipOutY;
	animation-name:flipOutY
}
@-webkit-keyframes lightSpeedOutRight {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
to {
	-webkit-transform:translateX(100%) skewX(-30deg);
	opacity:0
}
}
@keyframes lightSpeedOutRight {
0% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
to {
	transform:translateX(100%) skewX(-30deg);
	opacity:0
}
}
.lightSpeedOutLeft.goAway, .lightSpeedOutRight.goAway {
	-webkit-animation-name:lightSpeedOutRight;
	animation-name:lightSpeedOutRight;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
to {
	-webkit-transform:translateX(-100%) skewX(30deg);
	opacity:0
}
}
@keyframes lightSpeedOutLeft {
0% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
to {
	transform:translateX(-100%) skewX(30deg);
	opacity:0
}
}
.lightSpeedOutLeft.goAway {
	-webkit-animation-name:lightSpeedOutLeft;
	animation-name:lightSpeedOutLeft
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
to {
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(200deg);
	opacity:0
}
}
@keyframes rotateOut {
0% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
to {
	transform-origin:center center;
	transform:rotate(200deg);
	opacity:0
}
}
.rotateOut.goAway {
	-webkit-animation-name:rotateOut;
	animation-name:rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(-90deg);
	opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
to {
	-transform-origin:left bottom;
	-transform:rotate(-90deg);
	opacity:0
}
}
.rotateOutUpLeft.goAway {
	-webkit-animation-name:rotateOutUpLeft;
	animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(90deg);
	opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
to {
	transform-origin:left bottom;
	transform:rotate(90deg);
	opacity:0
}
}
.rotateOutDownLeft.goAway {
	-webkit-animation-name:rotateOutDownLeft;
	animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
to {
	-webkit-transform-origin:right bottom;
	-webkit-transform:rotate(90deg);
	opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
to {
	transform-origin:right bottom;
	transform:rotate(90deg);
	opacity:0
}
}
.rotateOutUpRight.goAway {
	-webkit-animation-name:rotateOutUpRight;
	animation-name:rotateOutUpRight
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0) rotate(0deg)
}
to {
	opacity:0;
	-webkit-transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
transform:translateX(0) rotate(0deg)
}
to {
	opacity:0;
	transform:translateX(100%) rotate(120deg)
}
}
.rollOut.goAway {
	-webkit-animation-name:rollOut;
	animation-name:rollOut
}
@-webkit-keyframes fadeInUpShort {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes fadeInUpShort {
0% {
opacity:0;
transform:translateY(20px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.fadeInUpShort {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
.fadeInUpShort.go {
	-webkit-animation-name:fadeInUpShort;
	animation-name:fadeInUpShort
}
@-webkit-keyframes fadeInDownShort {
0% {
opacity:0;
-webkit-transform:translateY(-20px)
}
to {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes fadeInDownShort {
0% {
opacity:0;
transform:translateY(-20px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.fadeInDownShort {
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px)
}
.fadeInDownShort.go {
	-webkit-animation-name:fadeInDownShort;
	animation-name:fadeInDownShort
}
@-webkit-keyframes fadeInRightShort {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes fadeInRightShort {
0% {
opacity:0;
transform:translateX(20px)
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.fadeInRightShort {
	opacity:0;
	-webkit-transform:translateX(20px);
	transform:translateX(20px)
}
.fadeInRightShort.go {
	-webkit-animation-name:fadeInRightShort;
	animation-name:fadeInRightShort
}
@-webkit-keyframes fadeInLeftShort {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
to {
	opacity:1;
	-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeftShort {
0% {
opacity:0;
transform:translateX(-20px)
}
to {
	opacity:1;
	transform:translateX(0)
}
}
.fadeInLeftShort {
	opacity:0;
	-webkit-transform:translateX(-20px);
	transform:translateX(-20px)
}
.fadeInLeftShort.go {
	-webkit-animation-name:fadeInLeftShort;
	animation-name:fadeInLeftShort
}
/* .yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
	position:static;
} */
.yamm .container {
	position:relative
}
.yamm .dropdown-menu {
	left:auto
}
.yamm .nav.navbar-right .dropdown-menu {
	left:auto;
	right:0
}
.yamm .yamm-content {
	padding:20px 30px
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left:0;
	right:0
}
.yamm .dropdown.yamm-hw .dropdown-menu {
	left:auto;
	right:0;
	width:550px
}
.yamm .yamm-content .col-md-4, .yamm .yamm-content .col-md-8 {
	padding-right:5px;
	padding-left:5px
}
.yamm .yamm-content .thumbnail {
	padding:0;
	border:0
}
.yamm .yamm-content .caption {
	padding:0
}
.yamm .yamm-content .caption h3 {
	font-size:18px;
	color:#272727;
	margin-top:14px;
	margin-bottom:8px
}
.yamm .yamm-content .caption p {
	font-size:14px;
	color:#727272
}
@media (max-width:767px) {
.list-unstyled li:first-child {
border-bottom:0;
margin-bottom:0;
top-bottom:15px
}
.list-unstyled li p {
font-size:16px;
color:#bbb
}
.list-unstyled li {
padding:8px 0
}
.list-unstyled a {
color:#bbb
}
.list-unstyled a:hover {
color:#fff;
background-color:#666
}
.yamm .yamm-content .thumbnail {
background-color:transparent;
-webkit-box-shadow:0 0 0 rgba(0, 0, 0, .075);
box-shadow:0 0 0 rgba(0, 0, 0, .075)
}
.yamm .yamm-content .caption h3, .yamm .yamm-content .caption p {
color:#ccc
}
.yamm .yamm-content .thumbnail>img {
margin-left:0
}
.row-border {
border-bottom:0
}
}
 @media (max-width:768px) {
 .list-unstyled a {
 color: #BBBBBB;
}
 .list-unstyled li:first-child {
 border-bottom: 1px solid #3b3b3b;
 margin-bottom: 16px;
}
 .list-unstyled li p {
 color: #fff;
 padding-top:10px;
}
}
 @media (min-width:769px;
) {
.dropdown-submenu>.dropdown-menu:last-child {
 border-top: 0px solid #000;
}
}
.dropdown-submenu:hover>.dropdown-menu {
	display:block
}
.dropdown-submenu.pull-left {
	float:none
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px
}
.navbar-brand {
	padding:0;
	margin:15px 0
}
.wrapper {
	margin-top:0
}
.navbar-fixed-top+.wrapper {
	margin-top:104px
}
.dropdown-menu {
	min-width:220px
}
.dropdown-menu>li>a {
	padding:10px 20px;
	border-bottom:1px solid #e6e6e6;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	color:#000
}
.dropdown-menu>li>a:hover {
	padding-left:30px;
	border-bottom:1px solid #e6e6e6
}
.dropdown-menu>li:last-child>a {
	border-bottom:0 solid #d1d1d1
}
.help {
	height:40px
}
.help>.container {
	padding-top:10px
}
@media (max-width:769px) {
.navbar-collapse.pull-right {
width:100%;
background:red
}
#navbar-collapse-1>ul>li.dropdown>a>b {
float:right
}
.navbar-default .navbar-brand {
margin-left:14px
}
#navbar-collapse-1>ul>li {
border-bottom:1px solid #eee
}
#navbar-collapse-1>ul>li.open {
background-color:#2b2b2b;
margin-left:14px
}
.help {
display:none
}
.navbar-nav>li>a {
color:#fff;
padding:14px 15px
}
.navbar-nav>li>a:hover {
color:#fff
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#000;
background-color:F5F5F5;
padding:10px 30px;
border-bottom:0
}
.dropdown-menu>li>a {
padding:8px 20px!important;
border-bottom:0
}
.dropdown-submenu>.dropdown-menu:last-child {
border-top:0
}
}
.navbar-nav>li>a {
	box-shadow:0 0 0 rgba(255, 255, 255, .25)
}
@media (max-width:769px) {
#navbar-collapse-1>ul>li {
border-bottom:0
}
}
@media (min-width:768px) {
.navbar-default .navbar-nav>li>a {
	padding:14px 7px 14px 5px
}
}
@media (min-width:992px) {
.navbar-default .navbar-nav>li>a {
	font-size:15px!important;
	padding:13px 13px 13px 13px;
}
}
@media (min-width:1200px) {
.navbar-default .navbar-nav>li>a {
	font-size:15px!important;
	/*padding:14px 17px;*/
	padding:13px 13px 13px 13px;
	font-weight:bold;
	
}
}

@media (min-width:992px) {
.kuvakuva {
	left:715px !important;
}
}
@media (min-width:1200px) {
.kuvakuva {
	left:908px !important;
}
}




 
 
.navbar-default .navbar-nav>li>a {
	color:#fff;
	display:block;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	background-image:url(../images/menu_seperate.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#013a7f
}
.navbar-toggle {
	position:relative;
	padding:12px 20px;
	background-color:transparent;
	border:0 solid transparent;
	border-radius:0;
	margin:0 15px 0 35px;
	background:#660000;
	cursor:pointer
}
.navbar-toggle>span {
	Color:#fff
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	color:#000;
	background-color:#006064
}
.navbar-collapse {
	border-top:0
}
@media only screen and (min-width:99px) and (max-width:999px) {
li.dropdown ul.dropdown-menu li a {
color:#fff;
background-color:#2b2b2b
}
li.dropdown a:hover {
color:#fff
}
li.dropdown ul.dropdown-menu .yamm-content li a:hover {
color:#454545
}
}
@media (min-width:769px) {
.yamm ul.nav li.dropdown>ul.dropdown-menu {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease
}
.dropdown-submenu:hover>.dropdown-menu, .yamm ul.nav li.dropdown:hover>ul.dropdown-menu {
-webkit-animation-duration:.5s;
-webkit-animation-name:fadeInFromNone;
-webkit-animation-fill-mode:forwards;
animation-duration:.5s;
animation-name:fadeInFromNone;
animation-fill-mode:forwards;
-ms-animation-duration:.5s;
-ms-animation-name:fadeInFromNoneIE;
-ms-animation-fill-mode:forwards
}
.yamm ul.nav li.dropdown:hover>ul.dropdown-menu {
display:block;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-animation-duration:5s
}
@-webkit-keyframes fadeInFromNone {
0%, 1% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeInFromNoneIE {
0%, 1% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeInFromNone {
0%, 1% {
opacity:0
}
to {
opacity:1
}
}
.yamm ul.nav li.dropdown:hover>a {
color:#000;
background-color:#f5f5f5
}
}
.navbar-toggle>button {
	background:0 0;
	border:0;
	float:right
}
.navbar-default .navbar-toggle i {
	color:#fff;
	font-size:21px
}
.yamm ul.nav li.dropdown:hover b {
	border-top-color:#fff;
	border-bottom-color:#fff
}
.container>.navbar-collapse {
	margin-right:0
}
.navbar-brand, .navbar-nav>li>a {
	text-shadow:0 0 0 rgba(255, 255, 255, .25)
}
button.navbar-toggle {
	clear:right
}
.width50 {
	width:50%
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color:#000;
	background-color:#006064
}
@media only screen and (min-width:1000px) and (max-width:1169px) {
.dropdown-menu.three, .dropdown-menu.two {
left:545px
}
.dropdown-submenu>.dropdown-menu.four {
top:0;
left:500px
}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.container>.navbar-collapse li a {
background-color:#272727;
color:#fff
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.container>.navbar-collapse li a {
background-color:#272727;
color:#fff
}
}
@media only screen and (max-width:479px) {
.container>.navbar-collapse li a {
background-color:#272727;
color:#fff
}
}