/* cmsms stylesheet: Default 2018 modified: 04/14/18 16:26:46 */
@charset "UTF-8";

@import url("https://use.typekit.net/gte1wgm.css");
@import url("https://www.medwaytri.com/assets/css/material-design-iconic-font.min.css");

/* reset CSS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,figure,footer,header,hgroup,nav,section {
	display:block;
}

ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	transition:.5s;
}

del {
	text-decoration:line-through;
}

abbr[title],dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

th {
	font-weight:400;
	vertical-align:bottom;
}

td {
	font-weight:400;
	vertical-align:top;
}

input,select {
	vertical-align:middle;
}

pre {
	white-space:pre;
	white-space:pre-wra p;
	white-space:pre-l ine;
	word-wrap:break -word;
}

input[type="radio"],input.radio {
	vertical-align:text-bottom;
}

input[type="checkbox"],input.checkbox {
	vertical-align:bottom;
}

input {
	-webkit-appearance:none;
	border-radius:0;
}

.ie6 input {
	vertical-align:text-bottom;
}

select,input,textarea {
	font:99% sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

a:hover,a:active {
	outline:none;
}

small {
	font-size:85%;
}

strong,th {
	font-weight:700;
}

td,td img {
	vertical-align:top;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

pre,code,kbd,samp {
	font-family:monospace,sans-serif;
}

.clickable,input[type=button],input[type=submit],button,input.button,input.submit {
	cursor:pointer;
}

button,input,select,textarea {
	margin:0;
}

button {
	width:auto;
	overflow:visible;
}

.ie7 img {
	-ms-interpolation-mode:bicubic;
}

.ie6 html {
	filter:expression(document.execCommand(BackgroundImageCache,false,true));
}

input::-moz-focus-inner {
	border:none;
}

textarea {
	resize:none;
}

:focus {
	outline:0;
}


/* Eof reset CSS */
/* image floats */
.img-right {
	float:right;
	display:block;
	margin:0 0 10px 4%;
	width:48%!important;
	height:auto!important;
}

.img-left {
	float:left;
	display:block;
	margin:0 4% 10px 0;
	width:48%!important;
	height:auto!important;
}

.img-full {
	display:block;
	margin:auto auto 10px;
	width:100%!important;
	height:auto!important;
}

.news-hero-img {
	display:block;
	margin:0px;
	max-width:100%!important;
	height:auto!important;
}

.news-hero-img-main {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	max-width:100%!important;
	height:auto!important;
}

/* body / page width */
body,html {
	text-align:left;
	color:#707070;
	margin:auto;
	background:#fff;
	font:normal 300 16px/150% museo-sans,Arial,Helvetica,sans-serif;
}

@media only screen and (max-width:668px) {
	body,html {
		font:normal 300 14px/140% museo-sans,Arial,Helvetica,sans-serif;
	}
}

body {
	color:#4e4d4e;
	background:#fff;
	margin:100px auto auto;
}

body.banner,body#home {
	margin:0 auto auto;
}

html {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	text-rendering:auto;
}

.pageWidth {
	width:1440px;
	margin:auto;
	text-align:left;
	position:relative;
}

@media only screen and (max-width:1520px) {
	.pageWidth {
		width:calc(100% - 80px);
	}
}

@media only screen and (max-width:420px) {
	body {
		margin:100px auto 40px;
	}
	
	.pageWidth {
		width:calc(100% - 60px);
	}
}

#frame {
	height:100%;
	overflow:auto;
}

/* grids */
/*  SECTIONS  */
.section {
	clear:both;
	padding:0;
	margin:0;
}

/*  COLUMN SETUP  */
.col {
	display:block;
	float:left;
	margin:0 0 1px 1.2%;
}

.col:first-child {
	margin-left:0;
}

.col2 {
	display:block;
	float:left;
	margin:0 0 1px;
}

/*  GROUPING  */
.group:before,.group:after {
	content:"";
	display:table;
}

.group:after {
	clear:both;
}

.group {
	zoom:1;
/* For IE 6/7 */
}

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width:100%;
}

.span_11_of_12 {
	width:91.56%;
}

.span_10_of_12 {
	width:83.13%;
}

.span_9_of_12 {
	width:74.7%;
}

.span_8_of_12 {
	width:66.26%;
}

.span_7_of_12 {
	width:57.83%;
}

.span_6_of_12 {
	width:49.4%;
}

.span_5_of_12 {
	width:40.96%;
}

.span_4_of_12 {
	width:32.53%;
}

.span_3_of_12 {
	width:24.1%;
}

.span_2_of_12 {
	width:15.66%;
}

.span_1_of_12 {
	width:7.233%;
}

/*  GRID OF SIX  */
.span_6_of_6 {
	width:100%;
}

.span_5_of_6 {
	width:83.33%;
}

.span_4_of_6 {
	width:66.66%;
}

.span_3_of_6 {
	width:50%;
}

.span_2_of_6 {
	width:33.33%;
}

.span_1_of_6 {
	width:16.66%;
}

/*  GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 768px) {
	.col {
		margin:0 0 1px;
	}
	
	.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12 {
		width:100%;
	}
	
	.span_1_of_6,.span_2_of_6,.span_3_of_6,.span_4_of_6,.span_5_of_6,.span_6_of_6 {
		width:33.33%;
	}
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.span_1_of_6,.span_2_of_6,.span_3_of_6,.span_4_of_6,.span_5_of_6,.span_6_of_6 {
		width:50%;
	}
}

/* Eof grids */
a {
	color:#0057A5;
	transition:all .4s ease;
}

a:hover {
	color:#0057A5;
}

hr {
	border:none;
	height:1px;
	background:rgba(78,77,78,0.25);
	margin:20px 0;
}

h1,h2,h3,h4 {
	line-height:125%;
}

h1,h2 {
	margin-bottom:25px;
}

h3,h4,p {
	margin-bottom:15px;
}

h1 {
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:2em;
	margin-top:0;
	color:#3BAEDF;
	text-transform:capitalize;
}

h2 {
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:1.5em;
	color:#0057A5;
	margin-top:30px;
	text-transform:capitalize;
}

h3 {
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:1.125em;
	color:#4A4848;
	margin-top:30px;
	text-transform:capitalize;
}

h4 {
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:1em;
	margin-bottom:10px;
	color:#4A4848;
}

h5 {
}

h1:first-of-type,h2:first-of-type,h3:first-of-type,h4:first-of-type,p:first-of-type {
	margin-top:0;
}

/* header */
#header:before {
	content:'';
	height:80px !important;
	border-bottom:solid 20px #EEA210;
	position:absolute;
	left:0px;
	top:0;
	bottom:0;
	width:20px;
	background:#3BAEDF;
	margin: 0px;
}

@-moz-document url-prefix() { 
#header:before {
	height:81px !important;
}
}

#header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.95);
	height:100px!important;
	z-index:1000;
}

#logo {
	position:absolute;
	top:21px;
	left:0;
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:700;
	transition:all .4s ease;
}

#logo img {
	transition:all .4s ease;
}

@media only screen and (max-width: 678px) {
	#logo {
		top:40px;
	}
	
	#logo img {
		width:170px;
		height:auto;
	}
}

#topNav {
	font-size:1.063em;
	position:absolute;
	top:0;
	right:0;
	z-index:1050;
}

#topNav ul {
	margin:0;
	padding:0;
}

#topNav li {
	display:inline-block;
	vertical-align:middle;
}

#topNav li.topSearch input,#mainNav div.topSearch input,div.topSearch input {
	margin:0;
	line-height:30px;
	height:30px!important;
	transition:all .4s ease;
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:30000;
	padding:0 10px;
	background:#E5E5E5;
	-webkit-appearance:none;
	border-radius:0;
	border:none;
	vertical-align:middle;
	width:125px;
}

#topNav li.topSearch button,#mainNav div.topSearch button,div.topSearch button {
	margin:0;
	padding:0;
	line-height:30px;
	height:30px!important;
	width:30px;
	transition:all .4s ease;
	text-align:center;
	background:#707070;
	color:#fff;
	font-size:1.063em;
	font-weight:700;
	-webkit-appearance:none;
	border-radius:0;
	border:none;
	vertical-align:middle;
}

#topNav button:hover {
	background:#4A4848;
}

#topNav li.topSearch:hover input {
	width:105px;
}

#topNav li.topSearch:hover button {
	width:50px;
}

#topNav li a {
	display:inline-block;
	line-height:30px;
	height:30px!important;
	text-align:center;
	transition:all .4s ease;
	color:#fff;
	padding:0 15px;
}

#topNav li.topJoin a {
	background:#EEA210;
	font-weight:300;
}

#topNav li.topJoin a:hover {
	transition:all .4s ease;
	color:#fff;
	background:#F26522;
}

#topNav li.topLogin a {
	font-weight:300;
	background:#0057A5;
}

#topNav li.topLogin a:hover {
	color:#fff;
	background:#3BAEDF;
}

@media only screen and (max-width: 420px) {
	#topNav li.topSearch,#topNav li.topJoin span,#topNav li.topLogin span {
		display:none;
	}
	
	#topNav li a {
		line-height:35px;
		height:35px!important;
		padding:0 17px;
	}
}

/* body#home #membersNav {
	margin-top: 100px;
} */

#membersNav {
	position: fixed;
	top:  100px;
	left:  0px;
	right:  0px;
	background:#0057A5;
	font-size:1.063em;
	text-align:center;
	display: block;
	z-index: 250;
}

#membersNav .col {
	margin-bottom:0;
}

#membersNav img {
	width:30px;
	height:auto;
	vertical-align:middle;
}

#membersNav ul {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}

#membersNav li {
	display:inline-block;
	vertical-align:middle;
}

#membersNav li a {
	display:inline-block;
	line-height:50px;
	text-align:center;
	transition:all .4s ease;
	color:#fff;
	padding:0 10px;
	background:#0057A5;
}

#membersNav li a:hover {
	background:#3BAEDF;
}

i.zmdi {
	margin:0 5px;
}

@media only screen and (max-width: 420px) {
	#membersNav .pageWidth {
		width:100%;
		margin:auto;
	}
	
	#membersNav li span {
		display:none;
	}
}

@media only screen and (min-width: 921px) {
	#mainNav {
		position:absolute;
		top:50px;
		right:0;
		height:50px;
		width:auto;
		text-transform:capitalize;
		z-index:1051;
	}
	
	#mainNav ul {
		float:left;
		display:block;
	}
	
	#mainNav ul.over1000px {
		width:0;
		opacity:0;
		overflow:hidden;
		transition:.5s;
	}
	
	#mainNav ul,#mainNav ul li {
		margin-left:0;
		padding:0;
	}
	
	#mainNav ul li {
		height:50px;
		float:left;
		border-left:none;
		position:relative;
		color:#fff;
	}
	
	#mainNav ul li:first-of-type {
	}
	
	#mainNav ul li a {
		height:50px;
		padding:0 10px;
		color:#707070;
		display:block;
		transition:.4s ease;
	}
	
	#mainNav ul li a:hover {
		color:#0057A5;
		background:#DCF1F9;
	}
	
	#mainNav ul li a span {
		display:table-cell;
		height:50px;
		vertical-align:middle;
		line-height:100%;
	}
	
	#mainNav ul li ul {
		position:absolute;
		display:block;
		width:200px;
		text-transform:capitalize;
		z-index:2500;
		top:100%;
		visibility:hidden;
		opacity:0;
		-webkit-transform:scaleY(0);
		transform:scaleY(0);
		-webkit-transform-origin:top;
		transform-origin:top;
		-webkit-transition:.5s;
		transition:.5s;
	}
	
	#mainNav ul li:hover a {
		color:#0057A5;
		background:#DCF1F9;
	}
	
	#mainNav ul li:hover ul a {
		color:#0057A5;
		background:#DCF1F9;
	}
	
	#mainNav ul li:hover ul a:hover {
		color:#0057A5;
		background:rgba(149,211,233,0.5);
	}
	
	#mainNav ul li a.menuactive {
		color:#0057A5;
		background:transparent;
	}
	
	#mainNav ul ul li a.menuactive {
		color:#0057A5;
		background:rgba(149,211,233,0.25);
	}
	
	#mainNav ul li:hover ul {
		display:block;
		width:200px;
		color:#0057A5;
		background:#DCF1F9;
		top:100%;
		-webkit-transform:scaleY(1);
		transform:scaleY(1);
		opacity:1;
		visibility:visible;
		margin:0;
	}
	
	#mainNav ul li ul li {
		height:auto;
		float:none;
		padding:0;
	}
	
	#mainNav ul li ul li a {
		height:auto;
	}
	
	#mainNav ul li ul li a span {
		padding:0;
	}
}

#mainNav div.topSearch {
	display:none;
}

@media only screen and (min-width: 1000px) {
	#mainNav ul.over1000px {
		opacity:1;
		width:auto;
	}
}

@media only screen and (max-width: 920px) {
	#mobileMenu:before {
		font:normal normal normal 28px/1 Material-Design-Iconic-Font;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		content:'\f197';
		line-height:55px;
		width:100px;
		text-align:center;
		display:block;
		cursor:pointer;
		position:fixed;
		top:47px;
		right:0;
	}
	
	#mobileMenu.active:before {
		color:#3BAEDF;
		content:'\f134';
	}
	
	#mainNav {
		background:rgba(220,241,249,0.95);
		position:fixed;
		top:100px;
		right:0;
		bottom:0;
		width:100%;
		height:calc(100% - 100px);
		display:block;
		overflow:scroll;
		overflow-x:hidden;
		transition:.5s;
		opacity:1;
	}
	
	#mainNav.hidden {
		right:-100%;
		opacity:0;
	}
	
	#mainNav ul {
		display:block;
		font-weight:700;
	}
	
	#mainNav ul.over1000px {
		display:none;
	}
	
	#mainNav ul,#mainNav ul li {
		margin-left:0;
		padding:0;
	}
	
	#mainNav ul li {
		color:#fff;
	}
	
	#mainNav ul li:first-of-type {
	}
	
	#mainNav ul li a {
		padding:0 25px;
		color:#707070;
		display:block;
		transition:.4s ease;
	}
	
	#mainNav ul li a span {
		display:table-cell;
		height:40px;
		vertical-align:middle;
		line-height:100%;
	}
	
	#mainNav ul li ul {
		font-size:.875em;
		font-weight:300;
	}
	
	#mainNav ul li:hover a {
		color:#0057A5;
		background:rgba(149,211,233,0.5);
	}
	
	#mainNav ul li a.menuactive {
		color:#fff;
		background:#0057A5;
	}
	
	#mainNav ul li.menuactive ul {
		background:rgba(149,211,233,0.25);
	}
	
	#mainNav ul ul li a.menuactive {
		color:#0057A5;
		background:rgba(149,211,233,0.5);
		font-weight:700;
	}
	
	#mainNav div.topSearch {
		display:block;
	}
	
	#mainNav div.topSearch input {
		line-height:40px;
		height:40px!important;
		padding:0 10px;
		width:calc(100% - 60px);
	}
	
	#mainNav div.topSearch button {
		line-height:40px;
		height:40px!important;
		width:40px;
	}
}

@media only screen and (max-width: 920px) and media only screen and (min-width: 421px) {
	#mainNav {
		width:300px;
	}
	
	#mainNav.hidden {
		right:-300px;
	}
	
	#mainNav div.topSearch {
		display:none;
	}
}

/* Eof header */
/* Banners */
#banner {
	max-width:1550px;
	margin:auto;
	position:relative;
	max-height:402px;
	overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,3baedf+100 */
	background:#0057a5;
/* Old browsers */
	background:-moz-linear-gradient(left,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(left,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#3baedf',GradientType=1);
/* IE6-9 */
}

#banner img {
	display:block;
	vertical-align:top;
}

#banner-container {
	margin:0;
	padding:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+50,3baedf+50 */
	background:#0057a5;
/* Old browsers */
	background:-moz-linear-gradient(left,rgba(0,87,165,1) 50%,rgba(59,174,223,1) 50%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(left,rgba(0,87,165,1) 50%,rgba(59,174,223,1) 50%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,rgba(0,87,165,1) 50%,rgba(59,174,223,1) 50%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#3baedf',GradientType=1);
/* IE6-9 */
}

.mainBanner {
	position:relative;
}

.mainBanner:before {
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:0;
	content:'';
	transition:all .4s ease;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,7db9e8+100&1+0,0+100 */
	background:-moz-linear-gradient(left,rgba(0,87,165,1) 0%,rgba(125,185,232,0) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(left,rgba(0,87,165,1) 0%,rgba(125,185,232,0) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,rgba(0,87,165,1) 0%,rgba(125,185,232,0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#007db9e8',GradientType=1);
/* IE6-9 */
}

.mainBanner:after {
	position:absolute;
	display:block;
	top:0;
	right:0;
	height:100%;
	width:0;
	content:'';
	transition:all .4s ease;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,3baedf+100&0+0,1+100 */
	background:-moz-linear-gradient(left,rgba(125,185,232,0) 0%,rgba(59,174,223,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(left,rgba(125,185,232,0) 0%,rgba(59,174,223,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,rgba(125,185,232,0) 0%,rgba(59,174,223,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8',endColorstr='#3baedf',GradientType=1);
/* IE6-9 */
}

@media only screen and (min-width:1550px) {
	.mainBanner:before,.mainBanner:after {
		width:250px;
	}
}

/* Content section */
section.content {
	margin:0;
	padding:50px 0 25px;
}

body#home section.content {
	margin:0;
	padding: 40px 0 20px;
}

body#home section.content p:last-of-type {
	margin-bottom:0;
}

section.content.blue {
	background:#DCF1F9;
}

section.content.grey {
	background:#E5E5E5;
}

/* section.content.blue p:first-of-type{
	font-weight: 500;
	font-size: 1.125em;
} */
section.content.blue p {
	font-weight:500;
	font-size:1.125em;
}

section.content a {
	border-bottom:1px solid rgba(59,174,223,0);
}

section.content a:hover {
	border-bottom:1px solid #3baedf;
}

section.content table.contacts {
	margin-bottom:25px;
}

section.content table.contacts th {
	padding-right:20px;
}

/* footer */
div#footer_top:before {
	content:'';
	height:calc(100% - 50px);
	border-top:solid 50px #EEA210;
	position:absolute;
	left:0px;
	top:0;
	width:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,002c53+100 */
	background:#0057a5;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#002c53',GradientType=0);
/* IE6-9 */
}

div#footer_top {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4848+0,2f2e2e+100 */
	background:#4a4848;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4848',endColorstr='#2f2e2e',GradientType=0);
/* IE6-9 */
	color:#fff;
	margin-top:20px;
	padding:50px 0;
	position:relative;
}

#footer_top h3 {
	color:#fff;
	margin:0 0 15px;
	text-transform:capitalize;
	font-size:1.125em;
}

div#footer_bottom {
	font-weight:100;
	font-size:.75em;
	background-color:#4A4848;
	color:#fff;
	padding:25px 0;
}

div#footer_top a,div#footer_middle a {
	color:#fff;
}

div#footer_bottom a {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0);
}

div#footer_bottom a:hover {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.75);
}

/* Eof footer */
/* downLink */
div#downLink {
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	z-index:200;
	text-align: center;
	background: rgba(0,87,165,0.5);
	height: 50px;
}

a.downLink {
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	color: rgba(255,255,255,0.75);
}

a:hover.downLink {
	color:rgba(255,255,255,1);
}

a.downLink i,div.control-prev i,div.control-next i {
	font-size:3em;
	line-height:40px;
	color:#0057A5;
}

a.downLink i {
	color: rgba(255,255,255,0.75);
}

a:hover.downLink i,div.control-prev:hover i,div.control-next:hover i {
	color:rgba(255,255,255,1);
}

a.downLink i span {
	display:none;
}


div.control-prev,div.control-next {
	transition:.5s ease;
	position:absolute;
	top:calc(50% - 20px);
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	color:#0057A5;
}

div.control-prev:hover,div.control-next:hover {
	color:rgba(255,255,255,1);
}

div.control-prev {
	left:20px;
}

div.control-next {
	right:20px;
}

@media only screen and (max-width:767px) {
	div.control-prev {
		display:none;
	}
	
	div.control-next {
		display:none;
	}
}

/* upLink */
#upLink {
	margin:20px 40px auto;
	text-align:right;
}

a.upLink {
	display:inline-block;
	border-radius:50%;
	width:40px;
	height:40px;
	text-align:center;
	color:#fff;
	background-color:#0057A5;
}

a:hover.upLink {
	background-color:#3BAEDF;
}

a.upLink i {
	font-size:3em;
	line-height:35px;
	color:#fff;
}

a:hover.upLink i {
	color:rgba(255,255,255,1);
}

a.upLink i span {
	display:none;
}

/* Lists */
section.content ul,section.content ol {
	list-style-position:inside;
	margin:0 0 25px 30px;
	display:table;
	counter-reset:li;
}

section.content ul ul,section.content ol ol {
	margin:0;
	display:table;
}

section.content div#sitemap li ul:first-of-type:before {
	display: block;
	content: ' ';
	border-top: 1px solid #95D3E9;
	border-right: 1px solid #95D3E9;
	margin-left:-125px;
	width: 100px;
	height: 15px;
	border-top-right-radius: 10px;
}

section.content div#sitemap ul ul {
	margin-left: 125px;
}

section.content ul li:before {
	display:inline-block;
	font:normal normal normal 18px/1 Material-Design-Iconic-Font;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f2f5';
	margin-left:-30px;
	width:30px;
	color:#0057A5;
}

section.content ol li {
	list-style-type:none;
}

section.content ol li:before {
	content:counter(li);
	counter-increment:li;
	display:inline-block;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size:inherit;
	margin-left:-30px;
	width:30px;
	color:#0057A5;
}

section.content ul.eventskey {
	margin:0;
	padding:0;
}

section.content ul.eventskey li {
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 0 25px;
}

section.content ul.eventskey li:before {
	display:none;
}

section.content ul.eventskey img {
	border:none;
	vertical-align:middle;
}

section.content #twitter-feed-box ul {
	margin:0;
	padding:0;
}

section.content #twitter-feed-box ul li:before {
	content:none;
	margin:0;
	padding:0;
	width:0;
}

section.content #twitter-feed-box ul li {
	padding:10px;
}

section.content #twitter-feed-box ul li:nth-child(even) {
	background:rgba(229,229,229,0.5);
}

section.content #twitter-feed-box {
	margin-bottom:50px;
}

section.content #twitter-feed-box .twitter-pic {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	display:block;
}

section.content #twitter-feed-box .twitter-text {
	display:block;
	float:left;
	width:calc(100% - 52px);
}

ul.ticklist li {
	margin:10px 10px 0 30px;
}

ul.ticklist {
	margin-left:0;
	display:table;
}

ul.ticklist li:before {
	display:inline-block;
	font:normal normal normal 18px/1 Material-Design-Iconic-Font;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f1c7';
	margin-left:-30px;
	width:30px;
	color:#0057A5;
}

ul.ticklist li {
	margin:10px 10px 0 30px;
}

ul.footer_nav {
	line-height:200%;
	margin:0 0 50px;
	padding:0;
	font-size:.875em;
}

ul.footer_nav li {
	margin-left:15px;
	margin-right:10px;
	margin-bottom:5px;
	vertical-align:middle;
}

ul.footer_nav li a {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0);
	transition:all .4s ease;
}

ul.footer_nav li a:hover {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,1);
}

ul.footer_nav li:before {
	display:inline-block;
	font:normal normal normal 1em/1 Material-Design-Iconic-Font;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f2fb';
	margin-left:-15px;
	width:15px;
	color:#fff;
	vertical-align:middle;
	border-bottom:3px solid rgba(255,255,255,0);
}

div.footer_logos {
	text-align:center;
}

div.footer_logos img {
	width:100%;
	max-width:610px;
	height:auto;
}

ul.footer_logos {
	text-align:center;
}

ul.footer_logos li {
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

ul.footer_logos li:nth-child(even) {
	margin:0 10% 25px;
}

@media only screen and (max-width: 1300px) {
	ul.footer_logos li {
		margin:0 10% 25px;
	}
}

@media only screen and (max-width: 668px) {
	ul.footer_logos li {
		margin:0 5% 25px;
	}
}

@media only screen and (max-width: 500px) {
	ul.footer_logos li {
		margin:0 0 25px;
		display:block;
	}
}

div#footer_bottom .subnav ul {
	text-align:left;
	margin:0;
	padding:0;
}

div#footer_bottom .subnav ul li {
	display:inline-block;
	padding-right:10px;
	margin-right:10px;
	margin-bottom:10px;
	border-right:1px solid rgba(255,255,255,0.25);
}

div#footer_bottom .subnav ul li:last-of-type {
	padding-right:0;
	margin-right:0;
	border-right:none;
}

/* Eof Lists */
/* global */
.cycle-slideshow {
	z-index:0;
}

.aspectContainer {
	position:relative;
	padding-top:100%;
	width:100%!important;
}

.aspect {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:table-cell;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}

.ratio_27_7 {
	padding-top:25.93%;
}

.ratio_21_9 {
	padding-top:42.857%;
}

.ratio_19_4 {
	padding-top:21.032%;
}

.ratio_16_9 {
	padding-top:56.25%;
}

.ratio_8_5 {
	padding-top:62.5%;
}

.ratio_3_2 {
	padding-top:66.66%;
}

.ratio_4_3 {
	padding-top:75%;
}

.ratio_9_2 {
	padding-top:22.22%;
}

.txtLeft {
	text-align:left;
}

.txtRight {
	text-align:right;
}

.txtCenter {
	text-align:center;
}

.txtVtop {
	vertical-align:top;
}

.txtVcenter {
	vertical-align:middle;
}

.txtVbottom {
	vertical-align:bottom;
}

.centertContent {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	position:absolute;
	top:40%;
	right:0;
	bottom:0;
	left:0;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

.pad15 {
	padding:15px;
}

.pad20 {
	padding:20px;
}

.pad25 {
	padding:25px;
}

.pad5pc {
	padding:5%;
}

.pad10pc {
	padding:10%;
}

.pad15pc {
	padding:15%;
}

.pad20pc {
	padding:20%;
}

.pad25pc {
	padding:25%;
}

.pad5vertically {
	padding:5px 0;
}

.pad10vertically {
	padding:10px 0;
}

.pad15vertically {
	padding:15px 0;
}

.pad20vertically {
	padding:20px 0;
}

.pad25vertically {
	padding:25px 0;
}

.pad50vertically {
	padding:50px 0;
}

.marginTop5 {
	margin-top:5px;
}

.marginTop10 {
	margin-top:10px;
}

.marginTop15 {
	margin-top:15px;
}

.marginTop20 {
	margin-top:20px;
}

.marginTop25 {
	margin-top:25px;
}

.marginTop50 {
	margin-top:50px;
}

.marginTop75 {
	margin-top:75px;
}

.marginTop100 {
	margin-top:100px;
}

.marginTop150 {
	margin-top: 150px;
}

.marginBottom5 {
	margin-bottom:5px;
}

.marginBottom10 {
	margin-bottom:10px;
}

.marginBottom15 {
	margin-bottom:15px;
}

.marginBottom20 {
	margin-bottom:20px;
}

.marginBottom25 {
	margin-bottom:25px;
}

.marginBottom50 {
	margin-bottom:50px;
}

.marginBottom75 {
	margin-bottom:75px;
}

.marginBottom100 {
	margin-bottom:100px;
}

.clear {
	clear:both;
}

.clearLeft {
	clear:left;
}

.clearRight {
	clear:right;
}

.multiCol2 {
	-webkit-columns:20px 2;
/* Chrome, Safari, Opera */
	-moz-columns:20px 2;
/* Firefox */
	columns:20px 2;
}

.multiCol3 {
	-webkit-columns:20px 3;
/* Chrome, Safari, Opera */
	-moz-columns:20px 3;
/* Firefox */
	columns:20px 3;
}

.multiCol2 p,.multiCol3 p,.multiCol2 ul,.multiCol3 ul {
	display:table;
}

@media only screen and (max-width: 768px) {
	.multiCol2 {
		-webkit-columns:0 1;
	/* Chrome, Safari, Opera */
		-moz-columns:0 1;
	/* Firefox */
		columns:0 1;
	}
	
	.multiCol3 {
		-webkit-columns:0 1;
	/* Chrome, Safari, Opera */
		-moz-columns:0 1;
	/* Firefox */
		columns:0 1;
	}
}

.embed-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:100%;
	background:#4e4d4e;
	border:1px solid #4e4d4e;
}

.embed-container embed,.embed-container iframe,.embed-container object {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.nobreak {
	white-space:nowrap;
	color:inherit;
	font-weight:inherit;
}

/* Eof global */
/* forms */
.form {
	width:100%;
}

.form .element-input {
	display:block;
	margin-bottom:15px;
	position:relative;
	width:100%;
}

.form .element-input i.zmdi {
	position:absolute;
	left:10px;
	top:8px;
	border-right:1px solid #fff;
	padding-right:8px;
	color:#fff;
	font-size:18px;
	width:15px;
}

textarea {
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:normal;
}

.form input[type=date],.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=submit],.form input[type=tel],.form input[type=text],.form input[type=url],.form select,.form textarea {
	width:calc(100% - 54px);
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:normal;
	border:none;
	border-bottom:1px solid #fff;
	border-radius:0;
	padding:10px 0 9px;
	transition:.5s;
	color:#fff;
	background:none;
	font-weight:400;
}

.form input.one_of_two {
	border-bottom:none;
	border-radius:3px 3px 0 0;
}

.form input.two_of_two {
	border-top:none;
	border-radius:0 0 3px 3px;
}

.form select {
	width:100%!important;
}

.form input:required,.form select:required,.form textarea:required {
	background:url(https://www.medwaytri.com/assets/images/required.png) no-repeat 98% center;
	background-size:15px;
}

.form input:focus:invalid,.form input:hover:invalid,.form select:focus:invalid,.form select:hover:invalid,.form textarea:focus:invalid,.form textarea:hover:invalid {
	background:transparent url(https://www.medwaytri.com/assets/images/invalid.png) no-repeat 98% center;
	background-size:15px;
}

.form input:required:valid,.form select:required:valid,.form textarea:required:valid {
	background:transparent url(https://www.medwaytri.com/assets/images/valid.png) no-repeat 98% center;
	background-size:15px;
}

button.th_bt {
	font-size:1em;
	height:50px;
	line-height:50px;
	width:50%;
	margin-bottom:15px;
	background:rgba(255,255,255,0);
	color:#fff;
	font-weight:700;
	padding:0;
	border:1px solid rgba(255,255,255,1);
	border-radius:3px;
}

button.th_bt:disabled {
	background:rgba(255,255,255,0);
	border:1px solid rgba(255,255,255,0.25);
	cursor:not-allowed;
	color:rgba(255,255,255,0.5);
}

button.th_bt:disabled i {
	display:none;
}

button.th_bt i {
	opacity:0;
	margin-left:2px;
	transition:.5s;
}

button.th_bt:hover i {
	opacity:1;
	margin-left:10px;
}

.form::-webkit-input-placeholder {
	color:#fff;
}

.form::-moz-placeholder {
	color:#fff;
}

.form:-ms-input-placeholder {
	color:#fff;
}

.form:-moz-placeholder {
	color:#fff;
}

.form input:placeholder-shown,.form textarea:placeholder-shown,input#mce-EMAIL:placeholder-shown {
	color:rgba(255,255,255,0.75);
}

::-moz-placeholder {
	opacity:1;
}

#status,#status2,#status3 {
	display:block;
	position:relative;
	padding:15px 15px 15px 45px;
	border:2px solid #28921f;
	border-radius:3px;
	background:rgba(40,146,31,0.15);
	margin-bottom:15px;
}

#status:before,#status2:before,#status3:before {
	font:normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f1f8';
	color:#28921f;
	position:absolute;
	top:15px;
	left:15px;
}

#errors,#errors2,#errors3 {
	display:block;
	position:relative;
	padding:15px 15px 15px 45px;
	border:2px solid #d70505;
	border-radius:3px;
	background:#ffdfdf;
	margin-bottom:15px;
}

#errors:before,#errors2:before,#errors3:before {
	font:normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f1f4';
	color:#d70505;
	position:absolute;
	top:15px;
	left:15px;
}

/* Eof forms */
/* cookies */
#cookie_consent {
	background:rgba(66,66,66,0.95);
	position:fixed;
	bottom:0;
	float:left;
	z-index:10000000000000;
	width:100%;
	padding:15px 0;
}

#cookie_consent p {
	text-align:center;
	color:#fff;
	line-height:20px;
	margin:0;
	padding:0 0 15px;
}

#cookie_consent a.accept_cookies {
	transition:background-color .4s ease;
	margin:5px 5px 0;
	padding:10px 20px 8px;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
	background-color:#37d000;
	border-radius:5px;
	font-size:1.15em;
}

#cookie_consent a:hover.accept_cookies {
	background-color:#3ca500;
}

#cookie_consent a.more_info {
	transition:background-color .4s ease;
	margin:5px 5px 0;
	padding:10px 20px 8px;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
	background-color:#ff2600;
	border-radius:5px;
	font-size:1.15em;
}

#cookie_consent a:hover.more_info {
	background-color:#d71e00;
}

/* Eof cookies */
/* News section */
.moreNewsSub {
	margin-bottom:5px;
}

.NewsSummary {
	
}

.news-hero-img img {
	display: block;
	margin: 0px;
	padding: 0px;
}

.NewsSummary:nth-child(even) {
	background:rgba(229,229,229,0.5);
}

.NewsSummary h3 {
	margin-top: 15px;
}

.newsfooter {
	margin-top: 25px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	color:rgba(78,77,78,0.75);
}

.NewsSummaryPostdate, .NewsSummaryCategory {
	color:rgba(78,77,78,0.5);
	font-size:.8em;
	line-height: 50px;
	vertical-align: middle;
}

.NewsSummaryMorelink {
	float:right;
	line-height: 50px;
	vertical-align: middle;
	font-weight: 700;
	font-size: 1.125em;
}

.NewsSummaryMorelink a {
	color:#EEA210;	
}

.NewsSummaryMorelink a:hover {
	color:#F26522;
	border-bottom:1px solid #EEA210 !important;
}


a.button_readmore {
	border:1px solid rgba(53,179,199,0.25)!important;
	border-radius:500px;
	font-size:.8em;
	padding:8px 16px;
	vertical-align:middle;
}

a:hover.button_readmore {
	border:1px solid rgba(53,179,199,1)!important;
}

.NewsSummaryContent {
	margin-bottom:20px;
}

/* media queries */
@media only screen and (min-width: 769px) {
	.noDesktop {
		display:none;
	}
}

@media only screen and (max-width:768px) {
	.noTablet {
		display:none;
	}
}

@media only screen and (max-width:480px) {
	
}

/* ---- -
	---------- ------
-
---

--------------------------------
Slider Css
-----------------------------------------------------------*/
.slider_area {
	background-size:cover;
	position:relative;
	background-position:21.5625vw top;
}

.slide {
	background-size:cover;
	background-position:center center;
}

.dtable {
	display:table;
	height:calc(90vh - 102px);
	width:90%;
	margin:102px 5% 10vh;
	text-align: center;
}

.dcell {
	display:table-cell;
	vertical-align:middle;
}

.active .fadeInDown_slide {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

.active .fadeInLeft_slide {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}

.active .fadeInRight_slide {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}

.active .fadeInUp_slide {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

.active .fadeInLeft_slide {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInUp;
}

.slider_area h2 {
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:3.125em;
	color: #fff;
	margin-bottom:25px;
	text-transform:capitalize;
	text-shadow: 0px 3px 6px rgba(47,46,46,0.5);
}

@media only screen and (max-width: 768px) {
	.slider_area h2 {
		font-size:1.75em;
		margin-bottom:15px;
	}
}

.slider_caption.darkBG,.slider_area .slider_caption.darkBG h2 {
	color:#fff!important;
}

@media only screen and (max-height: 375px) {
	.slider_caption div {
		display:none;
	}
}

.slider_area a.th_bt {
	display:inline-block;
	margin-top:25px;
	background: #EEA210;
	border-radius:500px;
	font-size:1.313em;
	line-height: 50px;
	font-weight: 100;
	height: 50px;
	padding: 0px 25px;
	vertical-align:middle;
	color:#fff;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(47,46,46,1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(47,46,46,1);
	box-shadow: 0px 3px 6px 0px rgba(47,46,46,1);	
}

@media only screen and (max-width: 768px) {
	.slider_area a.th_bt {
		margin-top:15px;
		padding:6px 12px;
	}
}

.slider_area a:hover.th_bt {
	background: #F26522;
}

.slider_area .owl-dots {
	bottom:80px;
	left:50px;
	position:absolute;
	text-align:center;
	z-index:800;
}

@media only screen and (max-width: 768px) {
	.slider_area .owl-dots {
		bottom:15px;
		left:15px;
	}
}

.slider_area .owl-dot {
	border: 1px solid #ffffff;
	border-radius:50%;
	display:inline-block;
	height:10px;
	margin-right:5px;
	width:10px;
}

.slider_area .owl-dot.active {
	border:2px solid #EEA210;
}

.spacer {
	height:80px;
}

/* ------------ Boxes ------------- */
.orangebox {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eea210+0,f26522+100 */
	background:#eea210;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(238,162,16,1) 0%,rgba(242,101,34,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(238,162,16,1) 0%,rgba(242,101,34,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(238,162,16,1) 0%,rgba(242,101,34,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eea210',endColorstr='#f26522',GradientType=0);
/* IE6-9 */
	margin-bottom:20px;
	position:relative;
}

.bluebox {
	transition:.5s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,3baedf+100 */
	background:#0057a5;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(0,87,165,1) 0%,rgba(59,174,223,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#3baedf',GradientType=0);
/* IE6-9 */
	margin-bottom:20px;
	position:relative;
}

.greybox {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#707070+0,4a4848+100 */
	background:#707070;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(112,112,112,1) 0%,rgba(74,72,72,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(112,112,112,1) 0%,rgba(74,72,72,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(112,112,112,1) 0%,rgba(74,72,72,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070',endColorstr='#4a4848',GradientType=0);
/* IE6-9 */
	margin-bottom:20px;
	position:relative;
}

.greybox-bg {
	background:url(https://www.medwaytri.com/images/grey-box-bg.jpg) no-repeat right center;
}

.box-inner {
	padding:20px 15px 15px;
	color:#fff;
	z-index:1;
}

.box-inner a {
	color:#fff;
	text-decoration:none;
	border:none!important;
}

.box-inner a:hover {
	color:#fff;
	text-decoration:none;
	border:none!important;
}

.box-inner h4 {
	color:#fff;
	margin-bottom:15px;
	font-size:1.5em;
	line-height:90%;
}

.box-inner h4 span {
	font-weight:300;
}

.box-inner h5 {
	color:#fff;
	margin-bottom:5px;
	font-size:2.25em;
	line-height:90%;
}

.box-inner p {
	margin-bottom:0;
}

.box-inner table td a {
	color:#0057A5;
}

.box-inner table td img {
	margin: 0px !important;
}

.box-inner table td a:hover {
	color:#F26522;
}

.tintedtxt {
	filter:Alpha(opacity=50);
	opacity:.5;
}

.smalltext {
	font-size:.75em;
	line-height:50%;
}

.smalltext2 {
	font-size:.6em;
	line-height:50%;
}

.bigtxt {
	font-size:1.65em;
	line-height:100%;
}

.sideboxlink a {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	display:block;
	z-index:500;
	border:none!important;
}

.sideboxlink a:hover {
	border:none!important;
}

.sideboxlink a span {
	display:none;
}

p.activeMembers {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}

p.activeMembers.first {
	padding-top:10px;
	border-top:1px solid rgba(255,255,255,0.5);
}

.activeMembers img {
	vertical-align:middle;
	width:40px;
	height:auto;
	margin-right:10px;
}

/* ------------ Colours ------------- */
.red-txt {
	color:#a80707;
}

.light-grey-txt {
	color:#E5E5E5;
}

.grey-txt {
	color:#707070;
}

.dark-grey-txt {
	color:#4A4848;
}

.light-blue-txt {
	color:#DCF1F9;
}

.blue-txt {
	color:#3BAEDF;
}

.dark-blue-txt {
	color:#0057A5;
}

.orange-txt {
	color:#F26522;
}

.light-orange-txt {
	color:#f0b505;
}

.dark-orange-txt {
	color:#F26522;
}

.captiontxt {
	background-color:#ebebeb;
	padding:10px;
	display:block;
	color:#000;
	font-size:.85em;
}

.captiontxt .right {
	float:left;
	margin-right:20px;
}

.captiontxt .left {
	float:right;
	margin-left:20px;
}

.captiontxt img {
	width:100%;
	height:Auto;
	text-align:center;
	display:block;
}

/* images */
section.content .col img {
	max-width:100%;
	height:auto;
}

section.content .col .singleimg {
	float:left;
	margin:0 15px 10px 0;
}

section.content .col .singleimgr {
	float:right;
	margin:0 0 10px 15px;
}

/* tables */
section.content table {
	width:100%;
	background:#fff;
	margin-bottom:10px;
}

section.content table img {
	vertical-align:middle;
	margin:0 10px;
}

@media only screen and (max-width:830px) {
	section.content table {
		font-size:.875em;
	}
	
	section.content table img {
		margin:0 2px;
	}
}

section.content table th,section.content table td {
	padding:15px;
}

@media only screen and (max-width:1024px) {
	section.content table th,section.content table td {
		padding:5px;
	}
}

section.content table th {
	background:#0057A5;
	color:#fff;
	vertical-align:middle;
}

section.content table th {
	border-left:1px solid rgba(255,255,255,0.5);
}

section.content table td {
	border-left:1px solid rgba(255,255,255,1);
	color:#4A4848;
}

section.content table th:first-of-type,section.content table td:first-of-type {
	border-left:none;
}

section.content table ul li {
	margin-left:30px;
}

section.content table th p {
	margin:0;
}

section.content table th p {
	margin:0;
}

section.content table tr:nth-child(even) {
	background:rgba(229,229,229,0.5);
}

section.content table td p:last-of-type,section.content table td ul:last-of-type {
	margin:0;
}

section.content table td ul:first-of-type {
	margin-top:10px;
}

/* also Nav */
#alsoNav {
}

#alsoNav li:before {
	content:'\f2fb';
	width:15px;
	vertical-align:middle;
}

#alsoNav li,#alsoNav li ul li {
	display:inline-block;
	margin-right:40px;
	margin-left:0;
}

#alsoNav li ul li:before {
	content:'\f19b';
}

#alsoNav li ul li a {
	color:#3BAEDF;
}

#alsoNav li ul li:last-of-type {
	margin-right:30px;
}

#alsoNav li ul {
	margin-left:40px;
	margin-right:0;
	padding:0;
	display:inline-block;
}

/* buttons */
a.button,.formbutton,button.formbutton {
	font:normal 300 1.25em/50px museo-sans,Arial,Helvetica,sans-serif;
	height:50px;
	line-height:50px;
	margin-bottom:15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4848+0,2f2e2e+100 */
	background:#4a4848;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4848',endColorstr='#2f2e2e',GradientType=0);
/* IE6-9 */
	color:#fff;
	padding:0 25px;
	border:none;
	border-radius:3px;
	font-size:1.25em;
	display:inline-block;
	transition:background .5s;
	text-align:center;
	margin-right:10px;
	text-transform:capitalize;
}

a:hover.button,.formbutton:hover,button.formbutton:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,002c53+100 */
	background:#0057a5;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057a5',endColorstr='#002c53',GradientType=0);
/* IE6-9 */
	color:#fff;
}

button.formbutton.smallbutton {
	padding:0 10px;
	font-size:1em;
	height:35px;
	line-height:35px;
	margin-bottom:5px;
}

a.button i {
	opacity:0;
	margin-left:2px;
	transition:.5s;
}

a.buttone:hover i {
	opacity:1;
	margin-left:10px;
}

div.regstage {
	display:block;
	width:25%;
	float:left;
	background-color:#E5E5E5;
	color:#707070;
}

div.regstage div {
	display:block;
	padding:7px 0;
	text-align:center;
	border-right:1px solid #fff;
	overflow:hidden;
	line-height:50px;
	max-height:50px;
}

@media only screen and (max-width:420px) {
	div.regstage div span {
		display:none;
	}
}

div.regstage.acvite {
	background-color:#0057A5;
	color:#fff;
}

.familyCheckbox {
	display:block;
	margin-bottom:10px;
	vertical-align:middle;
	text-transform:capitalize;
	width:100%;
	text-align:left;
}

.familyCheckbox img {
	margin-left:0!important;
	padding:0!important;
	border:0;
}

.familyCheckbox label {
	line-height:25px;
}

.familyCheckbox input[type=checkbox] {
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:normal;
	border:1px solid #707070;
	border-radius:3px;
	transition:.5s;
	width:25px;
	height:25px;
	margin-right:10px;
	position:relative;
}

.familyCheckbox input[type=checkbox]:before {
	display:block;
	font:normal normal normal 16px/27px Material-Design-Iconic-Font;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:'\f1ff';
	position:absolute;
	left:0;
	top:0;
	color:rgba(59,174,223,0.25);
	text-align:center;
	width:24px;
}

.familyCheckbox input[type=checkbox]:hover:before {
	color:#3BAEDF;
}

.familyCheckbox input[type=checkbox]:checked {
	background:#3BAEDF;
	color:#fff;
}

.familyCheckbox input[type=checkbox]:checked:before {
	color:#fff;
}

.boxnoticeblue,.boxnoticeorange,.boxnoticered,.boxnoticegreen {
	padding:20px 20px 5px;
	background-color:rgba(0,87,165,0.25);
	margin-bottom:20px;
}

.boxnoticeorange {
	background-color:rgba(238,162,16,0.25);
}

.boxnoticered {
	background-color:rgba(237,28,36,0.15);
}

.boxnoticegreen {
	background-color:rgba(0,142,0,0.15);
}

.boxnoticeblue h3,.boxnoticeorange h3,.boxnoticered h3,.boxnoticegreen h3 {
	line-height:50px;
	margin-bottom:0;
	vertical-align:middle;
}

.boxnoticeblue h3 em,.boxnoticeorange h3 em,.boxnoticered h3 em,.boxnoticegreen h3 em {
	color:#0057A5;
	font-size:3em;
	vertical-align:middle;
}

.boxnoticeorange h3 em {
	color:#EEA210;
}

.boxnoticered h3 em {
	color:#ED1C24;
}

.boxnoticegreen h3 em {
	color:#008e00;
}

.boxnoticeblue h3 span em,.boxnoticeorange h3 span em,.boxnoticered h3 span em,.boxnoticegreen h3 span em {
	font-size:1em;
	color:#fff;
	vertical-align:middle;
}

.boxnoticeblue h3 span .button,.boxnoticeorange h3 span .button,.boxnoticered h3 span .button,.boxnoticegreen h3 span .button {
	font-size:1em;
}

.boxnoticeblue span,.boxnoticeorange span,.boxnoticered span,.boxnoticegreen span {
	float:right;
}

.boxnoticeblue p,.boxnoticeorange p,.boxnoticered p,.boxnoticegreen p {
	margin-bottom:10px;
}

.popNotice {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.85);
	text-align:center;
	z-index: 500;
}

.popNotice div.boxnoticered,.popNotice div.boxnoticegreen {
	display:inline-block;
	position:relative;
	top:40%;
	margin-bottom:0;
	padding:40px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.noMobile {
		display:none;
	}
}

.fb-like-box.fb_iframe_widget,.fb-like-box.fb_iframe_widget span,.fb-like-box.fb_iframe_widget span iframe {
	width:100%!important;
}

#likebox-wrapper * {
	width:100%!important;
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
	width:100%!important;
}

.clearfix:after {
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}

#memberProfiles {
	width: 100%;
	text-align: center;
}
#memberProfiles .section {
	margin-bottom: 20px;
}

.profileIMG {
	text-align: center;
	max-height: 350px;
	overflow: hidden;
	margin-bottom: 20px;
}

.profileIMG img {
	height: 100%;
	max-height: 350px;
	width: auto;
	border-radius: 15px;
}

.profileShield {
	vertical-align: middle;
}

.joined {
	color: #95D3E9;
}

.memberContact {
	border-top: 1px solid #95D3E9;
	margin-top: 10px;
	padding-top: 10px;
}

section.cal2action {
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+50,eea210+50 */
background: #0057A5; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,87,165,1) 50%, rgba(238,162,16,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,87,165,1) 50%,rgba(238,162,16,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,87,165,1) 50%,rgba(238,162,16,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a5', endColorstr='#eea210',GradientType=1 ); /* IE6-9 */	
}

section.cal2action .col {
	margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
section.cal2action {
	background:#95D3E9;
	}
}

section.cal2action:after {
	content:'';
	height: 100%;
	position:absolute;
	right:0px;
	top:0;
	bottom:0;
	width:20px;
	background:#95D3E9;
	margin: 0px;
}

#cal2actionBlue {
	background: #0057A5 url(https://www.medwaytri.com/assets/images/call2action-bg.png) no-repeat right bottom;
	background-size: contain;
	color: #fff;
	padding: 25px;
	min-height: 250px;
	position: relative;
	padding-bottom: 75px;
}

#cal2actionOrange {
	background: #EEA210;
	color: #fff;
	padding: 25px;
	position: relative;
	padding-bottom: 75px;
}

#cal2actionBlue h3, #cal2actionOrange h3 {
		color: #fff;
		font-size: 2.875em;
		font-weight: 700;
		line-height: 150%;
}

#cal2actionBlue p, #cal2actionOrange p {
		font-size: 1.500em;
		color: rgba(255,255,255,0.75);
		line-height: 140%;
}

#cal2actionBlue p {
		font-size: 2.25em;
		padding-right: 25%;
		line-height: 120%;
}

@media only screen and (max-width: 768px) {
#cal2actionBlue, #cal2actionOrange {
	padding-bottom: 40px;
}
#cal2actionBlue p {
		padding-right: 0;
}
}

#cal2actionBlue a, #cal2actionOrange a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#cal2actionBlue a span, #cal2actionOrange a span {
	visibility: hidden;
}



.homeNews {
	background: rgba(238,162,16,0.1);
}

.news-hero-img {
	background: #000;
    width: 100%;
    padding-top: 80%; /* Aspect Ratio */
    position: relative; /* If you want text inside of it */
    overflow: hidden;
}

.news-hero-img img {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	position: absolute;
    top: -10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.categoryType {
	background: rgba(238,162,16,1);
	padding: 0 10px;
	color: #fff;
	line-height:50px;
}

.categoryType:before {
		font:normal normal normal 20px/1 Material-Design-Iconic-Font;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		content:'\f18d';
		line-height:50px;
		width:40px;
		text-align:center;
		display:inline-block;
	}

.categoryType .NewsSummaryPostdate {
	color: #fff;
}

.homeNews a {
	color: #4A4848;
}

.homeNews a:hover {
	color: #4A4848;
	border-bottom: 1px solid #EEA210 !important;
}

.NewsSummaryMorelinkHome {
	float: right;
	font-size: 1.15em;
	vertical-align: middle;
}

.NewsSummaryMorelinkHome em {
	color: #EEA210;
	font-size: 1.25em;
	vertical-align: middle;
}

/* Results */
.homeNews.redNews {
	background: rgba(237,28,36,0.15);
}
.redNews .categoryType {
	background: #ED1C24;
}
.redNews .categoryType:before {
		content:'\f1c7';
	}
.homeNews.redNews a:hover {
	border-bottom: 1px solid #ED1C24 !important;
}
.redNews .NewsSummaryMorelinkHome em {
	color: #ED1C24;
}

/* Events */
.homeNews.blueNews {
	background: rgba(0,87,165,0.1);
}
.blueNews .categoryType {
	background: #0057A5;
}
.blueNews .categoryType:before {
		content:'\f339';
	}
.homeNews.blueNews a:hover {
	border-bottom: 1px solid #0057A5 !important;
}
.blueNews .NewsSummaryMorelinkHome em {
	color: #0057A5;
}
/* cmsms stylesheet: page loader modified: 04/12/18 15:42:00 */
#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 750;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
	-ms-transform: rotate(-135deg); 
   	-webkit-transform: rotate(-135deg); 
    transform: rotate(-135deg);

}
.object{

	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #0057A5;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #3BAEDF;
	border-right: 5px solid transparent;
	
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;	

	}


#object_one{
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
	}
							
#object_two{
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
	}
		
#object_three{
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
#object_four{
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
	
	}	

@-webkit-keyframes animate {
 

50% {

	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }
	  
  

}

@keyframes animate {
	
50% {

	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }	
	
	}
/* cmsms stylesheet: TWSRegUsers modified: 04/12/18 07:01:55 */
/* Global CSS */
.TWSRegUsersWrapper {

}
.tws_reguser_message {
	display: block;
	position: relative;
	padding: 15px 15px 15px 45px;
	border: 2px solid #28921f;
	border-radius: 3px;
	background: rgba(40,146,31,0.15);
	margin-bottom: 15px;
}
.tws_reguser_message:before {
	font: normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f1f8';
	color: #28921f;
	position: absolute;
	top: 15px;
	left: 15px;
}
.tws_reguser_element_input {
	display: block;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	color: #000;
}
.tws_reguser_element_input i.zmdi {
	position: absolute;
	left: 15px;
	top: 10px;
	border-right: 1px solid #707070;
	padding-right: 8px;
	color: #707070;
	font-size: 18px;
	width: 20px;
	text-align: center;
}
.tws_reguser_item_cont {

}
button.tws_reguser_submit, button.tws_reguser_cancel, button.tws_reguser_delete {
	height: 50px;
	line-height: 50px;
	width: 150px;
	margin-bottom: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4848+0,2f2e2e+100 */
background: rgb(74,72,72);
	/* Old browsers */
background: -moz-linear-gradient(top,  rgba(74,72,72,1) 0%, rgba(47,46,46,1) 100%);
	/* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(74,72,72,1) 0%,rgba(47,46,46,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4848', endColorstr='#2f2e2e',GradientType=0 );
	/* IE6-9 */
	color: #fff;
	text-transform: capitalize;
	color: #fff;
	padding: 0;
	border: none;
	border-radius: 3px;
	font-size: 1.25em;
	display: inline-block;
}

button:hover.tws_reguser_submit, button:hover.tws_reguser_cancel, button:hover.tws_reguser_delete {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a5+0,002c53+100 */
background: rgb(0,87,165);
	/* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,87,165,1) 0%, rgba(0,44,83,1) 100%);
	/* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,87,165,1) 0%,rgba(0,44,83,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a5', endColorstr='#002c53',GradientType=0 );
/* IE6-9 */
}

button.tws_reguser_submit:disabled {
	background: #707070;
	cursor: not-allowed
}
button.tws_reguser_submit:disabled i {
	display: none
}
button.tws_reguser_submit i, button.tws_reguser_cancel i, button.tws_reguser_delete i {
	opacity: 0;
	margin-left: 0px;
	transition: .5s;
	font-size: 0em;
}
button.tws_reguser_submit:hover i, button.tws_reguser_cancel:hover i, button.tws_reguser_delete:hover i {
	opacity: 1;
	margin-left: 10px;
	font-size: 1em;
}
#tws_reguser_signup_form_container .error {
	display: block;
	position: relative;
	padding: 15px 15px 15px 45px;
	border: 2px solid #d70505;
	border-radius: 3px;
	background: #ffdfdf;
	margin-bottom: 15px;
}
#tws_reguser_signup_form_container .error:before {
	font: normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f1f4';
	color: #d70505;
	position: absolute;
	top: 15px;
	left: 15px;
}
#tws_reguser_signup_form_container input.error,
#tws_reguser_signup_form_container select.error,
#tws_reguser_signup_form_container textarea.error {
	border: 2px solid #d70505;
}
/* Sign up CSS */
#tws_reguser_signup_ajax_container {}
#tws_reguser_signup_form_container {}
/* Profile CSS */
#tws_reguser_profile_form_container {}
/* Login / logout / Forgotten CSS */
#tws_reguser_login_form_container {}
#tws_reguser_signup_form,
#tws_reguser_profile_form,
#tws_reguser_login_form,
#tws_reguser_logout_form,
#tws_reguser_forgotten_form,
#tws_reguser_delete_form {
	width: 100%
}
.tws_reguser_element_input {
	display: block;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	color: #000;
}
.tws_reguser_element_input i.zmdi {
	position: absolute;
	left: 15px;
	top: 10px;
	border-right: 1px solid #E5E5E5;
	color: #0057A5;
	font-size: 18px;
	width: 20px;
	text-align: center;
}
.tws_reguser_form input[type=date],
.tws_reguser_form input[type=email],
.tws_reguser_form input[type=number],
.tws_reguser_form input[type=password],
.tws_reguser_form input[type=submit],
.tws_reguser_form input[type=tel],
.tws_reguser_form input[type=text],
.tws_reguser_form input[type=url],
.tws_reguser_form select,
.tws_reguser_form textarea {
	width: calc(100% - 69px);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: normal;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 10px 10px 9px 55px;
	transition: .5s;
	color: #000;
}
.tws_reguser_form input[type=checkbox] {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: normal;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 10px 10px 9px 55px;
	transition: .5s;
	width:  85px;
	height: 40px;
	margin-right: 10px;
	position: relative;
}

.tws_reguser_form input[type=checkbox]:before {
	display: block;
	font: normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f1c7';
	position: absolute;
	left: 15px;
	top: 10px;
	border-right: 1px solid #E5E5E5;
	color: #CE0E2D;
	font-size: 18px;
	text-align: center;
	padding-left: 4px;
	padding-right: 12px;
}

.tws_reguser_form .delete input[type=checkbox]:before {
	content: '\f154';
}

.tws_reguser_form select {
	width: 100%!important
}
.tws_reguser_form input:required,
.tws_reguser_form select:required,
.tws_reguser_form textarea:required {
	background: #fff url(../../modules/TWSRegUsers/images/required.png) no-repeat 98% center;
	background-size: 15px
}
.tws_reguser_form input[type=checkbox] {
	background: #fff url(../../modules/TWSRegUsers/images/required.png) no-repeat 55px center;
	background-size: 15px
}
.tws_reguser_form input[type=checkbox]:required {
	background: #fff url(../../modules/TWSRegUsers/images/required.png) no-repeat 55px center;
	background-size: 15px
}
.tws_reguser_form input:focus:invalid,
.tws_reguser_form input:hover:invalid,
.tws_reguser_form select:focus:invalid,
.tws_reguser_form select:hover:invalid,
.tws_reguser_form textarea:focus:invalid,
.tws_reguser_form textarea:hover:invalid {
	background: #ffdfdf url(../../modules/TWSRegUsers/images/invalid.png) no-repeat 98% center;
	background-size: 15px;
	border-color: #d70505
}
.tws_reguser_form input[type=checkbox]:focus:invalid,
.tws_reguser_form input[type=checkbox]:hover:invalid {
	background: #fff url(../../modules/TWSRegUsers/images/invalid.png) no-repeat 55px center;
	background-size: 15px;
	border-color: #d70505
}
.tws_reguser_form input:required:valid,
.tws_reguser_form select:required:valid,
.tws_reguser_form textarea:required:valid {
	background: #fff url(../../modules/TWSRegUsers/images/valid.png) no-repeat 98% center;
	background-size: 15px;
	border-color: #28921f
}
.tws_reguser_form input[type=checkbox]:required:valid {
	background: #fff url(../../modules/TWSRegUsers/images/valid.png) no-repeat 55px center;
	background-size: 15px;
	border-color: #28921f
}
.tws_reguser_form input[type=checkbox]:checked {
	background: #fff url(../../modules/TWSRegUsers/images/valid.png) no-repeat 55px center;
	background-size: 15px;
	border-color: #28921f
}
#status, #status2, #status3 {
	display: block;
	position: relative;
	padding: 15px 15px 15px 45px;
	border: 2px solid #28921f;
	border-radius: 3px;
	background: rgba(40,146,31,0.15);
	margin-bottom: 15px;
}
#status:before, #status2:before, #status3:before {
	font: normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f1f8';
	color: #28921f;
	position: absolute;
	top: 15px;
	left: 15px;
}
#errors, #errors2, #errors3 {
	display: block;
	position: relative;
	padding: 15px 15px 15px 45px;
	border: 2px solid #d70505;
	border-radius: 3px;
	background: #ffdfdf;
	margin-bottom: 15px;
}
#errors:before, #errors2:before, #errors3:before {
	font: normal normal normal 20px/1 Material-Design-Iconic-Font;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f1f4';
	color: #d70505;
	position: absolute;
	top: 15px;
	left: 15px;
}
.g-recaptcha {
	margin: 35px 0;
}

#tws_reguser_signup_form_container label {
	margin-bottom: 5px;
	display: inline-block;
}

#tws_reguser_signup_form_container .gdpr_checkbox label {
	width: calc(100% - 95px);
}
/* cmsms stylesheet: Tables Mobile modified: 04/12/18 06:57:07 */
/* Side bar tables */

@media only screen and (max-width: 420px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table#session_fees, #session_fees thead, #session_fees tbody, #session_fees th, #session_fees td, #session_fees tr { 
		display: block; 
		border: none;
	}

	table#session_fees {
		border-top: 20px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#session_fees thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#session_fees tr { border: none; }
	
	#session_fees td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	
	#session_fees td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	/*
	Label the data
	*/
	#session_fees td:nth-of-type(1):before { content: "Session"; }
	#session_fees td:nth-of-type(2):before { content: "Adult"; }
	#session_fees td:nth-of-type(3):before { content: "Child"; }
}


@media only screen and (max-width: 420px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table#gotri_calendar, #gotri_calendar thead, #gotri_calendar tbody, #gotri_calendar th, #gotri_calendar td, #gotri_calendar tr { 
		display: block; 
		border: none;
	}
	
	table#gotri_calendar {
		border-top: 20px solid #0057A5;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table#gotri_calendar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#gotri_calendar tr { border: none; }
	
	#gotri_calendar td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	
	#gotri_calendar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	/*
	Label the data
	*/
	#gotri_calendar td:nth-of-type(1):before { content: "When"; }
	#gotri_calendar td:nth-of-type(2):before { content: "Type"; }
	#gotri_calendar td:nth-of-type(3):before { content: "Location"; }
}

/* Main tables */
/* ICE table */
@media only screen and (max-width: 700px) {

	/* Force table to not be like tables anymore */
	table#iceTable, #iceTable thead, #iceTable tbody, #iceTable th, #iceTable td, #iceTable tr { 
		display: block; 
		border: none;
	}

	table#iceTable {
		border-top: 20px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#iceTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#iceTable tr { border: none; }
	
	#iceTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		text-align: left !important;
	}
	
	#iceTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#iceTable td:after { 
	content: '\00a0';
	
	}
	/*
	Label the data
	*/
	#iceTable td:nth-of-type(1):before { content: "Name"; }
	#iceTable td:nth-of-type(2):before { content: "Relationship"; }
	#iceTable td:nth-of-type(3):before { content: "Tel"; }
	#iceTable td:nth-of-type(4):before { content: "Mobile"; }
	#iceTable td:nth-of-type(5):before { content: "Main ICE"; }
	#iceTable td:nth-of-type(6):before { content: "Delete"; }
}

/* MT1500m table */
@media only screen and (max-width: 700px) {
	
	/* Force table to not be like tables anymore */
	table#MT1500m, #MT1500m thead, #MT1500m tbody, #MT1500m th, #MT1500m td, #MT1500m tr { 
		display: block; 
		border: none;
	}

	table#MT1500m {
		border-top: 20px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#MT1500m thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#MT1500m tr { border: none; }
	
	#MT1500m td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		text-align: left !important;
	}
	
	#MT1500m td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#MT1500m td:after { 
	content: '\00a0';
	
	}
	/*
	Label the data
	*/
	#MT1500m td:nth-of-type(1):before { content: "Name"; }
	#MT1500m td:nth-of-type(2):before { content: "Latest time"; }
	#MT1500m td:nth-of-type(3):before { content: "Date"; }
	#MT1500m td:nth-of-type(4):before { content: "Best time"; }
	#MT1500m td:nth-of-type(5):before { content: "Date"; }
}

/* CSSscores table */
@media only screen and (max-width: 700px) {
	
	/* Force table to not be like tables anymore */
	table#CSSscores, #CSSscores thead, #CSSscores tbody, #CSSscores th, #CSSscores td, #CSSscores tr { 
		display: block; 
		border: none;
	}

	table#CSSscores {
		border-top: 20px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#CSSscores thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#CSSscores tr { border: none; }
	
	#CSSscores td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		text-align: left !important;
	}
	
	#CSSscores td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#CSSscores td:after { 
	content: '\00a0';
	
	}
	/*
	Label the data
	*/
	#CSSscores td:nth-of-type(1):before { content: "Name"; }
	#CSSscores td:nth-of-type(2):before { content: "Date"; }
	#CSSscores td:nth-of-type(3):before { content: "16 lengths"; }
	#CSSscores td:nth-of-type(4):before { content: "8 lengths"; }
	#CSSscores td:nth-of-type(5):before { content: "CSS/100"; }
	#CSSscores td:nth-of-type(6):before { content: "CSS/length"; }
}

/* VDOT tables */
@media only screen and (max-width: 984px) {
	
	/* Force table to not be like tables anymore */
	table#VDOT1, #VDOT1 thead, #VDOT1 tbody, #VDOT1 th, #VDOT1 td, #VDOT1 tr,
	table#VDOT2, #VDOT2 thead, #VDOT2 tbody, #VDOT2 th, #VDOT2 td, #VDOT2 tr,
	table#VDOT3, #VDOT3 thead, #VDOT3 tbody, #VDOT3 th, #VDOT3 td, #VDOT3 tr { 
		display: block; 
		border: none;
	}

	table#VDOT1,
	table#VDOT2,
	table#VDOT3 {
		border-top: 0px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#VDOT1 thead tr,
	table#VDOT2 thead tr,
	table#VDOT3 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#VDOT1 tr,
	#VDOT2 tr,
	#VDOT3 tr { border: none; }
	
	#VDOT1 td,
	#VDOT2 td,
	#VDOT3 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		text-align: left !important;
	}
	
	#VDOT1 td:before,
	#VDOT2 td:before,
	#VDOT3 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(50% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#VDOT1 td:after,
	#VDOT2 td:after,
	#VDOT3 td:after { 
	content: '\00a0';
	
	}

	#VDOT1 td:nth-of-type(1),
	#VDOT2 td:nth-of-type(1),
	#VDOT3 td:nth-of-type(1) { 	
		background: #0057A5;
		color: #fff;
		font-size: 1.25em;
 	}

	/*
	Label the data
	*/
	#VDOT1 td:nth-of-type(1):before { content: "Name"; }
	#VDOT1 td:nth-of-type(2):before { content: "Time"; }
	#VDOT1 td:nth-of-type(3):before { content: "Vdot"; }
	#VDOT1 td:nth-of-type(4):before { content: "Easy / km"; }
	#VDOT1 td:nth-of-type(5):before { content: "THR / km"; }
	#VDOT1 td:nth-of-type(6):before { content: "Interval / km"; }
	#VDOT1 td:nth-of-type(7):before { content: "Rep 200m"; }
	#VDOT1 td:nth-of-type(8):before { content: "Rep 400m"; }
	#VDOT1 td:nth-of-type(9):before { content: "Race 5km"; }
	#VDOT1 td:nth-of-type(10):before { content: "Race 10km"; }
	#VDOT1 td:nth-of-type(11):before { content: "Race 1/2 marathon"; }
	#VDOT1 td:nth-of-type(12):before { content: "Race marathon"; }

	#VDOT2 td:nth-of-type(1):before { content: "Name"; }
	#VDOT2 td:nth-of-type(2):before { content: "Time"; }
	#VDOT2 td:nth-of-type(3):before { content: "Vdot"; }
	#VDOT2 td:nth-of-type(4):before { content: "Easy / km"; }
	#VDOT2 td:nth-of-type(5):before { content: "THR / km"; }
	#VDOT2 td:nth-of-type(6):before { content: "Interval / km"; }
	#VDOT2 td:nth-of-type(7):before { content: "Rep 200m"; }
	#VDOT2 td:nth-of-type(8):before { content: "Rep 400m"; }
	#VDOT2 td:nth-of-type(9):before { content: "Race 5km"; }
	#VDOT2 td:nth-of-type(10):before { content: "Race 10km"; }
	#VDOT2 td:nth-of-type(11):before { content: "Race 1/2 marathon"; }
	#VDOT2 td:nth-of-type(12):before { content: "Race marathon"; }

	#VDOT3 td:nth-of-type(1):before { content: "Name"; }
	#VDOT3 td:nth-of-type(2):before { content: "Time"; }
	#VDOT3 td:nth-of-type(3):before { content: "Vdot"; }
	#VDOT3 td:nth-of-type(4):before { content: "1500m"; }
	#VDOT3 td:nth-of-type(5):before { content: "Mile"; }
	#VDOT3 td:nth-of-type(6):before { content: "3,000m"; }
	#VDOT3 td:nth-of-type(7):before { content: "2-mile"; }
	#VDOT3 td:nth-of-type(8):before { content: "5,00m"; }
	#VDOT3 td:nth-of-type(9):before { content: "10,000m"; }
	#VDOT3 td:nth-of-type(10):before { content: "15km"; }
	#VDOT3 td:nth-of-type(11):before { content: "1/2 marathon"; }
	#VDOT3 td:nth-of-type(12):before { content: "Marathon"; }

}

@media only screen and (min-device-width: 984px) and (max-device-width: 1250px)  {

	section.content table#VDOT1,
	section.content table#VDOT2,
	section.content table#VDOT3 {
		font-size:.875em;
	}
	section.content table#VDOT1 th,section.content table#VDOT1 td,
	section.content table#VDOT2 th,section.content table#VDOT2 td,
	section.content table#VDOT3 th,section.content table#VDOT3 td {
		padding:5px;
	}
}

/* Training Sessions table */
@media only screen and (max-width: 700px) {
	
	/* Force table to not be like tables anymore */
	table#trainingSessions, #trainingSessions thead, #trainingSessions tbody, #trainingSessions th, #trainingSessions td, #trainingSessions tr { 
		display: block; 
		border: none;
	}

	table#trainingSessions {
		border-top: 0px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#trainingSessions thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#trainingSessions tr { border: none; }
	
	#trainingSessions td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		text-align: left !important;
	}
	
	#trainingSessions td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#trainingSessions td:after { 
	content: '\00a0';
	
	}

	#trainingSessions td:nth-of-type(1) { 	
		background: #0057A5;
		color: #fff;
		font-size: 1.25em;
 	}

	#trainingSessions td:nth-of-type(1) br,
	#trainingSessions td:nth-of-type(3) br { 	
		display: none;
	}
	
	#trainingSessions td:nth-of-type(7) { 	
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#trainingSessions td .smalltext {
		margin-left: 10px;
	}

	/*
	Label the data
	*/
	#trainingSessions td:nth-of-type(1):before { content: "Day"; }
	#trainingSessions td:nth-of-type(2):before { content: "Time"; }
	#trainingSessions td:nth-of-type(3):before { content: "Type"; }
	#trainingSessions td:nth-of-type(4):before { content: "Session"; }
	#trainingSessions td:nth-of-type(5):before { content: "Places"; }
	#trainingSessions td:nth-of-type(6):before { content: "Fee (A/J)"; }
	#trainingSessions td:nth-of-type(7):before { content: "Attend"; }
}


/* Events Listings table */
@media only screen and (max-width: 700px) {
	
	/* Force table to not be like tables anymore */
	table#eventsList, #eventsList thead, #eventsList tbody, #eventsList th, #eventsList td, #eventsList tr { 
		display: block; 
		border: none;
	}

	table#eventsList {
		border-top: 0px solid #0057A5;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table#eventsList thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#eventsList tr { border: none; }
	
	#eventsList td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		text-align: left !important;
	}
	
	#eventsList td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: calc(40% - 14px); 
		padding: 5px 7px;
		white-space: nowrap;
		font-weight: 700;
	}

	#eventsList td:after { 
	content: '\00a0';
	
	}

	/*
	Label the data
	*/
	#eventsList td:nth-of-type(1):before { content: "Type"; }
	#eventsList td:nth-of-type(2):before { content: "Date"; }
	#eventsList td:nth-of-type(3):before { content: "Event"; }
	#eventsList td:nth-of-type(4):before { content: "Age group"; }
	#eventsList td:nth-of-type(5):before { content: "Location"; }
	#eventsList td:nth-of-type(6):before { content: "Link"; }
	#eventsList td:nth-of-type(7):before { content: "Attending"; }
	#eventsList td.attending:before { content: "\00a0"; }
}
/* cmsms stylesheet: Animate modified: 04/12/18 14:38:47 */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* cmsms stylesheet: OwlCarousel2 modified: 06/12/18 01:30:08 */
/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
        touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }