.agency-background {
	background-color: #255A93;
        /*background-color: #0a5796; */
}

.agency-content-padding {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
}

.agency-logo-center {
	text-align: center;
}

.about-description {
  width: 100% !important;
}

.agency-top-padding {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative; }

.agency-top-shadow {
  -webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  -moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); 
}

#nav .active {
	background: #255A93 !important;
}

.subheader {
	background: #255A93 !important;
	min-height: 0px;
}

.subheader a {
	background: #255A93 !important;
}

.subheader a.main-filter-category,
.subheader a.main-filter-category:link,
.subheader a.main-filter-category:visited {
	background-color: #266fb7 !important;
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%)  !important;
}

.subheader a.main-filter-category:hover,
.subheader a.main-filter-category:active,
.subheader a.main-filter-category.active {
	border: 1px solid #fff !important;
	background-color: #255A93 !important;
	background-image: none !important;
}

.agency-bottom-margin {
	margin-bottom: 20px;	
}

.agency-home-resources-padding-ul li{
	padding: 20px 0 15px !important;
}

.agencies-index-ul li a {
	color: #000000;
}

/* line 20, by-the-number.scss */
.column.span3 {
  margin: 0 2% 30px 0; }
  @media (max-width: 767px) {
    /* line 20, by-the-number.scss */
    .column.span3 {
      width: 48%; } }

/* line 26, by-the-number.scss */
.column.span3:last-child {
  margin: 0; }
  
sup {
	font-size: 12px;
}

a.connect-link {
	background-color: #36add5 !important;
}

a.connect-link:hover {
	background-color: #266fb7 !important;
}

.agencies-about-links ul li.active a {
	color: #255A93;
	text-decoration: underline;
}

a, a:link, a:visited {
	color: #255A93;
}

.main-content-width {
	width: 100% !important;	
	margin: 0px 0px 20px;
}


/* EXPANDING COLLAPSING READ MORE BOXES */


.pop-show {
    padding-left: 10px;
    display:inline-block;
 }
	
.pop-close {
    float:right;
    display:inline-block;
    padding-bottom:30px;
    color: #255A93;

}

.pop-close:hover {
    cursor:pointer;

}


.pop-content {
 display:none;

}


.pop-content{
    padding: 25px;
    border: 1px solid #ccc;
    -webkit-box-shadow: -5px 5px 5px -1px rgba(0,0,163,0.1);
    -moz-box-shadow: -5px 5px 5px -1px rgba(0,0,163,0.1);
    box-shadow: -5px 5px 5px -1px rgba(0,0,163,0.1);
    -webkit-transition:ease-in-out .25s;
    -ms-transition:ease-in-out .25s;
    -moz-transition:ease-in-out .25s;
    -o-transition:ease-in-out .25s;
    transition:ease-in-out .25s;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    margin: 10px;
}

#pop-toggle-all{
    float: right;
    border: 1px solid #255A93;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 5px;
    color: #ffffff;
    background: #255A93;
}


#pop-toggle-all:hover { 
     color: #255A93;
     background: #ffffff;

}


/***************************************VERTICAL CALLOUT - NEWS BOX**************************************/


.news {
    float: right;
    width: 230px;
    height: 430px;
    background-color: #eee;
    box-shadow: -5px 5px 10px #888888; 
    -webkit-box-shadow: -5px 5px 2px #888888;
    filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='5', OffY='5', Color='#19000000');  
    border: 1px solid #255A93;
    border-radius: 6px;
    padding:10px 10px 10px 10px;
    margin: 10px 10px 10px 20px; 
}

.news-body {
    font-size: 10px;    
}



.news:hover {
/*  -webkit-box-shadow: -5px 5px 10px rgba(9,148,240,1);
  -moz-box-shadow: -5px 5px 10px rgba(9,148,240,1);
  box-shadow: -5px 5px 10px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
  border: 1px solid #ea5914;
}




/***************************************VIDEO CONTAINER**************************************/

.video-container {
    font-size: 12px;
    font-family: tahoma;
    height: 260px;
    width:340px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
	text-align:center;
	margin:auto;
	
}
	
.video-container:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
}




#video-close {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}

#video-close:hover {
        float:right;
        display:inline-block;
        padding:2px 5px;
        background:#ccc;
    color:#fff;
    }

#video-caption1 {
    float:left;
    display:inline-block;
    padding:2px 5px;
    color: #000;
}	

#video-caption2 {
    float:right;
    display:inline-block;
    color: #000;
}	


/* TABLES WITH ROWS THAT CHANGE BACKGROUND COLOR ON HOVER */

.hoverTable{
    width:100%; 
    border-collapse:collapse; 
}
.hoverTable td{ 
    /*padding:7px; border:#4e95f4 1px solid;*/
}

/* Define the default color for all the table rows */

.hoverTable tr{
    background: #fffff;
}

/* Define the hover highlight color for the table row */

.hoverTable tr:hover {
    background-color: #3597d4;

}
td.specialeffects:hover {
   color: white;
   background-color: #3597d4;
} 






/* FOR DCP QUIZZES */

b.question {
	color: #303030;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; text-decoration: none;	height: 20px;
}

p.answer {
	color: #303030; 
	font-size: 11px; 
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica; text-decoration: none; margin-bottom: 1px; margin-top: 5px;
}

h1.showscore {
	color: #3399CC; 
	font-weight: bold; 
	font-size: 14px; line-height: 15px;
	font-family: Verdana, Arial, Helvetica; text-decoration: none;
} 

.buttonbold {
	color:#000000; 
	font-weight: bold; 
	font-size: 14px; line-height: 18px;
	font-family: Verdana, Arial, Helvetica; text-decoration: blink 
} 

.imagesize {
	height: 20px; width: 20px;
}

.hlines {
	color:#C0C0C0;
}

.blueline {
	color: #03F;
	text-decoration: underline;
}
.CORRECT {
	color:#060;
	font-weight: bold;
}
.INCORRECT {
	color: #990000; font-weight: normal;
}

.INCORRECT_LARGE {
	color: #990000; 
	font-weight: normal; 
	font-size: 18px
}

.event_title {
	color: #283891; 
	font-weight: bold;
	font-size: 14px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica; text-decoration: none 
}

.event_header {
	color: #000000; 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica; text-decoration: none 
}
.page_title {
	color: #e06615;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica; text-decoration: none 
}

#frameHolder {
	width:550px;
	height: 182px
}

.standout {
	color:#1771b7; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica; text-decoration: none 
}

.normalbodytext { 
	color: #4C4C4C;
	font-size: 24px;
	line-height: 15px;
	font-family: Lato, sans-serif;; text-decoration: none 
}

.callout  {
	position:relative;
	width: 500px;
	height: 90px;
	background-color: #315488;
	padding: 10px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.calldash  {
	position:relative;
	width: 500px;
	height: 90px;
	background-color: #ffffff;
	padding: 10px;
	border-top:dotted #388E8E;
	border-bottom:dotted #388E8E;
	border-left:dotted #388E8E;
	border-right:dotted #388E8E;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.callhoriz  {
	position:relative;
	width: 500px;
	height: 150px;
	background-color: #ffffff;
	padding: 10px;
    border-top: 1px solid #315488;
    border-bottom: 1px solid #315488;
	
}
#stepimage {
    width:100px;
    float:left;
}

#section1 {
    width:60%;
	float:left;
    padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
	
	
	
}

#section1_height1{
    padding-top: 5px;
	padding-bottom: 20px;
	height: 145px;
	}

#section1_height2{
    padding-top: 10px;
	padding-bottom: 10px;
	height: 120px;
	}

#section1_height3{
    padding-top: 30px;
	padding-bottom: 0px;
	height: 80px;
	}
	


#container {
	width: 600px;
	height: 315px;
}

#nextsection {
	width: 100%;
	float:left;

}




/* WIDE HORIZONTAL CALLOUT BOX */

.calloutradius{
	margin-left:auto;	
	margin-right:auto;
	width:100%;
	height:auto;
	padding:20px;
	color:white;
	background:#333333;

}

.calloutradius.sub{
	background:white;
	border:1px solid #b4c5e0;
	color: #00539A;
	border-radius:0px 50px;


}

.calloutradius.sub > h4{
	color: #00539A;
	font-size: 17pt;

}


/* FEATURED ITEM TILES AT THE BOTTOM OF THE PAGE */

div.content-info:hover {
	-webkit-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  -moz-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  -ms-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.6); 
	-webkit-transition:ease-in-out .25s;
	-ms-transition:ease-in-out .25s;
	-moz-transition:ease-in-out .25s;
	-o-transition:ease-in-out .25s;
	transition:ease-in-out .25s;
}

div.cards.cards-frame.clearfix {
	border-bottom:1px solid #f1f1f1;
	/* width: 100%;
	position: relative;
	margin: auto;*/


}
div.cards.cards-frame.clearfix *  div.content-info {
	/* float: left; */
	margin-bottom:10px;
	-webkit-transition:ease-in-out .25s;
	-ms-transition:ease-in-out .25s;
	-moz-transition:ease-in-out .25s;
	-o-transition:ease-in-out .25s;
	transition:ease-in-out .25s;
	overflow:hidden
}


	
div.content-info > a > img:hover {

	-webkit-transition:ease-in-out .15s;
	-ms-transition:ease-in-out .15s;
	-moz-transition:ease-in-out .15s;
	-o-transition:ease-in-out .15s;
	transition:ease-in-out .15s;
	

}

div.content-info > a > img {
	/* width:100%;
	height: 50%; */
	-webkit-transition:ease-in-out .5s;
	-ms-transition:ease-in-out .5s;
	-moz-transition:ease-in-out .5s;
	-o-transition:ease-in-out .5s;
	transition:ease-in-out .5s;
	overflow:hidden;
	

}

div.cards.cards-frame.clearfix * div.content-info-inner {
	padding:0px 10px 30px 10px;
	height:50%;
/*	min-height:100px;*/
	z-index: -1;
}


div.cards.cards-frame.clearfix * div.content-info-inner > h4 {
	color:#00539a;
}

div.cards.cards-frame.clearfix * div.content-info-inner {
	border:1px solid #f1f1f1;*/
}

div.cards.cards-frame.clearfix * div.content-info-inner-noborder {
	padding:10px 10px 20px 10px;
	height:50%;
/*	min-height:100px;*/
	z-index: -1;
}

/* Hover List */

#hoverlist ul {
        list-style-type: none;
        width: 400px;
} 

#hoverlist li {
        border: 1px dotted #999;
        border-width: 1px 0;
        color: #255A93;
        /* margin: 5px 0; */
}

/*

#hoverlist li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

*/

 * html #hoverlist li a {  /* make hover effect work in IE */
	width: 400px;
}

#hoverlist li a:hover {
        background: #ffffcc;
}


/*

#hoverlist a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

*/


#hoverlist a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}


/* BACK TO TOP ARROW */

.scrollup {
    width: 40px;
    height: 40px;
    float: right;
    display: block;
    text-indent: -9999px;
    background: url('pointUp.jpg') no-repeat;
}
 
/*<--- LIST HIGHLIGHT (HOVER)   --->*/
	
ul.hoverList {
padding: 0;
margin: 0;
list-style: none;

}



ul.hoverList li a {
text-decoration: none;
display: block;
width: 100%;;
color: #255A93;
padding-bottom: 2px;
}

ul.hoverList li a:hover {
background-color: #1E4F8A;
color: #FFF;
/* font-weight:bold; */
}


/******************for hover spotlight boxes **************************/

#container-spotlightboxes {
	
   margin:auto;
}

/* #container-spotlightboxes .row-spotlightboxes {
	height: 33%;
}  */

#container-spotlightboxes .row-spotlightboxes {
	width: 780px;
/*	height: 180px; */
	overflow:hidden;
        margin:auto;

	}
  
#container-spotlightboxes .row-spotlightboxes .spotlightboxes{
  width: 31%;
/* height: 82%;; */
  float: left;
  outline: 0px #fff solid;
margin-top:10px;
  margin-bottom:30px;
  margin-right:5px;
  margin-left:5px;
  padding: 0px;
  background-color:#FFF;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #f5f5f5;
  	overflow:hidden;

}




div.spotlightboxes:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #ffffff;
}

div.spotlightboxes > a > img {
    overflow:hidden;
}

div.spotlightboxes > a > img:hover{
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
}





/**********************grey shadow boxes ******************************/

p.hover_grey_shadow:hover {
   -webkit-box-shadow: -1px -1px 2px 2px rgba(128, 128, 128,0.38);
   -moz-box-shadow: -1px -1px 2px 2px rgba(128, 128, 128, 0.38);
   box-shadow: -1px -1px 2px 2px rgba(128, 128, 128, 0.38);
   -webkit-transition:ease-in-out .25s;
   -ms-transition:ease-in-out .25s;
   -moz-transition:ease-in-out .25s;
   -o-transition:ease-in-out .25s;
   transition:ease-in-out .25s;
   border: 0px solid #ffffff;
}




/**********************2 corner radius callout box blue border ******************************/
.dualradiuscallout {

    border: 2px solid #255A93;

    padding: 10px 40px;

    width: 300px;

    text-align:center;
    margin-left: auto;

    margin-right: auto;

    border-radius: 5px 25px 5px 25px;

}




/**********************2 corner radius callout box blue background******************************/
.blueradiuscallout {

    border: 4px solid #000000;

    background: #519bf6;
    color: #ffffff;
    padding: 10px 40px;

    width: 100px;

    text-align:center;
    border-radius: 5px 25px 5px 25px;

}





/**********************bold blue bordered callout******************************/
.boldblueradiuscallout {

    border: 4px solid #255A93;
    background: #fafafa;
    padding: 10px 40px;
    width: 100p%;
    border-radius: 5px 25px 5px 25px;

}



/**********************bold orange bordered callout******************************/
.boldorangeradiuscallout {

/*    border: 1px solid #255A93;  */
    border: 1px solid #DD14900; 
    color: #DD14900;
/*  background: #1174B2;        */
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}


/**********************blue radius callout******************************/
.blueRadiusCallout {

    border: 1px solid #29549c; 
    color: #29549c;
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}


/**********************green radius callout******************************/
.greenRadiusCallout {

    border: 1px solid #95CC12; 
    text-align: center;
    color: #000;
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}

/**********************red radius callout******************************/
.redRadiusCallout {

    border: 2px solid #e2402f; 
    text-align: center;
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}

/**********************purple radius callout******************************/
.purpleRadiusCallout {

    border: 1px solid #8a4e96; 
    text-align: center;
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}


/**********************orange circular div ******************************/

.roundcallout {
/*    padding-top: 50px;   */
    width: 94px;
    height: 94px;
    line-height: 94px;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em; 
    margin-right:80px;
    border-radius: 5em;     
    background: #ea5914;
    text-align:center;
    font-size: 40px;
    font-weight: 900;
    color: #ffffff;
    float: left;
/*  border: 3px solid red;  */
}


/*********************mid-page callout*****************/


.midpageCallout {

    width: 100%;

    height: 160px;

    border-top: 1px solid #f5b732;

    border-bottom: 1px solid #f5b732;

    border-radius: 10px 10px 10px 10px;

    padding: 5px 15px 5px 15px;
    color: #004d85;

}




.gallery {
    float: left;
    width: 220px;
    height: 120px;
    border: 1px solid #999;
    margin: 0 15px 15px 0;
    padding: 5px;

}



.gallery:hover{
   border: 1px solid #255A93;

}



.clearboth {
    clear: both;
}



/**********************wellness definition ******************************/
.welldefinition {
/*  margin-left: auto;
    margin-right: auto;
    width: 70%;  */
    height: 180px;
    background: -webkit-linear-gradient(#D1FF63, #95CC12); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D1FF63, #95CC12); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D1FF63, #95CC12); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D1FF63, #95CC12); /* Standard syntax (must be last) */
/*  background-color: #95CC12; */
/*  background-color: #fecb41;  */
/*  background-color: #e9e9e9;  */
    box-shadow: -5px 5px 10px #888888; 
    -webkit-box-shadow: -5px 5px 2px #888888;
    filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='5', OffY='5', Color='#19000000');
    border: 1px solid #95CC12;
    border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
    padding:10px 10px 10px 10px;
    margin: 10px 10px 10px 20px;
    font-size: 24px;
    
}




/**********.welldefinition:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(254, 203, 65, 1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(254, 203, 65, 1);
  box-shadow: -1px -1px 6px 2px rgba(254, 203, 65, 1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #95CC12; 
}



/************Wellness Wrapper*******************/
#wellnessWrapper_left_right {

 width: 660px;

}
 
.left {
    width:235px;
    height: 235px;
    float:left;
    margin-right: 10px;
}
 
.right {
    text-align: center;
    color: #000;
}


.right h4 a:link {
    color: #000;    
}


.right h4 a:visited {
    color: #000;    
}


.right h4 a:hover {
    color: #95CC12;    
}

#wellnessWrapper {
    width: 660px;
}


/************Workwell Wrapper*******************/
#workwellWrapper_left_right {

 width: 660px;

}
 
.left {
    width:150px;
    height: 150px;
    float:left;
    margin-right: 10px;
}
 
.right {
    text-align: center;
    color: #000;
}


.right h4 a:link {
    color: #000;    
}


.right h4 a:visited {
    color: #000;    
}


.right h4 a:hover {
    color: #95CC12;    
}

#workwellWrapper {
    width: 100%;
}




/************Video Boxes *******************/

#videoWrapper {
    width: 660px;
}

.leftVideo {
    width:400px;
    height: 225px;
    float:left;
}


/*.leftVideo:hover { 
  -webkit-box-shadow: -1px -1px 6px 2px #237DBF;
  -moz-box-shadow: -1px -1px 6px 2px #237DBF;
  box-shadow: -1px -1px 6px 2px #337DBF;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #000000; 
} 
*/

.rightVideo {
    width:255px;
    height: 225px;
    float:right;
}





/*************Note - Blue************/
.noteBlue {
    background: #255A93;
    padding: 10px;
    font-size: 12pt;
    color: #FFF;
    font-weight: normal;
    width: 100%;
    border: medium none;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}


/*************Note - Peach************/
.notePeach {
    background: #fbe4d5;
    padding: 10px;
    font-size: 12pt;
    color: #000;
    font-weight: normal;
    width: 100%;
    border: medium none;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}



/*************Note - Purple************/
.notePurple {
    background: #7d3b8b;
    padding: 10px;
    color: #fff;
    text-align: center;
    max-width: 95%;
    border: medium none;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}

.notePurple a:link {
    color: #fff;
    text-decoration: none;

}

.notePurple a:visited {
    color: #fff;  
    text-decoration: none;
}





/*************Note - Red************/
.noteRed {
    background: #c00000;
    padding: 10px;
    font-size: 12pt;
    color: #FFF;
    font-weight: normal;
    width: 100%;
    border: medium none;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}


/*************Note - Green************/
.noteGreen {
    background: #95CC12;
    padding: 10px;
    font-size: 12pt;
    color: #FFF;
    font-weight: normal;
    width: 15%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 40px;
}


.noteGreen a:link {
    color: #fff;
    text-decoration: none;

}

.noteGreen a:visited {
    color: #fff;    
    text-decoration: none;
}


.noteGreen:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #ffffff;
}

/*************Note - Grey************/
.noteGrey {
    background: #59595c;
    padding: 10px;
    font-size: 18pt;
    color: #FFF;
    font-weight: bold;
    width: 80%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.50em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 40px;
}


.noteGrey a:link {
    color: #fff;
    text-decoration: none;

}

.noteGrey a:visited {
    color: #fff;    
    text-decoration: none;
}


.noteGrey:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #ffffff;
}



/*************Note - Orange************/
.noteOrange {
    background: #FF6600;
    padding: 10px;
    font-size: 18pt;
    color: #000;
    font-weight: bold;
    width: 80%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.50em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 40px;
}


.noteOrange a:link {
    color: #000;
    text-decoration: none;

}

.noteOrange a:visited {
    color: #000;    
    text-decoration: none;
}


.noteOrange:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  box-shadow: -1px -1px 6px 2px rgba(0,153,0,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #ffffff;
}





/*************Note - Medium Blue************/
.noteMedblue {
    background: #1676b8;
    padding: 10px;
    font-size: 18pt;
    color: #fff;
    font-weight: bold;
    width: 55%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.50em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 40px;
}


.noteMedblue a:link {
    color: #fff;
    text-decoration: none;

}

.noteMedblue a:visited {
    color: #fff;    
    text-decoration: none;
}


.noteMedblue:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(60,176,253,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(60,176,253,1);
  box-shadow: -1px -1px 6px 2px rgba(60,176,253,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #ffffff;
}




/*************Note - Blue with Radius************/
.noteBlueRadius {
    background: #255A93;
    padding: 10px;
    font-size: 12pt;
    color: #FFF;
    font-weight: normal;
    width: 30%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}

.noteBlueRadius a:link {
    color: #fff;
    text-decoration: none;

}

.noteBlueRadius a:visited {
    color: #fff;
    text-decoration: none;

}


/************About Video List*******************/

#aboutVideoWrapper {
   margin:auto;
}

.smallBox {
    width:120px;
    overflow:hidden;
    margin:auto;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    padding: 0px;
    float: left;
}

div.smallBox:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #ffffff;
}

div.smallBox > a > img {
    overflow:hidden;
}

div.smallBox > a > img:hover{
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
}






/******************for hover healthplan boxes **************************/

#container-healthplanboxes {
	
   margin:auto;
}

/* #container-healthplanboxes .row-healthplanboxes {
	height: 33%;
}  */

#container-healthplanboxes .row-healthplanboxes {
	width:100%;
/*	height: 180px; */
	overflow:hidden;
        margin:auto;

	}
  
#container-healthplanboxes .row-healthplanboxes .healthplanboxes{
  width: 12%;
/* height: 82%;; */
  float: left;
  outline: 0px #fff solid;
margin-top:10px;
  margin-bottom:30px;
  margin-right:5px;
  margin-left:5px;
  padding: 0px;
  background-color:#FFF;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #f5f5f5;
  	overflow:hidden;

}




.healthplanboxes:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #ffffff;

}

.healthplanboxes > a > img {
    overflow:hidden;
}

.healthplanboxes > a > img:hover{
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;

}



/***********healthplan logo enlarge************/
 
ul.healthplanlogoenlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0%;
margin-right:0%;
margin-top: 0%;
}
 

ul.healthplanlogoenlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin-left: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
}
 

ul.healthplanlogoenlarge img{
width:75px;
height: 42px;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
 

ul.healthplanlogoenlarge span{
position:absolute;
left: -9999px;
padding: 5px;
background-color:#e6e6e6;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #ffffff; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
 

ul.healthplanlogoenlarge li:hover{
z-index: 50;
cursor:pointer;
}
 
ul.healthplanlogoenlarge span.image-enlarge-wrapper{
width:250px;
height:140px;
}
 
ul.healthplanlogoenlarge span.image-enlarge-wrapper img{
width:90%;
height:90%;
}
 

ul.healthplanlogoenlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
 

//**ul.healthplanlogoenlarge li:hover:nth-child(2) span{
left: -20px; 
}
 
/**ul.healthplanlogoenlarge li:hover:nth-child(3) span{
left: -20px; 
}
 
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
 
/**ul.healthplanlogoenlarge img, ul.healthplanlogoenlarge span{
behavior: url(pie/PIE.htc); 
}


 
/***********All Videos List Enlarge************/
 
ul.videoenlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0%;
margin-right:0%;
margin-top: 0%;
}
 

ul.videoenlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin-left: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
}
 

ul.videoenlarge img{
width:100px;
height: 57px;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
 

ul.videoenlarge span{
position:absolute;
left: -9999px;
padding: 5px;
background-color:#ffffff;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #ffffff; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
 

ul.videoenlarge li:hover{
z-index: 50;
cursor:pointer;
}
 
ul.videoenlarge span.image-enlarge-wrapper{
width:250px;
height:140px;
}
 
ul.videoenlarge span.image-enlarge-wrapper img{
width:90%;
height:90%;
}
 

ul.videoenlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
 

 
/***************************LABOR NEWS**********************************/

.laborNews {
    float: right;
    color: #fff;          
    background: #ea5914;
    padding:10px 10px 10px 20px;
    width: 100%;
    max-width: 225px;
    /*height: 300px;*/
    text-align:left;
    border: 1px solid #ea5914;
    border-radius: 15px 15px 15px 15px;
    margin-left: 10px;
    
}

h1.laborNews {
    color: #fff;
    text-align:center;    
}


.laborNews a:link{
color: #fff;

}

.laborNews a:visited{
color: #fff;

}


/***************************LABOR NEWS WIDE **********************************/

.laborNewsWide {
    float: right;
/*    background: #121f1f; */
    color: #fff;          
    background: #ea5914;
    padding:5px 5px 5px 5px;
    width: 350px;
    height: 80px;
    text-align:left;
    border: 1px solid #ea5914;
    border-radius: 15px 15px 15px 15px;
/*    outline: solid black 1px;
    outline-offset: 1px; */
    
}


.laborNewsWide a:link {
color: #fff;

}



h1.laborNewsWide {
    color: #fff;
    text-align:center;    
}




/***************************LABOR NEWS SHORT**********************************/

.laborNewsShort {
    float: right;
/*    background: #121f1f; */
    color: #fff;          
    background: #ea5914;
    padding:5px 5px 5px 5px;
    width: 200px;
    height: 120px;
    text-align:left;
    border: 1px solid #ea5914;
    border-radius: 15px 15px 15px 15px;
/*    outline: solid black 1px;
    outline-offset: 1px; */
    
}


.laborNewsShort a:link {
color: #fff;

}



h1.laborNewsShort {
    color: #fff;
    text-align:center;    
}




/***************************ROLLLING BOX**********************************/


.boxRolling {
    float: right;
    width: 200px;
    height: 350px;
    background-color: #eee;
    box-shadow: -5px 5px 10px #888888; 
    -webkit-box-shadow: -5px 5px 2px #888888;
    filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='5', OffY='5', Color='#19000000');
    border: 1px solid black;
    border-radius: 6px;
    padding:10px 10px 10px 10px;
    margin: 10px 10px 10px 20px; 
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
}

.boxRolling-body {
    font-size: 10px;    
}


.box-Rolling:hover  {
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}



/******CARDS THAT FLIP IMAGES WHEN YOU MOUSEOVER******************************/

.flipcard-container {
  cursor: pointer;
  height: 360px;
  perspective: 600;
  position: relative;
  width: 200px;
  float: right;
}
.flipcard {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}
.flipcard:hover {
  transform: rotateY(180deg);
}
.flipcard .side {
  backface-visibility: hidden;
  border-radius: 6px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.flipcard .back {
  line-height: 360px;
  text-align: center;
  transform: rotateY(180deg);
}


/*****************SLIDING UNDERLINE TRANSITION***********************/

.slidingunderline {
display: inline-block;

}

.slidingunderline:after {
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;

}

.slidingunderline:hover:after {
width: 100%;
background: #ea5914;

}



/*****************YOUTUBE RESPONSIVE VIDEO CONTAINER***********************/

.youtube-container  {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;



}


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


/*****************YOUTUBE MEDIUM SIZE RESPONSIVE VIDEO CONTAINER***********************/

.youtubemedsize-container  {
   position: relative;
    width: 60%;
    padding-bottom: 56.25%;
    height: 0;

}


.youtubemedsize-container iframe {
    position: absolute;
    top:0;
    left: 30%;
    width: 100%;
    height: 100%;
}


/*****************DCP & NYCEIRA LOGIN PAGE HEADER***********************/


.logo-image-box{

 transition: 1s ease;

}



.logo-image-box:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}




/**
.logo-image-box:hover {
  -webkit-box-shadow: -2px 1px 5px rgba(9,148,240,1);
  -moz-box-shadow: -2px 1px 5px rgba(9,148,240,1);
  box-shadow: -2px 1px 5px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .1s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #ffffff;
}
**/









/********************************ANIMATED*********************************************************************************************************************************/ 
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
 
Copyright (c) 2015 Daniel Eden
*/
 
.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;
}
 
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
 
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
 
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
 
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
 
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
 
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
 
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
 
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
 
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
 
@-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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
 
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
 
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
 
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
 
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
 
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
 
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
 
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
 
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
 
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
 
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
 
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
 
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
 
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
 
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
 
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
 
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
 
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
 
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
 
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
 
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
 
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
 
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
 
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
 
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
 
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
 
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
 
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
 
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
 
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
 
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
 
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
 
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
 
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
 
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
 
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
 
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
 
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
 
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
 
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
 
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
 
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
 
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
 
@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }
 
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}
 
@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }
 
  22.2% {
 
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}
 
 
 
.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;
 
            transform-origin: center
}
 
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
 
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
 
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
 
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
 
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
 
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
 
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
 
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
 
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
 
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
 
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
 
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
 
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
 
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
 
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
 
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
 
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
 
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
 
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
 
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
 
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
 
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
 
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
 
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
 
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
 
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
 
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
 
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
 
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
 
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
 
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
 
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
 
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
 
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
 
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
 
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
 
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
 
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
 
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
 
.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: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
 
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
 
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
 
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
 
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
 
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
 
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
 
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.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;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
 
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
 
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
 
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
 
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
 
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
 
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
 
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
 
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
 
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
 
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
 
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
 
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
 
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
 
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
 
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
 
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
 
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
 
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
 
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
 
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
 
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
 
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
 
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
 
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
 
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
 
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
 
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
 
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
 
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
 
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
 
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
 
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
 
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
 
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
 
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
 
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
 
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
 
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
 
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
 
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
 
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
 
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
 
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
 
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
 
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
 
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
 
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
 
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
 
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
 
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
 
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
 
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
 
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
 
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
 
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
 
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
 
  100% {
    -webkit-transform: none;
    transform: none;
    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% {
    opacity: 1;
  }
 
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
 
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
 
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) 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;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
 
  100% {

    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
 
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
 
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
 
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
 
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
 
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
 
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
 
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
 
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
 
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
 
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
 
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
 
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
 
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
 
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
 
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
 
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
 
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
 
@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
 
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -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: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
 
@keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
 
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -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: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
 
@keyframes rollOut {
  0% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
 
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
 
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  50% {
    opacity: 1;
  }
}
 
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  50% {
    opacity: 1;
  }
}
 
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
 
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
 
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
 
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
 
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
 
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
 
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  100% {
    opacity: 0;
  }
}
 
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
 
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  100% {
    opacity: 0;
  }
}
 
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
 
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
 
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
 
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
 
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
 
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
 
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
 
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
 
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
 
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
 
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
 
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
 
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
 
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
 
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
 
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
 
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
 
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
 
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
 
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
 
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
 
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
 
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
 
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
 
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
 
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
 
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
 
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}


/*----------------------Feature Module Customization for Generic List*------------------------/
/*
 .content-info
*/

.lt-ie8 .module-stay-connected {  width: 100%;  float: left;  margin-right: 1.69492%;  display: inline;  float: right;  margin-right: 0;  *margin-left: -1em;  display: inline; }
.module-stay-connected .row.mobile {  width: 100%;  float: left;  margin-right: 1.69492%;  display: inline;  float: right;  margin-right: 0;  *margin-left: -1em;  display: inline; }
.module-stay-connected .row.mobile .button-link {  width: 100%;  float: left;  margin-right: 1.69492%;  display: inline;  float: right;  margin-right: 0;  *margin-left: -1em;  display: inline;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 18px 0;  font-size: 14px; }
.module-stay-connected .row {  float: right;  margin-right: 0;  *margin-left: -1em;  display: inline;}
.module-stay-connected .row:nth-child(1) { margin-bottom: 20px; }




.module-stay-connected .content-info-inner h4 a,
.module-stay-connected .content-info-inner p a {
  color: #333333; }


.lt-ie8 .module-stay-connected .row {
  width: 940px; }




.lt-ie8 .module-stay-connected .content-info {
  width: 100%;
  margin: 0px; }


.lt-ie8 .module-stay-connected .content-info-inner {
  height: 169px; }

/* mobile */
@media only screen and (max-width: 410px) {
  
  .module-stay-connected .module-header .button-link-arrow {
    display: none;
  }
    
}
/* mobile */
@media only screen and (max-width: 767px) {
  .module-stay-connected .button-link{width:100%;float:left;margin-right:1.69492%;display:inline;float:right;margin-right:0;*margin-left:-1em;display:inline;margin:0px;}
}

@media only screen and (min-width: 411px) and (max-width: 630px) {
  .module-stay-connected .module-header h2{margin-top:0px;margin-bottom:0px;}
  .module-stay-connected .row:nth-child(1){margin-bottom:20px;}
  .lt-ie9 .module-stay-connected .content-info img {width:auto;} 
}

/* tablet */
@media only screen and (min-width: 631px) and (max-width: 767px) {
  .module-stay-connected .module-header h2{margin-top:0px;margin-bottom:0px;}
  .module-stay-connected .row:nth-child(1){margin-bottom:0px;}
}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 959px){
  .module-stay-connected .module-header h2{margin-bottom:0px;}
  .module-stay-connected .row:nth-child(1){margin-bottom:0px;}
  .module-stay-connected .content-info-inner{height:280px;border-top: none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
  .module-stay-connected .content-info-inner{height:280px;} 
}
/* desktop */
@media only screen and (min-width: 960px) {
  .module-stay-connected .content-info-inner{height:280px;} 
}




.module-stay-connected .content-info-inner:hover {
  	-webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  	-moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  	-ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  	box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
	margin-bottom: 25px;
}

.module-stay-connected .content-info {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  background: transparent;
 }
  
  
.module-stay-connected .content-info-inner {
  background: transparent;
  border-top: none;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 25px;
}

@media only screen and (min-width: 960px) {
	.module-stay-connected .content-info-inner {
	  height: 190px;
	}
}

@media only screen and (max-width: 480px) {
	.module-stay-connected .content-info-inner {
		border: 1px solid #ccc;
		height: auto;
	}
}
@media only screen and (min-width: 631px) and (max-width: 767px) {
	.module-stay-connected .content-info-inner {
		border: 1px solid #ccc;
		height: auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
	.module-stay-connected .content-info-inner {
		border: 1px solid #ccc;
		height: auto;
	}
}

.module.module-stay-connected {
	margin-bottom: -40px !important;
}
}

/*----------------------Feature Module Customization for Generic List End*------------------------/



/*----------------------NYCE IRA IMAGE SWAP*------------------------*/


/*.nyceiraimageswap-container {
   position: relative;
   margin:auto;
   width: 420px;
   height: 245px;
}

.nyceiraimageswap {
  width: 400px;
  height: 225px;
  float: left;
  margin: auto;
}

#nyceiraimageswap img {
  position: relative;  
  max-width: 400px;
  max-height: 225px;
  clear: left;
}


#nyceiraimageswap img.top:hover {
  opacity:0;
}
*/


.nyceiraswap { 
  margin:0;
  padding:0;
  background:url("/assets/olr_2/images/content/nyceira/nyceira-thinking-about-rolling-money-transp-2state.png") no-repeat;
}

.nyceiraswap:hover img {
  display:block;
  width: 400px;
  height: 225px; 
  visibility:hidden;
}



/*---------------------IMAGE HIGHLIGHT BLUE----------------------------------*/

.imgHighlight {

  max-width:100%;
  height:auto

}


.imgHighlight:hover { 
  -webkit-box-shadow: -1px -1px 6px 2px #237DBF;
  -moz-box-shadow: -1px -1px 6px 2px #237DBF;
  box-shadow: -1px -1px 6px 2px #337DBF;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #000000; 
} 



/*---------------------OLR NEWS BANNER----------------------------------*/

.olrNewsBanner {

    border-top: 1px solid #ea5914;
    border-bottom: 1px solid #ea5914;
    color: #255A93;
    width: 100%;
}


/*---------------------TRANSITIONING IMAGES THAT ADVERTISE OUR SERVICES----------------------------------*/

#fadecycler-img {
    position:relative;
}

#fadecycler-img div {
    position:absolute;
    z-index:1
}

#fadecycler-img div.active {
    z-index:3
}



/*---------------------LEFT AND RIGHT DIV SIDE-BY-SIDE BLUE BACKGROUND----------------------------------*/


#leftcolumn {
   width: 40%;
   float: left;
   padding: 5px;
   color: #fff;
   background-color:#255A93;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
}


#leftcolumn a:link {
    color: #fff;    
}


#leftcolumn a:visited {
    color: #fff;    
}


#leftcolumn:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #ffffff;

}



#rightcolumn {
   width: 40%;
   float: left;
   margin-left: 5px;
   padding: 5px;
   color: #fff;
   background-color:#255A93;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;

}

#rightcolumn a:link {
    color: #fff;    
}


#rightcolumn a:visited {
    color: #fff;    
}

#rightcolumn:hover {
  -webkit-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -moz-box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  box-shadow: -1px -1px 6px 2px rgba(9,148,240,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #ffffff;

}

/*----------------------------- DEFINITIONS --------------------*/
.definition{
  display: inline;
  position: relative;
}

.definition:hover:after{
  background: #66CD00;
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}
		
  .definition:hover:before{
  border: solid;
  border-color: #66CD00 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.th {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-size: 14px;
} 

.outside-box{
    background-color: #fff;
    display:flex;
 	border-style: solid;
    border-width: 5px;
	border-color:#255A93;
	height: 100px;
	width: 240px;
	padding: 10px;
	margin: 5px;
}


.fixed-box{
    width: 59%;
    height: 99%;
	background-color: #fff;
 	border-color:#fff;
	float: left;
	color:#255A93;


}
.flex-box{
    width: 40%;
    height: 99%;
	border-width: 1px;
	border-color:##255A93;
	border-style: solid;
    background-color:#255A93;
	color:#fff;
	float: right;

}

.flex-box a:link {
    color: #fff;    
}


.flex-box a:visited {
    color: #fff;    
}


.flex-box a:hover {
    color: #66CD00;    
}


p.rightlogo {
     word-wrap: break-word;
}

 .careplacetime {
    color: #66CD00;
}

/***************************************INTERACTIVE VIDEO OVERLAY**************************************/



#myvideo {
	position: absolute;
	left: 0px;
	top: 0px;
    z-index: -1; /* for accessing the video by click */
}

/***************************************DISTRIBUTION PLANNING VIDEO INTERACTIVE OVERLAY SETTINGS*************************************/

#video_box{

float:left;
}

#video_overlays {

display: block;
position:absolute;
float:left;
background: rgba(255, 255, 255, 0.0);
z-index:300000;
text-align:center;
}


.btnChapter {
position:relative;
border:0px solid;
background:rgba(255,255,255,0.0);
cursor:pointer;
margin: 0 auto;
}


.btnChapter:hover {
border:0px solid;
background:rgba(255,0,0,0.0);
}

.btnChapter:focus {
outline:0;
}

.btnDivContainer {
margin-top:0px;
}


/***************************************IMAGE GRID WITH WHITE BACKGROUND*************************************/

div.imgfrm {
	 width: 80%;
/********  height: 660px; **********/
  margin:auto;
  -webkit-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  -moz-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  -ms-box-shadow: 0px 20px 30px -18px rgba(130, 130, 130, 0.6);
  box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.6); 
 border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 2px solid #f5f5f5;
	}

#imgtbl { 
  width: 100%; 
  border-collapse: collapse; 
}

#imgtbl thead th  {
	width: 120px;
	float: left;
  	outline: 0px #fff solid; 
        text-align:center;
	
}

#imgtbl tbody td {
  width: 120px;
  height: 90px;
  float: left;
  overflow:hidden;
	
}


#imgtbl tbody td.a:hover {
	-webkit-box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
-moz-box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
	-webkit-transition:ease-in-out .25s;
	-ms-transition:ease-in-out .25s;
	-moz-transition:ease-in-out .25s;
	-o-transition:ease-in-out .25s;
	transition:ease-in-out .25s;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #ffffff;

	
}


/***************************************IMAGE GRID NO BACKGROUND*************************************/
div.imgwrap {
  width: 100%;
  margin:auto;

	}

#imggrd { 
  width: 100%; 
  border-collapse: collapse; 
}

#imggrd thead th  {
	width: 120px;
	float: left;
  	outline: 0px #fff solid; 
        text-align:center;
	
}

#imggrd tbody td {
  width: 400px;
  height: 390px;
  float: left;
  overflow:hidden;
	
}


#imggrd tbody td.a:hover {
  -webkit-box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
  -moz-box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
  box-shadow: 1px 1px 2px 2px rgba(130, 130, 130, .5);
	-webkit-transition:ease-in-out .25s;
	-ms-transition:ease-in-out .25s;
	-moz-transition:ease-in-out .25s;
	-o-transition:ease-in-out .25s;
	transition:ease-in-out .25s;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #ffffff;

	
}

/*************Rounded Edge Blue Button************/
.buttonBlue {
    width:200px;
    height:50px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
    font-size:16pt;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#255A93;
    display:flex;
    align-items: center;
    justify-content:center;
}

.buttonBlue:hover {
    background: #75bf45;
    font-weight: bold;
    }


.buttonBlue a:link {
    color: #fff;
    text-decoration: none;

}
.buttonBlue a:hover {
    color: #fff;    
    text-decoration: none;
}

.buttonBlue a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************20px Rounded Edge Bright Blue Button************/


.buttonBrightBlue {
    width:220px;
    height:50px;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: medium none;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#0b57d0;
    display:flex;
    align-items: center;
    justify-content:center;
}

.buttonBrightBlue:hover {
    background: #378e02;    
    }


.buttonBrightBlue a:link {
    color: #fff;
    text-decoration: none;

}
.buttonBrightBlue a:hover {
    color: #fff;    
    text-decoration: none;
}

.buttonBrightBlue a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Rounded Edge Purple Button************/
.buttonPurple {
    width:200px;
    height:50px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
    font-size:16pt;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#c455a8;
    display:flex;
    align-items: center;
    justify-content:center;
}


.buttonPurple a:link {
    color: #fff;
    text-decoration: none;

}


.buttonPurple a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Rounded Edge Orange Button************/
.buttonOrange {
    width:200px;
    height:50px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
    font-size:16pt;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#ff7034;
    display:flex;
    align-items: center;
    justify-content:center;
}


.buttonOrange a:link {
    color: #fff;
    text-decoration: none;

}


.buttonOrange a:visited {
    color: #fff;    
    text-decoration: none;
}

/*************Blue Circle************/
.blueCircle     {
    width:60px;
    height:60px;
    border-radius:250px;
    font-size:22pt;
    font-weight: bold;
    color:#fff;
    line-height:60px;
    text-align:center;
    background:#255A93;
    display:flex;
    align-items: center;
    justify-content:center;
}

/* .blueCircle:hover {
        background: #75bf45;
    }
*/

.blueCircle a:link {
    color: #fff;
    text-decoration: none;

}
.blueCircle a:hover {
    color: #fff;    
    text-decoration: none;
}

.blueCircle a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Rounded Edge Dark Magenta Button************/
.buttonDarkmagenta {
    width:200px;
    height:50px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
    font-size:16pt;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#861657;
    display:flex;
    align-items: center;
    justify-content:center;
}


.buttonDarkmagenta a:link {
    color: #fff;
    text-decoration: none;

}


.buttonDarkmagenta a:visited {
    color: #fff;    
    text-decoration: none;
}





/*************3 Column Flexbox************/

.flexboxthree {
  display: flex;
  justify-content: space-between;
  
}
.flexboxthree .col {
  width: 20%;
    font-size:18pt;
    font-weight: bold;
    color:#fff;
    line-height:24px;
    text-align: center;
}

{
  box-sizing: border-box;
}

.col {
  background: #75bf45;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.col:hover {
        background: #f16724;
    }

.col a:link {
    color: #fff;
    text-decoration: none;

}
.col a:hover {
    color: #fff;    
    text-decoration: none;
}

.col a:visited {
    color: #fff;    
    text-decoration: none;
}

/*************MoveMORE Registration Button************/
.regbutton-container {
    display: -webkit-flex;
    display: flex;
    width: 400px;
    height: 250px;
}

.registration-images{
    width: 50%;
    height: 100px;
    margin: 10px;
}

/*************Yellow Box to Green on Hover************/
.colorbox {
   width:200px;
   height:80px;
   background:#ffc000;
   color:#000;
   font-weight:900;
   font-size:24px;
   text-align:center;
   line-height:80px;
   transition:all 0.3s ease;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
    text-decoration: none;
}
        
.colorbox:hover {
   background:#0dc931;
   text-decoration: none;

}

.colorbox a:link {
    color: #fff;
    text-decoration: none;

}

.colorbox a:visited {
    color: #fff;    
    text-decoration: none;
}

/*************Centered Orange Button************/

.centeredorangebutton {
    margin: auto;
    width: 30%;
    background: #f16724;
    font-weight: bold;
    color:#fff;
    line-height:22px;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
}

.centeredorangebutton:hover {
        background: #75bf45;
    }

.centeredorangebutton a:link {
    color: #fff;
    text-decoration: none;

}
.centeredorangebutton a:hover {
    color: #fff;    
    text-decoration: none;
}

.centeredorangebutton a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Centered Green Button************/

.centeredgreenbutton {
    margin: auto;
    width: 40%;
    background: #7ed957;
    font-weight: bold;
    color:#fff;
    line-height:22px;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
}

.centeredgreenbutton a:link {
    color: #fff;
    text-decoration: none;

}
.centeredgreenbutton a:hover {
    color: #fff;    
    text-decoration: none;
}

.centeredgreenbutton a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Centered Purple Button************/

.centeredpurplebutton {
    margin: auto;
    width: 50%;
    background: #804098;
    font-weight: bold;
    color:#fff;
    line-height:22px;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
}

.centeredpurplebutton:hover {
    background: #bc10fc;
}

.centeredpurplebutton a:link {
    color: #fff;
    text-decoration: none;

}
.centeredpurplebutton a:hover {
    color: #fff;    
    text-decoration: none;

}

.centeredpurplebutton a:visited {
    color: #fff;    
    text-decoration: none;
}



/*************Centered Button************/

.centeredtranspbutton {
    margin: auto;
    width: 40%;
    font-weight: bold;
    line-height:22px;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
}

.centeredtranspbutton a:link {
    text-decoration: none;

}
.centeredtranspbutton a:hover {
    text-decoration: none;
}

.centeredtranspbutton a:visited {
    text-decoration: none;
}



/*************Blue Grid Boxes************/

.bluebox
{
    background-color: #188ccf;
    float: left;
    position: relative;
    width: 25%;
    font-size: 24px;
    font-style: oblique;
    color: #000;
    text-align: center;
    padding: 0 5px;
    margin: 10px;
    display: flex;
}
.bluebox span {
  margin: auto; 
}
.bluebox:hover {
  background-color: 188ccf;
  opacity: .70;
  color: #FFF;
}


/*************Wellness Button Container************/
.buttonContainer {
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0 auto;
}

.wellnessbutton {
  justify-content: center;
  text-align: center;
  flex-basis: 40%;
  box-sizing: border-box;
  background: #f16724;
  margin-bottom: 20px;
/*  border-radius: 25px;  */
  padding: 10px;
  font-size: 18px;
  color: #fff;

}

.wellnessbutton:hover {
  background: #75bf45;

}

.wellnessbutton a:link {
    color: #fff;
    text-decoration: none;

}

.wellnessbutton a:visited {
    color: #fff;
    text-decoration: none;

}


.wellnessbuttonteal {
  justify-content: center;
  text-align: center;
  flex-basis: 48%;
  box-sizing: border-box;
  background: #307c89;
  margin-bottom: 20px;
  border-radius: 10px 10px 10px 10px;
/*  border-radius: 25px;  */
  padding: 10px;
  font-size: 18px;
  color: #fff;

}

.wellnessbuttonteal:hover {
  background: #6cc7cf;

}

.wellnessbuttonteal a:link {
    color: #fff;
    text-decoration: none;

}

.wellnessbuttonteal a:visited {
    color: #fff;
    text-decoration: none;

}


/*************MBF Icon Container************/

.mbficoncontainer {
  position: relative;
  width: 22%;
  float: left;
  margin: 5px;
}

.mbf-basiclife img:last-child{display:none}
.mbf-basiclife:hover img:first-child{display:none}
.mbf-basiclife:hover img:last-child{display:inline}


.mbf-gul img:last-child{display:none}
.mbf-gul:hover img:first-child{display:none}
.mbf-gul:hover img:last-child{display:inline}

.mbf-ltd img:last-child{display:none}
.mbf-ltd:hover img:first-child{display:none}
.mbf-ltd:hover img:last-child{display:inline}

.mbf-smmp img:last-child{display:none}
.mbf-smmp:hover img:first-child{display:none}
.mbf-smmp:hover img:last-child{display:inline}

.mbf-dental img:last-child{display:none}
.mbf-dental:hover img:first-child{display:none}
.mbf-dental:hover img:last-child{display:inline}

.mbf-vision img:last-child{display:none}
.mbf-vision:hover img:first-child{display:none}
.mbf-vision:hover img:last-child{display:inline}

.mbf-survivor img:last-child{display:none}
.mbf-survivor:hover img:first-child{display:none}
.mbf-survivor:hover img:last-child{display:inline}

.mbf-fitness img:last-child{display:none}
.mbf-fitness:hover img:first-child{display:none}
.mbf-fitness:hover img:last-child{display:inline}

/***************************************VERTICAL CALLOUT - HBP MEDICARE NOTE BOX**************************************/
.hbpnote {
    float: right;
    width: 230px;
    height: 300px;
    color: #fff;
    background-color: #255A93;
    border: 1px solid #000;
    border-radius: 6px;
    padding:10px 10px 10px 10px;
    margin: 10px 10px 10px 20px; 
}

.hbpnote-body {
    font-size: 10px;    
}
/***************************************WORKWELL HEART HYPERTENSION BUTTON**************************************/
.redbutton {
    background: #d30201;
    padding: 10px;
    border-radius: 15px;
    display: inline-block;
}
.redbutton a:link {
    color: #fff;   
}

.redbutton a:visited {
    color: #fff;    
}

.redbutton a:hover {
color: yellow;
}

/***************************************WORKWELL MONTHLY LOGO**************************************/
.wwmonthlylogo {
    max-width: 600px;
    max-height: 299px;
}


/*************1 Column Flexbox************/

.flexboxone {
  display: flex;
  align-items: center;
  justify-content: center;

  
}
.flexboxone  .bluecol {
  width: 60%;
    font-size:16pt;
    font-weight: bold;
    color:#fff;
    line-height:24px;
    text-align: center;


}

{
  box-sizing: border-box;
}

.bluecol {
  background: #197ec7;
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.bluecol:hover {
        background: #34a3f4;
    }

.bluecol a:link {
    color: #fff;

}
.bluecol a:hover {
    color: #fff;    

}

.bluecol a:visited {
    color: #fff;    

}


.flexboxone  .tealcol {
  width: 60%;
  font-size:16pt;
  font-weight: bold;
  color:#fff;
  line-height:24px;
  text-align: center;



}

{
  box-sizing: border-box;
}

.tealcol {
  background: #00746b;
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.tealcol:hover {
        background: #0da89c;
    }

.tealcol a:link {
    color: #fff;

}
.tealcol a:hover {
    color: #fff;    

}

.tealcol a:visited {
    color: #fff;    

}


.flexboxone  .purplecol {
  width: 100%;
  font-size:16pt;
  font-weight: bold;
  color:#fff;
  line-height:24px;
  text-align: center;



}

{
  box-sizing: border-box;
}


.purplecol {
  background: #7f3e95;
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.purplecol:hover {
        background: #C575E0;
    }

.purplecol a:link {
    color: #fff;

}
.purplecol a:hover {
    color: #fff;    

}

.purplecol a:visited {
    color: #fff;    

}

/*************4 Column Flexbox************/

.flexboxfour {
  display: flex;
  justify-content: space-between;

  
}
.flexboxfour .bluecol {
  width: 18%;
    font-size:16pt;
    font-weight: bold;
    color:#fff;
    line-height:24px;
    text-align: center;


}

{
  box-sizing: border-box;
}

.bluecol {
  background: #197ec7;
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.bluecol:hover {
        background: #34a3f4;
    }

.bluecol a:link {
    color: #fff;

}
.bluecol a:hover {
    color: #fff;    

}

.bluecol a:visited {
    color: #fff;    

}


.flexboxfour .tealcol {
  width: 18%;
  font-size:16pt;
  font-weight: bold;
  color:#fff;
  line-height:24px;
  text-align: center;


}

{
  box-sizing: border-box;
}

.tealcol {
  background: #00746b;
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.tealcol:hover {
        background: #0da89c;
    }

.tealcol a:link {
    color: #fff;

}
.tealcol a:hover {
    color: #fff;    

}

.tealcol a:visited {
    color: #fff;    

}


.transpcol {
  padding: 16px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}



/*************Takeaways************/

.takeaways {
  display: flex;
  justify-content: space-between;

  
}
.takeaways .eapgreencol {
  width: 25%;
    font-size:16pt;
    font-weight: bold;
    color:#fff;
    line-height:24px;
    text-align: center;

}

{
  box-sizing: border-box;
}

.eapgreencol {
  background: #1B693B;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.eapgreencol:hover {
        background: #1DB55B;
    }

.eapgreencol a:link {
    color: #fff;

}
.eapgreencol a:hover {
    color: #fff;    

}

.eapgreencol a:visited {
    color: #fff;    

}


/***************************************WORKWELL LEARN MORE BUTTON**************************************/
.learnmorebtn {
    background: #255a93;
    padding: 10px;
    border-radius: 15px;
    display: inline-block;
}
.learnmorebtn:hover {
        background: #5597df;
    }

.learnmorebtn a:link {
    color: #fff;   
}

.learnmorebtn a:visited {
    color: #fff;   
}

.learnmorebtn a:hover {
    color: #fff;

}



/***************************************WRAP TEXT AROUND VIDEO**************************************/

.videowraptext {
float: left;
margin: 0 20px 5px 0;
}





/****************************WELLNESS BLUESTAR GRADIENT BOXES****************************/
.wellnessbluegradientdiv {
	padding: 30px;
	background: #2d3172; 
	background: linear-gradient(to bottom right, #2d3172, #44b9d8);
}

.wellnesswhiteroundedsmall {
	text-align: center;
	padding: 30px;
	border-radius: 25px;
	border: 2px solid #ffffff;
	background: #ffffff;
	width: 100px;
	height: 100px;
	/* margin: 0 auto; */
	margin-left: 20px;
	float: left; 
}

.wellnesswhiteroundedwide {
	padding: 30px;
	border-radius: 25px;
	border: 2px solid #ffffff;
	background: #ffffff;
	width: 360px;
	height: 100px;
	/* margin: 0 auto; */
	margin-left: 20px;
	float: left; 
}

.wellnesslightbluediv {
	padding: 50px;
	background: #6e80a9; 
	color: #ffffff;
}


/******************Blue Circle With Text on Wellness BlueStar Page*********************/
.CircleWithText {
	display: table-cell;
	height: 140px; 
	width: 140px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background: #00bfd6;
	color: #fff;
	font: 48px;
}



/*************Note - BlueBorder************/
.noteBlueBorder {
    padding: 10px;
    font-size: 12pt;
    font-weight: normal;
    width: 100%;
    border: 1px solid #255A93;
    border-radius: 25px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
/*    min-width: 400px;*/
}


/*----------------- 2 COLUMN SIDE BY SIDE DIV NO BORDER NO BKGRND----------------------------*/


.columnOne {
   width: 40%;
   float: left;
   padding: 5px;

}



.columnTwo {
   width: 50%;
   float: left;
   margin-left: 5px;
   padding: 5px;

}


/*----------------- WELLNESS KNOW YOUR NUMBERS ----------------------------*/
.underlinedtext {
    color: #b13575;  
    font-size: 2em;
    font-weight: bold;
	border-bottom:1px solid #b13575;
    padding-bottom: 15px;
    padding-top: 40px; 
	padding-left: 100px;
}


.underlinedtextblack {
    color: #000;  
    font-size: 1.40em;
    font-weight: bold;
    border-bottom:1px solid #000;
    padding-bottom: 15px;
    padding-top: 40px; 
    padding-left: 90px;
}

.underlinedtextorange {
    color: #e74c38;  
    font-size: 1.40em;
    font-weight: bold;
    border-bottom:1px solid #e74c38;
    padding-bottom: 15px;
    padding-top: 40px; 
    padding-left: 90px;
}

.underlinedtextgreen {
    color: #00ac90;  
    font-size: 1.4em;
    font-weight: bold;
	border-bottom:1px solid #00ac90;
    padding-bottom: 15px;
    padding-top: 40px; 
	padding-left: 90px;
}

.underlinedtextltblue {
    color: #3cb0ef;  
    font-size: 1.4em;
    font-weight: bold;
	border-bottom:1px solid #3cb0ef;
    padding-bottom: 15px;
    padding-top: 40px; 
	padding-left: 90px;
}



/*----------------- Colored Square with Border ----------------------------*/
.coloredBox {
    padding: 10px;
    font-size: 12pt;
    font-weight: normal;
    width: 50%;
    border: 1px solid #000;
    line-height: 1.5em;
/*    margin-left: auto;
    margin-right: auto; */
    float: right;
    display: inline-block;
/*    min-width: 400px;*/
}

.orangeFill {
  background: #f9b384;
}

.lightgreenFill {
  background: #e2f0d9;
}

.blueFill {
  background: #295393;
}


/*------------ Left Image with Text on Right - No Wrapping ----------------------*/
#leftimageNowrap {
 float: left;
}

#textNowrap {
overflow: hidden;
}


/*------------ RightImage with Text on Left - No Wrapping ----------------------*/
#rightimageNowrap {
 float: right;
}

/*------------ Flex List Left Image Right Text----------------------*/

.flex-listcontainer {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-list {
  padding: 5px;
  width: 80%;
  text-align: left;
  height: 80px;
  margin-top: 10px; 
}

.flex-circle {
    margin-top: 10px;
    width:60px;
    height:60px;
    border-radius:250px;
    font-size:22pt;
    font-weight: bold;
    color:#fff;
    line-height:60px;
    text-align:center;
    background:#009ACD;
    display:flex;
    align-items: center;
    justify-content:center;
}

/*------------ Image with Vertical Right Border ----------------------*/
.imageborder {
	float: left;
	margin-right: 20px;
	border-right: solid black;
	border-width: 2px;
	padding: 5px;
	max-width: 500px;
	display: inline-block;
}


/*------------ Image Grid ----------------------*/

.grid-container {
        display: grid;
        grid-template-columns: auto auto;
	grid-gap: 20px;
       	margin-bottom: 1rem;
        margin: 0 auto;
}

.grid-container:hover {
  -moz-box-shadow: -5px 5px 10px rgba(9,148,240,1);
  box-shadow: -5px 5px 10px green;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .55s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
  border: 1px solid #ea5914;
}

      
.grid-item1 {
  grid-column: 1 / 2;
}

.grid-item2 {
  margin-top: 1em;
  grid-column: 2 / 2;
}


.grid-orangeshadow {
        display: grid;
        grid-template-columns: auto auto;
	grid-gap: 20px;
       	margin-bottom: 1rem;
        margin: 0 auto;
}

.grid-orangeshadow:hover {
  color: #000;
  -moz-box-shadow: -5px 5px 10px rgba(255, 102, 0, 1);
  box-shadow: -5px 5px 10px #ed7d31;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .55s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
  border: 1px solid #ea5914;
}



/*------------ 3 Columns Side by Side ----------------------*/

#columncontainer {
	width: 720px;
	height: 400px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;

}

#columnone {
	width: 200px;
	float: left;
	padding-top: 10px;
	text-align: center;

}

#columntwo {
	width: 200px;
	float: left;
	margin-left: 50px;
	padding-top: 10px;
	text-align: center;
}

#columnthree {
	width: 200px;
	float: right;
	padding-top: 10px;
	text-align: center;
}




/*------------ 2 Column Left and Right Items ----------------------*/

.twoColumnwrapper {
    width: 680px;
}

.leftItem {
    width:180px;
    height: 225px;
    float:left;
}


.rightItem {
    width:500px;
    height: 225px;
    float:right;
}

/*------------ Horizontal Borders ----------------------*/
.horizontalColoredline {
	border: solid #74bf45;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalGreyline {
	border: solid #b3b3b3;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalBlueline {
	border: solid #1176bc;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalGreenline {
	border: solid #74bf45;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalOrangeline {
	border: solid #ed7d31;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalMagentaline {
	border: solid #e0387d;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

.horizontalTealline {
	border: solid #03a696;
	border-width: 1px 0 0;
	clear: both;
	margin: 16px 0 16px;
	height: 0;
}

/***********logo shadow************/
 
ul.logoshadow{
list-style-type:none; /*remove the bullet point*/
margin-left:0%;
margin-right:0%;
margin-top: 0%;
}
 
ul.logoshadow li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin-left: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
}

ul.logoshadow li:hover{
z-index: 50;
cursor:pointer;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}

ul.logoshadow img{
width:200px;
padding: 6px;
}






/*************2 Column Flexbox************/

.flexboxtwo {
  display: flex;
  justify-content: space-between;
  
}
.flexboxtwoColumn {
  width: 40%;
  text-align: left;
}

{
  box-sizing: border-box;
}

.flexboxtwoColumn {
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.flexboxtwoColumn:hover {
  -moz-box-shadow: -5px 5px 10px rgba(9,148,240,1);
  box-shadow: -5px 5px 10px green;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .55s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
  border: 1px solid #ea5914;
    }

.flexboxtwoColumn a:link {
    text-decoration: none;

}
.flexboxtwoColumn a:hover {
    text-decoration: none;
}

.flexboxtwoColumn a:visited {
    text-decoration: none;
}




/*************2 Orange Column Flexbox************/


.flexboxtwoOrange {
  width: 40%;
  text-align: left;
  padding: 20px;
  background: #ed7d31;
  color: #fff;
}

.flexboxtwoOrange a:link {
    text-decoration: none;
    color: #fff;

}

.flexboxtwoOrange a:visited {
    text-decoration: none;
    color: #fff;
}

.flexboxtwoOrange:hover {
  -moz-box-shadow: -5px 5px 10px rgba(245,190,22,1);
  box-shadow: -5px 5px 10px rgba(245,190,22,1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .55s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
    }


/*************2 Orange Green Flexbox************/


.flexboxtwoGreen {
  width: 40%;
  text-align: left;
  padding: 20px;
  background: #80bb47;
  color: #fff;
}

.flexboxtwoGreen a:link {
    text-decoration: none;
    color: #fff;

}

.flexboxtwoGreen a:visited {
    text-decoration: none;
    color: #fff;
}

.flexboxtwoGreen:hover {
  -moz-box-shadow: 0px 0px 10px 10px rgba(218, 223, 225, 1);
  box-shadow: 0px 0px 10px 10px rgba(218, 223, 225, 1);
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .55s;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px; */
    }





/*************Note Box************/
.noteboxGrey {
    margin-top: 10px; 
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    border-radius: 10px;
    font-weight: 100;
    background: #eee;
    display: block;
    justify-content: center;
}



/*************Responsive Grid************/

.respGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1rem;

    .gridItem {
        
        .gridIteminfo {
            padding: 1rem;
        }

    }
}



/*************Callout - Grey************/
.calloutLightGrey {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
     margin-top: 20px;
     width: 65%;
     position: relative;
     background: #ededed;
     border: medium none;
     border-radius: 10px 10px 10px 10px;
     display: block;
}

.calloutLightGreyHeading {
     position: relative;
     top: 0;
     left: 0;
     padding: 10px;
}



.calloutLightGreyText {
     position: relative;
     top: 0;
     left: 0;
     padding-left: 10px;
     padding-bottom: 10px;
}


.calloutLightGrey a:link {
    color: #fff;
    text-decoration: none;

}

.calloutLightGrey a:visited {
    color: #fff;    
    text-decoration: none;
}



.calloutMediumGrey {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
     margin-top: 20px;
     width: 65%;
     position: relative;
     background: #616161;
     border: medium none;
     border-radius: 10px 10px 10px 10px;
     display: block;
     text-align:center;
}

.calloutMediumGreyHeading {
     position: relative;
     top: 0;
     left: 0;
     padding: 10px;
}


.calloutMediumGreyText {
     position: relative;
     top: 0;
     left: 0;
     padding-left: 10px;
     padding-bottom: 10px;
     padding-top: 10px;
     display: inline-block;
}


.calloutMediumGrey a:link {
    color: #fff;
    text-decoration: none;

}

.calloutMediumGrey a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Callout - Medium Blue************/

.calloutbtnMediumBlue {
    /** margin-left: auto;
     margin-right: auto; 
     margin-bottom: 20px;
     margin-top: 20px; **/
     width: 65%;
     position: relative;
    background: #305992;
     border: medium none;
     border-radius: 10px 10px 10px 10px;
     display: block;
     text-align:center;
}

.calloutbtnMediumBlueHeading {
     position: relative;
     top: 0;
     left: 0;
     padding: 10px;
}


.calloutbtnMediumBlueText {
     position: relative;
     top: 0;
     left: 0;
     padding-left: 10px;
     padding-bottom: 10px;
     padding-top: 12px;
     display: inline-block;
}


.calloutbtnMediumBlue a:link {
    color: #fff;
    text-decoration: none;

}

.calloutbtnMediumBlue:hover {
     background: #269046;

}

.calloutbtnMediumBlue a:visited {
    color: #fff;    
    text-decoration: none;
}




/*************Blue Radius Button************/
.blueRadiusButton {
    background: #2979de;
    padding: 10px;
    font-size: 12pt;
    color: #FFF;
    font-weight: normal;
    width: 50%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    min-width: 400px;*/
}

.blueRadiusButton:hover {
    background: #75bf45;
}


.blueRadiusButton a:link {
    color: #fff;
    text-decoration: none;

}

.blueRadiusButton a:visited {
    color: #fff;
    text-decoration: none;

}


/**********************blue radius callout with black text******************************/
.blueBorderBlackText {
    border: 1px solid #29549c; 
    padding: 10px 40px;
    width: 85%;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 100px;

}



/************Account Login *******************/

#accountLoginWrapper {
    width: 660px;
}

.accountLogin {
    width:225px;
    float:left;
}

.accountLogin:hover {
  -webkit-box-shadow: -1px -1px 6px 2px #237DBF;
  -moz-box-shadow: -1px -1px 6px 2px #237DBF;
  box-shadow: -1px -1px 6px 2px #337DBF;
  -webkit-transition:ease-in-out .25s;
  -ms-transition:ease-in-out .25s;
  -moz-transition:ease-in-out .25s;
  -o-transition:ease-in-out .25s;
  transition:ease-in-out .25s;
  border: 0px solid #000000; 
} 


.accountLoginRight {
    width:425px;
    float:right;
}


/************Article Box*******************/
.articleRed {
    background: #cc0000;
    padding: 10px;
    font-size: 12pt;
    color: #fff;
    font-weight: normal;
    width: 90%;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/*************Rounded Edge Green Button************/
.buttonGreen {
    width:240px;
    height:50px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: medium none;
    font-size: 14pt;
    font-weight: normal;
    color:#fff;
    text-align:center;
    background:#75bf45;
    display:flex;
    align-items: center;
    justify-content:center;
}

.buttonGreen:hover {
    background: #255A93;
    font-size: 16pt;
    }


.buttonGreen a:link {
    color: #fff;
    text-decoration: none;

}
.buttonGreen a:hover {
    color: #fff;    
    text-decoration: none;
}

.buttonGreen a:visited {
    color: #fff;    
    text-decoration: none;
}


/***************************COVID NEWS BOX**********************************/

.newsPurple {
    float: right;
    color: #fff;          
    background: #572961;
    padding:10px 10px 10px 20px;
    width: 100%;
    max-width: 225px;
    /*height: 300px;*/
    text-align:left;
    border: 1px solid #572961;
    border-radius: 15px 15px 15px 15px;
    margin-left: 10px;
    box-shadow: -5px 5px 10px #888888; 
    -webkit-box-shadow: -5px 5px 2px #888888;
    filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='5', OffY='5', Color='#19000000');  
    padding:10px 10px 10px 10px;
    margin: 10px 10px 10px 20px; 
}

    
}

h1.newsPurple {
    color: #fff;
    text-align:center;    
}


.newsPurple a:link{
color: #fff;

}

.newsPurple a:visited{
color: #fff;

}



/***************************Colored Tile**********************************/

.coloredtilewrapper {
  margin: auto;
  width: 60%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between; 
}

.coloredtile{ 
    width:100px; 
    height:100px; 
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; 
    padding: 10px;
    text-align: center;
    color: #fff;
} 
 
.coloredtilered{ 
	background:#ea2127; 
} 
.coloredtilegreen{ 
	background:#07bd14; 
} 
.coloredtilelightblue{ 
	background:#1abaee; 
}
.coloredtileorange{
        background:#f79534;
} 

.coloredTilePurple {
    color: #d836eb;          
    background: #572961;
    padding: 5px 5px 5px 5px;
    width: 120px;
    height: 120px;
    text-align:left;
    border: 1px solid #572961;
    border-radius: 15px 15px 15px 15px;
    
}



/*************3 Column Flexbox************/

.flexboxthree {
  display: flex;
  justify-content: space-between;
  
}
.flexboxthreeColumn {
  width: 30%;
  text-align: center;
}

{
  box-sizing: border-box;
}

.flexboxthreeColumn {
  padding: 20px;
  border: 1px solid #ea5914;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: medium none;
}

.flexboxthreeColumn a:hover {
  text-decoration: none;

}



.flexboxthreeColumn a:link {
    text-decoration: none;

}


.flexboxthreeColumn a:visited {
    text-decoration: none;
}

/*************3 Column Flexbox************/
#video-wrap {
float: left;
margin: 0 20px 5px 0;
}




/*************Bordered Rectangles************/

.borderBannercontainer {
  width: 100%;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding-right: 5px;
  vertical-align: top;
}



/*************Bordered Squares ************/
.squarecontent {
   border: 1px solid black;
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;

}

/*************Bordered Squares 5 Across************/

.square-container5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

/*************Bordered Squares 4 Across************/

.square-container4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}


/*************Bordered Squares 3 Across************/

.square-container3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}


/*************Bordered Squares 2 Across************/

.square-container2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}



/*************Bordered Banner Rectangles************/

.leftbannerimage {
    width:50%;
    float:left;
}

.rightbannertext {
    width:45%;
    float:left;
    margin-left:20px;
}

/*************Flex Container and Buttons ************/
.flexbuttoncontainer {
  display: flex;
  flex-wrap: wrap;
  
  
  margin: 0 auto;
  max-width: 75em;
}

purpleflexbutton {
  flex: 1; 
  background-color: #7e3e96;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}


purpleflexbutton:hover {
    background: #bc10fc;
}

purpleflexbutton a:link {
    color: #fff;
    text-decoration: none;

}
purpleflexbutton a:hover {
    color: #fff;    
    text-decoration: none;

}

purpleflexbutton a:visited {
    color: #fff;    
    text-decoration: none;
}


blueflexbutton {
  flex: 1;
  background-color: #305992;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

redorangeflexbutton {
  flex: 1;
  background-color: #e2291e;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

redflexbutton:hover {
    background: #c51207;
}

redflexbutton a:link {
    color: #fff;
    text-decoration: none;

}
redflexbutton a:hover {
    color: #fff;    
    text-decoration: none;

}
redflexbutton a:visited {
    color: #fff;    
    text-decoration: none;
}

orangeflexbutton {
  flex: 1;
  background-color: #ec722e;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

redflexbutton {
  flex: 1;
  background-color: #db1508;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}


fuchsiaflexbutton {
  flex: 1;
  background-color: #e31e7a;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

.greenflexbutton {
  flex: 1;
  background-color: #1e774f;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: white;
  display: block;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

.greenflexbutton:hover {
    background: #71be4a;
}

.greenflexbutton a:link {
    color: #fff;
    text-decoration: none;

}
.greenflexbutton a:hover {
    color: #fff;    
    text-decoration: none;

}
.greenflexbutton a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Pill Shaped Buttons ************/

.pillPink {
  float: right;
  max-width: 300px;
  max-height: 60px;
  font-family: 'Nunito', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 740;
  color: white;
  background: #ee1fef;
  background: linear-gradient(90deg, rgba(255,102,204,1) 0%, rgba(238,31,239,1) 100%);
  border: none;
  border-radius:100px;
  box-shadow: 12px 12px 24px rgba(255,102,204,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 20px;
  }

.pillPink a:link {
    color: #fff;
    text-decoration: none;

}

.pillPink a:visited {
    color: #fff;    
    text-decoration: none;
}


/*************Rectanglular Bordered Box 2 Side by Side Colored Box on Left************/

.rectParent {
  margin: 1rem;
}
.rectChildmagenta {
  display: inline-block;
  padding: 2rem 2rem;
  background: #861657;
  vertical-align: middle;
  width: 20%;
  text-align: center;
  color: #fff;
  font-size: 1.5em;

}
.rectChildorange {
  display:inline-block;
  padding: 2rem 2rem;
  background: #ef6a26;
  vertical-align: middle;
  width: 20%;
  text-align: center;
  color: #fff;
  font-size: 1.5em;

}
.rectChildgrey {
  display: inline-block;
  padding: 2rem 2rem;
  background: #a6a6a6;
  vertical-align: middle;
  width: 20%;
  text-align: center;
  color: #fff;
  font-size: 1.5em;

}
.rectChild2 {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  margin-left: 20px;
  margin-top: -1px;

}

/*************ADA Compliant Expand Collapse Boxes************/


.faq-v1 .faq-questions {
    background: #d4ebff;
    border-radius: 5px;
    padding: 0 .5rem;
    display: flex;
    flex-flow: row nowrap;
}


/*************Image Boxes************/

.stacked-image img {
  width:20%;
  float: left;
  margin:1.66%;
  border: 1px;
}


/*************Responsive Grid************/

.grid-respcontainer {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 10px; /* spacing between rows and columns */
    }

    .grid-item {
      background: #fff;
      padding: 10px;
    }

    .grid-item img {
      width: 100%;
      height: auto;
      display: block;
    }

    .grid-item p {
      margin-top: 10px;